الخميس، 19 فبراير 2015

  • الطريقة الصحيحة لإضافة إعلانات داخل المواضيع

    إضافة إعلانات داخل المواضيع

    الطريقة الصحيحة لإضافة إعلانات داخل المواضيع

    السلام عليكم ورحمة الله وبركاته ، بداية أسبوع موفقة للجميع .. درسنا اليوم يوجد بالعديد من المدونات إلا اني سأشرحه بطريقتي الخاصة مع النظرة الجميلة أيضا ليس فقط ضع إعلان وإنتهى الموضوع ! ربما لن يهمك أين يسكون الإعلان في الوسط او تحت بعض لا فكل شيئ يتمحور حول الرؤية والمكان الصحيح له لجذب انتباه الزائر له سأقدم لكم وحدات إعلانية مقاس 300x250 و 280x336 هما الأكثر استعمالا ايضا بإعتبار مقاس البوست الذي يكون به المواضيع مثال أول  و مثال ثاني .
    شرح طريقة التركيب

    1 . توجه لقالب >> تحرير 
    2. ابحث بإستعمال Ctrl+F عن :  ]]></b:skin>
    3. ضع مقاس الإعلان المختار فوقه

    إعلانين مقاس 280x336
    /* ads-ar1web */.adspostsfotter {
    line-height: 15;
    margin-bottom: 1px;
    margin: 0 auto;
    overflow: hidden;
    padding: 7px 10px;
    text-align: center;
    width: 760px;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD1Hi015y4GIrviwN_VD5x-uMwq429PVTW5ijaEh0-e1lh-vwFap2E1YLUJUVR6e2ve1ooTLSeyAMn9pyIRyJnFiNAj_rbpX_56-aRxXbUfnizXyycEP9SxTV7ctAVbLP-fIXhgEYgmLg/s1600/pattern-1.png);
    }
    .ads1post, .ads2post {
    background: none repeat scroll 0 0 #E0E0E0;
    height: 280px;
    width: 336px;
    }

    .ads1post {
    float: right;
    }
    .ads2post {
    float: right;
    }
     
    إعلانين مقاس  250x300
    /* ads-ar1web */
    .adspostsfotter {
    line-height: 15;
    margin-bottom: 1px;
    margin-right: -16px;
    overflow: hidden;
    padding: 15px 2px;
    text-align: center;
    width: 672px;
    }
    .ads1post, .ads2post {
    background: none repeat scroll 0 0 #F7F5F5;
    height: 280px;
    width: 335px;
    }

    .ads1post {
    float: right;
    }
    .ads2post {
    float: left;
    }
    4. ابحث عن <data:post.body/> ضع قبله  أو بعده الكود الأتي
    * ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود -- بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد بالبحث عن الإسم .. فوق بداية الوسم ضع الكود التالي:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!--Add Adsense Code Here / Before Post Footer (Show Only Post Page)-->
    <div class='adspostsfotter'>
    <div class='ads1post'>
    إعلانك هنا

    </div>
    <div class='ads2post'>

    إعلانك هنا
    </div>
    </div>

    </b:if>
    <div class='clear'/>
    5 ضع كود الإعلان ادسنس أو حسوب إلخ بعد تحويله من هنا بدل إعلانك هنا
    6. قم بحفظ العمل ثم إنتظر دقائق لظهور الإعلان
    * لمن لا يتوفر على حساب ادسنس ... يمكنك وضع صورة إعلانية عادية بإضافة الكود التالي بدل إعلانك هنا
    <a href="الرابط هنا"><img border="0" src="رابط الصورة هنا"></a>
    دائما اوجه كلامي لمن واجهته مشكلة فسأستقبل ردودكم لحل المشكل وفقكم الله تحياتي ـ أخوكم طارق 
     

    ليست هناك تعليقات :

    إرسال تعليق