@Boy Paskand

Langsung saja pada cara membuatnya : Pertama Anda meesti login ke blogger dengan akun Anda Kedua pilih blog yang ingin anda tambahkan slider ini. Setelah itu masuk ke template >> Edit HTML , kemudian centang expand widget templates Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> : #tabber-wrapper{width: 640 px;float:left;word-wrap:break-word;overflow:hidden} ul.tab-view{float:left;list-style:none;height:32px;border-bottom:1px solid #aaa;border-left:1px solid #aaa;width: 638 px;margin:0;padding:0} ul.tab-view li{float:left;height:31px;line-height:31px;border:1px solid #aaa;border-left:none;overflow:hidden;position:relative;background:#eee;margin:0 0 -1px;padding:0} ul.tab-view li a{text-decoration:none;color:#26231c;display:block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}

  Login ke blogger dengan akun Anda Setelah itu pilih blog yang ingin anda tambahkan slider ini. Masuk ke template >> Edit HTML , kemudian centang expand widget templates Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan nantinya, sebaiknya backup dulu template anda. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

Baiklah langsung saja pada cara pembuatannya : Langkah pertama Kita harus membuat satu widget di bawah header untuk meletakkan slider nantinya. Login ke blogger dengan akun Anda Setelah masuk ke dashboard , pilih blog yang mau dipasang slider. Kemudian pilih template >> Edit HTM , jangan lupa centang dulu kotak expand widget template . Backup dulu template untuk berjaga-jaga jika nanti terjadi kesalahan dalam pengeditan. Kemudian masukkan kode berikut ini diatas  ]]></b:skin> view plain print ? /* Slide Content   ----------------------------------------------- */    .slide-wrapper { padding : 0   auto ; margin : 0   auto ; width : auto ; float :  left ;   word-wrap: break-word;  overflow :  hidden ;}    .slide { color :  #666666 ; line-height :  1.3em ;}   .slide ul { list-style : none ; margin : 0 0   0 ; padding : 0 0   0 ;}   .slide li { margin : 0 ; padding-top : 0 ;   padding-right : 0 ; padding-bottom :. 25em ;   padding-left : 0px ;

Nah, kali ini saya mencoba untuk memodifikasi widget tersebut agar cocok dipasang pada blog yang mempunyai konten gallery. Gambarnya seperti diatas, hanya menampilkan thumbnail dan judul dengan posisi horisontal. Jika anda tertarik, berikut ini cara membuatnya :

DEMO Slider ini sangat sederhana, seperti juga slider-slider sebelumnya , slider inipun bekerja secara otomatis berdasarkan artikel terbaru dan kategori tertentu. Untuk lebih jelas silahkan klik demo diatas, slider ini saya letakkan di sidebar sebelah kanan dengan ukuran lebar 300px . Slider ini sekilas terlihat seperti slider yang ada pada template-template dari designer India seperti Lasantha Bandara , Lansindu , Sameera dan lainnya, yang masih memasukkan gambar dan URL secara manual.  Jika Anda pengguna template buatan mereka, dan ingin mengganti agar slider bekerja secara otomatis, silahkan simak berikut langkah-langkah pembuatannya : Setelah login ke Blogger , pilih blog yang ingin ditambahkan slider ini. Kemudian masuk ke Template >> Edit HTML (centang kotak expand widget templates ) Di back up atau disimpan dulu templatenya, jika sewaktu-waktu terjadi kesalahan bisa dikembalikan ke bentuk semula. Klik "Buka" dan masukkan kode berikut di at