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

كلنا يعرف اهمية مواقع التواصل الاجتماعر فى نشر مواضيع المدونات ونشر ما تكتبته فى مدونة ولذلك قمت بوضع هذا الموضوع لاضافة ازرار المشاركة الاجتماعية بشكل جانبى لمزيد من التواصل مع مدونتك واليك الخطوات .
1- اذهب الى تصميم ثم تحرير HTML.
2- اضغط على توسيع واجهة عناصر المستخدم بوضع علامة صح
3- ثم ابحث عن هذا الكود

<b:includable id='post' var='post'>

ثم بعده مباشرة اضف هذا الكود 

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<style> 
.mbt_social_floating{ 
    position:fixed; bottom:10%; margin-left:-60px; float:left;     width:60px; 
    background-color:#f7f7f7;     padding: 5px 0 0px 0px; 
     border-top:1px solid #ddd; 
border-left:1px solid #ddd; 
border-bottom:1px solid #ddd; 
z-index:9999px !important; 
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; 
} 
.noba_social_floating .mbt_side_social_button{ 
    margin-bottom:5px; 
    float:none; 
    height:auto; 
    width:60px; 
} 
.noba_social_floating .st_twitter_vcount, .mbt_social_floating.st_plusone_vcount, .st_email{ 
    margin-left:5px; 
} 
.mbt_social_floating .st_fblike_vcount{ 
    margin-left:5px; 
} 
.noba_social_floating .stButton_gradient{ 
    background:none !important; 
    height:21px !important; 
    padding-left:0 !important; 
} 
.noba_social_floating .chicklets, .mbt_social_floating .stMainServices { 
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ooPyDpExt3m1NoVfNEbD1JNBwDhlBmnywbgCmO0GpN6SWtTmlZ0pJKvjRHdrDLebVY6kE9xh6oBjzmI2VO9LYxZYTwzodotM-BQRbfHy96Unhi-A2tS0Gr2y3THFx9DO2Ty2_DH1oRDD/s400/gc_social_sprite.gif&#39;) no-repeat !important; 
    height:19px !important; 
    width:45px !important; 
    padding:0 !important; 
} 
.st_email .chicklets{ 
    background-position:0 -77px !important; 
 background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ooPyDpExt3m1NoVfNEbD1JNBwDhlBmnywbgCmO0GpN6SWtTmlZ0pJKvjRHdrDLebVY6kE9xh6oBjzmI2VO9LYxZYTwzodotM-BQRbfHy96Unhi-A2tS0Gr2y3THFx9DO2Ty2_DH1oRDD/s400/gc_social_sprite.gif&#39;) !important; 
} 
.noba_social_floating .st_twitter_vcount .st-twitter-counter{ 
    background-position:0 -58px !important; 
} 
.noba_social_floating  .stButton_gradient{ 
    border:none !important; 
} 
.noba_social_floating .stBubble_count{ 
    width:44px !important; 
    font-size: 15px !important; 
    font-weight: normal !important; 
    padding-top:7px !important; 
    height:23px !important; 
    background:none !important; 
} 
.noba_social_floating .st_twitter_vcount .stBubble_count{ 
    color:#00a6df; 
    background-color:#f8fbfc !important; 
} 

.st_fblike_vcount{ 
    margin-bottom: 0px; 
    display: block; 
} 
.st_twitter_vcount{ 
    margin-bottom: 3px; 
    display: block; 
} 

.st_email{ 
    margin-bottom: 5px; margin-top: 3px; 
    display: block; 
} 
.noba_social_floating .stBubble{ 
    background-position: 21px 31px !important; 
    height:35px !important; 
} 
</style> 

<div class='mbt_social_floating'> 
    <script type='text/javascript'>var switchTo5x=true;</script> 
    <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> 
    <script type='text/javascript'>stLight.options({onhover:false});</script> 
    <span class='st_fblike_vcount' displaytext=''/> 
    <span class='st_twitter_vcount' displaytext='' st_via='hmada0077'/> 
<div style='margin:5px 0 0px 0;'> 
<center><a class='pin-it-button' count-layout='vertical' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'>Pin It</a> 
<a href='javascript:void(run_pinmarklet())' style='margin-left:-46px; width:43px; height:20px; display:inline-block;'/> 
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/> 
<script type='text/javascript'> 
function run_pinmarklet() { 
var e=document.createElement(&#39;script&#39;); 
e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;); 
e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;); 
e.setAttribute(&#39;src&#39;,&#39;http://assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999); 
document.body.appendChild(e); 
} 
</script> </center> 
</div> 
<div style='margin:0px 0 0 5px;'> 
    <span class='st_plusone_vcount' displaytext=''/> 
</div> 
    
<div class='addthis_toolbox addthis_default_style ' style='margin:5px 0px 5px 8px;'> 
<a class='addthis_counter'/> 
</div> 
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> 
<script type='text/javascript'> 
var addthis_config = { 
     ui_cobrand: &quot;noba2day&quot;, 
ui_header_color: &quot;#ffffff&quot;, 
     ui_header_background: &quot;#0080FF&quot; 
} 
</script> 
<span class='st_email' displaytext=''/> 
<p style=' line-height:0px; font-size:10px; font-weight:bold; text-align:center;'><a href='http://elnoba-elyoum.blogspot.com/2012/09/blog-post_8632.html' style='color:#CAC8C8;'>Widgets</a></p> 
</div> 
</b:if></b:if>

4 - ثم قم بتغيير  hmada0077  باسم حسابك على تويتر .
5- قم بحفظ القالب .

هل أعجبك هذا الموضوع..؟

ضع إيميلك هنا وإحصل على كل ماهو جديد!	كن من متابعينا!