Tips: Cara ketahui jantina laptop

Hye Hye sume~~

Oke u'all msty rs ingin tahu yg membuak-buak an tuk tau jntina laptop u'all.. Samada ur laptop tuw bby boy ke or bby girl keh keh :'DD..

So cara nya jum la follow steps kt bwh niy ^^

1st step:

Open notepad yg sedia ad kt laptop u'all.. Then copy code bwh niy n paste kat notepad tuw k ;))

CreateObject("SAPI.SpVoice").Speak"I love YOU"

2nd step:

Now click SAVE.. Pas tuw tuka SAVE AS TYPE kpd ALL FILES.. Haa better u'all save kan kt dekstop so sng mau cari ;)).. Dkt FILE NAME u'all type LOVE U.VBS k..

3rd step:

Close notepad tuw then pegi dkt tpt yg u'all save kan file td.. Da tuw, double click then dga la samada suara yg ckp I LOVE YOU tuw boy or girl.. 

DONE~~

P/S: Guess what?? Lappy nes baby girl hee ^_^

Tutorial: Cute kan comment box

Okie.. Now jum wat comment box kte cute miut ;))

Follow je bwh niy.. Ta susa pn laa.. Hee ^^

1st step:

Mcm bese pegi ke DASHBOARD > DESIGN > EDIT HTML n tick EXPAND WIDGET.. Da tuw, 

click CTRL + F serentak n find this code k ;))

/* Comments

 2nd step:

Okey da jumpe kan kan?? Kat bwh die ad ank2 code btl ta?? U'all erase je ank2 code tuw then gnti kan dgn code kt bwh niy k..

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid #F97E7E;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

MERAH:  Utk url image background yg u'all nk ltak at commnt box u'all..
UNGU: Border commnt box if u'all nk tuka kan jd dashed or dotted pn bole ;))
BIRU: Yg niy pla utk color border commnt box.. Code wrna blh dpt kt SINI..

Da suda?? PREVIEW dlu then SAVE laa.. Da gne tuto niy btau la nes k.. Mau tau baa ^^

Tutorial: Buat pages cute

Hye Hye..

Actually rmai dh yg ty nes mcmana nk buat pages.. Tgk gmba kt bwh niy if x tau k ;))

(click utk jd GIANT)

Jum start wat k ;))

1st step:

Pegi ke DASHBOARD > POSTING > EDIT PAGES then u'all type la pape k.. Cnth nye mcm cte psl u'all ke, tips jage kucing ke or anything laa.. Lps da abs type, click PUBLISH PAGE..

2nd step:

Slesai je u'all publish, then u'all click VIEW PAGE n u'all copy url page tuw k.. If x paam, tgk gmba kt bwh niy ;))

(click utk jd GIANT)

3rd step:

Now u'all pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT.. Tgk gmba kt bwh niy k..

(click utk jd GIANT)

4th step:

Copy code yg nes bg niy then paste kat html/javascript td..

<a href="http://nesboolat.blogspot.com/p/about-me.html"><img src="http://i1125.photobucket.com/albums/l588/nesboolat/n.png" /></a>

MERAH: Utk url page yg u'all copy td..

BIRU: Utk url simbol or image yg u'all nk ltak..

Now u'all click PREVIEW n if jd SAVE okey.. Haa lg satu, if ad gadget pages kt sidebar u'all n u'all nk hide kan die, u'all pegi ke DASHBOARD > DESIGN > PAGE ELEMENTS then click EDIT kat gadget pages.. Dah tuw u'all tkan la REMOVE k.. If x paam tgk gmba bwh niy ;))

(click utk jd GIANT)

(click utk jd GIANT)

Haa then baru PREVIEW n bila da b'kesan click SAVE ;))

Btau nes if mnjadi or ad pape msala k ^^

P/S: Icon at pages nes tuw nes wat sndiri guna Photoshop n Photoscape.. Later nes akn wat icon cute for u'all okeyh.. Juz wait ^^

Tutorial: Link warna pelangi bila sentuh

Oke  now nes nk tnjuk mcmana nk wat link jd wrna plangi bila u'all sentuh ngn cursor..

Kat blog nes ad bnda niy.. Wat la experimnt if na taw oke ke x yee heheh ;'D

If b'mnt,apa lagi... Jum wat..

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy n paste code niy k..

<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">
/***********************************************
* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/
* Please keep this notice intact
***********************************************/
</script>

