Cara Membuat Scroll Otomatis Pada Blockquote - MALES DESIGN TEMPLATE BLOG

Cara Membuat Scroll Otomatis Pada Blockquote

Cara Mudah Membuat / Menambahkan Fungsi Scroll Otomatis Pada Blockquote. Fungsi Scroll Otomatis di Dalam Posting Blog. Seperti yang sudah saya jelaskan didalam posting saif sebelumnya yang membahas tentang Blok Isi Blockquote Sekali Klik, Cara ini tidak lain agar tidak memakan banyak tempat yang khususnya artikel yang terlalu panjang.
 

Tanpa panjang lebar mari kita praktikkan bersama. Simak tutorial berikut :
1. Log in dan masuk Dasboard blog
2. Pilih menu Template >> Edit Html
3. Cari kode yang serupa dengan kode berikut :
.post blockquote {background:#f0f0f0;font-style:italic;
border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}
0. Fokuskan pada kode .post blockquote / blockquote saja.
0. [Gunakan CTRL+F untuk permudah pencarian]
4. Jika sudah ketemu, tambahkan kode berikut didalamnya
max-height:250px; overflow:auto;
0. Warna hijau diatas adalah ukuran tingginya,silahkan diubah sesuai keinginan
 0.Nantinya kode akan menjadi seperti ini :
.post blockquote {max-height:250px; overflow:auto;background:#f0f0f0;
font-style:italic;border:1px solid #ccc; margin:10px; padding:10px 10px 10px 20px}
5. Simpan dan lihat hasilnya.

Kalu cara diatas dirasa masih terlalu sulit dan membingungkan, coba dengan cara berikut ini :
1. Cari kode ini :
]]></b:skin> 
2. Copas kode seutuhnya ( Nomer 4 diatas ) letakkan diatas kode ]]></b:skin>
3. Selesai dan Simpan

Optimalkan fungsi scroll diatas dengan Blok Sekali Klik pada Blockquote, Baca Cara Membuat Blok Tulisan Sekali Klik Pada Blockquote
Sekian tutorial dari saif semoga mudah difahami dan bermanfaat untuk design blog kita. Terima kasih 

Cara Membuat Scroll Otomatis Pada Blockquote Rating: 4.5 Diposkan Oleh: Saif Silfa

Yang ninggalin SPAM saya do'akan mandul.. hahaha

 
notifikasi
close