Tutorial : Transparent Header (template designer)

Hello guys. Malam nieh aku baik hati sikit sebabnye aku nak share satu tutorial dengan korang. Takdek sape-sape pon yang request. Saje-jeh nak kongsi ilmu sikit kan. Haha, tutorial kali nieh ialah Transparent Header. Tutorial nieh hanye digunakan untuk template designer sahaja kay.
Dashboard > Design > Edit Html > Tick Expand Widgets > F3
Lepas tuh copy code bawah nieh then paste kat kotak kecik kat atas uh.
/* Mobile
Okay, dah jumpe dah ? Then copy code bawah nieh pulak and paste kat atas /* Mobile nieh tadi.
.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}
Kalau tak paham boleh rujuk gambar kat bawah nieh.


Then korang search code nieh pulak :
.content-outer {
Kat bawah .content-outer { tu ada code macam kat bawah ni kan?
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

Delete semua code tuh, okay.

Okay, preview dulu ye. Then baru save. Dah siap :)

credit to : Nieysa


Tutorial : Disabled Right Click.


Hey. Hari nieh aku rajin nak buat tutorial. Haa, tutorial apekah itu ? Jeng jeng jeng. Alaaahh, title lah derr. Tak kan terus bace entry nieh. Mesti bace title dulu kan. Hehe, tutorial disabled right click nieh aku gune jugak. Ce, korang highlight ayat aku nieh pastuh click kanan mouse korang tuh.

Haa, dye tak keluar ape-ape pon kan ? So, tak dek orang nak copy paste kite punye words kan. Hehe, okay-okay. Kalau nak follow tutorial aku nieh. Silakan silakan. Tapi jangan lupe picit like dekat bawah tuh nanti and tinggalkan sekali comment anda tau. Hehe, jom kite start.

Disabled Right Copy with Note
Dashboard > Design > Add a Gadgets > HTML/JavaScript
Copy code bawah nieh and korang paste dekat HTML/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="Function Disabled !";
///////////////////////////////////
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>

Tukarkan ayat color merah tuh kepada ayat anda.
Tekan save dan lihat lah hasilnye.

Disabled Right Click Without Note
Dashboard > Design > Edit HTML > Tick Expanf Widgets > F3
Search code nieh dulu :
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
atau 
<body>
Kalau dah jumpe antara dua code nieh delete code tuh dan gantikan dengan code baru nieh.
<body oncontextmenu='return false;'>
Okay, lepas tuh korang save lah macam biasa and lihat hasil nye. Siap !

credit to : Atikha


Tutorial : Tukar Olderpost, Newerpost dan Home Jadi Gambar Comel.


Hello, kelmarin tak silap aku ade orang tanye macam mane nak buat olderpost, newerpost and home macam aku nieh. Aku dah tak ingat sape, sorry ek. Hehe, nieh dye yang aku cakap kan tadi.


Dashboard > Design > Edit HTML > Tick Expand Widgets > F3

Search code yang berwarna pink tuh saje kay. Nieh code for newerpost.
expr:title='data:newerPageTitle'><data:newerPageTitle/>
Okay, lepas tuh tukar code pink tuh kepada code nieh.
<img src='http://i947.photobucket.com/albums/ad318/hannacrazee/Decorated%20images/go5.png'/>
Nieh pulak code untuk olderpost.
expr:title='data:olderPageTitle'><data:olderPageTitle/>
Tukar code warna pink nieh kepada code nieh. Ulang step yang same.
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/go5.png'/>
And last kali code untuk home. Ingat, search code color pink nieh jeh.
expr:href='data:blog.homepageUrl'><data:homeMsg/>
Nieh code dye.
<img src='http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png'/>
Okay, preview dulu. Kalau dah jadi save lah. Jangan lupe like dan comment sekali. Jangan lah kedekut. Hee, gurau saje lah.

credit to : Nieysa


Tutorial : Membuat Blockquote.


Semalam aku ade post kan pasal blockquote aku tak menjadi. So, this is the problem. Actually, template designer tak pakai code nieh .post blockquote rupenye. Aku gune template designer, so memang tak kan jumpe lah code tuh. Then, kepada anyone yang gune template designer. Nieh cara untuk buat menyelesaikan blockquote.

Dashboard > Design > Edit HTML > Tick Expand Widgets > F3
Dye akan keluar satu kotak kan ? Okay, and then search words nieh. 

.post-body {
Then dekat bawah code .post-body { tuh ade code macam nieh.

.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}

Okay, jumpe tak ? Lepas tuh copy code bawah nieh and paste di bawah code atas nieh tadi.

.post blockquote {
background: url(URL KORANG);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}

So dye akan jadi macam nieh.

.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
.post blockquote {
background: url(URL GAMBAR);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}
Yang URL GAMBAR tuh, background yang di kehendaki. Yang warna biru tuh pulak jenis warna yang di minati. Hehe, boleh cari kat sini warna dye.

Preview and lihat hasilnye. Kalau tak jadi, tanye okay.

credit to :  Nor'ain

Tutorial : Snow Effect.

Hey. So, macam mane first day sekolah hari nieh ? Okay tak. Mesti lah okay kan. Lain lah aina. Hmm, takdek semangat langsung nak belajar dekat sekolah tadi. Rase mengantuk sangat-sangat. Lepas tuh, best friends aina pulak takdek. Lagi lah takdek semangat nak belajar. Umm, tak sah kalau tak berborak dengan dye satu hari.
Okay, never mind. Lupekan cerita tadi. Hari nieh aina nak buat tutorial yang direquestkan oleh kawan aina, Mieyra. Semalam dye hantar chat dekat aina, suruh aina buat tutorial nieh. Tapi aina dah penat sangat buat 3 tutorial. So, aina decided nak buat hari nieh. Agak rajin sikit. * belajar malas. Hee, jom kite mule.
Dashboard > Design > Add a Gadget > Html/JavaScript
Copy code bawah nieh and anda paste dekat html/javascript.
<script>
//Here you can add your own picture for snow. Just change the urlvar snowsrc="http://i13.servimg.com/u/f13/11/52/70/02/snowba10.png"//how many snowflakes there will be (currently 12)var no =40;//How fast will the snow disappear (0 is never)var hidesnowtime = 0;//The height the snow will reach before it disappears ("windowheight" or "pageheight")var snowdistance = "pageheight";///////////////////////////////End of Settings///////////////////////////////////var ie4up = (document.all) ? 1 : 0;var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
var dx, xp, yp;var am, stx, sty;var i, doc_width = 800, doc_height = 600;
if (ns6up){doc_width = self.innerWidth;doc_height = self.innerHeight;}elseif (ie4up){doc_width = document.body.clientWidth;doc_height = document.body.clientHeight;}
dx = new Array();xp = new Array();yp = new Array();am = new Array();stx = new Array();sty = new Array();
for (i = 0; i < no; ++ i){dx[i] = 0;xp[i] = Math.random()*(doc_width-50);yp[i] = Math.random()*doc_height;am[i] = Math.random()*20;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();if (ie4up||ns6up){if (i == 0){document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://rftactical.darkbb.com/index.htm\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");}else{document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");}}}
function snowIE_NS6(){doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;for (i = 0; i < no; ++ i){yp[i] += sty[i];if (yp[i] > doc_height-50){xp[i] = Math.random()*(doc_width-am[i]-30);yp[i] = 0;stx[i] = 0.02 + Math.random()/10;sty[i] = 0.7 + Math.random();}dx[i] += stx[i];document.getElementById("dot"+i).style.top=yp[i]+"px";document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";}snowtimer=setTimeout("snowIE_NS6()", 10);}
function hidesnow(){if (window.snowtimer) clearTimeout(snowtimer)for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"}

if (ie4up||ns6up){snowIE_NS6();if (hidesnowtime>0)setTimeout("hidesnow()", hidesnowtime*1000)}</script>
Lepas tuh, anda nampak tak tulisan yang aina dah bold kan dengan color biru tuh ? Haa, yang tuh code snow warna putih tau. Kalau nak color lain pun ade jugak.
hitam
http://i905.photobucket.com/albums/ac251/bigadira95/snowhitam.png
pink/merah
http://i905.photobucket.com/albums/ac251/bigadira95/snowmerah.png
biru
http://i905.photobucket.com/albums/ac251/bigadira95/snowbiru.png
Okay, dah siap. Tekan save dan lihat hasilnye. Selamat mencuba :)
credit to : Apit

Tutorial : Image Effect.

Malam nieh last updated. Lepas nieh, sign out blog. Click pangkah yang warna merah tuh. And then refresh banyak-banyak. Lepas tuh click start. Click Shut Down. Finally, off. Last sekali tidur. Hee, tutorial kali nieh direquestkan oleh Kak Yana di Facebook. Hari tuh dah buat dah tutorial nieh. Tapi pergi delete pulak.
Dashboard > Design > Add a Gadget > Html/JavaScript
Tekan Ctrl+c untuk copy code and Ctrl+v untuk paste code. Paham tak nieh ? Ade dua code tau. Code pertama bile kite cursor gambar tuh dye akan jadi kabur. Code kedua, gambar tuh kabur and bile kite cursor dekat gambar tuh. Kite akan dapat lihat jelas gambar yang kite cursor tuh. * keling ke ayat aku nieh. Haha, never mind.
Code Image Effect 1 :
<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>


Code Image Effect 2 :
<style>
/* ----- Image opacity effect 2 ----- */
.post a img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
.post a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>
 Okay, save dan lihat lah hasilnye. Bye-bye, aina nak tidur dah. Have a sweet dream.
