1. Login ke blogger.com
2. Pilih  Template --> Edit HTML
3. Kode paste kode CSS dibawah dan letakkan diatas kode  ]]></b:skin>

/* Labels pilihan blogger cybermales */
img.label_thumb{
float:left;
padding:5px;
border:1px
solid #F3F3F3;
background:#D2D0D0;
margin-right:10px;
height:55px;
width:55px;
}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{
float:left;
width:100%;
min-height:70px;
margin:0px 10px 2px 0px;
padding:0}
ul.label_with_thumbs li{
padding:8px 0;
min-height:65px;
margin-bottom:10px;
list-style:none;
}
.label_with_thumbs a{}
.label_with_thumbs strong{}
4. Kemudian cari kode </head>
5. copy dan pastekan kode dibawah, lalu letakan diatasnya
<script src='http://blogger-cybermales.googlecode.com/files/labelspilihan.js.txt' type='text/javascript'/>
6. Save Template
7. Lihat navigasi kanan dan Klik "Layout"
8. Klik Add Gadget >> pilih "HTML/javascript"
9. Letakkan kode dibawah pada form yang muncul dan isikan judul sesuai keinginan
<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 80;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Category Here?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
# Rubahlah teks merah (Category Here) dengan kategori yang ingin ditampilkan.
10. Simpan

0 komentar:

Post a Comment