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

بسم الله الرحمن الرحيم

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

بتقنية الـ css3 وبتقنية الجى كويرى

والآن مع شرح لكيفية تركيب الاضافة

1-ابحث عن   </head>

وضع فوقه

هذا الكود

-------------------------------------------------------

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<link href='http://widgets.way2blogging.org/blogger-widgets/w2b-autohide-social-bookmarking.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
    jQuery(document).ready(function() {
jQuery(&#39;.sexy-bookmarks a.external&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);
var sexyBaseHeight = jQuery(&#39;.sexy-bookmarks&#39;).height();
var sexyFullHeight = jQuery(&#39;.sexy-bookmarks ul.socials&#39;).height();
if (sexyFullHeight &gt; sexyBaseHeight) {
   jQuery(&#39;.sexy-bookmarks-expand&#39;).hover(

   function() {
jQuery(this).animate({
   height: sexyFullHeight + 15 + &#39;px&#39;
}, {
   duration: 800,
   queue: false
});
   }, function() {
jQuery(this).animate({
   height: sexyBaseHeight + &#39;px&#39;
}, {
   duration: 800,
   queue: false
});
   });
}
if (jQuery(&#39;.sexy-bookmarks-center&#39;)) {
   var sexyFullWidth = jQuery(&#39;.sexy-bookmarks&#39;).width();
   var sexyBookmarkWidth = jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).width();
   var sexyBookmarkCount = jQuery(&#39;.sexy-bookmarks:first ul.socials li&#39;).length;
   var numPerRow = Math.floor(sexyFullWidth / sexyBookmarkWidth);
   var sexyRowWidth = Math.min(numPerRow, sexyBookmarkCount) * sexyBookmarkWidth;
   var sexyLeftMargin = (sexyFullWidth - sexyRowWidth) / 2;
   jQuery(&#39;.sexy-bookmarks-center&#39;).css(&#39;margin-left&#39;, sexyLeftMargin + &#39;px&#39;);
}
    });
</script>

-------------------------------------------------------------------------------

2-ابحث عن    <data:post.body/>

وضع فوقه الكود الاتي

-----------------------------------------------------------

واذا لم تنجح الاضافة

ابحث عن 

<b:if cond='data:blog.pageType == &quot;item&quot;'>

وضع الكود تحته مباشرة

-------------------------------------------------------------

الكود

---------------------------------------------

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='post-width-w2b' style='width:600px;'>

 <div class='sexy-bookmarks-bg-caring  sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center '>

  <ul class='socials'>

   <li class='sexy-yahoomail'>

   <a class='external' expr:href='&quot;http://compose.mail.yahoo.com/?Subject= &quot; + data:post.title + &quot;&amp;body=Link:&quot;+ data:post.url' rel='nofollow' title='Email this via Yahoo! Mail'/>

   </li>

   <li class='sexy-gmail'>

   <a class='external' expr:href='&quot;https://mail.google.com/mail/?ui=2&amp;view=cm&amp;fs=1&amp;tf=1&amp;su=&quot; + data:post.title + &quot;&amp;body=Link:&quot; + data:post.url' rel='nofollow' title='Email this via Gmail'/>

   </li>

   <li class='sexy-twitter'>

   <a class='external' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'/>

   </li>

   <li class='sexy-facebook'>

   <a class='external' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'/>

   </li>

   <li class='sexy-linkedin'>

   <a class='external' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'/>

   </li>

   <li class='sexy-googlebuzz'>

   <a class='external' expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on Google Buzz'/>

   </li>

   <li class='sexy-yahoobuzz'>

   <a class='external' expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url + &quot;&amp;submitHeadline=&quot; + data:post.title + &quot;&amp;submitSummary=&amp;submitCategory=science&amp;submitAssetType=text&quot;' rel='nofollow' title='Buzz up!'/>

   </li>

   <li class='sexy-blogger'>

   <a class='external' expr:href='&quot;http://www.blogger.com/blog_this.pyra?t&amp;u=&quot; + data:post.url + &quot;&amp;n=&quot; + data:post.title + &quot;&amp;pli=1&quot;' rel='nofollow' title='Blog this on Blogger'/>

   </li>

   <li class='sexy-googlebookmarks'>

   <a class='external' expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Add this to Google Bookmarks'/>

   </li>

   

   

  </ul>

  <div class='sexy-link'>

  </div>

 </div>

</div>

</b:if>

-----------------------------------------------------

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

وهكذا نكون انتهينا ارجو ان يكون افادكم الموضوع