membuat kotak scipt dengan tombol scroll dipostingan bloger

Contoh scroll:

Membuat kotak didalam postingan bloger


Masukkan kode dibawah ini didalam postingan tapi saat mau menggunakan posisikan dulu pada menu HTML.Berikut didalam kotak kodenya;

<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">
.Isi Text Disini.</div>

Keterangan:


border: 3px = ketebalan kotak script

 #1780dd = warna kotak script

Double; = Bentuk kotak, bisa diganti dengan,

dashed

Double

Ridge

Outset

Inset

Groove

Dotted

Padding:10px = panjang kotak ke bawah, ukuran lebar otomatis mengikuti lebar post

background-color:ffffff; = warna dalam kotak

Text-align:left; = posisi tulisan didalam kotak bagian kiri

Selamat mencoba...

Masukkan kode dibawah ini didalam postingan tapi saat mau menggunakan posisikan dulu pada menu HTML.Berikut  kotak kodenya;

<div style="border: 3px #1780dd solid; padding: 60px;background-color:#ffffff;
overflow: auto; height: 50px; width: 300px;
text-align: left;">
Isi Texs Anda Disini</div>

Keterangan:


border: 3px = ketebalan kotak script

 #1780dd = warna kotak script

300px = ukuran lebar kotak script" saya sarankan ganti dengan auto untuk suport mobile frendly

overflow:auto; = fungsi scrollnya. height(tinggi kotak) dan width(lebar kotak)


Kotak script bisa juga dipindahkan ke kanan, dengan menambahkan kode float: right; ditengah kode diatas.

Padding:60px = panjang kotak ke bawah, ukuran lebar otomatis mengikuti lebar post

background-color:ffffff; = warna dalam kotak

Text-align:left; = posisi tulisan didalam kotak bagian kiri

Selamat mencoba.

Terimakasih Anda telah membaca tulisan / artikel di atas tentang :
Judul: membuat kotak scipt dengan tombol scroll dipostingan bloger
Rating: 100% based on 99998 ratings. **9 user reviews.
Ditulis Oleh supryplasadewa
Semoga informasi mengenai membuat kotak scipt dengan tombol scroll dipostingan bloger bisa memberikan manfaat bagi Anda. Jangan lupa Komentar Anda saya tunggu di kolom bagian bawah ini.

Tweet