اضافة ازرار المشاركة على المواقع الاجتماعية

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

نبدا على بركة الله :
 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;'/>

بعد دلك قم بالضغط على حفض وسترى ان الاضافة تم زيادتها 

اتمنى ان ينال الدرس اعجابكم... في درس جديد ان شاء الله

• غرد
• شاركه
• شاركه

الكاتب اسرار النت

اسرار النت مدونة مغربية ، يحب مؤسسيها التدوين المعلوماتي و التصميم بالفوتوشوب ، أنشأت هده المدونة بغرض واحد و هو مشاركة الجميع بكل ما نعرفه في هدا المجال

مقالات قد تهمك