Cara Membuat Kotak Area Sederhana

Assalamualaikum ..
baru dapet pengetahuan nihh mau langsung share aja .. hahaha
Ini dia demo nya ..

nahh ini dia kotaknya... walaupun masih terlihat cemen tapi lumayan lahh buat naro sesuatu dari pada engga ada sama sekalii ..
lagi pula juga sayang klo gk di pake ... kwkwkwkwkw

yaudahh kita langsung ke TKP pembuatannya ..
hahah Hariez emang Lebayy ..

1. Login Ke akun sobat
2. Pada Dasbor Klik Rancangan/Design Kemudian Klik EDIT HTML Dan Jangan Lupa Mencentang Kolom Expand Template Widget
3. Letakan CSS Berikut Tepat Diatas Kode ]]></b:skin>

#hariezkode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

4.Simpan Template Selesaii ....

Bingung Cara Makenya .. ??? Tenang ada Hariez Di Sini ..
ahihihihihi ...

Cara Meletakannya Didalam Postingan

• Pada Tab HTML ( ingan Tab HTML ) 
• Masukan KOde Pemanggil<div id="hariezkode"> dan disini letak apapun itu terserah sobat</div>

Cara Meletakannya Di Gadget

hehehe Sama Langkahnya Pada Tahap 2 yaitu

Masukan KOde Pemanggil<div id="hariezkode"> dan disini letak apapun itu terserah sobat</div>

hhehehehehe Begitulah Penjelasan Singkatnya Daripada Panjang-panjang Bikin Sobat Semua Pusing.. hahaha

Semoga Posting ini Bermanfaat bagi sobat Semua .. hehehehe

SELAMAT MENCOBA DAN SEMOGA BERHASIL !!!