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

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

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


هذه الاضافه مقدمه من مدونة المايسترو ولا يجوز نقلها دون ذكر المصدر الاصلى

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

1 - من لوحة تحكم المدونه اختر قالب
2- اختر تحرير HTML
3- الان ابحث عن هذا الكود </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'> وضع بعده الكود التالى

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>

اذا واجهتك اى مشكله فى تركيب  اضافة ايقونات المشاركه اسفل المواضيع لمدونات بلوجر  فقط قم بوضع تعليق
بالتوفيق للجميع

HashtagsTech

هاشتاج التقنيه قوالب واضافات بلوجر وجديد الاخبار التقنيه

Facebook

Twitter

Instagram

شارك هذا الموضوع