Beautiful Dynamic Social Bar Widget For Blogger

Beautiful Dynamic Social Bar For Blogger

Social media found very helpful in generating more traffic for blog or a website.There are many beautiful widgets for making your blog social media friendly.But today,i will share Beautiful Dynamic Social Bar For Blogger.It takes small space of your blogger blog.This eye catching widget attract more visitors towards your blog.

Before we start see demo...
     
                                          Demo

Beautiful Dynamic Social Bar Widget For Blogger

Step 1
Go To Your Blogger Layout
Click On Add Widget
Add HTML/JAVA Widget
Now Paste Below Code In It

<style>.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FGWclBo-n5X5FMtEsbw62x_QATkeFai7-7wZohczzvcHRN9_id7hTjHf1mA6AGX0603rt6zM4kXnxswH7a2pp-hacMM0f6ojfIK5LS6yGegH98sJ_SVBtDGXejBE9uD6Q1kqk3_oVSth/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/AVvXsEjr3aJ6tHgyLG4rKWxWqZaCsAdIgdFDWhVIv-EofC-Lp6s26NjtK-YLihqrOzQ5GMMVuwbtgZjlGP6xGdh5wFON-WVoO-wScSx1RUpvOlePEGB_cBXaZrLS9XhDIl50DbCsHAJCLrWgHg0q/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/AVvXsEgeLjcX6IAsZo5yrM3iMk8zQoFMSbO5rFN0lhSgZGDbafY39b8XBeVaxXeZ0HvAS2Z7vyNpGxtTgwi5_wJBHl7T5OkHbENQTC8-B6qICMU8rGS_Mt9OCieNZ3jTHKstlUCWzDKa1S8Wdw6R/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/AVvXsEj7L5g3qktahzMAzmfVTk8_Ea8iPMbRYN0Aatnjhr6V4lh7x-ret-zzvoCZ0RyiIL8pdKfd-m-pFzOYzaG_bI-VVfgotNkImfKes-IGNAVjRuNTLLbf7YHpzMiQzJIp48dwT4tcpv4vOyqM/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/AVvXsEiDrhhL013x0ea25Kuw0EZL2Z9j_-ReSqkSw2HZYsBTSpfKYTBQvF5wOUIR21UyPIJ2LyGdX6lVOJJWUxh4yynXcoR93VYM9elU0Ad8PWujC7BAJaNcnzcIlnNKMXMHWgTDrM7eATlg43Lm/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/AVvXsEjb8EsYXIF7MDGHw7ZZaCPjGoDUPHd7zjYIQgmWe_P7P9LuPPFkAKNBu7S47vw_371Wzz2K6K16EE9WUXi7fa2pe75hHcDAzQqQvXHDrj97cleNRC4LXD6m7RxSkhrSBt45uKWbO0H7lcup/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/f4uonlinecourses' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcYVq_K7-jB6o8gbCP5FGGjJXTy7XnYHsJuCr9lq_IUZ1CY_hwMk7T99vWi9CAqPrmyy-V4ZcGyJsICkqLYVdJ0EQ05GWxG72yb7_3S6izRUcf7cPFxpeMMKdZ-ByDthTg6U91lSdiOPUC/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/f4uonline' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMplfWyMNW7OxvgNczm2RgFxX5cPtEoi1U766kIU-J7tOa_5Aq_7zmHL6dVzG29Bx7cn73XeUFfVuUC5TCnnl3oXYJmRowzbmFeoC8lJvqU0SSGXpS64G3kCIGqbO-GiMZyPbi-0DEiLoD/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/AVvXsEhuvRKgOO8nR7ccAo5fRFmy8vD-26x2W_Mr0F_XWiWV7A5RRnKk6HSBjQhr8Cy_NKg11WH1H8jSBsAq6mgkp_a59yEEu1LfUV7cUrzvca40aKfyVEdIdaXsxIfmeoLayK1YIf6BZ6Eb1t7x/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/f4uonline' 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>

Instructions

Replace             With Your Facebook Username
Replace             With Your Twitter Username
Replace             With Your Google Plus
Replace             With Your FeedBurner Username

Note
If you find any problem regarding 'Beautiful Dynamic Social Bar Widget For Blogger' feel free to comment below.