Da suda haa PREVIEW la then if mnjadi SAVE ;))

If x jd, btau nes n if jd, btau jga hee ^_^

Tutorial: Cara buat back to top

Hye peeps!!

Okey now nes mau tnjuk kan cara nk wat back to top.. Haa ap tuw yee?? Sila lht gmba d bwh sbg cntoh nyee :'D

(click utk jd GIANT)

Salu nye u'all akn npk button back to top niy kt blah kanan blog, right?? But nes pya blah kiri.. Na taw mcamana nk wat??Jum follow ^^

1st step:

Like always.. Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy n paste code kt bwh niy k ;))

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Top"><img src="URLIMAGE" /></a>

UNGU: If nk die kt kiri, tuka kan jd left..
MERAH: Tuka kan dgn url image yg u'all nk ltak..

Then u'all click la PREVIEW n if mnjadi click SAVE.. Tell me if mnjadi okey ^^

Tutorial: Saving mode energy

Mcamana nk wat saving mode energy?? If ad yg x sure ap tuw saving mode energy, no need to worry k.. es explain kan ;))

U'all prsan x if u'all pegi ke certain blog then bila u'all stay je cursor x grak2, screen lappy u'all tbe2 jd malap, right?? Na taw cane nk wat nyee?? Jum Jum ;p

1st step:

Pegi ke DASHBOARD > DESIGN > EDIT HTML

Then search this code k ;))

</head>

2nd step:

Suda jmpe?? Now copy code niy then paste kan kt ats code td k..

 <!-- save your energy -->
<script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/>
<!-- save your energy end -->

Suda?? Click SAVE n tgu la blog u'all about 1 mnt tuk lhat effect nye hee ;))

Let me know if jd k ^^

Tutorial: Remove 'Powered By Blogger'

Now if u'all rs 'Powered by Blogger' kt bwh blog tuw rs mcm ta prlu n wat rmas je, jum follow steps kt bwh niy tuk remove k.. Simple je ;))

1st step:

Go to DASHBOARD > DESIGN > EDIT HTML n tick EXPAND WIDGET..

Dah tuw cari pla code niy dgn click ctrl + F

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

 MERAH: Yg merah tuw u'all erase n tuka kan jd false k ;))

2nd step:

If suda, u'all SAVE taw then pegi ke DASHBOARD > DESIGN > PAGE ELEMENTS then click edit kt ATTRIBUTION.. Haa bila dh tkan ad npk pktaan REMOVE kan?? Click la k.. Now u'all PREVIEW la samada mnjadi or teda.. Then if jd click SAVE ;DD

Tutorial: Floating noteboard di header

Ehem.. This tuto x de in blog nes taw.. But if u'all pnh npk in blog org lain n b'mnt nk wat, just follow la kt bwh niy hee ;'D

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy n paste kan code kat bwh niy k..

<div style=" position:absolute; top:0px; left:300px;"><img src="URL GAMBAR"/></div><div style=" position:absolute; top:20px; left:200px;"><center>YOUR WORDS </center></div>

 MERAH: for url gmba yg u'all nk ltak..

BIRU: Note yg u nk type..

UNGU: Adjust mngikut size yg u'all nk k.. Pndai2 la adjust taw ;))

Now PREVIEW la dlu then click SAVE if jd.. DONE! ^^.. Let me know if jd k ;))

Tutorial: Open in new tab

Kali niy nes nk tnjuk mcmmana pla nk wat bila kte click anything in ur blog ia akn open in new tab..

Actually niy akn mnyenangkan ur readers cuz if die npk something yg mnarik at sidebar u'all for example, then when they click so ia akn t'buka as 1 new tab n x kan mgganggu d older tab.. Mana la taw die tga khusyuk bace something at ur blog so if die tkan other link ia xkn ggu ap yg die tgh bce tuw ;))