Esok, best friend aina dah takdek dah dekat sekolah. Takdek dah nak teman aina pagi-pagi esok. Takdek dah nak jalan dengan aina lepas nieh. Takdek dah duduk same-same time perhimpunan nanty. Harap kau tak lupe aku echa. I Love You kambing gemuk.

Tutorial : Membuat Spoiler.

Hey babes and dudes. Hee, hari nieh ramai pulak yang mintak aku buat tutorial. * choi, macam lah banyak sangat. 3 tutorial jeh, tuh pon nak bangga. Haha, okay-okay. So, malam nieh aina nak buat tutorial yang direquestkan oleh adek Nisa Nasuha. By the way, her blog so sweet. Comel jeh tengok. Hee, okay jom kite mule. Nieh lah dye spoiler kalau sape yang tak tahu. Now dah tahu, buat lah cepat.

Dashboard > Design > Add a gadget > Html/JavaScript
Okay, then. Anda copy code dibawah nieh and paste di html/javascript tuh tadi.
<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" 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 = 'Pamirkan'; }" 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>
Dah ? Okay, good. Then yang color biru tuh anda tukar lah dengan ayat yang anda nak ? Gambar ke ?Or code javascript ke and whatever la . Senang je kan ? And yang Pamirkan tu tukar kepada perkataan sebelum spoiler dibuka and Tutup kepada perkataan selepas spoiler dibuka. Lepas tuh save. Okay, dah siap. Senang jeh kan.
credit to : Apit

