Cara Membuat Kotak Scroll Dipostingan Blog

Slamat Bertemu kembali sobat blogger semua,kita bertemu lagi dipostingan blog,kali ini saya akan berbagi Cara membuat Kotak Scroll Dipostingan Blog.Bagi anda yang masih pemula,postingan ini tentulah sangat berguna,tapi bagi yang sudah pakar dibidang blog Hal ini sudah tidak aneh lagi,o..ya sobat lansung saja kita kupas Cara Membuat Scroll Dipostingan Blog

1.kopy kode dibawah ini,dan pastekan dipostingan anda,tapi jangan di Kompose,di HTML nya.

ini contohnya:



<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>


Nb:
Untuk tulisan Berwarna kuning ukuran tinggi
Untuk warna merah ukuran Panjang
Untuk warna biru Masukan tulisan anda

Yang kedua:



<!--Start code scroll box by;"fianetmu.com"-->
<div style="
background-color: black; border-bottom: 3px solid #06396C; border-left: 20px solid #66B0F9; border-right: 3px solid #06396C; border-top: 3px solid #06396C; font: 12px Georgia,Garamond,Serif; height: 157px; overflow: auto; padding: 10px; width: 257px;">
<span style="color: white; font-style: italic;">
Isi Dengan Gambar atau kode Script/HTML anda

</div>

<!--End code scroll box by;"fianetmu.com"-->


Nb:
Untuk tulisan berwarna merah adalah warna background
untuk tulisan warna kuning Adalan ukuran tinggi
untuk warna hijau adalah ukuran panjang
untuk warna biru Ganti dengan tulisan anda.

Yang ketiga:

JUDUL KOTAK
<div align="center">
<table width="190" border="1">
<tr> <th colspan="90%" scope="col">JUDUL KOTAK</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 190px; height: 90px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">DISINI TULISAN ANDA</div></div></td></tr>
</table>
</div>

Nb:
Warna  merah adalah judul kotak
warna hijau adalah ukuran panjang
warna kuning adalah ukuran tinggi
warna biru ganti dengan tulisan anda

yang keempat:


<div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">Tulisan anda.</div>

Nb:
Warna merah adalah ukuran tinggi
warna kuning aalah ukuran panjang
warna biru adalah warna background
warna ping adalah tulisan anda

yang kelima:


<div style="height:220px;width:325px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url('http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg');">Tulisan
anda
</div>

Nb:
Warna hitam adalah ukuran tinggi
warna Kuning adalah ukuran panjang
warna hijaub adalah link gambar
warna biru adalah tulisan anda

Nah sobat,itulah contoh kotak scroll yang bisa anda gunakan sesuai dengan selera anda,semoga bermanfaat ya.....

0 komentar:

Catat Ulasan