21 December 2011

Tutorial : Status Box (Semua Jenis)

Assalamualaikum and Hye.

Kihah nak buat tutorial status box. Tapi, ni yang bergerak punya. Tengok gambo SINI.

Status Box Biasa je
Blogger Template - Denim, Minima, Simple Template, Windows, & lain

Abaikan ayat tu, Kihah captured dapat benda tu pulak. Hahaha.. So, Lets start buat tu la! :>

1. Dashboard > Design > Page Element > Add A Gadget > HTML/JavaScript
2. Copy kod ni dan pastekan di ruangan HTML/JavaScript tadi.
<center style="text-align: center;"><span class="Apple-style-span" style="color: #f5f5f5; font-family: Impact;"><b>Status Terbaru</b></span></center>
<div style="Background-image:url(URL Background); repeat; padding: 3px; border:1px solid;"><center><marquee>Ayat Anda </marquee></center>
</div>
*Nota 
Merah : tukarkan kepada tajuk anda.
Oren : Letak URL Background Anda. Boleh ambik SINI, SINI, SINI, SINI. Haa Dan SINI
Purple : Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>
3. Save.

Classic Template

1. Dashboard > Template
2. Cari lah kod sidebar korang sampai jumpa. Jangan ask Kihah sebab template semua lain. Kena pandai cari ok.
3. Copy kod ni
<center style="text-align: center;"><span class="Apple-style-span" style="color: #f5f5f5; font-family: Impact;"><b>Status Terbaru</b></span></center>
<div style="Background-image:url(URL Background); repeat; padding: 3px; border:1px solid;"><center><marquee>Ayat Anda </marquee></center>
</div>
*Nota 
Merah : tukarkan kepada tajuk anda.
Oren :Letak  URL Background Anda. Boleh ambik SINISINISINISINI. Haa Dan SINI
Purple : Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>
3. Save.

Status Box Terapung
Template Designer - Denim, Minima, Simple Template, etc


1. Dashboard > Design > Edit HTML
2. SEARCH kod
<head>
3. Pastekan kod ni kat atas kod tadi.
<div style=' position:absolute; top:0px; left:20px; width:200px;'><center style='text-align: center;'><b>STATUS UPDATED!</b></center><div style='Background-image:url(URL BACKGROUND); repeat; padding: 3px; border:1px solid #000000; filter:alpha(opacity=1.5); border-radius:5px;'><center><marquee>Ayat Andaaa</marquee></center></div><div style=' position:absolute; top:50px; left:50px;'/></div>
*Nota
Orange : Tajuk Anda
Blue : Letak  URL Background Anda. Boleh ambik SINISINISINISINI. Haa Dan SINI
Pink : Border box tu. tekan SINI
Green : Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>

Classic Template


1. Dasboard Template
2. Search kod ni
<head>
3. Pastekan kod ni kat BAWAH kod tu
 <div style=' position:absolute; top:0px; left:20px; width:200px;'><center style='text-align: center;'><b>STATUS UPDATED!</b></center><div style='Background-image:url(URL BACKGROUND); repeat; padding: 3px; border:1px solid #000000; filter:alpha(opacity=1.5); border-radius:5px;'><center><marquee>Ayat Andaaa</marquee></center></div><div style=' position:absolute; top:50px; left:50px;'/></div>
*Nota
Orange : Tajuk Anda
Blue : Letak  URL Background Anda. Boleh ambik SINISINISINISINI. Haa Dan SINI
Pink : Border box tu. tekan SINI
Green : Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>
Status Box fieldset bergambar
Template Designer - Denim, Minima, Simple Template, etc




1. Dashboard > Design > Add A Gadget > HTML/JavaScript
2. Copy kod ni dan pastekan kod ni kat ruangan tu
<fieldset><legend><img src="URLGambarStatus"/></legend><center><marquee>A yat Anda. Saya Online paga 23 January 2000< /marquee></center></fieldset> 
*Nota
Merah : Gantikan dengan URL Gambar anda. Ada freebies jap gi.
Biru :  Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>
3. Save.


Classic Template

1. Dashboard > Template
2. Cari lah kod sidebar korang sampai jumpa. Jangan ask Kihah sebab template semua lain. Kena pandai cari ok.
3. Copy kod ni

<fieldset><legend><img src="URLGambarStatus"/></legend><center><marquee>Ayat Anda. Saya Online paga 23 January 2000</marquee></center></fieldset> 
*Nota
Merah : Gantikan dengan URL Gambar anda. >TEKAN SINI<
Biru :  Tukarkan kepada ayat anda. Kalau kat ayat anda nak letak link, copy kod ni. Pastekan kat Ayat anda.
<a href="URL">LALA</a>
3. Save.

Okaylah. Kihah rasa yang tu je kot. Ada yang versi gambar punya. But, Mals nak buat :3 Hahaahha. Boring derr cuti sekolah ni.

Tak tau nak buat apa. So, Nilah kerja. Kalau nak copy tuto ni, CREDIT OKAYH. PenatPenat Ai buat Haa. :3 

Okaylah. Bye, assalamualaikum.
Tekan LIKE!

18 comments:

  1. Kihah , Zey amek tau . Thanks lil sis (:

    ReplyDelete
  2. TQ DIK . dah amek ni au !
    (n_n)v

    ReplyDelete
  3. thx Qihah :)
    zaty nk wt tuto skali. dan , zaty credit kan skali =D

    ReplyDelete
  4. thanks kihah ^^ akak buat mejadi :)

    ReplyDelete
  5. Thanks qihah ! Jadi pon ^^

    ReplyDelete
  6. Terima Kasih Kihah......
    Blogmu bagus sekali....
    Aku coba ya....

    ReplyDelete

Your words defines you