So, let's start our tuto ^^

1st step:

Go to DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT..

Then paste this code..

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("Your URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

Haa niy je kna wat.. Then PREVIEW la then try wat experiment at ur blog tuw.. If mnjdi, SAVE k n LET ME KNOW hee ;D

Tutorial: Note di bawah setiap entry

Ap yg nes nk tnjuk kali niy ad at blog nes jga k..

Tgk pic niy if ta paam ap yg nes try nk tjuk hihi ;p

(click utk jd GIANT)

Haa npk kan kan?? Oke jum start wat ;))

1st step:

Pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET.. Dah tuw search pla for this code k ;))

<data:post.body/>

 2nd step:

Pas suda jmpe, now u'all copy then paste code niy kt bwh code td k ;))

<hr/><center>
<b>NOTE ANDA</b>
</center><hr/>

 MERAH: Haa yg niy u'all blh type la pape yg u nk k ;))

Suda?? Now PREVIEW laa then if jd cpt2 SAVE.. Jd or x inform la nes k ^^

Tutorial: Header ke tepi bila sentuh

Okey mybe ad yg still x tau ap yg nes nk tnjuk for tuto kli niy..

It's okey.. Nes explain k..

Now try u'all view blog nes n alihkan cursor u'all ke header blog nes.. Haa prasan x header nes pegi ke tepi??

Mcmmana nk wat nyee?? Let's follow these steps ;))

1st step:

Go to DASHBOARD > DESIGN > EDIT HTML n tick EXPAND WIDGET.. Dah tuw click ctrl + F n find this code k..

#header {

2nd step:

Da jmpe?? Kat bwh die ad code2 mcm niy kan??

width: 890px;
  margin: 0 auto;
  background-color: $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}

Paste kan code yg nes bg niy kat bwh code2 td tuw k..

#header:hover {
padding-left: 50px;
-webkit-transition-duration: 0.5s;
}

Only that.. PREVIEW dlu n if b'kesan SAVE cpt2 ;))

Tutorial: Facebook like button

Alhamdulillah ari niy nes mmpu lg on9 ;)

Oke today nes mau tnjuk care nk letak facebook like button kt bloggy u'all..

Tgk pic bwh niy as example then just follow my steps  ^^

(click utk jd GIANT)

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT..

2nd step:

Now u'all copy n paste code kt bwh niy at HTML/JAVASCRIPT  k ;))

<center><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fnesboolat.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>

MERAH: Tuka kan dgn url blog masing2 k ;))

Da paste then PREVIEW n SAVE ^^ 

Tutorial: Disable right click

Tuto niy for those yg agk ati2 dgn dunia blog.. Utk mngelakkan pape from ur blog dpd d copy olh yg x bknaan, so blh la guna kan this tuto k ;))

1st step:

Go to DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT

2nd step:

Ad dua cara yg u'all blh follow samada nk bila org tkn right click, ad kua note or bila org tkan right click x de pape yg kua.. Haa renung2 kan la nk plh yg mne heheh ;p

WITH NOTE

<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="WARNING 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>>

WITHOUT NOTE 

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

Oke niy je.. PREVIEW dlu then SAVE ^^

Tutorial: Centerkan post title, time & date, gadget

Hye Hye..

Hopefully u'all fhm ey ap yg nes na tnjuk kli niy ;))

Tuto niy blh dgunakan for SIMPLE TEMPLATE n WASHED DENIM.. Haa dua2 bley guna ^^

Jum jum start wat..

SIMPLE TEMPLATE

1st step:

Click ke DASHBOARD > DESIGN > EDIT HTML n tick EXPAND WIDGET.. Then search code kt bwh niy k ;))

h2 {

2nd step:

Da jumpe then paste kan code niy kt bwh code td k.. Niy utk center kan sidebar, time & date..

text-align:center;

3rd step:

Now nk center kan post title pla.. Search this code k..

h3.post-title, .comments h4

 4th step:

Haa da jmpe kan kan?? Then copy n paste code niy kt bwh die k ;))

