Ma Secret !
Master



Diaries Owner Linkies Stuff

hello! welcome to my blog !


TalkActive



Credits!

Base Code: Cikmimin
Template By: Miss 'S'
Header By: MrsBaekYeol
Edit By: Dyyra Salsabilla


Tutorial : Button Show-Hide Spoiler

Salam~
Tutorial ni , agak menarik jugak lah ! And agak unik !
Korunk try lah k.?
But b4 tuh , Dira nak tnya korang !

Korang tahu ke, aper itu
Button Show-Hide Spoiler???

Oke , korang try usha2 kat sidebar blog Dira ney ,
ada tak yang macam ini ??


Ada kan ??
Try klik "Akak Baik" . Ada apa2 perubahan tak? Bila klik , akan jadi macam ni !


Okeis~ Cara nyer simple jer. :)

1. Log in > Dashboard > Add Gadget > Html/Java Script

2. Copy dan paste code di bawah pada JavaScript :

<div><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Klik Sini" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Klik Sini'; }" type="button"/></div><div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2"><div style="display: none;">
Masukkan Code JavaScript/Gambar/Text Di sini
</div></div></div></div>

 * Pada code warna MERAH , tukar kan dengan perkataan korunk !(fungsi sebelum spoiler di buka)
* Pada code warna HIJAU , tukar kan dengan perkataan korunk !(fungsi selepas spoiler di buka)
* Pada code berwarna BIRU korang letak code JavaScript,gambar atau text yang korang nak.

3. Save .! Lihat hasilnya :)







Label:


Tutorial : Buat Dropdown menu

Helo!
Sekarang ni , masa untuk buat tuto jer .
Oke , sekarang , ella nak share ngn korunk , macam mana nak buad dropdown menu.
Pada sesiapa yang tak tahu , apa itu DROPDOWN MENU.? Lihat gambar di bawah ;)

Oke , skunk ,korunk ikut step yang ella buat kat bawah ni :)

1. Login > dashboard > page element > add a gadget > HTML/javascript

2. Copy code kat bawah ni ,  ke dalam ruangan html/javascript.

<select onChange="document.location.href=this.options[this.selectedIndex].value;"><option selected>Tajuk</option><option value="Link 1">Text 1</option><option value="Link 2">Text 2</option>
</select>



Link 1 
: Masukkan link untuk dibuka
Text 1 : Masukkan perkataan/ayat untuk link


3. Jika anda hendak masukkan lebih banyak menu, cuma copy paste 
    <option value="Link 2">Text 2</option>  dan letakkan sebelum </select>

4. Da siap? :) save hasil kerja anda ! :)

Label:


Tutorial : Cute Cursor

Hey yunk ,
Panas betul kat rumah dira niyh..haha .tp,
Tetiba pulak rasanye cam nak buad tutorial !
HAHA ;)

Ini tuto sangat senang !
Kepada NEW BLOGGERS , if korunk nak tahu caranye, meh ciniyh, dira ajar ^^

1. Korank g cari code cursor yang korank suka ;) nak thu cari kt mana ?Click CURSOR .

*Peringatan ! Yang "Animated" hanya untuk Internet Explorer ok :)

2. Korank copy URL Code Cursor tuh  ! ;)
 *Then , korunk PASTE Url tuh  ,kat dalam kod at bawah yang ella tunjukkan ini ;)
<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style><a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

 *warna Merah , korunk letak URL BLog korunk k .?
*Warna Kuning , korunk letak Url Blog korunk ;)

3. Then , Deashboard > Design > Add Gadget > Html/JavaScript

4. Paste Code tadi kat situ ok ?

5. Save. Selesai ^_^

Di sini , dira ada contoh Cursor Comel :) (Kalau nak , ambik je, "Jgn Malu-Malu" .hehe)


http://cur.cursors-4u.net/smilies/smi-2/smi164.cur

  http://cur.cursors-4u.net/food/foo-4/foo348.cur

 http://cur.cursors-4u.net/user/use-1/use67.cur

 http://cur.cursors-4u.net/others/oth-4/oth305.cur

 http://cur.cursors-4u.net/cursors/cur-3/cur278.cur

http://cur.cursors-4u.net/cursors/cur-2/cur168.cur

 http://cur.cursors-4u.net/cursors/cur-2/cur227.cur

 http://cur.cursors-4u.net/cursors/cur-1/cur94.cur

 http://cur.cursors-4u.net/cursors/cur-1/cur11.cur

Senangkan .? :)
huhu^^

Label:


Tutorial : Home Icon

Assalamualaikum
Hye peace (Y)

Today , dira nak share ngan korank , mcm mana nak letak HOME icon yang comel dekat blog korank?

Wahh , korank nak tahu tak ,mcm mana cara nyer ? ahak2! ;))

Meh lah sini , dira ajar kan ! ^_^

1. Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

 <style type='text/css'>a.linkopacity img {filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;-khtml-opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;-khtml-opacity: 1.0; }</style>
<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>
<a class='linkopacity' href='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />



*p/s : Korank bleh jgk , kalo nak ubah

width="50" height="50" ikot ke sesesuaian blog korank k.

Law korank nak letak kat bahagian atas korank tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

Bottom tuka ke top
Left tka ke right

*sory ,dira tak dapat letak dira nyer contoh HOME kat sini , cbb dira dah ada Navigation tu. so , dira juz nak share je lah ;)

Dekat sini , dira ada serta kan , beberapa link code icon ;)
If berminat , copy je yang kat bawah niyh , oke? :)



 http://i269.photobucket.com/albums/jj47/anjieya/home-icon.jpg

 http://i1029.photobucket.com/albums/y356/PachirisuFan1/Icons/Home_icon.gif



 http://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png



 http://i177.photobucket.com/albums/w205/hns911/frindster.gif

Label:


Tutorial : Sidebar Title Background

Assalamualaikum
Hye peace (Y)

Hoyt ! nak tahu macam mana dira buad mcm kat bawah niyh ker ?

p/s : dari blog lama dira

Follow step kat bawah ni , ok ?
1. Dashboard => Design => Edit HTML =>Tick Expand Widget Templates .
2. Tekan CTRL+F search for this code

h2 {

 3. Bila da jumpa , copy code kat bawah ni and paste dekat bawah code h2 {

background:url(URL GAMBAR PILIHAN)





4. lepas tu paste dekat bawah code ni text-transform:uppercase;
nanti dia akan jadi macam ni .


h2{text-align:center;margin:0 0 1em 0;font:$(widget.title.font);color:$(widget.title.text.color);text-transform:uppercase;background:url('URL GAMBAR PILIHAN')}

 * preview dulu . kalau jadi, save jela ok .^_^

Label: