Tutorial Blogger : Membuat Widget Kotak

Maksud membuat kotak widget adalah untuk menghemat tempat, seperti yang saya lakukan disini...nah sobat bisa memilih 3 macam skript yang sobat mau...silahkan dipilih dan dipilah...

Contoh 1

<div style="border: 1px solid rgb(150, 150, 150); overflow: auto; width: 100px; height: 100px; text-align: left; background:#7fffda;">
<a href="http://url-blog/" target="_blank">nama lik 01</a>

<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya


</div>

Menjadi Seperti yang dibawah ini

Hunting ExecutiveSample Photo Outdoor
Efek Lomo
Efek HDR
Efek HDR
Efek HDR
Efek HDR
Efek HDR

Contoh 2 

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 80px; height: 100px; text-align: center; background:#FFFFF;">
<a href="http://url-blog/" target="_blank">nama link 01</a>

<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya

</div>

Menjadi seperti yang ini dibawah ini

Hunting ExecutiveSample Photo Outdoor
Efek Lomo
Efek HDR
Efek HDR
Efek HDR
Efek HDR
Efek HDR

Contoh 3

<div style="border: 0px; overflow: auto; width: 80px; height: 100px; text-align: center; background:#FFFFFF;">
<a href="http://url-blog/" target="_blank">nama link 01</a>
<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya

</div>  

  

Menjadi seperti yang ini dibawah ini

Hunting Executive
Sample Photo Outdoor
Efek Lomo
Efek HDR
Efek HDREfek HDREfek HDREfek HDR

Cara  pasangnya masuk ke tata letak,tambah gadget,HTML/Java Skript.
FFFFFF adalah kode warna
width dan heigt bisa sobat atur sekendak sobat
solid rgb(150, 150, 150) ini kode warna juga
Bagi sobat2 yang sudah sering main photoshop pasti tahulah masalah kode warna tersebut!
Selamat mencoba!