text-align:center;

DONE! Oke now kt bwh niy for pgguna WASHED DENIM pla.. Jum follow ;))

WASHED DENIM 

1st step:

Pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET..  Now search for this code..

.sidebar h2 {

2nd step:

Da jmpe?? Now paste kan code niy kt bwh code td k.. Niy utk center kan sidebar, time & date k ;))

  text-align:center;

3rd step:

Now utk center kan post title, search for this code..

.post-title {

 4th step:

Paste kan code niy kt bwh code td..

 text-align:center;

Haa ap tggu lg?? PREVIEW cpt then if jd SAVE ;))

P/S: U'all blh jga jd kan die LEFT or RIGHT dgn cara tuka tulisan center tuw.. Be creative *_* 

Tutorial: Hide navbar

Ary niy nes akn tnjuk cara nk hide navbar.. Ap navbar yee??

(click utk jd GIANT)

Npk x ap yg nes try explain kt u'all mlalui gmba ats tu?? Slalu nye ad something en kt ats tuw but nes py x de.. Haa mcmmana nk ilgkan?? Follow kt bwh niy k ;))

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy n paste code kt bwh niy k :))

<!-- DROPDOWN NAVBAR -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->

Now click PREVIEW dlu then if da jd click SAVE..

Kan da jd ;))

Tutorial: Buat scroll bar cute

Ap tuw scroll bar?? Aikk bru bc tjuk dah seriau?? Namo la mcm tuwww heheh.. If x tau, skodeng gmba bwh niy k ;))

(click utk jd GIANT)

Haa npk kan ap yg nes tnjuk ats tuw??

Oke now if nk scroll bar u'all jd cute mcm nes py, jum start wat!!

1st step:

Mula2 mcm biasa la pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET.. Dah tuw tkan ctrl + F then search code kt bwh niy k ;))

]]></b:skin>

2nd step:

Now u'all copy pla code niy then paste kan kt bwh code td k..

::-webkit-scrollbar {
height:12px;
width: 13px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #B6C9FF;
-moz-border-radius: 10px;
border-radius: 10px;
}

MERAH: Tuka mngikut wrna yg u'all nk.. Code wrna blh dpt kt SINI

Haa then u'all PREVIEW dlu then if jd click SAVE!!Siap sudaa ~_~

P/S: Scroll bar niy akn npk if gune GOOGLE CHROME saje taw.. If gne lain die npk mcm biase ;))

Tutorial: SCM music player

(click utk jd GIANT)

Mcm mna nk buat music player mcm blog nes?? Oke now nes akn tnjuk kan mcm mne.. Jgn runsing2 ;))

1st step:

U'all click SINI

2nd step:

(click utk jd GIANT)

Now u'all akn smp ke sini, right??  Plh la design mcm mna yg u'all rs ssuai dgn blog k..

3rd step:

(click utk jd GIANT)

Lps dh plh design, u'all click pla yg kt arrow nes tnjuk dlm pic ats niy k..

Now u'all click SINI n cari la lagu yg u'all suke.. Bila dh jmpe then copy url die then paste kn dkt SONG URL.. Cntoh blh tgk kt gmba bwh niy k ;))

(click utk jd GIANT)

(click utk jd GIANT)

(click utk jd GIANT)

Lps dh msuk url lagu, tekan MERAH then bila dh setting sume tkan BIRU.. Oke copy code yg die bg tuw k..

Cara nk save pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT..

Jgn lupa PREVIEW dlu n if jd cpt2 SAVE ;))

Tutorial: Buat gambar bergerak

Hye sume nye ^_^

In this tuto nes akn tnjuk kan care nk wat slideshow or gmbar b'gerak.. Tgk cntoh kt bwh ni k ;))

(click utk jd GIANT)

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy n paste code yg nes bg niy k ;))

<div align=center><table width=250 border=0 align=center><tr><td><marquee width="250"><img src="http://farm1.static.flickr.com/28/43878072_9b440a24af.jpg" border="0" height="250" /> </marquee><a href="http://www.freecodesource.com/index.php?page=myspacegenerators/slideshow" style="display:block; text-align:right"></a></td></tr></table></div>            

