Tutorial Icon Web

Okay , hari ni nak buat tutorial icon web . apa tu icon web ? korang boleh letak dekat blog korang . benda alah tu ialah Social Networking icon . bila orang tekan icon tu , korang akan ke profile social network diorang . okay , jom kita mula !

• Download icon cute-mute dekat sini Icon nyee
• Bila korang dh siap download file tu , korang upload lah gmbr-gmbr tu semua dekat dlm Photobucket .
• Dashboard--->Design--->Edit HTML--->tick Expand Template Widget 
• tekan CTRL F utnuk cari code ni yee :

</head>

• copy code yg berada di bawah ni , then paste kan dekat atas </head> tadi tu .

*CTRL C untuk copy (:*

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

• korang tekan Save Template .
• Layout--->Add a Gadget--->HTML/Java Script . korang masukkan code di bawah ni :

<div style="display:scroll; position:fixed; top:80px; left:0px;"><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br><a class="linkopacity" href="URL_SITE" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL_ICON" /></a></br></div>

• korang pandai-pandai lah edit code tu , yang URL SITE , URL ICON . korang pun , boleh tukar kedudukan icon-icon tu semua dari right ke left (:
• URL SITE : website profile korang .
• URL ICON : korang copy code tu dari photobucket , yg korang upload tadi tu kan . then , paste dekat URL ICON tu . okayy !

GOOD LUCK !

Tutorial Hide Navbar

Yo yo yo , hari ni nak buat tutorial pasal Hide Navbar . korang tahu kan navbar tu ape . kalau tak letak gambar pon , mesti korang tahu kan ? korang kan bijak pandai lagi bestari :) okay , let's we start learning something new.

• Dashboard--->Design--->Edit HTML
• korang search code nie :

/* Variable definitions

• Korang dh jumpa code tu ? okay , copy code ni pulak and paste dekat atas /* Variable definitions tu okay ?

#navbar-iframe {
   display: none !important;
}

• Safety step : korang preview lah dulu eh . nnti kalau tak jadi , meraung korang :)

Apa lagi ? press like :p

Tutorial Sidebar Like Button

*click for enlargement*

Hye blogger peeps . Tutorial ni sebenarnya direquestkan from Nad . So , kalau nak tahu ape dia Sidebar Like Button tu , tekan lah gmbr dekat atas tu eh ? Okay , start the tuto please !

• Dashboard--->Design--->Page Elements--->Add a Gadget--->HTML/JAVA SCRIPT .
• Copy and paste code dekat bawah ni :

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="URL BLOG" show_faces="true" width="220" font="tahoma"></fb:like>

•  URL BLOG tu , letakkan url blog korang . 
• yang width tu pulak , itu ukuran lebar button tu . Korang ubah lah lebar tu , ikut ukuran sidebar korang.

Kalau tak paham or tak jadi , comment tau ! Okay , dh ngantuk gila ni . Kbye !

Tutorial Cursor Sendiri

Hari ni , i nak ajar korang mcm mana nak buat cursor sendiri . Kayyy , gini cerita dia . First , korang kena download Photoscape and also GIMP 2.6 . siapa yg tak de , korang kena download jugak . nah , link download Photoscape . I'm so sorry , i didn't have a link for download GIMP 2.6 :)

Let's we start learning something new !

*click for a giant picture*

• First , korang bukak lah Photoscape korang tu . Korang kena adjust lah dia punya size untuk korang design cursor tu . bila dah letak ukuran yg betul , korang jgn letak warna lain tau untuk background cursor tu . korang kena letak warna putih je . 

• Then , korang design lah sendiri cursor tu . ikut kesesuaian korang . senang ikut taste lah kan ? Bila dah design punya design , korang boleh lah Save cursor korang tu . 

• Then , korang bukak GIMP 2.6 . ape kegunaan GIMP 2.6 ni ? GIMP 2.6 ni , korang boleh guna untuk transparent kan gambar yg korang nak (Info Bonus) . 

• Kayyy , korang tekan File-->Open. Bila dah tekan , korang boleh pick gambar cursor korang tu untuk di-transparent kan . 

• bila korang dh ambik gmbr cursor korang yg untuk di-transparent kan tu , korang tekan right-click pada mouse korang , and then tekan Layer--->Transparency--->Add Alpha Channel . Then , korang pilih Fuzzy Tools , dekat tool box korang tu . boleh rujuk dekat gmbr atas . Bila dh tekan fuzzy tools tu , korang click kan dekat gmbr korang . Gambar korang automatically jadi mcm ada garisan putus-putus kan ? korang jgn risau lah .

• koran tekan Eraser dekat tool box tu , then korang erase kan banckgroung warna putih dekat cursor korang tu . Korang padam the entire of the background cursor , korang tak payah takot . Cursor korang tu tak kan terpadam . Dijamim 100% halal . Bila korang dh padam background tu , korang save . 

korang kena letak nama PNG dekat akhir tajuk cursor korang tu .

bila korang dh tekan button Save , dia akan automatically keluar satu benda . Jeng Jeng Jengg ! tadaaaa...

• korang jangan tick benda lain tau . tick Save resolution and Save creation time . ingat ! jangan tick yg lain . nanti berdosa . haha ! 

• bila cursor korang tu dh boleh digunakan , korang upload kan lah dekat Photobucket ! Bila dh upload , korang pun ambik lah code Direct link dia . mcm ni .

• Log In blogger account-->Dashboard-->Design-->Add a gadget-->Edit HTML . Korang masukkan code di bawah ni :

<style type="text/css">body, a, a:hover {cursor: url(URL CURSORS), progress;}</style><a href="URL CURSORS" target="_blank" title="Cool Cursor!"><br /></a>

• dekat URL CURSORS tu , korang paste kan code direct link cursor korang tu tau ! 

Good Luck ! 

Tutorial Icon Sebelah Post Title

Okayyy okayyy okayyy , korang nampak tak sekor monyet yg tengah menggedik dekat sebelah post title tu ? Hari ni , kitaorang akan ajar korang mcm mna nak letak icon sebelah post title tu . Let's we start it !

• Design---> Edit HTML ---> tick expand widget template (tekan , kalau tak... tak jadi)
• Tekan Ctrl F and cari code di bawah : 

<a expr:href='data:post.url'><data:post.title/></a>

• haa ? dah jumpa... paste code di bawah ni , dekat tengah-tengah code di atas tadi :

 <img src="URLGMBR"/>

• bila korang dh letak code di atas dekat tengah-tengah code pertama tu , dia akan jadi mcm ni tau !

 <a expr:href='data:post.url'><img src="URLGMBR"/><data:post.title/></a>

p/s : kalau nak lebig senang , korang delete code pertama tu elok-elok . then , paste kan code yg nombor tiga tu okay . kalau korang tak nak pun tak pe .

URLGMBR tu , korang tukar . korang boleh cari dekat photobucket . korang cari lah gambar yg kecik je . jangan lah besar sangat . nanti tak beautiful !

Good Luck , Guyss !

TUTORIAL SPARKLE CURSOR

Tutorial ini akan menunjukkan bagaimana untuk menjadikan cursor anda menghasilkan 'bintang²' yang berkerlipan. Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan blog korang sesuaikan dengan warna tema masing². contohnya seperti gambar dibawah ini

 

Tutorial untuk membuatkan cursor anda menjadi sparkle adalah seperti berikut:

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Pada ruangan HTML/javascript, masukkan kod berikut.

<script src="Tukar warna sparkle yang anda kehendaki" type="text/javascript"></script>

Note: untuk Tukar warna sparkle yang anda kehendaki, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

Hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah:

<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>

3. Apabila sudah masukkan kod, save dan lihat hasilnya..

Easy right
Selamat mencuba.:)

TUTORIAL DISABLE RIGHT CLICK

Hey Guys !, harini nak belajar buat tutorial disable right click. Mana yang belum tahu nak buat boleh lah ikut tutorial ini Okay :) korang kalau tak nak entri korang di copypaste or copycat oleh sesiapa boleh lah buat tutorial ini. Jom mula ...

First, Copy This Code

<script language=JavaScript>
<!--
//edit by unwanted

var message="Masukkan Mesej Korang Disini";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>

Second, Paste pada "HTML/javascript" in your blog.
Dashboard >Layout>Add a Page element >html/javascript

Warna biru tu korang boleh change mesej korang like this

When you done, save it or else it will not working :)