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

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

نبدأ على بركة الله

مـشـاهـدة مـبـاشـرة

الشرح :

1-قم بتسجيل الدخول إلى حسابك بلوجر.
2- من لوحة التحكم الخاصة بمدونتك توجه إلى قالب .
3- بعدها إختر تحرير HTML ثم أنقر على متابعة .
4- بعد ظهور صفحة تعديل القالب إختر توسيع قوالب عناصر واجهة المستخدم.
5- الأن قم بالبحث عن :

]]></b:skin>

بعد إيجاد الكود ضع هذا قبله

 .ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{
font-size:12px;
color:#222;
display:block;
height:22px;
line-height:22px;
margin-bottom:16px;
padding-left:32px;
}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-tech{background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAAAFqw/UpGK_0UQUZg/technorati.gif) no-repeat;}
.mini-facebook{background:url(
http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAAAAAAAFq0/ktY0xwRy4Oo/fb.gif
) no-repeat;}
.mini-tweet{background:url(
http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAAAAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat;}
.mini-del{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4EqO97NZ8OXJPzwY-iFFvuz1Cfhg7uO2bYjpG8ARHkdOC3O01g2cztpsNbfGHzcVXxDa0Y7iaGQWywUUWChjIcW_7h5lJqxnP9vsoYgXNDrQresFJikdj32fmjOpMyRqxPBvQF06J3j4/s800/delicious_icon.jpg) no-repeat;}
.mini-stumble{background:url(
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnyf203vxFcaaHrXHderUKk4TIZV0y31wsezP6KLvxvX-gjx_BFM8TvKJE7cmsrRHxcJslbOXuaw_yMSeqfvnhfvjs3_Vdlp6sPuyNgo7du4TR5W-ce-z7GhzrtS0kjIuyXZqUqoVjEQA/s800/stumbleupon%20icon.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Jp0wvqP8HEqW83Jv6z4qJg388dd4K66WhIWkDogsdthMSq77W1O691AH0wwZSHmSYPP4PjZO-gwFx4hnI70TPJvm0wE8kfJr6YiCZCZPbPwq1EVp4sEo16ZotyFIg5Q-34H9_t6VCk0/s800/Digg_icon.png) no-repeat;}
.flt-wdt{
position:fixed;
margin-right:10px;
left:0;
top:40%;
}
.flt-wdt img{
float:left;
clear:left;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{

 6 - بعد إضافة الكود قم بالبحث مرة أخرى عن :

<div class='post-header-line-1'/>

ضع بعده هذا الكود مع تغيير ما هو بالأحمر بكود أدسنس الخاص بك وهو محول إن كنت تريد تحويله فتفضل من هنا

<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'>
Your Adsense Code Converte
</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'>  أضف الموضوع إلى Del.icio.us</a>
<a class='mini-tweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' target='_blank' title='Post this article on 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' target='_blank' title='أضف الموضوع إلى الفايسبوك'>أضف الموضوع إلى الفايسبوك</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' target='_blank' title='Stumble This'> أضف الموضوع إلى StumbleUpon</a>
<a class='mini-tech' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='أضف الموضوع إلى تكنوراتي'>أضف الموضوع إلى تكنوراتي</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' target='_blank' title='Digg This'>أضف الموضوع إلى Digg</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>

 7- بعدها قم بالنقر على حفظ القالب.

إنتهى الموضوع وأي مشكلة أو إستفسار أنا في الخدمة