Membuat Widget Profil Bersebelahan Dengan Sosial Media

Tanpa cas.. cis.. cus.. lagi, langsung masuk ke cara Membuat Membuat Widget Profil Bersebelahan Dengan Sosial Media.

1. Login ke Akun blogger

2. Klik Template  
3. Klik Layout
4. Tambahkan gadget HTML/JavaScript Add    
5. Masukkan kode dibawah ini

<style> /*widget by www.bloggerspice.com */ .BloggerSpice {width:auto; height:83px;padding:5px} .BloggerSpice-BS {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:5px solid #005C91;border-right:5px solid #04BDFA;border-bottom:5px solid #005C91;border-left:5px solid #04BDFA} .BS-AP{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px;font-size:11px; color:#000000;text-align:justify;} .BSfb, .BSgp, .BStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px} .BSfb {background: #3B5998;margin-left:76px} .BSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;} .BSgp {background: #D34836;font-size:11px;margin-left:86px} .BSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;} .BStw {background: #4099FF;margin-left:82px} .BStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;} </style> <!-- Author Profile By http://www.bloggerspice.com/ start --> <div class='BloggerSpice'> <img alt='Mohammad Fazle Rabbi' src='Author Img URL Here' title="Mohammad Fazle Rabbi" class='BloggerSpice-BS' /> <a class='BSfb' href='http://www.facebook.com/BloggerSpice' rel='nofollow' target="_blank">f</a> <a class='BSgp' href='https://plus.google.com/102331886274459115104' rel='nofollow' target="_blank">G</a> <a class='BStw' href='http://twitter.com/BloggerSpice' rel='nofollow' target="_blank">t</a> <div class='BS-AP'> Hi, Guys <a href=https://plus.google.com/102331886274459115104 title="Mohammad Fazle Rabbi" rel='nofollow' target="_blank">Mohammad Fazle Rabbi</a><br/> I'm Mohammad Fazle Rabbi from Bangladesh. Founder of BloggerSpice.com. Blogger Spice Provide Professional Resources to Blogger, top quality Tutorials, SEO Guidelines and Smart way to earning method through online. >><a style="color:#04BDFA;" href="About Author Page URL Here" target="_blank"> Read More »</a> </div> </div> <!-- Ends -->

Demo 

Sumber: 
http://www.bloggerspice.com/2013/08/trendy-author-profile-widget-with.html