MERAH: U'all blh tuka mngikut lebar n tgi yg u'all nk k.. Sebaik nye ikut size pic u'all.. Adjust dlu size pic u'all k.. If nk kekal kan akn jd mcm nes pye ;))..

UNGU: Ltak url image 

If u'all nk tambah gmba, bley copy code bwh niy then paste kan sbelum  </marquee>

If nk tmbah lg n lg, wat je bnda yg same k ;))

<img src="http://hearthesound.files.wordpress.com/2010/09/cute-cat-sleep.jpg" border="0" height="250" />

UNGU: Ltak url image anda ;) 

PREVIEW then SAVE

DONE ^_^

P/S: Utk dpt kan url image, u'all blh pegi ke PHOTOBUCKET.. Sign up dlu k ;))

Tutorial: Buat tulisan bergerak

Buat tulisan b'gerak?? Okey niy x sama mcm tuto sblm niy k yg status b'gerak.. Kali niy just tulisan je.. Kt bwh niy cntoh nye ;))

♥ ♥ Hyee.. saya contoh saje ♥ ♥

Mcm cacing kan?? Hahah.. mcm niy nk wat nye..As simple as ABC heheheh..

1st step:
U'all just click HERE then follow je ap yg die mx tuw mngikut kmahuan anda yee.. Then jgn lpa GENERATE CODE..

2nd step:
Lps dh dpt code, u'all pegi kt DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then paste kan kt situ k..

PREVIEW la then bila jd click SAVE ^_^

Tutorial: Status bergerak

Mcam mna status b'gerak tuw ye??Hehe.. Tgk gmba bwh niy k ;))

(click utk jd GIANT)

Tuw la bnda alah nye heheh.. Mcm mna nk buat?? Sng sgt.. Jum follow..

1st step:

Pegi ke DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then copy code kt bwh niy n paste k..

<center style="text-align: right;"><span class="Apple-style-span" style="color: #000000; font-family: Verdana, 'Times New Roman', serif;"><b>Latest words =)</b></span></center><div style="Background-image:url(http://backgrounds.picaboo.com/download/68/84/684f9b25e67b4a00aefc6c3322895581/pink_white_vertical_stripes.jpg); repeat; padding: 5px; border:0px solid;border-top-left-radius: 25px 25px; border-top-right-radius: 25px 25px; border-bottom-left-radius: 25px 25px; border-bottom-right-radius: 25px 25px;"><center><marquee>AYAT YG NAK LETAK</marquee></center></div>

MERAH: Niy utk title die.. Blh tkar if u'all nak ;))

OREN: Ltak url image yg u nk utk background die..

BIRU: Kat sni la u'all update status ;))

PREVIEW n if cun click SAVE! Done! :))

Tutorial: Title bar bergerak

Guys! Fhm x ap tjuk nes kli niy?? Xpe xpe x fhm nes blh trang kan ;))

(click utk jd GIANT)

Npk kan ap yg nes tnjuk tuw?? Tuw la nma nya title bar b'gerak.. Okey x mau cte pnjang.. Let's follow me ;DD..

1st step:

Bnda awl yg u'all kna wat is CLICK SINI ;))

2nd step:

Make sure u'all smp ke landasan yg btul k..heheh..

(click utk jd GIANT)

Now u'all just follow je ap yg die mx mngikut citarasa anda ;))

Bila rs dah okey, then cpt2 click PREVIEW then if btl2 dh sure, click GENERATE CODE.. Haa then copy la code tuw..

3rd step:

Lpas je u'all dah copy code yg die dah bg tuw, now u'all pegi kat DASHBOARD > DESIGN > ADD A GADGET > HTML/JAVASCRIPT then paste code tuw k..

Cett jgn save dlu!! PREVIEW 1st then bru SAVE ;))

Tutorial: Assalamualaikum di awal entry

Tajuk je msty ad yg dpt tgkat ap yg nes try nk ajar kli niy, right??

Niy cntoh nye :))

(click utk jd GIANT)

Npk x?? Amacam?? Da jatuh aty?? Heheh.. Okey just follow kt bwh niy k.. Sgt sgt simple ;))

1st step:

Ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET.. After tht u'all tkan ctrl + F tuk search code bwh niy..

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

2nd step:

Da jpe then u'all copy code kt bwh niy n paste kt ats code td k..

<center><img src='URL IMAGE'/></center><br/>

MERAH: If xnk center, u'all blh tukar kan kpd left or right 

PREVIEW then SAVE.. Suda siap.. Sng kan ;))

Tutorial: Body ada background

(click utk jd GIANT)

Okey in this tuto, haa u'all npk x ap yg nes try tnjuk kt gmba ats tuw?? Okey if x phm let me explain k ;))..

If u'all besa kan gmba ats tuw, u'all akn npk body blog nes wrna putih then ad bintik2, right?? Haa tuw la yg nes akn aja mcm mne nk wat for tuto kli niy hee ^_^.. Btw, tuto niy blh d buat pd pngguna WASHED DENIM n SIMPLE TEMPLATE..

WASHED DENIM

1st step:

Go to DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET.. Now search pla for this code..

#content-wraper {

2nd step:

Dah jpe?? Kat bwh die ad code mcm niy, right??

 width: 900px;
margin: 0 auto;
padding:15px;
text-align: $startSide;
background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif
);
background-color: $mainBgColor;
border: 1px solid $borderColor;
border-top: 0;
border-top-left-radius: 25px 25px;
border-top-right-radius: 25px 25px;
border-bottom-left-radius: 25px 25px;
border-bottom-right-radius: 25px 25px;
}

 MERAH: Blh tukar dgn url image yg u'all nk ltak.. Tmpat yg sng nk cari kt google image je :'DD

3rd step:

Cari pla code kt bwh niy k..

.sidebar .widget-content { 

4th step:

Dh jmpe then u'all copy code kt bwh niy then paste kt bwh die k..

 background : url(http://i1218.photobucket.com/albums/dd417/cheesweet/backgroundbody1.gif);

MERAH: Ltak url image yg u'all nk ;))

5th step:

Okey now cari pla code kt bwh niy k..

#main-wrapper {

6th step:

Now u'all akn jpe code mcm niy kan??

 margin-$startSide: 14px;

  width: 608px;

  float: $startSide;

  background-color: #BDBDBD; 

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */

MERAH: Make sure yg ni u'all type transparent k..

7th step:

Search pla code niy..

#sidebar-wrapper {

 8th step:

Haa jpa pla code mcm niy kan kan??

margin-$endSide: 14px;

  width: 240px;

  float: $endSide;

  background-color: #BDBDBD;

  display: inline;       /* fix for doubling margin in IE */

  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float 

MERAH: Tukar kan jga kpd transparent..

Da siap then PREVIEW dlu then SAVE ;))

SIMPLE TEMPLATE

1st step:

Like always pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET n search this code..

.main-inner {

2nd step:

Da jpe?? Then u'all copy code bwh niy then paste je kt bwh die k ;))

background : url(BACKGROUND IMAGE);

 PREVIEW dlu n if puas aty bru la SAVE k.. SIAP SUDA :'DD

Tutorial: Round bila cursor sentuh gambar

Selamat mlm sume hee :))

Oke kli niy nes dpt request dr kwn nes.. Haa nk tau ap request nye??

Hahah oke mak cik.. Ni cre nye :p

1st step:

Mcm bese pegi ke DASHBOARD > DESIGN > EDIT HTML then tick EXPAND WIDGET TEMPLATES..

Tekan ctrl + F n search code kt bwh niy..

