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.....

Related Posts:

  • Cara Membuat Gambar bergerak Dibawah Header Blog Cara membuat gambar slide dengan setting html ini mirip dengan gambar Flash yang dibuat dengan software flash...namun disini tak perlu menggunakan software tersebut...hanya sedikit utak-atik html saja sih... untuk pemasang… Read More
  • Cara Membuat Template Blogspot menjadi SEO Cara Membuat Template Blogspot menjadi SEO-Pada kesempatan kali ini, saya ingin berbagi sedikit ilmu saya tentang Cara Membuat Blog SEO Friendly dengan Mudah. Kenapa saya bilang dengan mudah? Karena jujur saja saya baru bis… Read More
  • Cara Membuat Twitter Box Keren Di Blogspot Twitter box atau juga gadgekotak twitter ini jika sudah terpasang dalam blog sobat maka akan menampilkan tweet serta kicauan sobat secara langsung kedalam halaman blog sobat, selain itu twitter box ini juga akan memberi kel… Read More
  • Cara daftarkan blog ke Google Search Engine dengan mudah Salah satu upaya untuk meningkatkan pengunjung blog adalah dengan cara daftarkan blog ke google Search Engine. Jika blog sobat sudah sobat daftarkan ke Google Search Engine, maka blog sobat akan mudah di indeks oleh mesin p… Read More
  • Cara mudah Membuat Software Portable dengan Winrar Sobat Blogger, mungkin anda sering menggunakan software-software seperti Adobe Photoshop, Adobe Illustrator, Firefox, Winamp dan lain sebagainya baik untuk pekerjaan anda atau bahkan sekedar hiburan dan hobi. Nah, jika suat… Read More

0 komentar:

Catat Ulasan