}

20 Jan 2016

Widgets

All in One Social Media Sharing Icon

SOCIAL SHARING WIDGETS
Today we will study all in one social media icons by using this everyone can share our blog to every social media and too it is free social media icons. Media share is significant in point of SEO and too in point of traffic, social media provide us trouble-free traffic and we are familiar with that the importance of traffic, no traffic no money it also boosts up the Alexa rank. When you put in this social sharing icon then it shift automatic up and down and show in each and every post just region to the post and it did not get extra time to load so it did not influence page loading time. What you require to now simply click on the social icon where you desire to share and a new tab will open and hit share, but keep in mind you have to account on that social media where you desire to share, It also for people which come to your website/blog. There are lots of social icons accessible in there like Facebook, Google plus, Twitter and a lot of social icons, it is the one of my top social sharing icon and I will also suggest you to put in this into your blog/website and it is free of cost and simple to add in blog/website before going to this matter I will advise you to read how to add third party content in blogger blog you also like to read how to create Facebook page and how to add Facebook page in blogger blog and also like to read how to add Google plus and Twitter in blogger blog.

How to add social media sharing icon in Blogger Blog


Here we will study how to put in all in one social sharing widgets in blogger blog, it is essentially a set of code and you have to copy all code and paste into your blogger blog.


Go to blogger blog and log into with your email and password
now go to template>edit template and search for this

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

after you got this code copy and paste all below codes in there and click save template.


<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; 
} 
.mbt_social_floating .mbt_side_social_button{ 
    margin-bottom:5px; 
    float:none; 
    height:auto; 
    width:60px; 
} 
.mbt_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; 
} 
.mbt_social_floating .stButton_gradient{ 
    background:none !important; 
    height:21px !important; 
    padding-left:0 !important; 
} 
.mbt_social_floating .chicklets, .mbt_social_floating .stMainServices { 
    background:url(&#39;http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/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;http://1.bp.blogspot.com/-r3RYZkB4Pis/T7alrxNFYyI/AAAAAAAAGc4/TCBwHNxEwR4/s400/gc_social_sprite.gif&#39;) !important; 
} 
.mbt_social_floating .st_twitter_vcount .st-twitter-counter{ 
    background-position:0 -58px !important; 
} 
.mbt_social_floating  .stButton_gradient{ 
    border:none !important; 
} 
.mbt_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; 
} 
.mbt_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; 
} 
.mbt_social_floating .stBubble{ 
    background-position: 21px 31px !important; 
    height:35px !important; 
}.mbt_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.mbt_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.mbt_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important; 
}

.mbt_social_floating .st_pinterest_vcount .stBubble{
    background-image:url('http://1.bp.blogspot.com/-meqDjtBStCA/ULFkqTG88qI/AAAAAAAAIGs/hjCRAqGL270/s400/bubble_arrow_pinterest.png') !important;
}


.st_pinterest_vcount{
    margin-bottom: 0px;
    display: block;
}

</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, , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script> 
    <!-- No more works properly so removing it from mbt list<span class='st_fblike_vcount' displaytext=''/>--> 
<div style='margin:0px 0 0px 10px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='box_count' send='false' show_faces='false'/></div> 
    <span class='st_twitter_vcount' displaytext='' st_via='guideusonline'/> 
<span class='st_pinterest_vcount' displaytext=''/>
<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;MY BLOGGER TRICKS&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://www.guideusonline.com/2016/01/add-googleplus-and-twitter.html' style='color:#CAC8C8;'>Widgets</a></p> 

</div> 
</b:if></b:if>


Just replace guideusonline with your twitter name
Here is Video Tutorial in Hindi/Urdu

expect you like this post if you have any difficulty and query into your mind feel free to contact me or you can inform me in a comment I will joyful to help you and do not forget to like and subscribe my blog.

Think Ht Ke

Hi! My name is Kumar Amit welcome to the professional blogger from India. I started blog as SEO, blogger, html and social media and working on internet since 2013. After experience launch guide us online and try to help people.

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

 

Copyright @ 2013 guide us online.

Designed by Templateiy & CollegeTalks