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

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

وتحتوي الاضافة على أيقونات + Google - واللايك والمشاركة للفيس بوك- والتغريد على تويتر، كما بالشكل الآتي:
أزار الشبكات الاجتماعية تحت الموضوع لمدونات بلوجر
أزار الشبكات الاجتماعية تحت الموضوع لمدونات بلوجر

شرح تركيب أداة المشاركة تحت التدوينات لبلوجر


  • ادخل لوحة تحكم المدونة، واختر قالب، ثم تحرير HTML
  • ثم ابحث باستخدام CTRL + F عن هذا الكود 
</head>
وضع قبله مباشرة الكود القادم
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
// Twitter(function (a, b, c){var d=a.getElementsByTagName(b)[0];if (!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src=&quot;//platform.twitter.com/widgets.js&quot;;d.parentNode.insertBefore(a, d)}})(document, &quot;script&quot;, &quot;twitter-wjs&quot;);// Stumbleupon(function (){var a=document.createElement(&quot;script&quot;);a.type=&quot;text/javascript&quot;;a.async=true;a.src=&quot;https://platform.stumbleupon.com/1/widgets.js&quot;;var b=document.getElementsByTagName(&quot;script&quot;)[0];b.parentNode.insertBefore(a, b)})();
</script>
<style type='text/css'>
/*Social Bar By http://www.th3maestro.com*/#SocialBar { float: right;box-shadow: 5px 5px 5px #B3B3B3;background-color: #FFF;width: 610px;border: 1px solid #BBB;margin: 15px;border-radius: 5px;}
.headingsharer h5 { float: right; padding-right: 20px; padding-top: 18px; text-transform: uppercase; font-weight: bold; margin: 0px; padding-left: 10px;
}
.tweeetero, .fbwolo, .g-plusones, .stumblo {float: left;padding-top: 10px;padding-bottom: 5px;margin: 0px 0px 0px -4px;padding-left: 93px;}
.g-plusones { margin-left: -14px;}
</style>
</b:if>

  • جئنا للخطوة النهائية وهي البحث عن هذا الكود 
<div class='post-footer'>
  •  ثم نضع الكود التالى بعده مباشرة
<!-- Icons Shared Posts--><b:if cond='data:blog.pageType == &quot;item&quot;'><a href='http://konozthakafia.blogspot.com/' rel='dofollow' target='_blank' title='Weight-loss'><img alt='Weight-loss' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><div id='SocialBar'><div class='headingsharer'></div><div class='tweeetero'><a class='twitter-share-button' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>غرد</a></div><div class='fbwolo'><iframe allowTransparency='true' expr:src='&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=85&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:85px; height:21px; margin: 0px 14px 0px -70px; }'/></div><div style='float: left; margin: 10px -70px 0px 17px; '><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='g-plusones'><div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/></div></div></b:if><!-- Icons Shared Posts-->