Cara Membuat Kotak HTML Scroll Box di Blogger

Arief Ghozaly

Cara Membuat dan Memasang Kotak HTML Scroll Box di Blogger

Salah satu kekayaan fitur dari SEO Kraken blogger template ialah mendukung bahasa Markup seperti tag, elemen dan atribut pada HTML.

Template ini di design dengan sangat ciamik dan powerfully, SEO-nya sudah sangat Optimized, tapi ada satu yang kurang. Yes, om... Kotak HTML, CSS dan JavaScript.

Bagi blog, situs atau website yang membahas topik seputar HTML, alangkah baiknya menggunakan kotak HTML untuk memisahkan mana kode, mana isi artikel yang sebenarnya.

Cara Membuat Kotak HTML Scroll Box di Blogger

Selesaikan dulu postingan blog anda, selanjutnya beralih ke mode HTML (bukan compose). Copas atau sisipkan kode kotak HTML dibawah ini:

<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;font-family: "Courier New",Courier,monospace;">

Bungkus dengan kode </div>. Ok selesai.

Kalau mau bikin kotak HTML dengan Scroll Box, -- cocok untuk kode HTML, CSS dan JavaScript yang panjang, gunakan kode <pre> dan </pre>.

.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;}

Nah, gampang banget kan tutorialnya? Semoga berguna :)

Labels: Design Blogger

Thanks for reading Cara Membuat Kotak HTML Scroll Box di Blogger. Bagikan postingan ini ke sosial media kamu, ya! :)