Friday, 28 October 2011

making-sweetness Tuto : Cute Blockquote Background

Hyep ! Wat's up ? Okay.. Hari ni tuto about Blockquote background okey ? Hari tu bukan background.. Ittu just cute icon thingy when sang cursor sentuh blockquote ^^ Jum start !

1) Dashboard >> Design >> Edit HTML >> Tick EXPAND WIDGET TEMPLATES

2) Cari this code
h2 {
3) Dah jumpa ? Kalau dah, copy this code and paste bawah code korang cari td tue.
.post blockquote {
background:url(URL background yang korang suka);
padding: 5px;
border: 3px solid #FFFFFF; 
colour:#FFFFFF }
 MERAH - Tukar kepada URL background yang korang suka
 BIRU - Tukar kepada warna yang korang suka 
 HIJAU - sama dgn biru.. Tukar kpada warna korang nak

4) Lepas tue, Save ! Sbb preview pun ta ade guna. Nak tgk dia menjadi atau tak, buat post blockquote baru, okey ? Dah siap !

#Ape ? Tak menjadi ? Hmm.. Try this one pula !

1) Dashboard >> New Post

2) Copy this code
</div>
<div class="separator" style="clear: both; text-align: center;">
<span class="Apple-style-span" style="background-color: white; font-family: Verdana, Geneva, sans-serif; font-size: 13px; line-height: 17px;"></span></div>
<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
<blockquote style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(http://i1101.photobucket.com/albums/g422/Dekya135/polkapurple1.gif); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: dashed; border-bottom-width: 2px; border-left-color: rgb(0, 0, 0); border-left-style: dashed; border-left-width: 2px; border-right-color: rgb(0, 0, 0); border-right-style: dashed; border-right-width: 2px; border-top-color: rgb(0, 0, 0); border-top-style: dashed; border-top-width: 2px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;">
</blockquote>
*BIRU tukar kepada URL background yang korang suka okey ? ^^
*MERAH tukar ikut kesesuai korang

3) Paste this code di 'Edit HTML' yang tepi 'Compose' tu, faham ?

4) Dah selesai ! Faham tak ? Kalau tak faham, comment or shoutbox okey ? Bye !

Suka ? 'LIKE' jerr.. Xsuka ? Duduk diam ^^

0 peminat:

Post a Comment