Langsung ke konten utama

Postingan

Menampilkan postingan dari November, 2013

Memasang Gambar Slide Ala Zinmag

Langkah Pertama : Login ke blogger dengan id anda >> Klik Tata Letak >> Pilih Edit HTML >> Backup dulu template anda dengan mengklik Download Template Lengkap. Letakkan kode berikut di atas kode ]]></b:skin>

Membuat Tab View Widget Kategori

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}

Membuat Slider Image Otomatis

  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> :

Slider Otomatis Untuk Template Toko Online

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 ;

Modifikasi Popular Post untuk Template Gallery

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 :

Slider Otomatis Gambar Vertikal

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