Informasi Seputar Blog dan Tutorial

Cara Membuat Scroll Box Responsive Di Blog

Hai sobat blogger! Kali ini saya akan membagikan tutorial cara membuat scroll box yang responsive.Scroll box adalah kotak yang bisa kita isi dengan kata/gambar dan tentu ada tombo scroll. Fungsi yaitu untuk menyingkat kalimat agar tidak memuat/membutuhkan banyak tempat.Fungsi lainnya untuk mempercepat loading blog.Cara membuatnya sangat mudah...Langsung saja berikut langkah-langkahnya :

Salin kode dibawah ini,jika sobat ingin meletakkan scroll box dipostingan pastekan kodenya di html bukan di compose.

Kode HTML
<div style="overflow:auto;width:100%;height:170px;padding:10px;border:1px solid #eee">

Letakkan kalimat-kalimat yang ingin diberi scroll box disini 

</div>

Perhatian
Ganti kode yang berwarna merah dengan kata/kalimat yang diinginkan


Lalu klik Publikasikan...

Bila dipasang akan seperti ini


Letakkan kalimat-kalimat yang ingin diberi scroll box disini
Paragraf
Paragraf
Paragraf
Paragraf
Paragraf
Paragraf
Paragraf



Itulah tutorial cara membuat scroll box yang responsive semoga artikel ini bermanfaat untuk kita semau

No comments:

Post a Comment