Cara Membuat Menu Link Rekomendasi Di Blog

 Bagaimana Cara Membuat Menu Link Rekomendasi Manual warna warna seperti Pelangi.Untuk membuatnya cukup gampang kok Sobat.Menu ini kemarin saya pasang di blog facewoman Ini tapi untuk kesempatan kali ini menu ini saya lepas dan saya ganti dengan link rekomendasi bawaan Blogger.Jika sobat berminat untuk memasang di blog sobat silahkan Kopas kode di bawah ini :

ScreenshotMenu Link Rekomendasi Di Blog

<div class="bd-chronicl-social">     <ul>
    <li><a class="rss" href="http://facewoman.blogspot.com/2012/07/daftar-member-facewoman.html">Daftar Member Facewoman</a></li>
    <li><a class="twitter" href="http://facewoman.blogspot.com/2012/08/rekomendasi-label-blog-facewoman.html">Rekomendasi Label Facewoman</a></li>
    <li><a class="facebook" href="http://facewoman.blogspot.com/2012/08/cara-membuat-iklan-pop-up-di-blog.html">Cara Membuat Poup-up Ala kapanlagi.com </a></li>
    <li><a class="google" href="http://facewoman.blogspot.com/2012/09/download-template-iklan-baris-untuk-blog.html">Download Iklan baris Gratis</a></li>
    <li><a class="pinterest" href="http://facewoman.blogspot.com/2012/08/kekurangan-menggunakan-blog-blogspotcom.html">Kekurangan Menggunakan Blogspot</a></li>
    <li><a class="youtube" href="http://facewoman.blogspot.com/2012/09/kenapa-harus-membuat-blog-di-bloggercom.html">Kenapa Harus membuat Blog di Blogger</a></li>
    </ul>
    </div>
    <style type='text/css'>
    /*<![CDATA[*/
    .bd-chronicl-social {  width: 320px;  margin: -10px;  }
    .bd-chronicl-social ul {  margin: 0;  padding: 0;  }
    .bd-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }
    .bd-chronicl-social ul li a {   color: #fff;   display:block;  }
    .bd-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }
    .bd-chronicl-social ul li .rss { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 10.5px 35px; }
    .bd-chronicl-social ul li .twitter { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 10.5px 35px;}
    .bd-chronicl-social ul li .facebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 10.5px 35px; }
    .bd-chronicl-social ul li .google { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 10.5px 35px; }
    .bd-chronicl-social ul li .pinterest { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 10.5px 35px; }
    .bd-chronicl-social ul li .youtube { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiuVYIvjJd9to3B2kGq0Bgq3GQxXCZl1l1ZNcHVIE4a2anzbStnOvPs1gkRTuhUQCTIVpfCn9Q2HGkzt7U_lAwIZjBsVVQUDg9RJXwZWhPWoSjKwWSPHqST3rQR7aTkuW-1jHCSB7CLeE/s800/bullet-point-image-8.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 10.5px 35px; }
    /*]]>*/
    </style>

Keterangan :
 " Ganti Link http://facewoman.blogspot.com/2012/09/kenapa-harus-membuat-blog-di-bloggercom.html Dengan alamat link anda."

Cara pemasang Kode Diatas:

 Login Blogger - Tata Letak - Tambah Gadget - Add Java Scrip - Kemudian masukkan kode di atas ke dalam Java Scrip - Simpan.

Itulah Cara Membuat Menu Link Rekomendasi Di Blog warna - warni seperti pelangi hehehehe.......