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

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

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

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

1 - من لوحة تحكم المدونه اختر قالب
2- اختر تحرير HTML
3- الان ابحث عن هذا الكود </head> وضع قبله مباشرتا الكود التالى

<b:if cond='data:blog.pageType == "item"'>

<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="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a, d)}})(document, "script", "twitter-wjs");

// Stumbleupon

(function (){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[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>

Unknown

Add Comment

الجمعة، 3 أكتوبر 2014

مدونه عالم الابداع

مدونة تكنوليبي

ads

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

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

تدوينات ذات صلة

Flickr