Blockquote Tutorial

Assalamu'alaikum...

Kak Masliha request cara membuat blockquote di template designer. Tutorial ini juga untuk semua orang yang ingin mencoba, ya. Tutorial ini aku dapatkan dari Resti, temanku. Hmm.. mau repost? Sertakan creditnya dari aku dan Resti ya

Sebelum Hover

Setelah Hover

• Dashboard blog
• Template
• Edit HTML
• Cari kode (CTRL+F)

/*Post
--------------------------------------*/

•  Sudah ketemu? Copy dan paste kode di bawah ini DIBAWAH kode yang tadi kamu cari.

blockquote {
background-color: #FFF5FB;
border:5px solid #FED7E6;
font-family:Comic Sans MS;
font-size:15px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
blockquote:hover {
background-color: #FAFEFF;
-webkit-transition-duration: 3.5s;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
background-image:url(URL BACKGROUND);
background-position:bottom right;
background-repeat:no-repeat;
}

Keterangan:
-Merah= Kode warna kamu
-Oranye=Bentur border kamu
-Hijau=Jenis font kamu
-Fuchsia=URL Background
-Purple=Size/ukuran font

• Preview and save!

Semoga tutorial ini berhasil ya. Credit Resti (adillikanaswa.blogspot.co.id). Byeeeee!!

Wassalamu'alaikum....