Sesuci Kejora

Tutorial : Icon Kecil di Hujung Blockquote

Jun 24, 2011 | 0 comments

Assalamualaikum Warahmatullahi Wabarakatuh

Amirah di sini, Amirah di sana, Amirah kembali lagi di Sesuci Kejora.

Direquest oleh Cik Anisah. Blockquote ni macam yang Amirah punya. Bila korang hover, ada rama-rama biru kat hujung tu kan? Ok, let's start it.

1) Dashboard > Design > Edit HTML

2) Cari code ini .post blockquote {

3) Delete semua code lama korang yang ada kat situ. And then, pastekan code ni :

background-color: #FBEFEF;
border-left: 3px solid #F78181;
padding: 5px;
}

.post blockquote:hover {
background-image:url(URL ICON KECIL ANDA);
background-position:bottom right;
background-repeat:no-repeat;
}

Clue : Oren untuk warna background blockquote. Hijau untuk warna border tepi² blockquote. Boleh cari code warna kat sini. Biru pulak untuk icon kecil kat hujung blockquote. Boleh cari icon kecil² kat sini.

4) Dah preview apa semua tu, bolehlah Save Template. Happy Trying!

Credits : Kak Nazihah Anuar

Labels: Tutorial

NEW

OLD

Tutorial : Icon Kecil di Hujung Blockquote

Jun 24, 2011 | 0 comments

background-color: #FBEFEF;
border-left: 3px solid #F78181;
padding: 5px;
}

.post blockquote:hover {
background-image:url(URL ICON KECIL ANDA);
background-position:bottom right;
background-repeat:no-repeat;
}

Credits : Kak Nazihah Anuar

Labels: Tutorial

NEW

OLD

Profile

The Girl Behind The Laptop

★ In short, I am :
• A malay muslim.
• Lives in Terengganu, studies in Selangor.

★ Bloggie :
• Created since 24 November 2009, five days after celebrating my 10th birthday.
• Created by Ummi because I was interested in blogging when I saw she's updating her blog.
• Sesuci Kejora has been here for almost 11 years. Big applause :')