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

Tutorial : Jenis Marquee (Ayat Bergerak)

ASSALAMUALAIKUM

 macam mana nak buat ayat marquee. Macam ni haa :

Hai..saya marquee..

Haa, tu namanya marquee. Macam mana nak buat? dia ada banyak jenis tau.

Ada yang ke atas, ke kiri , ke kanan. Err, korang follow jelah tuto ni.
Before that, tutorial ini saya kredit dekat AKAK ATIKA AULA :)

• Tulisan bergerak dari kanan ke kiri.

<marquee>AYAT KORANG</marquee>

MUHD FIRDAUS

• Tulisan bergerak dari kiri ke kanan.

<marquee direction="right">AYAT KORANG</marquee>

MUHD FIRDAUS

• Tulisan bergerak dari atas ke bawah.

<marquee direction="up">AYAT KORANG</marquee>

MUHD FIRDAUS

• Tulisan bergerak dari atas ke bawah.

<marquee direction="down">AYAT KORANG</marquee>

MUHD FIRDAUS

• Tulisan berhenti apabila mouse sentuh perkataan.

<marquee onmouseover="this.stop()" onmouseout="this.start()">AYAT KORANG</marquee>

MUHD FIRDAUS

• Tulisan bergerak dari kanan ke kiri dan ulang balik (maybe x boleh guna kot)

<marquee behavior="alternate">AYAT KORANG</marquee>

MUHD FIRDAUS

Okay, kalau korang nak adjust kelajuan teks tu, masukkan kod ni:

scrollamount="1"

Contoh:

<marquee scrollamount="1">AYAT KORANG</marquee>

Muhammad Firdaus 

Semakin besar nombor tu, semakin laju dia bergerak.

Kalau nak tukar dengan gambar pun boleh jugak.

Atau kalau nak tambah gambar depan AYAT KOARNG tu pun boleh jugak.

Letak kod ni :

<img src="URL IMAGE">

Contoh:

<marquee><img src="URL IMAGE">AYAT KORANG</marquee>

MUHD FIRDAUS

Haa, kan comel tu ;) Okay? Paham kann?

Kalau korang tak paham, tanya tau.

hehe, tu saja rasanya nak share. 

Kbai.

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