Tutorial : Youtube Autoplay ( new )


Hello there. So hari nieh aina nak post tutorial pasal youtube autoplay versi baru. * cehh, betol ke ayat aina nieh. Okay, kalau saudara saudari semua tengok lah kan. Code youtube sekarang makin lame makin maju jugak kan ? Kejap-kejap tukar, kejap-kejap tukar kan. So, tutorial nieh di request kan oleh Alyanz. Jom lah kite start.
First sekali search youtube, and cari lagu yang korang nak. Bukak video tuh and scroll ke bawah sikit sampai lah jumpe benda macam gambar dekat bawah nieh. Haa, nampak tak ?
Photobucket

Second, click dekat share tuh and korang akan nampak words Embed. Kalau tak nampak, dah tak lame lah tuh. Lepas korang click words Embed tuh, dye akan keluar satu kotak. And dalam kotak tuh lah code yang kite nak amek and letak dalam blog.

Before that jangan lupe satu hal nieh, korang jangan tick semua yang ade dekat situ tau. Korang just tick dekat kotak yang tulis ' Use old embed code [?] ' sahaja okay.
Dashboard > Design > Add a gadget > Html/JavaScript
Copy code Embed dekat youtube tuh tadi and paste di Html/JavaScript nieh. Okay, lepas tuh korang cari code macam nieh pulak dekat code youtube tadi.
object width="425" height="349"
Dah jumpe ? And then width and height tuh ikut suke hati korang lah korang nak tukar berape-berape pon. Aina cadang kan korang tukar width "425" jadi "200" and height "349" jadi "25". Nanti dye jadi macam dekat bawah nieh. Both kene tukar tau.
object width="200" height="25"
So, kalau korang nak tengok full code dye jadi macam mane. Haa, tengok nieh. Aina dah buat dah untuk korang. Nieh lagu favourite aina, Aishiteru. Hehe, best lagu dye.
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?SINIversionSINI=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?SINIversionSINI=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Korang jangan lupe benda alah nieh. Hehe, gantikan okay. Lain dari yang lain.
Perkataan version tuh, korang gantikan dengan perkataan fs.
Kalau nak AUTOPLAY, korang tambah code nieh dekat SINI.
&autoplay
Kalau nak TRANSPARENT pulak, korang tambah code nieh dekat SINI.
color1=0xffffff&amp;color2=0xffffff
So, kalau nak tahu hasilnye jadi macam mane. Haa, nieh dye hasilnye.
<object width="200" height="25"><param name="movie" value="http://www.youtube.com/v/D3-dvCXE-6E?color1=0xffffff&amp;color2=0xfffffffs&autoplay=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/D3-dvCXE-6E?color1=0xffffff&amp;color2=0xfffffffs&autoplay=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Okay, dah siap. By the way, aina tak tahu lah kalau ade orang buat tutorial benda nieh lain dari aina buat. Maybe lagi senang kot. Sebabnye, kelmarin aina try buat menjadi. So, aina just buat jelah ape yang aina dah buat. So, kalau tak paham sila-sila komen yekk. Insyallah nanti aina akan reply komen korang. Okay, selamat mencuba.