Cara Membuat Kue hehee HighLigh All Maksudnya

MultiMEDIA-tbh : Di beberapa content blog ada yang munggunakan sebuah kotak scroll yang salah satu fungsinya adalah untuk menghemat ruang pada blog anda, selain itu juga bisa menambah daya tarik tampilan blog kita.


Bagi Anda yang belum pernah praktek tentang ini artikel berikut patut untuk dicoba :) 


Cara membuatnya cukup membubuhkan sedikit code didalam widget HTML. Penasaran bagaimana cara membuatnya, nih tutorialnya.


Untuk membuat halaman seperti itu, anda hanya perlu membuat kode seperti di bawah ini :

<div style="overflow:auto;width:300px;height:200px; padding:10px;border:1px solid #eee"><font class="Apple-style-span" color="#00FF00">Isi Halaman</font></div>

Kemudian pastekan aja pada postingan blog anda, yang berwarna hijau anda masukkan isi halaman yang ingin diposting.

Kalau masih belum paham juga saya tambah lagi contohnya ne,, :D biar banyak prakteknya. Copy aja script yang dibawah tulisan berkedip (C.O.N.T.O.H) dibawah ini trus pastekan di postingan anda.

C.O.N.T.O.H


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<a href="http://yo1d.blogspot.com/">1.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">2.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">3.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">4.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">5.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">6.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">7.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">8.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">9.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">10.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">11.Ar-Rafif</a>
<br />
<a href="http://yo1d.blogspot.com/">12.Ar-Rafif</a>
</div>

Dan hasilnya akan seperti ini :

1.Ar-Rafif


2.Ar-Rafif


3.Ar-Rafif


4.Ar-Rafif


5.Ar-Rafif


6.Ar-Rafif


7.Ar-Rafif


8.Ar-Rafif


9.Ar-Rafif


10.Ar-Rafif


11.Ar-Rafif


12.Ar-Rafif

Masih belum ngerti :D praktek aja langsung :) ini saya kasih penjelasanya lagi :

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% (width: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. misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.


Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda. SELAMAT MENCOBA!

Jangan pernah berhenti untuk belajar :)