
Master![]() hello! welcome to my blog ! TalkActive Credits!
| Tutorial : Button Show-Hide SpoilerSalam~ 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;"> * Pada code warna MERAH , tukar kan dengan perkataan korunk !(fungsi sebelum spoiler di buka) 3. Save .! Lihat hasilnya :) Label: tutorial Tutorial : Buat Dropdown menuHelo! 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> 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 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)
Senangkan .? :) huhu^^ Label: tutorial 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;} *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://i257.photobucket.com/albums/hh229/rhythmskateshop/Home_64x64.png http://i177.photobucket.com/albums/w205/hns911/frindster.gif Label: tutorial 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) 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: tutorial |