Home » Blogger Tutorials » Blogger Widgets » Dynamic social Bar For Blogger

Dynamic social Bar For Blogger

Category: , | Date: 4/14/2013 - No comments

Hi guys today we have a new social widget for blogger,I actually got it from Pakdhe Johny Blogger Template,There are many widgets available to make your blog social media friendly.This one is not just one of them but the best.It is similar to the new templates that blogger has introduced.



HOW TO ADD IT TO BLOGGER


Go to Blogger

Select Layout > Add a Gadget >Html / Javascript

Paste this code below

<style>

.sosmed-kananblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheVVcXGI9R2GUe1R_lyUgPb6lEICuTOEayVSsB3ZlHk2e_g-B7rmEAxH87uuy7w0S2u_oRcvjuHeMw5jY2CBpEwzVQ1W90aYCwwv0oBPjzBfXPvMgXS-YR0MgHVwiHVim4JNdiOfceCv-a/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/AVvXsEgEZcqi5CyswnU5SPkxC96k8p2NqBIvT1gPoknGV8Jy4IrofQTPruwJh5vBt2fjH8AScYSMXPzDWEK3MeK6ILAmaTGDX511oyi3Pt_oJ33Y2V5cUGorr7x_RofDWoi-3qVc7py3d_GAhzZk/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/AVvXsEjXx2BTetXsEcwzC3uDuDdgoLRBrDhEAjE3RH50YCJ1-1VHqH1jbJqTiy9Aq_aMKh1wjae5VEUSDjKxG6yMIPyHEjRwe4s0DKMQX8CqtQX-3SCm_3r8mNEUpAkS1gxKM_P1cMP1A390vIS9/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/AVvXsEgKGpXk7fs0UyrLJb39J4A9QWZBX83mFuIWjn-exiAyM5qB67bVFEh5LgYjaCPGojSH2ISJ4s8QTvfAZwiuDFUwsY6PtaXlrM4tKWMtUgD0FsTd8St7UHjYiCjEMYlT5BiPUaDFMdHDf3cL/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/AVvXsEhssoSaf2-aUigQotBCSAYT88ujAfuUprVAYB56uPvyfLq5xa1PFjs6gkCRsXxNAY8nPyxmpSC_zefagZmpLnxv_EQoeOpJoR0sl7XloHf81ZcJyqfH9s0GWSCsxibdBmDz3n1AhbTPAmIk/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/AVvXsEiaJRdCOSlXt1TqWH_HYYvcxHNyJixVJF2fvMFxKeqVyRsMWuhWcEZFD2iH0fKULQDC306a1QXchlOydRxvLopiSCSmbiyUsaVUqB2MaBvH_K0rPb3gfbDNbqvIkczhwcLWLZgeQwBI0kJu/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/yourid' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicB7aKhsAWHfZSqJUOlxO0C1Fr0tX_m4CQhD1CdK-s0h5qDmBwXlH2GemB7k1lE5_E16ailnx0U53zU-XM46tmsvrnefDZBBQ-z9z9rH0xinnAUQnIkUD3wsG558ucTP-BXIf7wxhbVwkx/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/yourid' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmBelV9bryO8lPHbk0-brqUwjYar5krpBV97KGwnZWRKSuJtAinfDWM7xDn_8bLyNL-ZJENx0Jkge_9kHJv6xXthyTGTxH9RcJZjJkzFo139IJefkhCjNu2V65soL2GmTkDfRRICn56rmB/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/AVvXsEhTeG74h1HUs9qd-jWdLn-TF3QYTgHY5of0Z5IA__oh-zr5UXVykTI4CjYrQRrMhYFDtXJApXFddxTHPVgwMJXfeyv2RfO3BGvOJVZbI9rnsAMIX6IOqwHLCLa6BDO2RjYqOlAFcHf6Fb-W/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/yourid' 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 yourid with your links

Save the template.


And DoNe

Keep Visiting for More Articles and Tutorials. :) Like our Official Page for More Updates... Our Downloading Portal Website. FileXOne!

Post a Comment