تابعوني على الفيس بوك

الاثنين، 1 سبتمبر 2014

طريقة دمج إعلانات Google Adsense داخل المواضيع مع وضع أزرار النشر على المواقع الاجتماعية بجانبها


طريقة دمج إعلانات Google Adsense داخل المواضيع مع وضع أزرار النشر على المواقع الاجتماعية بجانبها


السلام عليكم ورحمة الله وبركاته. 
درس اليوم هو عن طريقة دمج إعلانات Google Adsense داخل المواضيع مع وضع أزرار النشر على المواقع الاجتماعية بجانبها .
هذه الإضافة تمتاز بمايلي:
1-مظهر جميل وأنيق.
2-لفت إنتباه الزوار للإعلان وهذا يزيد من إحتمال ضغطهم عليه.
3-مشاركة المواضيع عبر مختلف الشبكات الاجتماعية .

تركيب الاضافة:


1.توجه إلى لوحة التحكم الخاصة بمدونتك.
2.إضغط على قالب.
3. ثم تحريرhtml.
4.إضغط على متابعة.
5.إختار توسيع القالب
6. إبحث عن هذا الكود باستعمال Ctrl+F:
]]></b:skin>

7.ثم قم بوضع الكود التالي فوقه مباشرة :

.ads{margin-bottom:10px;border-top:solid 1px #dedede;padding-top:10px;font-size:13px}.ads-right-min{border-right:solid 1px #dedede;height:250px;padding-right:10px}.ads-right-min a:link,.ads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{color:#222;display:block;height:32px;width:140px;font-size:12px;line-height:22px;margin-top:10px;padding-left:42px}.ads-right-min a:hover,.bottom-share-links a:hover{color:#666}.mini-facebook{background:url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/facebook.png) no-repeat}.mini-tweet{background:url(http://cdn1.iconfinder.com/data/icons/WPZOOM_Social_Networking_Icon_Set/32/twitter.png) no-repeat}.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89xI01PwBCfTbZ_2I5tbpjFQ3XJUfAVvGI0TYPdovRZl9F9nUy94VkOkvMfoLd83WtdNRKc8sxWql09wk-ixO7zLc24nVvZ1OhRfukUafzv-VBRz3jlWi0qc40T9gc9lF955KIXp8fNxr/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfizBdlffYlrxfhmW46ZFN23ULArlW9pvu3L0vu3BWFWvAr9EOKiQrQ4QjWhkpIHATQo0d4g9wvDCLWPlsNZBYHGwvwRvdzXksRBAp8aFU3PmvLsiEvovCsXl8ZfrMTV-AuNPtHwWsfvcm/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg00eNR-12wanp-Mf6zMTqrjPGTtGDRIajbmyI2K1CMr6kRx32y_jLT2V9mIN-hlIemqkFeslcK___N8LViHMt23ll2-ZDAiPH38HOH2E03oW_qiWdkWL-xQzaAuP2UE0GONcT_PaxNvhPQ/s1600/digg.png) no-repeat}.mini-plus{background:url(http://cdn1.iconfinder.com/data/icons/GooglePlus_IconSet/32x32/1.png) no-repeat}.flt-wdt{position:fixed;margin-right:10px;left:0;top:40%}.flt-wdt img{float:left;clear:left;margin:5px}


8.ثم قم بالبحث عن الكود التالي(إذا وجدت أكثر من واحد فالتاني هو المقصود) :
<data:post.body/>
9.بعد تحديد الكود ضع الكود التالي فوقه مباشرة :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='ads'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='354'>ضع كود اعلان أدسنس بقياس(280*336) </td><td><div class='ads-right-min'><a class='mini-plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>شاركه على  +Google</a><a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى Delicious</a><a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' rel='external nofollow' target='_blank'>شاركه على Twitter</a><a class='mini-facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>شاركه على  Facebook</a><a class='mini-stumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى StumbleUpon</a><a class='mini-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>أضفه الى Digg</a></div></td></tr></table></div></b:if>

10.قم بتغير  ضع كود اعلان أدسنس بقياس(280*336)   بكود اعلان أدسنس بقياس(280*336) - تابع طريقة الحصول على كود إعلان أدسنس في الأسفل -

طريقة الحصول على كود إعلان أدسنس (280*336):

1.توجه إلى لوحة التحكم الخاصة بحسابك أدسنس.
2.إضغط على إعلاناتي.
3.إنشاء إعلان جديد.
4.إختار وحدة إعلانية من حجم (280*336) .
5.اختر الألوان وما إلى ذلك ثم إضغط حفظ وتحصل على الشفرةاضا
6.تتحصل على كود قم بنسخه ثم توجه إلى هذا الموقع: إضغط هنا .
7.ضع كود إعلان أدسنس في الجدول واضغط make it friendly.
8.لتتحصل على كود إعلان أدسنس الذي يجب دمجه مع الأداة.

لا تنسى حفظ القالب .



أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع  إستفساراتكم في تعليق.

المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets