Dynamic Social Bar For Blogger

Share it Please

Tweet

0

Dynamic social Bar is a very beautiful bar for blogger because doesn't take any extra space and also have a very awesome style.
It is designed by Pakdhe Johny Blogger Template. Very easy to use so Lets talk how can you implement in your blog?

DEMO

How to add in your Blog ?

1. Go to Blogger 
2. Select  Layout > Add a Gadget >Html / Javascript 
3. Paste this code below 

<style>
.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqc9N1jWZDxwBJ_mFvIsj7XwMVp7p7OPWrF_PgoGkfOXXXkTlItp6psrjXBBiGgFx-nm3J75By_ZlxPkVyR3vsPBvE6lG7LfTHct440zKP9kFV_tKV4-b0nCp1UvWLymHu06Xh7RmDZXr0/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.sosmed-kananbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwq3FgtStMUd2ydnA1itJMMGRp7QBXMwpSG9Chw7KL1-SwFIo3DROC1OIjesbiXfA972nA7pklIXSjTwDgELp0YWM1GnXo4yZ4nVGTdh4eC01lqbUvES7mHVJhy53CvPSewrPcc84Ob0a/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.sosmed-isiblogger{margin:0px 0 0 43px}
.sosmed-kanantwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu-P91um-q8kqUwdo_tfDWzZ7xwxlBBDm0KMGK9ShfsOit9wbluvqUcqdn2wqSnNIzPYIB5iJPvrlEyXet1iXWqM5Gk9EFhiDFn_C24KE6fDGZGao9SC6zxRuu0eArVW6RHZjBtS2inH_Z/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.sosmed-kanantwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsp5l1Kv6RH25imaDTVajgWfdFVipnhMjsuyDWdMwxI_GkkrqW_IQJEct-f6s0TurqEKKs6583wgWU8qUhxRQW5mLFH2wiLMMvofZOBNg7TePT3L9-d0XuYUnWNzktaMgRN2SxI4xDe6Qd/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.sosmed-isitwitter{margin:0px 0 0 43px}
.sosmed-kananfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF9JAII5NmNFSz_X1wGnj6Ink7QoS-DbRo7neKjOt71-17GGpmDIbHUNv9OYxRAuaOpf2GqLWAgKZpXetCZHt12NVJOaMQSkxVln1tjLXRnTqD0ir70d9Wd7MyHo0ZLTg_BDY3tzrUikh_/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.sosmed-kananfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhknhKNOLFzKJf2gUUGh6SJvXAtmFN-x5ybsTe-DjhzAyy94vWkH5rst9tx-mJhJdNFsTm-klqt2lCFNF6HAjYkyDcCMcwC1ZzBlVAo-ZlUTIKRothtCuCV1B_q8w2TeEz0OWbW2yrSLCxw/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.sosmed-isifacebook{margin:0px 0 0 43px}
.sosmed-kananrss{background:url('http://2.bp.blogspot.com/-A2gUy4WF8l8/UUa2igFbIZI/AAAAAAAAAiM/2ck6-Wot2yM/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.sosmed-kananrssc{background:url('http://1.bp.blogspot.com/-RZyN5DznuUY/UUa9Uc04tFI/AAAAAAAAAi8/okz_LnBFNS4/s1600/RSSjoss.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.sosmed-isirss{margin:0px 0 0 43px}
</style>
<div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'><div class='sosmed-isiblogger'><a href='https://www.facebook.com/blogsfunda' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPqREGjPUijgw7Eucagl97556RoBHw-LXi147zMglI-Sh1cyHnll9xOhvWXJhfvUibp9Ni5eXVhoZKMK76H-DsLe4CYWt4AkbxKifXItaGaEg8N9_ZTJOU4r6Dyy8WLonbLSkpc0EV-HSd/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'><div class='sosmed-isitwitter'><a href='https://twitter.com/blogsfunda' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8uulBUOpx_poehGxbFYNFJfWl1ohLl2mEYveljNV5FFzH0OzIzFN4TIQpeaQ9ldrulpBf2SexDcecQMdiLTXUSnsNb9MpRodYQXo76xjATWR_FjKSgl8ZRdqqCDarLBLliVChBpGqbJfO/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'><div class='sosmed-isifacebook'><a href='https://plus.google.com/your googleplus/posts' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgifl1FDK_0Rg6mL7ZJmZtFt2R5WyIA_PdtYREu0hUjsX9K04y_t3MpoSi9O7dKHjjTNE85MBtzRGupKmG5I7IGGOBjaeS4n81n6dOxX6yUCOuc8EdFSKAI1lCbD4XNBI17XzWWAygPbYuV/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='sosmed-kananrss' onmouseout='this.className=&apos;sosmed-kananrss&apos;' onmouseover='this.className=&apos;sosmed-kananrssc&apos;'><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/blogsfunda' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>
</div></div> 

Replace blogsfunda with your links
Save the template. 

Share it Please

Tweet

Mohan Singh