JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

الصفحة الرئيسية

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


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

هذه الإضافة تمتاز بمايلي :

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

طريقة تركيب الإضافة : 

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

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

.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/AVvXsEj4H9IXe6GbH9N-ghlab4-5JNuqZcelFO0ZpgZQ4iS9RSd1XfxK2-pTYKvF8iIxPd4xbEjDUAu5DXGEhp7Ds6lxyPtxhfnhUjQNilBe78ec4lFL8nliSu95gl003-aid9IW4pMzGaHvjMoj/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizBLRNGtj5YummfAertn4WrEFEbG6k7NgTFC1T_L6Qn17lssUy_gG6FQmHAxyJU6tizbxtAKfRXo8gPNlX9l0yKYlpaaWk2aCpTkcCEAUfxJnq7hVLndw8rJE5Uq3gORrxvenOmYRcUhyx/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG2tdCiWjzXzht31vHKb0JOVHJimRDeRi0zMEyEj8vA_qf6IpjvIH_mu-H4N2vvEb0LFiWhFd3Npjbp7csqxTtFqnh_Q8V69qU_1tw2Kdf55GLPO58-mlJ_n-DalXHN8ZBo_pi2OtqmjtG/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}


6 - ثم قم بالبحث عن الكود التالي (إذا وجدت أكثر من واحد فالثاني هو المقصود) :

<data:post.body/>

7 - بعد تحديد الكود المناسب ، ضع الكود التالي فوقه أو قبله مباشرة :

<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>


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

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

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

و أخيرا لا تنسى حفظ القالب بعد التعديلات اللازمة.

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

Maher

تعليقات
ليست هناك تعليقات
إرسال تعليق
    الاسمبريد إلكترونيرسالة