Home » » Cara membuat scroll di blog

Cara membuat scroll di blog

Okey kali ini aku akan membahas Bagaimana Cara membuat scroll di blog
Scroll di blog memiliki banyak fungsi seperti menghemat pemakaian halaman di blog dan membuat pengunjung menjadi santai karena blog berkesan ringkas dan enak dilihat.

Scroll bar di blog ini dapat ditempatkan di teks atau tulisan yang akan anda buat, gambar - gambar dan juga pada widget blog.

Langkah - Langkah Membuat Scroll di Blog:

- Semisal sekarang kita akan memasang Scroll pada postingan seperti gambar dibawah ini:


1. Setelah kamu sedang berada di halaman penulisan artikel
Lihat code berikut:

<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col">JUDUL ARTIKEL</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;"> Tempat Menaruh Text atau code gambar atau code Widget </div></div></td></tr>
</table></div>
2. Lalu Copy dan Paste ke halaman penlisan artikel blog kamu pada tab HTML dan jangan lupa untuk diedit terlebih dahulu
3. Tulisan tulisan berwarna  Dapat di ganti ganti sesuai selera. Dan biasanya cukup mengganti tulisan "JUDUL ARTIKEL" dan "Tempat Menaruh Text atau code gambar atau code Widget"
4. Untuk Code diatas maka akan tampak hasil seperti  dibawah ini :


 
JUDUL ARTIKEL
Tempat Menaruh Text atau code gambar atau code Widget

Catatan : Gambar diatas tidak terlihat efek scroll karena tulisan tidak lebih dari luas scroll, jika lebih dari scroll maka akan tampak seperti :


JUDUL ARTIKEL
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget
Tempat Menaruh Text atau code gambar atau code Widget

Selamat Mencoba :)

0 komentar:

Posting Komentar

Popular Posts

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Official Android Center - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger