Perhatikan Langkah -langkah berikut ini :

1. login ke akun Blogger sobat
2. Pilih Rancanngan --> Tambah gadget dan pilih HTML/JAVASCRIPT
3. Masukan KOde Berikut didalamnya

<style type='text/css'>.halimhide {z-index: 1000;height: 15px;width: 280px;border: 2px solid #666666;background: #D11717 -moz-linear-gradient(top,#000,#D11717);background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#D11717));border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius: 12px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;padding: 5px 5px;margin: 15px auto;font: 11px Arial;color: #003366;overflow: hidden;box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.halimhide:hover {min-height: 270px;border: 2px solid #333333;background: #111;box-shadow: 0 1px 15px #000;-moz-box-shadow: 0 1px 15px #000;-webkit-box-shadow: 0 1px 15px #000;color: #000; text-shadow: 0 1px 1px #888;}.halimhide h3, .isihalim h3 {font-size: 14px;font-family: Droid Serif;font-weight: bold;color: #ffffff;text-align: center;text-shadow: 0px 1px 1px #fff; margin: 3px 5px;background: #000;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #999;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}.halimhide h3:hover {box-shadow: 0 1px 8px #000;-moz-box-shadow: 0 1px 8px #000;-webkit-box-shadow: 0 1px 8px #000;}.halimhide img.mini, .halimhide img.minianima {width: 70px;border: 4px solid #666;padding: 3px;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;float: left; margin: 0 10px 5px 0;background: #222;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.halimhide img.mini:hover, .halimhide img.minianima:hover {box-shadow: 1px 1px 15px #000;-moz-box-shadow: 1px 1px 15px #000;-webkit-box-shadow: 1px 1px 15px #000;border: 4px solid #CCCCCC;background :#666;-o-transform: scale(1.4);-moz-transform: scale(1.4);-webkit-transform: scale(1.4);margin-top: 20px;margin-left: 15px;}.halimhide img.minianima:hover {-o-transform: scale(1.4) rotate(360deg) translate(0px);-moz-transform: scale(1.4) rotate(360deg) translate(0px);-webkit-transform: scale(1.4) rotate(360deg) translate(0px);}.isihalim {margin-top: 15px;height:225px;overflow: auto;padding: 0 5px;-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out; background:#ddd -moz-linear-gradient(top,#ddd,#000);background:-webkit-gradient(linear, left top, left bottom, from(#ddd), to(#000));}.isihalim:hover {background: #333;color: #eee;text-shadow: 0 0px 1px #fe0303;}.isihalim h3 {margin: 20px 0;max-width: 224px;margin-left:10px;background: #000;box-shadow: 0 1px 12px #eee;-moz-box-shadow: 0 1px 12px #eee;-webkit-box-shadow: 0 1px 12px #eee;}.columns{clear:both;line-height:22px;padding:0 0 20px;width:250px}.colleft{float:left;line-height:22px;width:120px}.colright{float:right;line-height:22px;width:120px}.isihalim h3:hover {background: #888;border: 1px solid #666;box-shadow: 0 1px 12px #fff;-moz-box-shadow: 0 1px 12px #fff;-webkit-box-shadow: 0 1px 12px #fff;}.isihalim ul {padding: 0;margin: 0;list-style: none;}.isihalim li {padding: 0;margin: 0;list-style: none;border-bottom:1px dotted #777;}.isihalim li a{color: #FF0000;padding: 0;margin: 0;text-decoration:none;font-size: 12px;-o-transition: all 1.5s;-moz-transition: all 1.5s;-webkit-transition: all 1.5s;}.isihalim li a:hover {-o-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);color: red;text-shadow: 0 1px 1px #000;margin-left: 20px;}.halimhide {height: 17px; float:right ;margin-top:0px;z-index: 10000;position: fixed;top:0px;margin-left:690px;} .halimhide h3, .isihalim {font-size: 13px;}</style>
<div class='halimhide'>
<h3>Connect Me</h3>
<div class='isihalim'>
<h3>Welcome</h3>

Selamat datang di Blog Halim, silahkan melihat-lihat. Ada banyak hal tentang saya, Anda mungkin akan menemukan sesuatu yang menarik di sini

<div class='columns'>
<div class='colleft'>
<h3>Navigasi</h3>
<ul>

<li><a href='http://mnc-computer.blogspot.com/' title='home'>Beranda</a></li>
<li><a href='disiniurlnya' title='about'>Daftar Isi</a></li>
</ul>
</div>
<div class='colright'>
<h3>Social Stuff</h3>
<ul>
<li><a href='https://twitter.com/#!/Halim_Pakpahan' target='_blank' title='Twitter'>Twitter</a></li>
<li><a href='http://www.facebook.com/halimpakpahan' target='_blank' title='Facebook'>Facebook</a></li>

</ul>
</div>
</div>

</div>
</div>

Keterangan :

• warna Kuning Adalah Judulnya
• Warna Merah adalah isinya
• warna HIjau Adalah Tempat menaruhkan URL Sobat

Semua KOde Yg Berwarna Merah Kuning Dan Hijau Bisa Sobat Ganti dengan apapun yg sobat inginkan..
Misalkan sobat ingin mengantinya dengan buku tamu..bisa..atau lain-lain sesuai selera sobat..dan klo sobat mengerti Css .sobat bisa mengedit cssnya sesuka hati kamu .