Searching...
Wednesday 29 January 2014

How To Add Social Media Share Button Below Post For Blogger

how to make money online as a teenager,
how to make money online fast and free,
ways to make money online without scams
Social Media Share Button is Very important for blog or website's. It can share your post and increase you page views. I am always share my posts. You can add this widget  and get a more readers for your blog. It can root your readers for your blog posts. Social Widget is a best method for increase website or blog quality. So You can use it and enjoy.



Follow these Easy steps for add social widget below post

  1. Go To Blogger Dashboard.
  2. Select Layout Option in left hand menu.
  3. Find <b:includable id='post' var='post'> and paste paste under this.
  4. Change Following user names in yours.
<!--Social Slide Pluggin-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
.ew_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;
}
.ew_social_floating .ew_side_social_button{
    margin-bottom:5px;
    float:none;
    height:auto;
    width:60px;
}
.ew_social_floating .st_twitter_vcount, .ew_social_floating.st_plusone_vcount, .st_email{
    margin-left:5px;
}
.ew_social_floating .st_fblike_vcount{
    margin-left:5px;
}
.ew_social_floating .stButton_gradient{
    background:none !important;
    height:21px !important;
    padding-left:0 !important;
}
.ew_social_floating .chicklets, .ew_social_floating .stMainServices {
    background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfpkhU9tWnqGpfgvCKI0EpzpitNpH3DdT1wkpJRYw_W2VgTLGJMpKhu8Om-tw-8Rw5v_7PImiXHqGKMp0RutCntw2j3utgKlidX-fqxHgHSiieSpzxVEgaLlU_KR02O3a9yzO_ocB0xEUE/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/AVvXsEgfpkhU9tWnqGpfgvCKI0EpzpitNpH3DdT1wkpJRYw_W2VgTLGJMpKhu8Om-tw-8Rw5v_7PImiXHqGKMp0RutCntw2j3utgKlidX-fqxHgHSiieSpzxVEgaLlU_KR02O3a9yzO_ocB0xEUE/s400/gc_social_sprite.gif&#39;) !important;
}
.ew_social_floating .st_twitter_vcount .st-twitter-counter{
    background-position:0 -58px !important;
}
.ew_social_floating  .stButton_gradient{
    border:none !important;
}
.ew_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;
}
.ew_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;
}
.ew_social_floating .stBubble{
    background-position: 21px 31px !important;
    height:35px !important;
}.ew_social_floating .st_pinterest_vcount{
    margin-left:5px;
}
.ew_social_floating .st_pinterest_vcount .st-pinterest-counter{
    background-position:0 -19px !important;
}
.ew_social_floating .st_pinterest_vcount .stBubble_count{
    color:#FF0505;
    background-color:#fbf8f8 !important;
}

.ew_social_floating .st_pinterest_vcount .stBubble{
    background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwHPm9M-rqXg7mS5V0Kw0mEaVVqJ5V-rL1CqStafLcx1ObxZqtlIqkX712ZKg4pOF2dwQcpL281l8Jb_SwqK4F37Wx-6j-pMH041WS4s9m81Na-p_nduLf_usMpYjN-27Wab84SniNumC/s400/bubble_arrow_pinterest.png&#39;) !important;
}


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

</style>

<div class='ew_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 ew 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='rifthy2010'/>
<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;EsyWay&quot;,
ui_header_color: &quot;#ffffff&quot;,
     ui_header_background: &quot;#0080FF&quot;
}
</script>
<span class='st_email' displaytext=''/>

</div>
</b:if></b:if>
<!--Social End-->
5. Click Save template.
6. Done.
7. Don't Forget To Comment Us.
3how to make money online as a teenager,
how to make money online fast and free,
ways to make money online without scams

How To Add Social Media Share Button Below Post For Blogger