Cumulus swf - flash

Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Memasang Scroller di Widget Label (Categories): Tutorial Modifikasi Blog

Penggunaan kalimat sebagai judul posting seringkali membuat pusing kepala. Setiap Blogger pasti menginginkan untuk membuat judul posting dengan kalimat yang sependek mungkin dengan pertimbangan agar judul posting tidak terlalu memenuhi kolom pada ruang judul (title) dan juga pada kolom label. Sialnya..., pada beberapa posting, judul yang sangat pendek (atau berusaha dibuat pendek) menjadi kehilangan makna yang diharapkan untuk mewakili artikel yang ditulis. Bahkan aku sendiri sering mengalami kebingungan tatkala membaca judul posting yang begitu pendek yang kubuat sendiri dan telah kuposting cukup lama. Kerapkali aku harus membuka kembali posting yang kulihat judulnya, karena saat kubaca aku jadi bingung sendiri akan materi yang kupostingkan dengan judul tersebut. Penggunaan scroller pada kolom widget arsip bisa menjadi salah satu solusi untuk mengatasi permasalahan ini. Dengan menggunakan scroller maka sempitnya kolom arsip bukan menjadi masalah lagi sehingga kekuatiran penggunaan judul yang panjang dapat teratasi.

Untuk menciptakan scroller dalam kolom widget arsip, perubahan KODE HTML harus dilakukan dengan membuat KODE HTML baru di antara tag <body> dan tag </body> yang berupa 2 buah DIV. Fungsi DIV pertama (bagian luar) digunakan sebagai pembentuk scroller dan DIV kedua berfungsi untuk menciptakan kolom dengan lebar (width) yang mampu memuat teks/kalimat panjang. Supaya mudah untuk dibuat/diterapkan oleh siapapun, KODE baru ini akan kita buat tanpa memecahnya dalam bentuk KODE CSS.

Cara membuat "Pasang Scroller di Widget Label (Categories)" :

1. Login ke Blogger (Login to Blogger).
2. Dasbor (Dasboard).
3. KLIK Tata Letak (Layout).
4. KLIK Edit HTML.
5. Amankan Template (Backup Template). Lihat cara mengamankan template di di sini !.
6. Tetap di Edit HTML.
7. KLIK Expand Template Widget.
8. Cari KODE <b:include data='i.posts' name='posts'/>
9. Gunakan Ctrl + F (pada keyboard) untuk mencari KODE tersebut. Bila anda belum memahami penggunaan Ctrl +F, silahkan lihat caranya di sini !.
10. Di sekitar KODE HTML di atas akan ditemukan KODE seperti berikut :
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
11. Hapus KODE HTML di atas dan gantikan dengan KODE HTML baru di bawah ini:
<div style='overflow:auto;width:220px;padding-left:5px;margin-left:-20px;'> 
<div style='width:400px;line-height:14px;font-size:11px;font-family:tahoma;'>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</div>
</div>
12. KLIK Simpan Template (SAVE Template).
13. Lihat hasilnya dengan membuka blog.

Catatan :

1. Atur lebar DIV pertama (width:220px;) sesuai dengan lebar kolom Arsip blog anda.
2. Ukuran font (font-size), jenis-font (font-family) dan spasi teks (line-height) silahkan anda pilih/ganti sesuai selera anda.

Semoga bermanfaat !

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :





» Happy Blogging - gubhugreyot «


Bila tak pegal di tangan
silahkan tulis sebuah komentar!

gubhug reyot

 
GR | Edited by | gubhug reyot