Info Penting

Tugas Blogging 3 Kelas IX Semester 1 Tahun 2018

K egiatan pembelajaran dengan materi Blogging fokus utamanya adalah bagaimana siswa diharapkan bisa menulis dengan baik di blog yang suda...

Artikel Terbaru

Cara Membuat Scroll Widget Blog

22 Mei 2012 - - 9

Kata scroll saya kira sudah tidak asing lagi ditelinga kita, scroll adalah sesuatu yang dapat ditarik ke atas dan ke bawah, atau ke samping kanan dan kekiri, maka dari itu ada istilah scroll vertical dan scroll horizontal.

Jika anda ingin membuat scroll di widget blog anda, silahkan ikuti tutorial berikut:

Cara Pertama:
Jika menggunakan widget HTML/JavaScript anda bisa gunakan script dibawah ini :
<div style="overflow:auto;width:100%;height:200px;padding:0px;border:0px solid #eee">
teks atau daftar link bisa dibuat disini.
</div>
Untuk membuat daftar link supaya tampilanya rapi, gunakan kode seperti dibawah ini:

 <ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

Cara Kedua:
Jika anda menggunakan widget seperti label, archive, atau lainya, caranya adalah sebagai berikut:

Bellow basic wdiget ID in your css template:
  1. Widget Label = Label1; Label2; Label3, and so on
  2. Widget Blog Archive = BlogArchive1; BlogArchive2; BlogArchive3, and so on
Sebagai contoh, jika anda ingin membuat scroll untuk widget label/ kategori:
cari kode  ]]>  didalam template blog anda, copy paste kode dibawah ini:
#Label1 .widget-content{   /* anda bisa edit, seperti  BlogArchive1, atau lainya */
height:200px;               /* anda bisa edit angka ini, untuk mengatur ketinggian */
width:auto;
overflow:auto;
}

Demikian, semoga bermanfaat.

9 komentar

  1. wah makasih infonya gan, siap dipraktekkan :)

    BalasHapus
  2. thx Om inponya,,,praktek nech di web,,,untuk scrool twit,,sumbang klik ae dech ^_^

    BalasHapus
  3. Terimakasih banyak mas sudah share tutorialnya. :)

    BalasHapus
  4. klo buat ukuran hurufnya mgn gan. thx.

    BalasHapus
  5. terima kasih gan ane memang butuh sroll ini n mohon ijin penerapannya...http://pinjamanuangexpress.blogspot.com

    BalasHapus
  6. http://bloggerseoku.blogspot.com/
    http://nestha-pico.blogspot.com/

    BalasHapus
  7. Izin Coba....



    blogwalking gan :)


    www.windows404.blogspot.com

    BalasHapus

Follow Me


Iklan

Tutorial Blogger

Arsip Blog