Selamat datang di Kios-Tutorial

Membuat Scroll Pada Blog Archive

Wednesday, May 13, 20150 komentar

Membuat Scroll Pada Arsip Blog - Saat pertama kali kita membuat blog baru pasti widget blog archive (arsip blog) akan terpasang secara default. Mungkin untuk blog baru atau blog yang jarang update artikel hal ini akan biasa saja. Namun untuk blog-blog yang benar-benar terurus pastinya hampir setiap hari akan mengeluarkan artikel-artikel baru, dan ini tentu akan berdampak pada tampilan arsip blog. Karena jika blog kita berisi ratusan atau bahkan ribuan artikel maka tampilan arsip blog akan terus bertambah panjang.

Sebagian orang tidak memperdulikan hal ini, karena mereka merasa para pengunjung akan mudah untuk mencari artikel-artikel yang ada di blog tersebut. Namun ada sebagian orang yang merasa terganggu dengan tampilan arsip blog memanjang ke bawah. Contohnya seperti di bawah ini :
cara Membuat Scroll Pada Blog Archive
Padahal di mata SEO tampilan blog archive seperti di atas dianggap jelek. Nah, untuk mengatasi hal tersebut pada kesempatan ini kios-tutorial.tk akan berbagi cara membuat scroll pada arsip blog. Keuntungan memakai scroll adalah :
  • Blog menjadi bagus di mata SEO
  • Blog jadi lebih rapi
  • Pengunjung lebih efektif menelusuri artikel di blog
Dari sekian banyak cara yang saya temui, saya akan mengambil cara yang sederhana dalam artian tidak disisipi link-link lainnya.  Silahkan simak langkah-langkahnya di bawah ini :

Cara Membuat Scroll Pada Arsip Blog

1. Login ke akun blog anda
2. Pilih menu Template lalu klik Edit HTML
3. Cari kode <div id='ArchiveList'> (gunakan CTRL + F dalam pencarian)
4. Tambahkan kode berikut <div style='overflow:auto; width:ancho; height:200px;'> tepat sebelum kode di atas.
5. Lalu cari kode berikut <b:include name='quickedit'/> (gunakan CTRL + F dalam pencarian)
6. Tambahkan kode </div> setelah kode di atas
7. Pratinjau dahulu template anda sebelum di save
8. Setelah yakin scroll sudah muncul silahkan SAVE
Untuk mengatur panjang pendeknya scroll box, anda bisa merubah angka 200 pada kode  height:200px. Jika masih bungung dalam penempatannya, silahkan lihat gambar di bawah ini :
cara Membuat Scroll Pada Blog Archive
sebelum penambahan
cara Membuat Scroll Pada Blog Archive
setelah ditambah Kode
Cara Membuat Scroll Pada Blog Archive
arsip blog dengan scroll
Jika masih bingung juga, silahkan tulis pertanyaan di kolom komentar yang sudah disediakan di bawah. Sampai jumpa pada tutorial-tutorial selanjutnya. Selamat mencoba.

Terima kasih sudah berkunjung dan meluangkan waktu untuk membaca artikel
Membuat Scroll Pada Blog Archive
Tutorial Tips & Trik Photoshop | Illustrator | Cinema 4D | Blog & Seo
Share this article :

Post a Comment

- Maaf, komentar LINK AKTIV / IKLAN akan saya HAPUS
- Komentar sara / spam akan saya hapus
- Jika ada link gambar yang mati laporkan disini
- Berkomentarlah dengan bijak sesuai dengan artikel
- Komentar anda merupakan undangan buat saya

 
Support : Cara Gampang | Creating Website | Johny Template | Mas Templatea | Pusat Promosi
Copyright © 2013. Tutorial Tips & Trik - All Rights Reserved
Template Created by Creating Website Re-Design by Kios
Proudly powered by Blogger