Faqihah Husni ��: 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 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.

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 SINI, SINI, SINI, SINI. 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>

<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.