Selasa, 23 Oktober 2012

TUTORIAL : Blockquote Shadow Macam Saya

Tak perlu banyak bebel, kita terus tajuk utama yea..
Mood : Panas suam2 hari ini.

1. Template > Backup template lama 'dulu' > Edit HTML > F3 search .post blockquote {

2. Dah jumpakan, tepuk tangan. Yang tak jumpa tu, tak tahulah. Saya guna template denim.. Lepas tu, gantikan kod tadi dengan bawah ini.


.post blockquote {
background:url(http://i.imgur.com/VhEc4.png);
border-top: 2px dotted #000000;
border-left: 2px dotted #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
border-radius: 5px;
margin:1em 20px;
padding: 5px;
}
.post blockquote:hover {
background-image:url(http://dl3.glitter-graphics.net/pub/650/650813hs7chex7nq.gif);
background-position:bottom right;
background-repeat:no-repeat;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 18px #000000;
}

3. Preview kalau tak yakin, save.. Siap

* merah tu tukarlah apa yang korang nak

Tiny Hand With Animated Rainbow Hearts