-->

الثلاثاء، 13 سبتمبر، 2011

أضف أزرار الشبكات الإجتماعيه أعلى تدويناتك فى بلوجر social bookmarking button at top of blogger posts

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


شاهد الصوره بالأعلى هى فوق كل تدويناتك
والأن مع الشرح
* سجل دخولك فى بلوجر
* إذهب إلى التصميم ومنه إلى تحرير HTML
* ضع علامه فى خانة توسيع القالب
* إبحث عن الكود التالى فى قالبك بواسطة F3

]]></b:skin>

* ثم قم بنسخ الكود التالى وضعه فوق السابق

.social { border: dashed #ddd; border-width:1px 0 1px 0; margin: 10px auto 10px; display:block; padding: 3px 0 1px 0px; overflow: hidden; }
.social .social_button {float: left; display: inline; overflow: hidden; height:22px; }.social .si { float:left;padding-top:3px;}
.social .social_button.dg { margin: 0px 0 0 30px ; padding-top: 2px;}
.social .social_button.tm { margin: 0px 0 0 32px; padding-top: 4px;}
.social .social_button.fb { margin: 0 0 0 15px; padding-top:3px;}
.social .social_button.su { margin: 0px 0 0 35px; padding-top: 2px;}
.social .social_button.em { margin: 0 0 0 35px; padding-top: 3px;}
.social .social_button.em a{background:#eee url(http://img180.imageshack.us/img180/1989/emailj.gif) 3px 50% no-repeat; padding:2px 3px 2px 22px; font-size:10px; border:#ddd 1px solid; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.social .social_button.em a:hover {background:#ddd url(http://img180.imageshack.us/img180/1989/emailj.gif) 3px 50% no-repeat}
.social .social_button a img { border: 0; padding: 0; }
.social strong { font-size: 11px; float: left; margin:2px 0 0 0; color:#555;}
.clear{clear:both;}

* ثم إبحث عن الكود التالى بواسطة F3

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

* ثم قم بنسخ الكود التالى وقم بوضعه تحت السابق مباشرة

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='social'>
<div class='social_button dg'>
<a class='DiggThisButton DiggCompact'/><script src='http://widgets.digg.com/buttons.js' type='text/javascript'/>
</div>
<div class='social_button tm'>
<script type='text/javascript'>
tweetmeme_style = &quot;compact&quot;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/>
</div>
<div class='social_button fb'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<div class='social_button su'>
<script src='http://www.stumbleupon.com/hostedbadge.php?s=1'/>
</div>
<div class='social_button em'>
<a expr:href='&quot;mailto:?subject=Sharing:&quot; + data:post.title + &quot;&amp;body=Hi ! I Saw This Cool Post And Thought Of You.Check It Out :%0A%0A&quot; + data:post.url' target='_blank' title='Email This'>Email This</a>
</div>
</div>
<div class='clear'/>
</b:if>


** ثم إحفظ القالب ولا تنسونى من صالح الدعاء
abuiyad

0 التعليقات:

أضف تعليق

عبر عن رأيك بدون تسجيل دخول

كن على إتصال

Best Blogger Tips
Blogger Gadgets