Cara Memberi Scroll Pada Widget Part 2 - Archive Blog (Edit HTML)


Cara Memberi Scroll Pada Widget Archive Blog (Edit HTML). Kali ini aku akan bahas kembali mengenai cara memasang scroll pada widget yang berada dalam Edit HTML. Fasilitas scroll ini dapat memeperindah tampilan blog Anda karena bila mana dalam blog Anda terdapat sebuah daftar (list) berupa tutorial yang begitu panjang Anda dapat menggunakan fasilitas ini agar tidak memakan banyak ruang. Tutorial ini aku akan bahas tentang tata cara memasang scroll pada Widget berbasis Edit HTLM

Langkah langkah memasang scroll pada widget sebagai berikut.
  • Pastinya Login ke Blogger terlebih dahulu
  • Masuk atau klik Rancangan
  • Klik atau pilih Edit HTML
  • Centang pada Expand Widget Template
  • Klik download lengkap template (bila nanti terjadi kesalahan anda tinggal mengunggah kembali template Anda)
  • Untuk mempermudah pencarian tekan Ctrl + F dan Cari code <div id='ArchiveList'> atau ArchiveList kalau masih tidak di temukan. ini kuncinya "Judul dari Arsip Blog yang Anda tulis pada Elemen Laman misal, Arsip Blog, Archive Blog atau Blog Archive". Setelah ketemu
  • Pada Div Style Tambah kan code berikut overflow:auto; width:ancho; height:200px;
<div class='widget-content'>
<div style='width:ancho;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  • Hasilnya seperti ini
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  • Selesai dan simpan template.
Cara diatas juga berlaku pada widget "Entri Populer" pencariannya juga tergantung dari Judul yang Anda tulis pada Widget Elemen Laman.
Selamat mencoba semoga berhasil.
*****

Tidak ada komentar:

Posting Komentar

Berilah komentar dengan bijak, saling menghargai itu baik. Apabila ada link error segera hubungi kami.