Sabtu, 13 April 2013

Tutorial Cute Blockquote

Assalamu'alaikum, hello everybadeh! :D
kali ini aku akan share tutorial cute blockquote di blog. Check this out!

1. Sign in akun blogger anda.
2. Template   Edit HTML
3. Cari kode di bawah ini, untuk memudahkan pencarian, Tekan Ctrl+F
.post blockquote {
4. Lalu copy kode di bawah ini tepat di bawah kode yang anda cari tadi.

background-image : url(URL IMAGE);
border:3px solid #ffc7cd;
padding: 5px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
background-image:url(URL CUTE ICON);
background-position:bottom right;
background-repeat:no-repeat;}
border-left:5px dashed #ffeded;
padding: 5px;
color:#FF6699;
 -moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;


NOTE :
 tulisan yang berwarna merah itu kamu ganti dengan url background yang kamu suka. bisa klik disini , disini , disini , disini . disini.
 tulisan yang berwarna biru itu kamu ganti dengan url cute icon. klik disini.
 Jangan copy tutorial ini tanpa seizin saya.

Sekian tutorial dari aku , semoga kalian suka ;) Wassalamu'alaikum wr. wb.




Tidak ada komentar:

Posting Komentar