Membuat Widget Peraturan / Rules

Nah, sudah lihat greeting image di atas kan ? Sekarang Sa Hyun mau share tutorial sesuai judul diatas, yaitu 'Membuat Widget Peraturan / Rules' untuk blog visitors setia Sa Hyun ><

Widget ini enggak harus untuk chat box doang loh ! Bisa untuk laman ex-change juga.. tapi, kalau di blog Sa Hyun untuk chat box. Nah, hovernya bisa memutar buat jadi istimewa.. hihihi. Isinya juga bisa image atau text juga bisa ! Ah, pokoknya cute deh Chingu ! ^^
Cara buatnya adalah.........
Kita mulai dari buka akun blogger chingu ya... Dan pilih Tata Letak nya. Next, chingu cari tulisan "Tambahkan Gadget" . Click dan tunggu sampai keluar sebuah kotak. Nah, kan ada beberapa macam pilihan ya? Sekarang Chingu pilih yang "HTML/JavaScript". Dan tunggu sampai keluar dua buah box di atas dan di bawah. Sekarang Chingu ngisi kotak yang bawah, soalnya yang atas untuk judul (tapi, kita gak pakai judul ya, boleh pakai kok).
isi kotak yang bawah adalah seperti berikut

<style>
.box5 {
border-radius:20px;
border:1px dashed #000;
width:100px;
overflow:hidden;
height:15px;
color:#000;
left:30px;
top:250px;
text-align:center;
moz-box-shadow: 0 0 1px #000;
-webkit-box-shadow: 0 0 8px #000;
padding:4px;background: #fff;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
.box5:hover {
height:150px;
width:200px;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style><center><div class="box5">Rules<br /><br />
ISI RULES BISA DG TEXT/IMG</div>

NB:

• merah : isi dengan kode warna , untuk memilih klik sini
• kuning: nama
• orange: isi , bisa dengan text / image

save dan selesai... lihat hasilnya yaaa ><
Sa Hyun lupa credit siapa.. soalnya dah lama banget, sory ya ^^

---

Yuk! Berikan komentar Kalian dan Follow Blog Sa Hyun ^^

---