" Ya Allah, muliakan & sayangilah saudaraku ini, bahagiakan keluarganya, berkahi rizkinya, kuatkan imannya. Berikanlah kenikmatan ibadahnya, jauhkan dari segala fitnah. amiin. "

Jumat, 12 Oktober 2012

Cara Membuat Scroll Widget Blog

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 danscroll horizontal

Dan kemungkinan besar hal tersebut bukan sesuatu yang baru, sebagian dari blog anda saya kira suda banyak yang memasang Scroll tersebut. Nah untuk anda yang mungkin baru dan belum memasang Scroll tersebut, silahkan kalau anda berminat untuk memasangnya langsung kita simak petunjuk pemasangan Scroll tersebut.

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>

Agar Link terbuka di jendela baru anda harus menambahkan : target="_blank" diantara # dengan >Link
Contoh : <li><a href="#"target="_blank" >Link</a></li>


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 sedikit info diatas, semoga bermanfaat.

Anda sedang membaca Artikel Cara Membuat Scroll Widget Blog Anda juga bisa menemukan Artikel Ini melaui URL berikut http://7e55.blogspot.com/2012/10/cara-membuat-scroll-widget-blog.html, Silahkan Copy Paste Artikel tersebut, namun jangan lupa untuk mencantumkan Cara Membuat Scroll Widget Blog sumbernya

Artikel Terkait:

0 komentar:

Poskan Komentar

Pengunjung yang bijak : selalu meninggalkan komentar yang sopan dan tidak mengandung unsur sara ! Dengan hormat kami mohon anda untuk meninggal kan komentar untuk kami, Terimakasih.

Related Posts Plugin for WordPress, Blogger...