Untuk menampilkan posting tiap label dengan gambar tersebut kita cuma butuh beberapa script, dibawah ini yang bisa kita lakukan untuk menerapkannya :
1. Login ke blogger
2. Klik Template >> Edit HTML
3. Letakkan CSS berikut diatas ]]></b:skin>
/* LABEL CHOOSE4. Selanjutnya cari kode </head>
================================================ */
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{}
5. Kemudian letakkan kode berikut tepat atas </head>
<script src='http://u-sup.googlecode.com/files/newslabelchoice.js' 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># Rubahlah teks merah (Category Here) dengan kategori yang ingin ditampilkan.
<script type="text/javascript" src="/feeds/posts/default/-/Category Here?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
10. Simpan
Sekarang lihat blog apakah sudah tampil atau belum, apabila posting label belum tampil dibawah ini kemungkinan yang biasanya terjadi :
1. Kesalahan menulisakan label/kategory, atau penulisan yang tidak sesuai (huruf besar/kecil mempengaruhi)
2. Peletakkan Script langkah no.4
3. Penyalinan kode yang tidak sempurna
Beberapa masalah diatas yang biasanya terjadi dalam penerepan sebuah script baik di blog maupun website, jadi silahkan cermati dengan seksama karena memang butuh ketelitian.
0 komentar:
Posting Komentar