الجمعة، 14 ديسمبر 2012

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



مرحبا بكم إخواني الكرام زوار مدونة أفكارPro

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

فبتطبيقك لهذا الدرس سوف توفر لزوارك أزرار لنشر مواضيعك على :Facebook, Google Plus, Twitter, Digg, Delicious, Setumbleupon 

مميزات الإضافة :

* كل هذه المواقع هي مواقع لشبكات اجتماعية كبيرة, غنية عن التعريف.

* تجعل مظهر مدونتك بمظهر جميل وأنيق.


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


الآن سوف نمر لتركيب هذه الإضافة  :


1- توجه إلى لوحة تحكم البلوجر الخاصة بك, ثم إلى القالب وبعد ذلك أدخل إلى تحرير القالب, ولا نتسى التعليم على توسيع القالب.

2- ثم قم بالضغط على Ctrl + F للبحث على الكود التالي :
]]></b:skin>
3- ثم قم بنسخ الكود أسفله فوقه مباشرة :
.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/AVvXsEgDJ_1ZrDRzB1e27kMmykRQQ0I1SUTvYR7o_gnrFIjxD6Ho-oIYmiXwe5KD8ZGO9CAoLrAglsXAnfs7d6zrfJpHpWHd2k4jRWy9apUGspMrqeOZoG8NI8Liwlh6PTspU2eNj4Xk0aY8gDh-/s1600/delicious.png) no-repeat}.mini-stumble{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6BokX4f6LiATVO8ih8Y-V2CAjG1OWdlYmM0bAcQfODN1asR_XZVhZo_iNpwtM8uY9vX95RtcuCZ4yWVhaNJ59d879LVqTiB867T0jt7LpdoivsiE6EXcVUf2HkOkaIQM8V0ijhLmsUT6A/s1600/stumbleupon.png) no-repeat}.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKnkH2suL0pEaDUHJ7RVBMJIHY0kLw81jQvv3UnZbadRApadYZZWhCfuO0nZStXRxbM1uxWAcGuZ_jQWnNhckddr-YyvoCCanuddfE2yO4Ex4aULqDJfKmznWGvAdm8srbu7y2-fe0vXj/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}
4- بعد ذلك قم بالضغط على Ctrl + F للبحث عن الكود التالي :
<data:post.body/>
5- ثم انسخ الكود التالي فوقه مياشرة :
<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>
ضع كود اعلان أدسنس بقياس(280*336) : هنا ضع كود إعلان أدسنس الخاص بك

ملاحظة : يجب عليك إختيار كود اعلان أدسنس بقياس(280*336) ليتناسب مع هذه الإضافة.

6- في الأخير قم بحفظ القالب.

*! إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله.




ـ
روابط هذه التدوينة قابلة للنسخ واللصق
URL
HTML
BBCode

التعلـيــقــات : 0

إرســــــال تعليــــق