EnglishFrenchGermanSpainItalianDutchRussianBrazilJapaneseKoreanArabicChinese Simplified

Labels

Profil

Foto saya
Fauzi Maulana Akhyar, masih sekolah (sudah SMA kelas 2) masih belajar ngeblog
FA CORP. Diberdayakan oleh Blogger.
Flag Counter
Home » » Membuat Auto Scroll Pada Widget Blog Archive

Membuat Auto Scroll Pada Widget Blog Archive


auto-scroll-blog-archive-ngeposta

Membuat Auto Scroll Pada Widget Blog Archive - Hello kawan! Cara membuatnya cukup mudah sekali dan simple, hanya dengan menyisipkan sedikit script css saja.
Nahh, bagi anda yang berminat dan ingin mencoba untuk membuat auto scroll pada widget blog archive silahkan simak dengan baik tutorial di bawah ini :





1. Login ke blogger.com menggunakan akun anda.
2. Masuk ke halaman "Template".


menu-template-blogger-ngeposta

3. Lalu pilih "Edit HTML", klik "Lanjutkan" dan jangan lupa centang "Expand Template Widget".

ngeposta-edit-html

4. Kemudian cari kode ]]></b:skin> dan letakkan script kode berikut ini tepat di atasnya.

?
1
2
3
4
5
6
#BlogArchive1 .widget-content{
height: 300px;
margin: 10px;
width: auto;
overflow: auto;
}

5. Kemudian klik save/simpan template, selesai dan lihat hasilnya...

Note :
  • BlogArchive1 adalah id dari widget blog archive yang sudah kita pasang/ada di blog kita, id blog archive pada blog anda belum tentu sama seperti itu. Bisa jadi id blog anda adalah BlogArchive2, BlogAchive3, atau BlogArchive4 dan seterusnya.
  • height: 300px; adalah untuk menentukan tinggi dari widget blog archive tersebut, anda bisa menggantinya sesuai dengan selera.
  • Untuk previewnya bisa langsung anda lihat pada gambar yang ada di atas.

1 komentar: