TUTORIAL : Tekan lah nanty gambar bertukar ^^ like hover !

okehhh , next tuto ialah , drummmmm rollll ! sila click gambar ini dulu :) eihh , japp , sebelum tuh mahu credit buat adik nazihah kerana sediakan tuto ini :)

dah tgok dahh ? sooo , jom start jommmm :) btw , tgok tab una :) naaa , lawa takk ? boleh guna tuto nie untuk tujuan menu tab juga tauuu ?? soo , nie code dyaa :) jomm lah buat yaaa ^^

DASHBOARD  DESIGN  ADD GADGET HTML/JAVASCRIPT 
dah sudah ? copy lah code nie , yg ini untuk menu tab tau :) 

 <a href="LINK PAGE"><img src="URL PIC 1" onmouseover="this.src='URL PIC 2'" onmouseout="this.src='URL PIC 1'" /></a>

now , yg LINK PAGE tuh korunk tukar ngn link yang korunk nak buat :) untuk yg URL PIC 1 pulak korunk gune untuk pic sebelum cursor menyentuh oke ?? lepas tuh baru lah korunk paste untuk URL PIC 2 

noww , yg code lagy satu nie korunk boleh gune mcm nak letak dalam blog ke :) n code ni jugak tanpa gunakan link yer :) 

<img src="URL PIC 1" onmouseover="this.src='URL PIC 2" onmouseout="this.src='URL PIC 1'" />
dah siapkann ?? now save lahh , tgok hasilnya :) lawa takk ? tak paham tanya yaa ?? 



Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Background page berbeza !

hyee bloggy ^^ , lama dah una tak buat tuto rite ?? hee :D maf lah una tak de mase lah wahai syg ku semuanya , jady hary nie una mahu kongsi satu tuto same korunk semua oke :) eihhh , tuto background berbeza ?? yeahhh ! ape kah ituhh ? berikan tanda-tanda terkejut pada una sekarang jugak , ngee :D , nak tahu eihh ? tady try tekan tutorial una tuh , eihh background lain kann ?? hahhh , yg tuh lah una nak buat ^^ jommm kita startttt !

DASHBOARD > DESIGN > EDIT HTML * Tick expand widget 

then korunk sila cary code nie ^^ eihh , tekan ctrl + f yer untuk penacrian yang mudah :)

</head>

dah cary ? hahhh jumpa kann ? then korunk copy pulak code di bawah nie
and paste dekat ATAS code </head> tuh tady :)



<b:if cond='data:blog.url == &quot;PAGE URL&quot;'>
<style>
body {
background-image: url(URL BACKGROUND);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>
dah settle kan :) save lah dan tgok hasilnya okeh ? lawa kann ^^ kalau tak jady tanya una tauu ??

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Cara Mudah Dapatkan URL gambar !

Hary nie una mahu buat tuto cara mudah nak dapatkan url gambar , kan kalau nak url korunk msty kene upload dekat PHOTOBUCKET ! payah kann ?? dah ler lembab ! haisehmenn ! soo , hary nie una nak ajar korunk how nak dapatkan url gambar dgn mudah dan cepat sekali ! first thing korunk kene buat ialah seperty berikut :

DASHBOARD > NEW POST  

ikuti langkah-langkah ini ^^


 sila click gambar untuk proses tumbesaran ^^


 sila click gambar untuk proses tumbesaran ^^

soo , now done ^^ senang kann ?? tak paham tanya tauuu ???  selamat menceuba !

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Ada Message Di Box Comment !

eihhh , bunyi macam pelik kann ?? tuto nie una lihat di blog DANIA . credit buat dia okeh ?? soo , untuk ketahui ape kah tuto ini dengan lebih lanjut sila ikuti step ini yer ??

DASHBOARD > SETTING  > TAB COMMENT 

dah sudah kann ?? now korunk pergi ke sini pula , sila cary sampai jumpa 

comment from message 

dah jumpa yang ini sila tulis apa-apa sahaja yang korunk suka kat ruang tu yerrr ?? dah selesai semua korunk save lahh ^^ trimassss :) tak paham tanyer tauu ?? 


Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Field Set Box !

field set box ?? hahhh , korunk tahu ape kah itu ?? field set box adalah seperty ini ^^

lawakan field set box ituhh ?? korunk boleh buat sendiri lahh ! simple gilak and pasty korunk boleh ikot tauu ! mehhh sinie ikot cara una yer kawan-kawan ^^ sila follow step seterusnya ^^

DASHBOARD > DESIGN  > ADD GADGET > HTML/JAVASCRIPT


dah buat sume tuh kann ?? now sila copy & paste code di bawah ini di dalam html/javascript :)

<fieldset><legend>TAJUK</legend> TEXT ATAU CODE </fieldset>



dah copy paste kan ? now korunk save lahh ! lihat hasil kerja anda dan sila komen ^^ trimas yaa ! tak paham tanya tauuu ??

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Image Shadow Border !

SIMPLE TEMPLATE ONLY