/* Header

2nd step:

Dah jpe, u'all paste pla code kt bwh niy kt ats code yg u'all cari td k..

 /*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -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=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}

MERAH: U'all blh tuka kan ikot citarasa wrna sndiri k.. Nk dpt kan code wrna yg lain blh cari dkt SINI :))

Oke rs2 dh settle then click PREVIEW n if oke cpt2 click SAVE laa ;DD

Siap hee..

Tutorial: Buat button FOLLOW n DASHBOARD

Kali niy nes nk tnjuk pla cara buat button follow n dashboard mcm kt blog nes niy..

(click utk jd GIANT)

Npk x ats tuw?? If mnt nk wat, follow je kt bwh niy k.. Simple je ;))

1st step:

Pegi ke  DASHBOARD > DESIGN > ADD  A GADGET > HTML/JAVASCRIPT.. Then copy code yg nes bg kt bwh niy k..

<div style="display:scroll; position:fixed; top:0px; right:95px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID ANDA" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 3em; margin-right: 3em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimPtO6x-HdFba8PgGavx7RA0f0cz4ulMhFH4wjZ5HP8kGCtSYxwqkOXKcE3qRETCHxuA1XnKe2L4J91sBTG6ht41q04Mu1C6xeRd7V4X4mJOihdfrVVskr1Ks3Njt1rM1RmVBrqNplYL8j/s1600/followpurple.png" /></a> <div style="display:scroll; position:fixed; top:0px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1UDPTnRkSthxVSXCmj54K2hTfawx6isaJogYe7fgn3UGfrPKu3SBI40n6o_wEwixp8uvO4lE61SRWzmKDmo_sbHuC2zNrQ2UHLdTGppaKSELuxu5ePqqyY6OwP8hLSnT8QtpHERCDiear/s1600/dashboardpurple.png" /></a></div></div>

MERAH: Ltak blog id u'all k.. Blog id niy blh dpt when u'all ke DESIGN.. Cnth mcm gmba kt bwh niy k..

(click utk jd GIANT)

BIRU: Niy utk image die.. If nk kekal kn pn x pe but if nk letak style lain, u'all blh tuka k ;))

Then like usual, click PREVIEW 1st n if dh jd click SAVE ^_^..

Tutorial: Buat body jadi melengkung

Hye Hye.. Okey tuk tuto strsnye, nes nk tnjuk kan pla mcmana nk wat kan body blog u'all jd round or melengkung.. Haa mcm blog nes niy..

(click utk jd GIANT)

Npk x yg nes tnjuk tuw?? Haa mcm tuw laa.. Okey if mnt just follow steps kt bwh niy k..

1st step:

Mcm biasa prgi ke DASHBOARD > DESIGN > EDIT HTML then ctrl + F cari code niy..

#content-wrapper {

2nd step:

Then kt bwh die ad ank2 code kan?? Oke tukar je code2 tuw ke code yg nes bg niy..

width: 760px;

margin: 0 auto;

padding:15px;

text-align: $startSide;

background-color: $mainBgColor;

border: 1px solid $borderColor;

border-top: 0;

border-top-left-radius: 25px 25px;

border-top-right-radius: 25px 25px;

border-bottom-left-radius: 25px 25px;

border-bottom-right-radius: 25px 25px;

}

Okey now PREVIEW then if dah jd click SAVE :DD

Tutorial: Transparent kan header

Now utk smbungan tuto nes yg sblm niy, nes akn tnjuk kan pla cara nk transparent kan header..

Okey actually if u'all nk transparent like my header, u'all kna edit dlu guna PHOTOSHOP.. Baru blh dpt fully transparent mcm blog nes niy.. Btw, just follow steps niy k..

1st step:

Go to DASHBOARD > DESIGN > EDIT HTML then click ctrl + F find this code..

/* Variable definitions

2nd step:
Then bla dah jpe u'all scroll kt bwh smp jpe  code niy..

(click utk jd GIANT)

Npk x box merah kt gmba ats tuw?? Okey now tukar kan die jd 'transparent' k..

Now u'all PREVIEW then if header u'all dh transparent, bmkna anda dah bjaye! :)).. So cpt2 la SAVE

Skrg niy nes nk tnjuk pla mcm mna tuk u'all wat header mcm nes :)).. But it must depend on ur creativity jga k ^_^.. N yg pnting u'all msti kna ad PHOTOSHOP..

1st step:

Open u'all pya PHOTOSHOP.. Then click 'FILE' then click 'NEW'.. Nanti akn klua mcm gmba kt bwh niy..

(click utk jd GIANT)

Yg wrna merah u'all blh tuka ikot citarasa sndiri.. Yg wrna biru pla u'all kna tkar ke 'transparent' k..

2nd step:

(click utk jd GIANT)

Next, u'all click yg dkt arrow merah then type la anything yg u'all nk k.. Lps tuw, click pla kt arrow biru tuk mncantikkan lg header..

3rd step:

(click utk jd GIANT)

Now click yg arrow merah dlu then click pla arrow biru n cari 'STROKE'..

4th step:

(click utk jd GIANT)

Lps dh click 'STROKE', now akn klua mcm kt gmba ats niy.. Yg arrow merah, u'all blh ltk wrna ap yg u suka.. Then yg arrow biru pla utk tntukan width die.. Haa then click yg kt arrow hijau k n adjust la ikot citarasa msing2 ;))..

5th step:

(click utk jd GIANT)

Haa ni la hsil nya.. Then u'all just g kat 'FILE' then click 'SAVE AS' k.. N jgn lpa time dh click 'save as' tukar kan format die ke 'PNG' k.. Done ;))

P/S:Usaha tgga kjyaan.. Jgn cpt give up hee ;DD

Tutorial: Letak background for Washed Denim template

Now for 2nd tuto sprti yg nes jnji kan in tuto 1st, nes akn tnjuk cara nk cun kan blog u'all..

Follow btl2 cara nk letak background bla dah gna washed denim ni k ;))..

1st step:

Pergi ke DASHBOARD > DESIGN > EDIT HTML then cari code yg nes bg kt bwh niy.. Tuk memudah kan pncarian, click Ctrl + F then msuk kan code yg u'all nk cari in box tu ;)

body {

2nd step:

Lps dh jmpe, u'all paste kan pla link yg nes bg ni kt bwh link tu k..

body {

background: url(Background image);

background-attachment: fixed;

background-repeat: repeat;

margin: 0;

padding: 0px;

font: x-small Verdana, Arial;

text-align: center;

color: #000000;

font-size/* */:/**/small;

