0
 Hey Guys ! i am gonna show You how to add Social media Bar "Static Social Media Widget" On your Blog!

















Its very easy , Hope you enjoy ! ok lets Start

How to Add Social Media bar for Blogger
1:  Log in to blogger account and Click drop down.








 2:  Now select "Layout" Like Below.








3:  Click Add Gadget and select 'HTML/Javascript

4:  Paste  below code.


<style>
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0INm55Fd5ZCW-U4WtuFXH-ILMhFcdAM5in2ro3sm0nqlLMSmLbhGrbwQjnakGcsuWyZyN18QhnwSmgI7sUUASVRzJ8MHKyBEUr8B5vOpaykH27O_9eIj2bR0IYEy0dfKAr7aP9Y6xpST/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr9zHbGn7krnsniTs2IXC8_1hlTSnxhdNum2rXKjZBQaRxSL_VWp8SougrAAfLZttF6e_x6jlmlA67IM45doOGUhfhc0JgKDMgkT4z7BOBdKy0Lt9Mb88pGVdg6Q3D2BwHHxg-Wg-3pdUy/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIte2Zr0EXMfl1R9AyOPoDnlRBNmyUt6P2dWXh73XHD3oSx2jEOJY27dmTX-RREuSQ9yhEKUacjk3tPKc5RiNNNGy0bayOfqZs6GbkCFME_T9K_FIfIzjuLl5Ygl-vXsH33X3GDkBx4WL7/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqd_k4B4G2KEgY8N8t2Nfe-etLni-ffRNQINtaDgZKEOyVx8nmSltUgX_ozza0Wsk7JvPoIoqZssI5SSjMuIckRfd6a22FYFnZ2WCHq6EiolBh3LnydBzrh32iDA34GqcA8-TEXB3eiqXI/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzBSI2BuYhuMpULStpd3R-fycJT7WpPJOfl02_JIQVoOzPPLpBt1ro1_xVzO8_h9B9PKLNiCLdei-plNAwD2xzEdVUKsYZv1BLH8uHII681wYrZbIQ732RTcoKwaIcRzBxUId0Jt4A58L/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5n55RtcAgLCcFS9btYageFephhxhlltBYgHctqjDdk0ZqU0ZULqZUOOZr-iI9-_CDOqxLJFdo-b37PfK16g_Wahbvicxh23GZceAVrqwTDViiNsF8NFKlKZW900e65Q2kzkMYVc5E7pbW/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6_jPqZSqNcUo_M3jzl27kNy9oBYDy6O9lOqV46WY_dF6Qyr32sVZxs7rVuGmi2JatZtLSAn0383WEoFCE53jWmF6tlnw6x3oYnrspVgTRm23dPEcY6XRarqw0t-JsgXhn8NgT5jyXkeaz/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQtpNH4Z5Q7XlCw1qH8YsHoxdk_-lH89LKbGT0u_S2RhzGL56MOT_PSplt1-io4Ndf6Y_s9qk5WeOW0xovchnsumjjWLW2TEf46BGoJCVqJT43qaFyiOIof6qgim1L0KNxnHnw7EE1Ucr/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>
<a href='https://www.facebook.com/Haxor.diary' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeqUtnVVkmtfykbaAwid3q9P9O1E1E-gTEsvdLDalfpJEDj6D4pUESxJgoM0Yk-Jit33gHW23zpjJ0HNDKXhek54dJcqH22sss_RW9BbnvBZdKl9VlYhTm0ecitwVLy2AnB-curnrjHdLE/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
<a href='https://twitter.com/Rahi_Rules' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0emcUzX4FpcN_z7asPYAm65p4wO6z1feO7Din1VWT5mBSu0rGVVCHWj2RwgutB0cN09_Mh_SVha6Cw6LJkqaso8Lz9vyM61uCgwIlU8CpcVpCeufXWQ0CqIjgioo5kaIkmZiKaSY2dM2C/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
<a href='https://plus.google.com/ID' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj-JONFCkUUOgh5j0ynteDZ9OI8DKwogcWtdZJP1Su5_kTULgB7ejkpGdZutHU8yt38BxiFUdnZtQyLmQ7UYrU5D8YIfH494zydywOGYIV_ttFGAWCeELRU3VS27AzaZVP2_A5SUykkI6H/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/HackingArticleswithRahi target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIu2C0wJv6x7Pr1VygGQgsdfJscMYf113UQu7k7Wka4mfZ7fuH_qbJklAfV0NnA9aXLgAauBL7plqaZJjVSZUEJeReW_42aR5z8E29neaF2gvfo5h9j-ly2VTaIYHt4Us6JvBQso4Gi86F/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/></div></div>

Replace Haxor.diary with your Facebook username
Replace Rahi_Rules with your Twitter Username
Replace "ID" with your Google plus ID
Replace HackingArticleswithRahi with your Feedburner ID

5. Now save your HTML/Javascript'. You are done... If you have any Question. Feel Free to Ask !

Post a Comment

 
Top