Cara Mudah Memasang Kolom Scroll pada Arsip Blog

|| || , || 4 komentar

Bagaimana Membuat Artikel Terkait Dengan Scroll
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

  1. Login dengan akun blog saudara
  2. Pilih menu Tata Letak, kemudian klik Tambah Gadget atau Add Gadget
  3. Kemudian cari widget Archive Blog, lalu klik
  4. Setelah itu akan muncul menu pengaturan untuk tampilan widgetnya, saudara bisa merubahnya sesuai selera anda.
  5. 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

  • Pastinga anda sedang login dengan akun blog saudara
  • 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 + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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. Lihat di sini " Kode Warna HTML Lengkap"
Jika anda melakukan langkah-langkah di atas dengan benar, maka hasilnya kurang lebih akan seperti ini:

Contoh Artikel Terkait Dengan Scroll

Bagaimana, mudahkan? jika anda merasa artikel ini bermanfaat, jangan lupa menyebarluaskan artikel ini dengan tombol sosial media yang ada di bawah ini. Selamat Mencoba . . .

Baca Juga: Cara Membuat Daftar Isi Otomatis Super Ringan
Terima Kasih Atas Kunjungan Anda
Judul: Cara Mudah Memasang Kolom Scroll pada Arsip Blog
Ditulis Oleh Riki Junizar
Artikel ini dipatenkan pada www.myfreecopyright.com, Jika mengutip harap berikan link balik yang menuju artikel Cara Mudah Memasang Kolom Scroll pada Arsip Blog ini. Jika tidak akan diproses secara DMCA Takedown yang tentu saja tidak baik akibatnya bagi blog saudara. Terima kasih atas perhatiannya

/[4 komentar Untuk Artikel Cara Mudah Memasang Kolom Scroll pada Arsip Blog]\
Katon Sumargi mengatakan...

Thank you bozz.. see you again!

homegames21 mengatakan...

tutorialnya mantap,berguna agar menghemat tempa di blog dan kelihatan rapi
thanks

Wahyu Ramadhan Nahumarury mengatakan...

thanks infonya bro...
ijin coba yo...
smile keep bloging... ^^

Heni Nupiandari mengatakan...

nah ini yang saya cari .. . .

Posting Komentar

Terima kasih telah membaca artikel di atas, kalau boleh dibantu tolong berikan komentar yang relevan sesuai dengan topik pembahasan artikel di atas. Anda diperbolehkan berkomentar dengan memperhatikan hal-hal berikut:
1. Komentar jangan mengandung SARA dan PORNO.
2. Jangan berkomentar dengan menggunakan LINK MATI apalagi LINK AKTIF.
3. Jika anda orang Indonesia yang cinta tanah air, maka berkomentarlah dengan bahasa baku dan sopan.
Jika komentar anda melanggar syarat di atas, maka komentar anda tidak akan saya publish dan akan saya tandai sebagai SPAMER.

Terima kasih atas kunjunganya ^_&