Find What You Need

5 Jan 2010

Cara Membuat Daftar Posting Ada Kotak Scroll

   Mungkin suatu waktu anda ingin menampilkan semua judul postingan anda dihalaman depan blog , sehingga pengunjung yang datang ke blog anda tidak susah untuk mencari artikel-artikel yang dibutuhkannya.
Bila jumlahnya masih sedikit mungkin tidak menjadi masalah. Tapi coba bayangkan jika jumlahnya sudah mencapai puluhan bahkan ratusan, tentu membuat tampilan blog kita kurang menarik karena dipenuhi oleh judul-judul tersebut.. Mungkin ini adalah salah satu solusi supaya judul-judul postingan bisa ditampilkan seluruhnya tanpa memenuhi halaman blog anda, yaitu dengan membuat daftar judul postingan dalam kotak yang bisa di scroll. Contohnya seperti ini :



Dengan cara ini meskipun judul yang ingin ditampilkan mencapai ribuan tidak akan membuat halaman anda menjadi penuh dengan judul, pengunjung tinggal men scroll jika ingin mencari artikel yang dibutuhkan. Jika anda ingin membuatnya silahkan copy kode di bawah :

<style>.
list {background: url("http://i566.photobucket.com/albums/ss106/Albaniyu/gambar-label.jpg") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;}</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:295px; height:210px; background-color: #ffffff;font-size: 13px; border:1px solid #7ca2d5;">

<div class="list"> <a href="http://cariilmumu.blogspot.com/2009/11/istilah-dalam-dunia-internet.html#more">Istilah Dalam Dunia Internet</a></div>
</div>

  Kemudian anda paste, mau di sidebar, mau di bawah header tergantung mau anda dan tersedianya kolom widget di template anda .

Sedikit penjelasan : 

Jika anda ingin menampilkan icon kecil buatan anda sendiri disamping daftar yang dibuat, silahkan ganti alamat link image yang diwarnai merah dengan link image url anda. Yang diwarnai orange adalah ukuran dari kotak, silahkan anda rubah ukurannya, sesuaikan dengan ukuran blog anda. Kemudian yang diwarnai biru, itu adalah alamat link posting anda. jadi anda ganti dengan alamat link posting anda yang ingin di buat daftarnya.

Mudah-mudahan sedikit keterangan ini bisa membantu anda semua.



**** Semoga Bermanfaat ****

Untuk mendapatkan informasi dan postingan terbaru dari blog ini, silahkan ketikkan email anda di form berlangganan. Gratiiiis...

Berlangganan Lewat RSS

4 komentar:

Ethise Pada 17 November 2010 pukul 08.32 mengatakan...

Saya udah pake cara ni koqq,,praktis..cuma kotak scrolny biar lebih tinggi gmn y???
Plise,
Slm kenaal y,

lintaskampus Pada 15 Januari 2011 pukul 18.11 mengatakan...

ko saya g bisa ya..merubahnya di mana tmerubahnya merubahnya..

it is mine Pada 22 April 2011 pukul 10.09 mengatakan...

http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gifhttp://us.i1.yimg.com/us.yimg.com/i/mesg/emohttp://us.i1.yimg.com/us.yimg.com/i/mesg/emothttp://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gificons7/3.gifticons7/62.gif

GUSTI GUSLIANSYACH Pada 20 Mei 2012 pukul 17.30 mengatakan...

untuk membuat scrol judul postingan itu apa harus manual yah? apa ada cara yang otomatis menampilkan posting auto scroll?

Posting Komentar

Biar tambah semangat nulis blognya,ketikkan saran dan komentar. Walaupun singkat tetapi saran dan komentar yang anda berikan sangat berarti buat blog ini.

Ketikkan Karakter Jika Ingin Memasang Emoticon.
:)):)];));;):D;):p:((:):(:X=((:-o:-/:-*:|8-}~x(:-tb-(:-Lx(=))

Artikel Yang Lainnya

 

My Best Friend

Mengenai Saya

Foto saya
Sebagai tempat belajar dan menyimpan arsip jika saya membutuhkannya suatu waktu, dan semoga menjadi ilmu yg Bermanfaat bagi Orang yang membacanya .

Visitor

free counters

Belajar Bersama Copyright © 2009 Template Wanaking Di Desain Ulang Oleh Albaniyu | Blogger Template