 |
| Scroll bar Pada Threaded comments Artis Tutorial |
Alhamdulillah akhirnya listrik sudah kembali normal setelah hampir dua hari padam. Maaf.. kepada sahabat yang komentarnya terlambat saya moderasi pada postingan Jangan Jadi Generasi Togel..!.
Sesuai rencana bahwa seharusnya yang terpost hari ini adalah cara memasang Widget Amung Bergaya Facebook tapi karena alamat linknya hilang jadi terganti dengan cara memasang Scroll bar Pada Threaded comments Artis Tutorial.
Mungkin Tidaklah berlebihan kalau dikata bahwa Script Threaded comments Artis Tutorial = http://artistutorial.blogspot.com ini cukup dikenal dan dipake oleh beberapa blogger itu sepanjang blogwalking saya selama ini, termasuk saya sendiri juga memakainya.
Secara Default Script Threaded comments Artis Tutorial tidak memasukkan script untuk fungsi Scroll bar, jadi mungkin agak tidak nyaman bagi pengunjung yang ingin berkomentar kalau mendapati postingan yang sudah banyak memiliki komentar.
Cara pasang Scroll bar pada Threaded comments Artis Tutorial.
1. Cari kode <div id='cm_block'>
2. lalu Letakkan kode <div style='overflow:auto; width:ancho; height:450px;'> diatasnya.
3. lalu tutup dengan </div> di atas kode : <div class='cm_pagenavi' id='cm_page_copy'/>
3. lalu tutup dengan </div> di atas kode : <div class='cm_pagenavi' id='cm_page_copy'/>
4. Selanjutnya cari dan hapus kode dibawah ini, untuk memudahkan pencarian gunakan kontrol F dan masukkan kata kunci '.cm_arrow {' tanpa tanda petik, kode lengkap seperti dibawah ini.
.cm_arrow {
display: block;
width: 9px;
height: 18px;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7DhiJR1ovlbKF3l3b6XN5_aSHh-UwYSsoG2eUpi6ZEp-trLducNtUIYTp7m3xyZgVynXgIXNCqawilstQYyk63IvQ38RnDhQlT4AgY1IUvIcmEU5sjyjSBr3LqG6eXZLjixy0x78_K24/s1600/comment-arrow.gif)
no-repeat;
position: absolute;
margin-left: -25px;
}
4. Klik Pratinjau untuk lihat berhasil atau tidaknya script, kalau berhasil simpan dan lihat hasilnya.
Pengaturan penjang atau pendeknya Scroll bar bisa sahabat atur sesuai selera pada angka ini 'height:450'
Script diatas tidak memasukkan form komentar dalam scroll bar jadi form komentar berada diluar scroll bar. Perhatikan demonya, Untuk Demo bisa dilihat disini ,
Semoga Bermanfaat.
No comments:
Post a Comment