.jpg)
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 :
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'>11. Hapus KODE HTML di atas dan gantikan dengan KODE HTML baru di bawah ini:
<b:include data='i.posts' name='posts'/>
</b:if>
<div style='overflow:auto;width:220px;padding-left:5px;margin-left:-20px;'>12. KLIK Simpan Template (SAVE Template).
<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>
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 «
silahkan tulis sebuah komentar!
gubhug reyot