08 November 2011

Membuat Widget Recent Posts + Thumbnail gaya Slider

Setelah ditulisan sebelumnya saya share tentang Cara Membuat Widget Recent Post plus Thumbnails di blogspot, sekarang masih akan membahas seputaran TipsTrik Blogging lagi yaitu Cara Membuat Widget Recents Post plus Thumbnails dengan gaya Slider. Widget ini fungsinya masih tetap sama seperti widget recent posts sebelumnya, hanya saja sekarang mempunyai tampilan yang berbeda. Sesuai judulnya, Widget Recent Posts yang akan kita buat ini akan bergaya Slider yang artinya bergerak terus menerus silih berganti menampilkan tulisan terbaru, untuk contohnya bisa dilihat di sidebar blog ini. Atau gambarnya bisa dilihat dibawah ini (tapi tak bergerak loh):
Nah, kalau sudah lihat dan tahu sekarang kita langsung ke proses pembuatannya, ikuti langkah-langkah berikut ini:

1. Caranya hampir sama dengan Cara Membuat Widget Recent Post plus Thumbnails di blogspot, yaitu dengan menambahkan Gadget HTML/Javascript tapi dengan script yang berbeda.
2. Seperti biasa masuk ke Design > Page Element dan Add Gadget HTML/JavaScript
3. Kemudian masukan script dibawah ini, sebelumnya silahkan diedit dulu sesuai keinginan.
4. Download kemudian coppy scriptnya, download Script Recent Posts Slide disini.

Silahkan edit dulu dan sesuaikan dengan template yang digunakan. Berikut ini beberapa parameter yang bisa di edit:

boxwidth = 300;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 60;
thumbheight = 60;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comment(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://aseuhere.blogspot.com/";
limitspy=5
intervalspy=3000

Jika proses editing sudah selesai, tinggal save dan lihat hasilnya di blog.

1 comments:

◄ Newer Post Older Post ►