Cara Membuat Scroll Pada Widget - Smart Blogger Zone

Tujuan saya memberikan trik membuat scroll ini adalah agar membuat tampilan blog anda terlihat rapih dan tidak memanjang. kali ini saya akan memberikan triknya yang sangat mudah apalagi untuk blogger pemula. langsung saja pada tutorial membuat scroll pada blog.

1. Buka Widget yang ingin anda buat scroll

2. Gambar diatas adalah contohnya, dan berikut kodenya

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #eee;">KODE HTML ANDA</div>

Jika berhasil, maka akan seperti gambar dibawah ini

Semoga berhasil dan bermanfaat untuk anda semua.Referensi dari bloglazir.blogspot.com

Read More

Cara Membuat Daftar Isi Blog Secara Otomatis - Smart Blogger Zone

Cara Membuat Daftar Isi Blog Secara Otomatis - Selamat malam sahabat blogger. Pada kesempatan ini saya akan menjelaskan bagaimana cara membuat daftar isi di blog secara otomatis. Daftar isi sangat berguna untuk mempermudah para pengunjung blog dalam mencari artikel atau konten yang mereka cari / inginkan. Sedangkan manfaat untuk admin blog yaitu daftar isi blog juga dapat meningkatkan jumlah page view blog.

Untuk melihat tampilannya seperti apa, anda bisa melihat demonya terlebih dahulu :
DEMO

Nah bagaimana, apakah anda berminat untuk memasang daftar isi di blog anda? Untuk memasang widget daftar isi di blog, anda dapat melakukan beberapa langkah mudah membuat daftar isi berikut ini :
Langkah-langkah memasang widget Daftar Isi di blog :
1. Login ke akun blogger
2. Klik "Laman Baru" kemudian klik "Laman Kosong", untuk lebih jelasnya, silahkan perhatikan gambar dibawah ini :

Gambar 1.1

3. Kemudian pilih Mode HTML

4. Lalu copy kode script dibawah ini :

<div style="border: 1px solid #eee; height: 700px; overflow: auto; padding: 10px; width: 530px;">
<script src="http://widgetsitemap.googlecode.com/files/daftarisi.js"></script><script src="http://yoga-tc.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> </div>

Keterangan :
Ganti kode yang berwarna merah ( yoga-tc ) : dengan alamat blog anda!

6. Kemudian anda letakan pada halaman kosong tadi,

Gambar 1.2

Keterangan gambar 1.2 :
1. Pilih mode HTML
2. Letakan kode pada halaman kosong
3. Berikan judul (terserah anda)
4. Klik "Publikasikan"


7. Selesai
Referensi : http://zicblogger.blogspot.com/ dan http://yoga-tc.blogspot.com/

Read More