Cara Memasang Kotak Mode Scroll Keren Dalam Postingan

Cara Memasang Kotak Mode Scroll Keren Dalam Postingan

Kali ini saya akan berbagi kode script untuk memasang kotak mode scroll didalam postingan blog anda. Hal ini sangat berguna ketika postingan anda menyajikan beberapa kode script untuk dipasangkan kedalam template HTML dan tak lupa juga serta memperkecil ruang postingan yang terlalu panjang akibat dari panjangnya kode script tersebut. Dan yang tak kalah pentingnya adalah membuat postingan blog anda menjadi tampak lebih rapi.

Cara Memasang Kotak Mode Scroll Keren Dalam Postingan

Berikut Cara Memasang Kotak Mode Scroll Keren Dalam Postingan tersebut :

<div style="background-color: #6d6d6d; border: 2px solid #232323; height: 200px; overflow: auto; padding: 5px; width: auto;">

 GANTI TULISAN ANDA DISINI

 </div>

Keterangan :
1. Tulisan postingan ditulis di Mode Compose, sedangkan untuk membuat kotak scroll nya kode harus di tulis pada Mode HTML.
2. Sebelum disimpan lihat dulu hasil kotak scroll nya pada mode Compose.
3. height:200px; adalah ukuran lebar atas bawah kotak scroll, nilainya boleh diganti.
4. width: auto; adalah ukuran otomatis lebar samping kotak scroll.
5. border:2px solid adalah ukuran tebal garis kotak scroll.
6. #232323 adalah kode warna untuk garis pinggir.
7. #6d6d6d adalah kode warna pada background kotak scroll.

Hasilnya akan menjadi seperti dibawah ini.


UJI COBA MODE KOTAK SCROLL PADA POSTINGAN


Selamat Mencoba dan Semoga Bermanfaat...
Baca Juga : Cara Memasang Meta Tag Otomatis
Silahkan berkomentar jika ada keluhan.


EmoticonEmoticon

Langganan: Posting Komentar (Atom)