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

1- عن أزرار المشاركة على الشبكات الإجتماعية:

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

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

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

2- طريقة إضافة أزرار المشاركة على الشبكات الإجتماعية لمدونة بلوجر:

   * الخطوة 1:
من واجهة التحكم بالمدونة نختار القالب ثم تحرير  HTML
  * الخطوة 2:
من لوحة المفاتيح Ctrl+F ثم قوموا بالبحث عن الكود التالي:

<div class='post-footer-line post-footer-line-1'> 

++ ملاحظة: ستجدون أن الكود يتواجد لمرتين، ما يهمنا هو الكود الثاني وليس الأول، ستجدونه بالنزول داخل كود قالب المدونة.

  * الخطوة3 :
بعد ايجادكم للكود،  قوموا بلصق هذا الكود أسفله مباشرة بعد نسخه:

<!-- بداية السكريبد -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
<!-- Pinterest Start -->
<b:if cond='data:blog.pageType == "item"'>
<div id='pin-wrapper' style='float: left; margin:0px 0px 0px 30px; width:44px;'>
<a data-pin-config='beside' data-pin-do='buttonPin' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url'><img src='//assets.pinterest.com/images/pidgets/pin_it_button.png'/></a>
<span style='margin-left:-44px;'><a data-pin-config='beside' data-pin-do='buttonBookmark' href='//pinterest.com/pin/create/button/' style='outline:none;border:none;'/></span>
</div>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'></script>
<style type='text/css'>
#pin-wrapper > a {background-image:none !important;}
</style>
</b:if>
<!-- Pinterest End -->
</div>
<div style='clear: both;'/>
<!-- نهاية ازرار المشاركة الأفقية -->

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