Cara Membuat Border Di Dalam Postingan

Bla.....Bla.....Bla.....
kali ini kita berlajar membuat bordera di dalam postingan......
langsung aja ya.....

Contoh Borderan 1

<div style="border: 1px #000000 solid; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>

Contoh Berderan 2

<div style="border: 1px #000000 dotted; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>

Contoh Borderan 3

<div style="border: 1px #000000 dashed; padding: 10px; background-color: #CEF6CE; text-align: left;">TULIS SCRIPT DISINI</div>

Cotoh Ke 4 ini Cie Bukan borderan tapi lebih ke blogroll ya......
Tapi di sampingnyakan ada berderan juga,ya terserah apa aja dch.....he...he...

<div style="border: 2px #000000 solid; padding: 10px; background-color: #CEF6CE; overflow: auto; height: 50px; width: 500px; text-align: left;">TULIS SCRIPT DISINI</div>

Keterangan :
nyang wana'na pink eno no, untuk huruf nyang mo kita borderin....
he...he.... kayanya lebih pinter,teman2 dech....di coba,,di coba,,
kalo mo nyoba2 modif boderan sendiri sch ya ga apa2,,n'tar kalonya gagal ya copy lagi aja di sini...

Cara Membuat Kotak Blogroll dan Marquee

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea
Contohnya seperti kotak blog roll seperti ini

Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan
Teks tampilan

cara membuatnya :


copy code scrip di bawah:

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
</div>

Paste'kan>kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


2. Kotak Blogroll Model Marquee
Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal.

Contohnya seperti kotak blog roll seperti ini

Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS
Acidzx.KS

copy Scrip Dibawah> Paste.....

MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
<a href="http://url-blog/" target="_blank">Teks tampilan</a><br />
</marquee>

(Page Elements --> Add a Gadget --> HTML /Javascript)

Keterangan :

- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right
Jika kamu menggantinya dengan pergerakan horizontal/left/right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Udah Selesai dulu aja ya.....

SELAMAT MENCOBA......