Hay Sobat Blogger Kali Ini Saya Akan Berbagi Pengetahuan Tentang Cara
Membuat Blog Archive dengan Scroll - Mungkin teman blogger semua masih
bingung dengan tema artikel saya kali ini. Maksudnya kita akan memberikan
scrolling pada widget Arsip Blog yang saudara pasang. Apa manfaat memasang
arsip blog dengan scroll? Ingin tahu kegunaannya, silahkan baca lebih lanjut.
Memasang Scroll Pada Arsip Blog
Memasang scroll pada arsip blog memang tidak ada pengaruhnya
terhadap SEO, tetapi dapat memberikan kenyamanan pada pengunjung blog.
Kebanyakan blogger memasang scroll pada widget ini karena daftar isi blognya terlalu
banyak dan memanjang ke bawah, sehingga membuat tampilan blog terlihat tidak
rapih dan membuat pengunjung berpikir bahwa adminnya kurang prosesional dalam
menata blog.
Jadi jika anda memiliki daftar isi blog yang terlalu banyak
dan memanjang ke bawah, tidak ada salahnya jika saudara melakukan trik
sederhana ini. Tapi sebelumnya anda itu harus memasang dulu widget arsip
blognya. Silahkan ikuti panduan sederhana berikut ini:
Cara
Memasang Widget Arsip Blog
Cara
Memasang Widget Arsip Blog
- Login dengan akun blog anda Disini
- Pilih menu Tata Letak, kemudian klik Tambah Gadget atau Add Gadget
- Kemudian cari widget Archive Blog, lalu klik
- Setelah itu akan muncul menu pengaturan untuk tampilan widgetnya, anda bisa merubahnya sesuai selera anda.
- klik Simpan
- Setelah anda memasang widget Archive Blognya, saudara tinggal mengikuti langkah-langkah berikut untuk memberikan Srolling pada widget Archive Blognya:
Memasang
Scroll Pada Arsip Blog
- Pastikan anda sudah login dengan akun blog anda
- Masuk ke menu Template Blog, lalu klik tombol Edit HTML
- Cari kode <div id='ArchiveList'>
- Klik pointer pada kolom edit HTML, kemudian tekan Ctrl+F atau F3 untuk mempemudah pencarian kode <div id='ArchiveList'>
- Jika sudah ketemu, Simpan kode di bawah ini tepat di atas kode <div id='ArchiveList'>
<div style="border: 1px
solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height:
200px; background-color: #FFFFFF;">
Sehingga menjadi seperti ini :
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
</b:if>
<div class='widget-content'>
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>
- Jangan Lupa Berikan Tag Penutup </div> seperti contoh yang berwarna merah di atas
- Klik Simpan Template
Keterangan Kode Berwarna Merah di Atas:
1. Kode height adalah
kode yang menentukan tingginya scrolling pada blog arsip.
2. #FFFFFF adalah
warna background,anda bisa mengubahnya sesuai ke inginan anda.
Bagaimana Mudah Kan ? Semoga Bermanfaat Dan Selamat Mencoba ... :)
Untuk Melihat Kode Warna Bisa Klik Disini
0 komentar:
Posting Komentar