اضافة معلومات عن الموضوع فى القائمة الجانبية مع أزرار التحميل و المعاينة

إعلان أدسنس

آخر المواضيع

breaking/قوالب بلوجر/9
مقالات

الجمعة، 4 أغسطس، 2017

أغسطس 04, 2017

تكبير النص تصغير النص أعادة للحجم الطبيعي

اضافة ضمن اضافات بلوجر التى سوف تجدها فى قسم اضافات بلوجر على المدونة وهذه الإضافة هى كيفية اضافة معلومات عن الموضوع فى القائمة الجانبية مع أزرار التحميل بمعنى أن يمكنك اضافة معلومات عن الموضوع الذى سوف تنشره على مدونتك وبالأخص معلومات عن قالب بلوجر تعرض للبيع لأن الإضافة هذه تعمل هكذا .



وسوف تجد مع الإضافة ازرار معاينة وتحميل بشكل رائع يمكنك من خلالها وضع رابط معاينة للقالب أو العمل الذى تريده  ويمكنك ايضا وضع رابط بسعر القالب الذى سوف تريد بيعه مع وضع فى هذا الرابط طريقة الدفع ، ويمكنك اذا كانت لديك خبرة ولو قليله تغيير اعدادات الإضافة لوضع معلومات اخر عن اى شئ تريده غير قالب بلوجر تريد بيه .



ويمكنك ايضا عرض اى شئ فى هذه الإضافة وليس قوالب بلوجر فقط بس عرض تصميم عرض اى شئ .

شرح التركيب

  • قم بالبحث أولا عن هذا الوسم]]></b:skin>ثم قم بوضع الكود التالى فوقه.

  • #store-style{overflow:hidden;background:#fff;border:1px solid #ddd;padding:25px 10px 10px;margin-bottom:20px}
    #store-style .storebutton{background:#07ACEC;color:#fff;font-weight:bold;border-radius:3px;text-align:center;transition:all .4s ease-in-out;position:relative}.rio-ss{padding-top:15px;overflow:hidden}.idb{line-height:1.5;padding:25px 0 5px}
    #store-style .storebutton:hover{background:#333;color:#fff}.but1{padding:10px 95px}.but2{padding:10px 84px} .storelist{padding:12px 10px;border-bottom:1px solid #ddd;width:100%;float:right} .storelist:last-child{border-bottom:none}
    .storelist:before{content:"\f05d";font-family:FontAwesome;font-size:13px;font-style:normal;font-weight:400;padding:5px}

    • الأن أبحث عن هذا الوسم</head>ثم قم وضع الكود التالى فوقه وفى بعض القوالب سوف تجد الوسم 
    • هكذا&lt;/head&gt;&lt;!--<head/>--&gt;ضع ايضا فوقه الكود التالى.

    • <script type='text/javascript'> /*<![CDATA[*/ $(document).ready(function(){ $('a[name="details"]').before($('#Theme-details').html()); $('#Theme-details').html(''); }); /*]]>*/ </script>

      • بعد ذلك سوف تقوم بحفظ القالب وسوف تنتقل الى الموضوع الجديد الذى سوف تضع به الإضافة أو أى موضوع تريده .
      • الأن مع اخر كود فى الإضافة وهو الكود الذى سوف تقوم بوضع فى الموضوع عندما تقوم بكتابته فى وضع html من الموضوع كما فى هذه الصورة ويفضل وضع اخر شئ عندما تنتهى من كتابة الموضوع كامل
      • وهذا هو الكود وبعد وضعه سوف تقوم بالتعديل عليه بما يخضك .

      • <div style="display: none;">
        <div id="Theme-details">
        <div id="store-style">
        <center>
        <a class="storebutton but1" href="https://draft.blogger.com/blogger.g?blogID=7586452364121532876#LINK-DEMO" target="_blank">مشاهدة العمل</a></center>
        <div class="rio-ss idb">
        يمكنك مشاهدة العمل من الرابط فى الاعلى لمعاينة كل شئ عن العمل</div>
        </div>
        <div id="store-style">
        <center>
        <a class="storebutton but2" href="https://draft.blogger.com/blogger.g?blogID=7586452364121532876#LINK-PURCHASE" target="_blank">شراء الأن - 10 دولار</a></center>
        <div class="rio-ss">
        <span class="storelist">تحديثات العمل بشكل مستمر</span>
        <span class="storelist">حذف حقوق العمل</span>
        <span class="storelist">تقديم نطاق مجانى</span>
        <span class="storelist">لا يوجد فى العمل أكواد مشفرة</span>
        <span class="storelist">دعم فنى مجانى</span>
        <span class="storelist">وأكثر بكثير...</span></div>
        </div>
        
        

        فى الكود السابق محدد لك كل ما سوف تقوم بتغييره حتى تعمل الإضافة كما تريد وبعد التعديل على الكود بعد وضعه فى الموضوع سوف تقوم بحفظ الموضوع وبمبروك عليك الإضافة.


        هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنسى مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق.

إرسال تعليق

مقالات