ضع أزرار المشاركة بجانب إعلانات ادسنس فوق مواضيع المدونة free social media icons

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

ضع أزرار المشاركة بجانب إعلانات ادسنس فوق مواضيع المدونة
لفعل ذالك كل ما عليك هو البحث عن وسم
======================
]]></b:skin>======================
ثم فوقه ضع هذا الكود
======================
.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{
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(https://lh3.googleusercontent.com/-rvULyin06UY/VrrlDRGRTYI/AAAAAAAADnQ/kN1QJMGuua8/s24-Ic42/Twitter-algme3.png) no-repeat;}
.mini-facebook{background:url(
https://lh3.googleusercontent.com/-xaezKSkaCS4/VrrlDCDiNYI/AAAAAAAADnM/DAdBulsjihA/s24-Ic42/Technorati-algme3.png
) no-repeat;}
.mini-tweet{background:url(
https://lh3.googleusercontent.com/-_XUOGRDxqRY/VrrlC9s5EvI/AAAAAAAADnI/fLbzftNrElw/s24-Ic42/StumbleUpon-algme3.png) no-repeat;}
.mini-del{background:url(https://lh3.googleusercontent.com/-AR5qBGgUnnQ/VrrlCjmol0I/AAAAAAAADnA/wbYVgq79Vv0/s24-Ic42/Facebook-algme3.png) no-repeat;}
.mini-stumble{background:url(
https://lh3.googleusercontent.com/--UDb7vSqhF0/VrrlCsvuyII/AAAAAAAADm8/difMJoZj93Q/s24-Ic42/Digg-algme3.png) no-repeat;}
.mini-digg{background:url(https://lh3.googleusercontent.com/-WRha44XsynY/VrrlCjrnC9I/AAAAAAAADnE/MP7cfa-gyIA/s24-Ic42/Delicious-algme3.png) no-repeat;}
.flt-wdt{
position:fixed;
margin-right:10px;
right:0;
top:40%;
}
.flt-wdt img{
float:right;
clear:right;
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;
}

======================
ثم بعد ذالك قم بالبحث عن وسم
======================
<data:post.body/>======================
وكما العادة ستجد هذا الوسم مكرر لأكثر من مرة لدى عليك تجربة كل واحد على حدى حتى تجد الوسم الصحيح
وعند إيجاده ضع فوقه هذا الكود
======================
<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'>
شاركنا بالنشر في هذي الروابط بلا تردد
</td>
<td><div class='ads-right-min'>
<a class='mini-del' expr:href='&quot;http://www.delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'
title='Add To 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='Share On 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'
target='_blank' title='Stumble This'>ستامب ديس ;)</a>
<a class='mini-tech' expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Add To Technorati'>تشنوراتي</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'>شارك على ديج</a>
</div>
</td>
</tr>
</table>
</div>
</b:if>

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

إرسال تعليق

0 تعليقات