Tutorial : Blockquote Blink Blink [Flash Blockquote]

Assalamualaikum

.

 Hari ni saya nak ajar buat blockquote yang blink blink punya. 

HAHA, tahu tak macam mana? Kalau nak tahu macam mana, trylah kod yang saya bagi ni :)

Preview jer, kalau berkenan Save! Jangan malas malas okay?

UNTUK TEMPLATE DESIGNER

• Pergi ke Design > Edit HTML
• Tekan CTRL + F and search kod ni :

.post blockquote p {

• Copy kod dibawah ni, dan paste kan dekat ATAS kod .post blockquote p{  tadi. 

.post blockquote {
background:url(URL BACKGROUND); padding 5px;
border: 1px solid #901EE2;
-moz-border-radius: 30px;
colour: #FFFFFF
}

blockquote:hover {
background: url(URL BACKGROUND)repeat right bottom;
border: 1px solid #901EE2;
-moz-border-radius: 30px
}

Nota Tangan :
MERAH : tukar dengan url background sendiri :)
HIJAU : ketebalan border. makin besar makin tebal.
PURPLE : type of border. Boleh tukar dengan solid / dashed / dotted / double / grooved.
KUNING : Warna border. pilih di SINI.

Oh yer, saya kredit tuto ini kepada : PUTRI AFFEA .

Dia buat tuto yang awesome! Visit her blog kay ♥

And untuk yang blogskins punya, korang tunggu okay ? Sebab sekarang puku 4.10 AM

Mata ni dah kuyu giler dah XD Tu je nak share :)

Kbai.

FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com

Tutorial : Hit Counter (Free)

ASSALAMUALAIKUM

Hari ni nak ajar camne nak buat hit counter.

Tahu tak hit counter tu ape?

Kalau tak tahu, tengok gambar kat bawah ni.

Haa, bendalah tu. Okay jom start.

• First, korang pergi dekat [sini]
• Then, korang 'isi tempat kosong dengan jawapan yang betul' XD kalau tak paham, tengok gambar ni.

(klik untuk gemuk) 

• Lepas dah copy kod tu, korang paste je dekat mana mana tempat yang korang nak. Tapi elok letak dekat atas kod shoutbox korang.

Haa, macam tu je cara dia. Senang kann?

Kalau tak paham, inform yea. Nanti saya cuba tolong ;)

Kbai.

FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com

Tutorial : Blockquote Takde Side

ASSALAMUALAIKUM

Hari ni nak ajar buat blockquote macam dalam gambar ni.

Haa, tak tahu nak namakan jenis apa, saya bagi nama 'Blockquote takde side'. Sebab memang dia takde side. Okay ready? Jom start .

Tapi saya tak tahu kalau template designer boleh atau tak, tapi korang boleh try :)

• Dashboard > Template > Edit HTML
• Tekan ctrl + f dan search kod : blockquote {
• Copy kod di bawah dan paste di BAWAH kod blockquote { tadi. But, make sure korang delete dulu lah kod blockquote yang lama.

blockquote {
background:url(URL BACKGROUND);
padding-left:12px;
padding-right:12px;
color:#FFFFFF;
margin-right:4px;
border-bottom: 1px solid #5B5B5B;
border-top: 1px solid #5B5B5B;
padding:8px;
-webkit-transition:1s;
}
blockquote:hover {
background:#F3BFFF;
color:#CF1FFF;
-webkit-transition:1s;
padding:8px;
border-top: 1px solid #B700FF;
border-bottom: 1px solid #B700FF;
}

Info warna:
Merah : untuk background korang sebelum hover. boleh tukar dengan kod warna.
Pink : warna tulisan sebelum hover.
Kuning : warna border atas bawah sebelum hover.
Biru : warna background selepas hover
Purple : warna tulisan selepas hover
Hijau : warna border atas bawah selepas hover.
Kod warna boleh cari di sini.

Paham kann? Untuk template designer lebih kurang sama jer. 

Tapi rasanya template designer boleh kot guna tuto ni. Cubalah.

Tapi untuk blogskins, mesti wajib jadi! HAHA :D

Kbai.

FROM:   -MUHD FADLIN-http://miserymakescars.blogspot.com