font-size: /**/small;

letter-spacing:1px;

}

Dkt yg nes MERAH kan tuw, just tuka dgn url image yg u'all nk ltak k.. U'all blh dptkan image cute2 by search kt google image je..

Oke now u'all SAVE then PREVIEW k.. Done ;))

Tutorial: B'tukar ke Washed Denim template

Oke guys, welcome to my 1st tuto for all bloggy out there :DD..

1st of all nes nk btau about 'what is washed denim?'..Mybe ad certain bloggy yg still x tau wht is washed denim..  Oke x pe2.. Nes blh explain kan :)..

Actually Washed Denim template is ap yg korg tgk at blog nes ni skrg.. Nes skrg guna washed denim n dah stop gune simple template.. Klebihannya, blog u'all akn npk more unique n more smarter la kan.. Let's try okey..

Btw, follow ap yg nes aja ni btl2 taw ;))

1st step:

Utk lgkah ati2, ap kate u'all copy dlu coding lame.. Mna la tau if ad error ke kang rosak pla blog nomey u'all tuw kan ;p.. If xnk pn x pe..

2nd step:

Klik DASHBOARD > DESIGN > EDIT HTML then scroll ke bwh n u'all akn jpe SELECT LAYOUT TEMPLATE..cntoh kt bwh ni yee..

(click utk jdkan GIANT)

3rd step:

(click utk jdkan GIANT)

Then u'all click washed denim mcm yg nes tnjuk dlm gmba kt ats niy.. Lps tuw u'all click SAVE TEMPLATE okey..

 Haa korg dh pn dpt template baru.. Mmg kosong je right?? Normal sume tuw.. Now it's time tuk u'all cantik kan blog nomey u'all tuw ;)).. Meet in d next tuto k.. Nes akn tnjuk cre nk cun kan blog ^_^