Firstly korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget . dah sudah cari code ini pula yer ?
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
seterusnya korunk copy pulak code di bawah nie dan paste kan di bawah code yang di atas nie yupp ^^
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #F778A1; -moz-box-shadow: 0px 0px 50px #F778A1; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=80); opacity: .80; border: 1px dashed #000000; border-radius: 50px; -moz-border-radius: 50px;}
 OKEHH , now done ! ek'ehh ! korunk tak jumpe yer ?? una pun tak jumpe code nie sebenarnya but jangan gelabah yer ? ade lagy satu cary ^^ korunk cary aje code nie okehh ??
h2 {
hahh , dah cary kan ? aikk , tetibe ade bnyk code kat bawah dyer kann ?? hahh , tak pe lahh ! korunk copy paste aje code yang una bagy tuh di bawah h2 { tuh okeehhh ?? bila dah siap ape lagy save lahh ^^ 

nota kecil buat korunk : 
yang berwarna purple ialah code untuk warna shadow tuh :)
yang warna pink itu pula warne untuk line dashed yang berada di sekeliling tuh yer ??
code colour boleh cary di SINI yaaa ??
tak paham sila tanya yaa ?? pasty una akan jawab dan bantu punya ^^

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : icon comel sebelah post tittle !

SIMPLE TEMPLATE CODING
firtsly apa yang korunk kene buat ialah pergi ke Dashboard > Design > Edit HTML* tick expand widget and search for this code yaaa :
<a expr:href='data:post.url'><data:post.title/></a>
dah jumpa kann ? now korunk masuk kan code <img src="URL GAMBAR"/> di tengah2 macam code di bawah nie :) 
 <a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>
kalau mahu icon tuh ada di sebelah kanan dan juga kiri korunk buat code tuh macam kat bawah nie :
<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/><img src="URL GAMBAR"/></a>
tapi bezanya di sini ialah korunk hanya perlu copy paste yang <img src="URL GAMBAR"/> tuh di seblah <data:post.tittle/> tuh aje :) sooo , korunk dah dapat kan ?? tuto ini juga boleh di gunakan pada siapa yang menggunakan WASHED DENIM TEMPLATE :)


Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : tulisan dan gambar bergerak !

hary nie una nak buat tutorial TULISAN DAN GAMBAR BERGERAK ! sound intresting rite ?? try buat meyhhh ! first step nyer , sila follow okehh ?? jommmm ^^

DASHBOARD > DESIGN > ADD GADGET > HTML/JAVASCRIPT


 OKEYYY ,  sekarang korunk sila copy code ini  :)

Gonna be toink toink :)


<marquee behavior="scroll" direction="left">YOUR TEXT</marquee>



<marquee behavior="scroll" direction="left"><img src="URL IMAGE"/></marquee>

 dah copy ke ?? ape lagy save lah dan lihat hasilnyer tauuu ?? huhu :) jady takk ?? kalau jadi bagitahu yer kawan2 , if tak paham tnye tauuu ??


Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : facebook like dalam setiap entrry !

Salam semuanya :) hari nie una mahu buat tuto FACEBOOK LIKE dalam setiap entry , sooo , jom kite start kawankawan :)

pergi ke DASHBOARD > DESIGN > EDIT HTML > TICK WIDGET TEMPLATES 

dah selesai sila cary code ini :)

 <data:post.body/>
untuk pencarian yang mudah sila gune CTRL + F yerrr ??  lepas tuhh cope code di bawah nie dan letak kann di bawah code yang kat atas nie :)

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

dah buat sume save lah yer :) tapi untuk langkah berjagajaga una nasihatkan korunk supaya preview dulu :) biler dah preview , hasilnya menjadi sila lah save ^^ kalau tak paham tanya una yer kawan2 ^^ 

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : Disable Right Click !

next tuto adalah disable right click :) sooo , tuto nie ade lah untuk protect blog korunk dary di copy cats oleh mereka yang tak bertanggungjawab :) okehh , now let we start the tuto okeh ^^

pergi ke DASHBOARD > DESIGN > ADD GADGET > HTML/JAVASCRIPT
Disable Right Click With message

<script language=JavaScript>
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="WORDS ANDA";
///////////////////////////////////
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>>

Disable Right click without message

<script language="javascript">
<!--
//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com
var message="JANGAN COPYY.";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layersdocument.getElementById&&!document.all){
if (e.which==2e.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>

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

TUTORIAL : facebook like button !

salam semuanya ^^ hari nie una nak buat tuto tentang facebook like button :) actually tuto nie di request oleh kawan una :) soooo , una nak memudah kan dyer lah nie , okehh , jom godekgodek blog una cepat ! now , let we start :) 

first thing kite kene buat ialah 
log in blogger > design > add a gadget > HTML JAVASCRIPT

okehhh ! dahhh sudahhh ?? now korunk sila copy code di bawah nie 

<center><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Faqupunyekesahbukankau.blogspot.com%2F&layout=standard&show_faces=true&width=220&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:220px; height:80px;" allowtransparency="true"></iframe </center>
dah copy ?? now paste pulak di HTML Javascript tuh , dah pastee ?? eihhh , kejapkejapp , jangan lupa tukar text yang telah berwarna merah tuhh kepada url blog anda :) dah buat sume tuh korunk save lah :) hahhh ! sila tanya kalau tak paham yer ??

Hai! Selamat membaca. Jangan lupa tinggal komen ya?