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 :)

Related Posts:

0 Response to "Cara membuat scroll di blog"

Post a Comment

Silahkan Komentar dengan menggunakan bahasa yang sopan.

Ohya kalo mau komentar jangan panggil saya yang terlalu berlebihan, panggil saja teman atau kawan atau sebagainya :)

Jangan lupa share info dari blog ini ke sosmed. Karena sukses berawal dari saling berbagi satu sama lain. :)

Salam Sukses