Cara Membuat Fungsi Scroll Pada Widget Blog

Cara Membuat Fungsi Scroll Pada Widget Blog

Bola Hero Gawai

Cara Membuat Fungsi Scroll Pada Widget Blog

Pada postingan terdahulu cara membuat blogroll ala blogger, saya berjanji akan memposting Cara Membuat Fungsi Scroll Pada Widget Blog untuk menghemat ruang pada sidebar blogger.

Tutorial ini sudah banyak di posting oleh banyak blogger. Namun untuk mengupdate postingan saya tentang trik blogger, maka kali ini saya sampaikan tutiroal tentang Cara Membuat Fungsi Scroll Pada Widget Blog.

Tentunya banyak cara untuk membuat scroll pada widget ini, namun di sini saya akan share cara membuat scroll yang simpel dan mudah dengan tidak menambah banyak kode untuk membuat scroll pada widget.

Fungsi Scroll
  1. Silahkan login ke blog Anda.
  2. Jika widget yang akan diberi fungsi scroll belum diberi judul, silahkan masuk ke Tata Letak dan silahkan beri judul pada widget tersebut. Gunanya untuk memudahkan dalam pencarian widget pada edit HTML. Karena pemberian fungsi scroll akan dilakukan dengan edit HTML template blog.
  3. Silahkan masuk ke Template >> Edit HTML >> Lanjutkan >> Jangan lupa centang pada Expand Template Widget. Namun alangkah baiknya sebelumnya sebelum Edit HTML, back up dulu template blog Anda untuk menjaga bila ada kesalahan dalam pengeditan bisa dikembalikan ke template semula.
  4. Cari judul dari widget tersebut. Gunakan CTRL + F pada keyboard untuk memudahkan pencarian.
  5. Setelah ketemu widget tersebut, scroll ke bawah sedikit, cari kode <div class='widget-content'> kemudian tambahkan kode style='overflow:auto; height:350px' pada kode tersebut sehingga menjadi seperti ini <div class='widget-content' style='overflow:auto; height:350px'>. Angka 350 untuk menentukan tinggi widget di sidebar, silahkan rubah dan sesuaikan dengan kehendak Anda.
  6. Terakhir silahkan save template Anda dan lihat hasilnya.

Demikian postingan Cara Membuat Fungsi Scroll Pada Widget Blog kali ini mudah-mudahan bermanfaat.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

4 Comments Add Comment

brarti ini semua widget akan mempunyai fungsi scrool donk bang?

Balas

Hanya widget yang dikasih kode tersebut yang mempunyai fungsi scrool...

Balas

Kalau cuma scroll pada widget HTML/JavaScript saja tanpa edit HTML template caranya bagaimana kah mas?

Balas

Coba dengan kode ini
<div style="border: none; overflow: auto; height: 300px;padding: 5px;">
Tulisan Anda...
</div>

Balas
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×