TUTORIAL : toggle text

heee :D jom kita mulakan yaaa ? actually tuto nie una belajar dari SINIE , simpleee saje ! and senang nak faham okehh ? soo , jom kita buat yerr ? 1st thing korunk kene Dashboard > design > add gadget > HTML/javascript

nowww , korunk copy code di bawa ini yaaa ?

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "TAKE A LOOK";
}
else {
ele.style.display = "block";
text.innerHTML = "TAKE A LOOK";
}
}
</script>

DO <a id="displayText" href="javascript:toggle();">TAKE A LOOK</a> TO SEE MIRACLE
<div id="toggleText" style="display: none">
TULIS SAJA APA-APA YANG KORUNK MAHU :)
</div>

dah sudah semua korunk save lahh , hahh , nie una nak bgtahu tolong jgn click rich text sebab ape ? sebab ia takkan menjadi punyer hahh , una dah try bnyk kali , then baru okehh :) korunk kene cuba elok2 kayy ? kalau tak faham tanya yaaa ? or korunk boleh click SINIE jer :) okehh ? thanksss ^^

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

TUTORIAL : tittle sidebar to image

(alalala , tomey nyer lahhhh)

credit : WEHEARTIT.COM

hee :) excited ngn gambar tuh dulu , huuhuhu :) tomey kann ? huhu , okehhh ,cik bk actually mahu buat tuto tukar title sidebar to image , okehhh , actually adeq fiqa yang menanyakan , cik bk tak pasty lah same ade ini yang di tanyakan atau tidak , btw , cik bk review blog nya tady , tgok tittle sidebar nya , lainn , and mungkin adq fiqa guna html biasa kann ? soo , mungkin ini yang di carynya kott , takpe lahh , cik bk try buat yaaa ? kalau bukan tuto nyer cik bk minta maaf lah yer , btw , yang lain pun boleh guna same tuto nie okee ? jomm drumm rolll ~

first thing korunk kene buat ialah , pergy ke Dashboard > design > Edit html*tick expand widget .then sila search tittle sidebar korunk , contohnya , if side bar korunk tertulis "the owner" silakan tekan ctrl + F and cari nama tuh :) dah jumpaa ? korunk sila cary code ini pula :

<h2 class='title'><data:title/></h2>

dah cary kannn ? then korunk kene tukar yang  <data:title/> jady macam code kat bawah nie ? higlight <data:title/> nie sahaja okeh and paste kan dgn code yang di bwah nie :

<center><img src='URL IMAGE' style='border-width: 0px;'/></center>

hahh , tak paham eihh ? tak pe , tak pe, in ade contoh coding cik bk :) sooo , mungkin korunk leh paham kott ? try lah yerrrr ?

(click untuk proses tumbesaran)

then try lah preview , tgok menjady takkk ? kalau menjady give me know yaa ?  and if tak jadi pun get me know jugakk ? ye lahhh  , pasty cik bk akan bantu ^^ dun worry okehh ? moga berjayaaa :)

credit : biyha 

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---

yeahhh , doodle muslimahhh :) akhirnyaaa ! berjaya jugakkk !

heyyy , wahhhh ! semakin hary tangan semakin lembut untuk melukis di Mr ADOBE PHOTOSHOP CS5 ! setelah sekian lama baru cik bk tahu bagaimana mahu melukis doodle muslimah ini ! yeahhhh :) cik bk suke sgtt !  tak ade lah lawa sgtt cik bk buat , maseh mahu mempelajarii ^^ jady di sinie cik bk mahu pamerkan hasil kerja cik bk :) drop some comment for cik bk to improve my works yaaa ?? boleh kannn :) thanks tawww !

nak amek credit cik bk dulu kayyy :) terima kasih kerana membaca ^^

---

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

---