Untuk membuatnya sangatlah mudah. Fungsi dari blogscroll adalah membuat tampilan Menu yang menarik, simple, dan hemat tempat. Langsung aja ....... Bagi yang ingin mempunyai blogscroll seperti di bawah ini silakan aja miliki mumpung gratis ...
Kodenya :
</div><center><div style="border: 3px solid rgb(0, 0, 0); padding: 10px; overflow: auto; width: 300px; height: 115px; background-color: rgb(255, 255, 255); font-weight: bold; text-align: center;"><center><marquee style="color: rgb(204, 0, 0);" behavior="alternate" scrollamount="20"><span style="font-size:100%;">My Friend Link</span></marquee>
<a href="URL Postingan">Tutorial 1</a>
<a href="URL Postingan">Tutorial 2</a>
<a href="URL Postingan">Tutorial 3</a>
<a href="URL Postingan">Tutorial 4</a>
<a href="URL Postingan">Tutorial 5</a>
<a href="URL Postingan">Tutorial 6</a>
<a href="URL Postingan">Tutorial 7</a>
</center></div></center>
Keterangan untuk edit :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100%
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan.
background-color: rgb(255, 255, 255) » adalah latar belakang dari blogscroll dapat kita atur dengan mengubah nilai rgbnya.
border:1px solid #eee »untuk membuat kotak. Mengatur tebal tipis nya border bisa dirubah px-nya. Contoh border:4 px Selengkapnya tentang BORDER KLIK DI SINI
marquee behavior="alternate" » agar tulisan bisa bolak balik.
0 komentar: