Membuat Widget related Post(Post Terakhir dengan Gambar)

1. Langsung saja menuju Rancangan>Edit HTML

2. Jangan lupa membackup template anda untuk berjaga-jaga jika ada hasil yang tidak diinginkan.

3. Cari kode ]]> dan letakkan script code di bawah ini di atas kode ]]> tersebut.

/*** Featured Categories ***/
     img.label_thumb{
        float:left;
padding:5px;
border:1px solid #8f8f8f;
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;
adding: 0;
}
     ul.label_with_thumbs li {
padding:8px 0;
min-height:65px;
margin-bottom:10px;
}
    .label_with_thumbs a {}
    .label_with_thumbs strong {}

4. Setelah itu cari kode   dan letakkan kode di bawah ini di atas kode  itu.

 5. Simpan semua perubahan.

Namun sampai disini kita belum selesai. Lanjutkan dengan menuju ELEMEN LAMAN.
6. Tambahkan sebuah gadget baru yaitu HTML/Javascript. Dan masukkan script code di bawah ini kedalam form yang muncul.

 

Keterangan script code:
var numposts = 3; 
var showpostthumbnails = true; 
var displaymore = false; 
var showcommentnum = false;
var showpostdate = false; 
var showpostsummary = true; 
var numchars = 80;

Anda bisa ubah dan sesuaikan semua script code yang berwarna. silahkan bereksperimen sendiri 

Jika sudah selesai bereksperimen, simpan semua perubahan dan lihat hasilnya. Selamat berkarya.

Artikel Terkait: