Double Underline

1.dashboard>design>edit html
2.ctrl+f cari code ini u {
3.copy code di bawah dan paste di bawah code yg korg cari tadi 

text-decoration:underline; border-bottom: 2px double #F8E0EC;}

*perkataan yg berwarna merah adalah untuk ketebalan line
*perkataan berwarna hijau pula untuk warna line

CREDIT TO : Keyboard and Button:)

REMOVE SNAZZY BAR

1.dashboard>design>edit html>tick expand
2.ctrl+f cari code ini

 <div class="SnazzyBar" style="cursor:pointer;">

3.di bawah code tu ada code ini kan ?

<div class="SnazzyBar" style="cursor:pointer;"><div class="SnazLogo"><span style="position:relative;top:-1px;left:0px"></span> <a href="http://www.snazzyspace.com">SNAZZYSPACE.COM</a></div>    <a href="http://www.snazzyspace.com/blogger-templates/page/1">BLOGGER TEMPLATES</a> AND <a href="http://www.snazzyspace.com/twitter-backgrounds/page/1">TWITTER BACKGROUNDS</a> <span style="position:relative;top:-1px;left:0px;"></span> </div>

 4.korang delete semua code tu.preview dulu.kalau mmg dh takda lagi, delete kn :)

CREDIT TO:Keyboard and Button :)

Curved Widget

PERHATIAN ! TUTORIAL INI HANYA UNTUK MINIMA TEMPLATE SAHAJA :)

1.dashboard>design>edit html

2.ctrl+f cari code ini .sidebar .widget {

3.copy code di bawah dan paste di bawah code yg cari tadi 

-moz-border-radius: 35px;border-radius: 35px;

4.preview dulu.kalau jadi save kn.


okay.sekarang ni utk main post pulak.


1.dashboard>design>edit html
2.ctrl+f cari code ini #main-wrapper { 
3.copy code di bawah dan paste di bawah code yg korg cari tadi 

-moz-border-radius: 35px;border-radius: 35px;

4.preview dulu.kalau jadi, save kn.


selamat mencuba :) 

CREDIT TO : KEYBOARD AND BUTTON

TUKAR SMILEY PADA CBOX

1.sign in cbox / shoutbox korang
2.follow gambar di bawah :

3.buka page google atau yahoo utk cari smiley yg korg nak.kalau payah sngt nak cari , CLICK SINI :)

4.kosong kan smiley pada shoutbox korg mcm dlm gmbr kat bawah :

5.copy image url smiley korg (right click)

6.follow gambar kat bawah : click utklebih jelas 

7.dh selesai paste URL dan taruk code? pastu save :)

8.dh siap :)

CREDIT TO : Miss elle@hajarhadija :)

Curved Widget

1.dashboard>design>edit html>expand widget templates
2.ctrl+f cari code ni  .content-inner {
3.copy code di bawah dan paste di bawah code yg korg cari tadi ok?

border: 2px solid #000000;-moz-border-radius: 15px;-webkit-border-radius: 15px;

4.preview dulu.kalau jadi save kn.
5.siap!

p/s:comment kalau tak menjadi ok?

perkataan berwarna merah adalah ketebalan border korang
warna hijau pulak untuk jenis border
warna biru adalah warna border

CREDIT TO : Anis Diyana 

CUTE TAB (COSTUME PAGES)

APA ITU CUTE TAB? LIHAT GAMBAR DI BAWAH :

LANGKAH 1

Langkah pertama untuk membuat cute tab, korang mesti buat PAGES.belum agi buat PAGES? 

CLICK SINI :D

LANGKAH 2

Dah selesai buat pages? Kalau dah, sekarang kita akan mulakan TUTORIAL CUTE TAB KITA :D

1-EDIT TAB KORANG MENGIKUT KREATIVITI.KORANG BLH EDIT DEKAT PHOTOSCAPE, PICNIK ATAU KALAU KORANG TERE PAKAI ABODE PHOTOSHOP PUN BLH.

2.UPLOAD TAB KORANG DI PHOTOBUCKET

3.DAH SELESAI UPLOAD? CTRL+C UNTUK COPY CODE DI BAWAH 

<a href="TAB UNTUK DIBUKA" target="_blank"><img src="DIRECT LINK" border="0"></a>

4.MACAM MANA NAK AMBIK CODE TAB UNTUK DIBUKA? FOLLOW GAMBAR DI BAWAH

Yang ini Pages yg korang buat tu tadi kan? SEKEJAP.KORANG JANGAN PANIK KALAU KORANG PUNYA PAGES TAK SAMA DGN MISS ELLE.SBB PAGES MISS ELLE PUNYA SETTING LAIN DENGAN KORANG PUNYA SETTING.BAWAK BERTUNANG OK? HAHA

5.MACAM MANA NAK AMBIK CODE UNTUK TEMPAHAN HEADER? LIHAT GAMBAR DI BAWAH :

1.PERGI DASHBOARD

 KORANG NAMPAK TAK GAMBA YANG KELIMA NI? YANG CODE DI ATAS TU ADALAH CODE UNTUK TEMPAHAN HEADER.MCM TU JUGAK UNTUK AMBIK CODE PADA PAGES YANG LAIN.CUMA VIEW DAN COPY CODE KAT ATAS TU 

<a href="http://nothing-interesting-page.blogspot.com/p/tempahan-header_19.html" target="_blank"><img src="http://i290.photobucket.com/albums/ll264/PuzzlEd_pics/Clipart%20by%20PuzzlEd/Cliparts%20sketches%20animals%20and%20plants/greyelephantsketchclipart13cmwide.gif" border="0"></a>

PADA CODE WARNA MERAH, MISS ELLE DAH GANTIKAN DENGAN CODE TAB UNTUK DIBUKA.PADA CODE WARNA UNGU PULAK, MISS ELLE DAH GANTIKAN DENGAN DIRECT LINK.

SENANG JE KAN? SELAMAT MENCUBA :D

CREDIT TO : HAJAR AKA MISS ELLE :D

You Tube as Music Player

Hello ! Hari ni, miss elle nak buat tutorial baru.bnyk yg tanya psl tutorial ni. tanpa membuang masa, mari kita mulakan tutorial kita hari ni.

1.buka youtube web dan pilih lagu yg korg suka
2.follow gambar kat bawah ni :

(click utk tumbesaran)

3-dashboard>design>add a gadget>paste embed code

4.teliti gambar :

*tukarkan width kepada=200 & height kepada=150

*sebelah perkataan amp; tambahkan perkataan autoplay=1;

cnth: amp;autoplay=1;

5-save !

SELAMAT MENCUBA :)

CREDIT TO : Miss elle @ hajarhadija :)

Note Bawah post

1.dashboard>design>add a gadget
2.ctrl+f cari code ini <data:post.body/>
3.copy code di bawah dan paste di bawah code yg korg cari tadi

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

4.preview dulu.pastu save !

 CREDIT TO:SYAMIRA :)

Cute Hover

1.dashboard>design>edit html
2.ctrl+f cari code ini a:hover {
3.copy code di bawah dan paste di bawah code yg korg cari tadi

color:#FF6699; background:url(URL IMAGE) ;background-repeat: repeat;text-decoration:underline;

4.paste kn url hover korang.kalau mls nak cari, copy je yg kat bawah ni :

http://dl5.glitter-graphics.net/pub/602/602355k2suf9v03y.gif

http://dl2.glitter-graphics.net/pub/702/702442jd36r8s7ma.gif

http://dl2.glitter-graphics.net/pub/729/729642g8z5cf0f0r.gif

CREDIT TO : SYAMIRA:)

Jquery Tab Menu For Blog

APA ITU JQUERY TAB MENU FOR BLOG? LIHAT GAMBAR DI BAWAH :

Sebelum Mouse Sentuh Menu

Selepas Mouse Sentuh Menu

1.Dashboard>design>add gadget>HTML/JAVASCRIPT 

2.CTRL+C untuk copy code di bawah 

<style type="text/css">
h5 {
font-family: trebuchet-ms, arial, tahoma;
font-size: 13px;
padding: 0 0 1em;
font-weight:bold;
color: #ffffff;
}
.msg_list {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.msg_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#F80680;
margin:1px;
}
.msg_body {
padding: 5px 10px 15px;
background-color:#F4F4F8;
}
</style>
<script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
//hide the all of the element with class msg_body
$(".msg_body").hide();
//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked
$("#firstpane h5.msg_head").click(function()
{
$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");
});
//slides the element with class "msg_body" when mouse is over the paragraph
$("#secondpane h5.msg_head").mouseover(function()
{
$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");
});
});
</script>
<div class="msg_list" id="secondpane">
<h5 class="msg_head">ABOUT ME</h5>
<div class="msg_body">

Masukkan kod disini.

</div>
<h5 class="msg_head">THE SONG</h5>
<div class="msg_body">

Masukkan kod disini.

<h5 class="msg_head">ADORE</h5>
<div class="msg_body">

Masukkan kod disini.

</div>
</div>

3.PASTE CODE DI ATAS DI HTML/JAVASCRIPT 

*TUKARKAN PERKATAAN BERWARNA MERAH DENGAN TAJUK MENU YANG KORANG NAK 

*TUKARKAN PERKATAAN WARNA UNGU CODE YANG KORANG NAK.MCM CONTOH, CODE UNTUK LAGU, GAMBAR ATAU APA2 JE YG KORANG BERKENAN OK :)

4.JANGAN LUPA SAVE :)

HAVE FUN :D

Border Keliling Blog

1.dashboard>design>edit html
2.ctrl+f cari code ini .content-inner atau code ini .main-outer 
3.copy code di bawah dan paste DI SEBELAH code yg korg cari tadi

border: 3px solid #000000;

cnth :  .content-inner border: 3px solid #000000;


*warna purple utk ketebalan border
*warna biru utk jenis border
*warna merah pula utk warna border

CREDIT TO:EKIN :)

Macam Mana Nak Buat CBOX?

1.mula-mula, korg click sini
2.lepas tu, ikut je step dlm gambar kat bawah.click utk lbh jelas ok?

*click sign up*

*isi semua yg ptt*

*login guna CBOX NAME BUKAN EMAIL*

*atorkn apa yg ptt*

*click publish utk dptkn code*

*copy code*

3.kalau korg xnak hide cbox korg, ikut step ni :

dashboard>design>add a gadget>paste code cbox>save 

4.kalau nak hide kan, CLICK SINI

SELAMAT MENCUBA :)

CREDIT TO : miss ELLE@hajarhadija

BUBBLE CURSORS

Assalammualaikum dan selamat sejahtera readers ! 1st, Miss Elle nak mtk maaf bnyk2 sbb lama dh tak wat tutorial. miss elle sibuk dgn homework dan exam. ala. sama mcm korang :) okay la. hari ni, kita nak buat tutorial "BUBBLE CURSORS" tahu tak apa bubble cursors?bubble curso ni lebih kurang macam sparkle cursor gak.jum kita try :)


1.dashboard>design>add a gadget
2.copy code di bawah dan paste kat gadget

<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
        // <![CDATA[


        var colours=new Array("#ff0080", "#ff0080", "#ff0080", "#ff0080", "#ff0080"); // colours for top, right, bottom and left borders and background of bubbles


        var bubbles=12; // maximum number of bubbles on screen




        /****************************


        * JavaScript Bubble Cursor *


        * (c) 2010 mf2fm web-design *


        * http://www.mf2fm.com/rv *


        * DON'T EDIT BELOW THIS BOX *


        ****************************/


        var x=ox=400;


        var y=oy=300;


        var swide=800;


        var shigh=600;


        var sleft=sdown=0;


        var bubb=new Array();


        var bubbx=new Array();


        var bubby=new Array();


        var bubbs=new Array();




        window.onload=function() { if (document.getElementById) {


        var rats, div;


        for (var i=0; i<bubbles; i++) {


        rats=createDiv("3px", "3px");


        rats.style.visibility="hidden";




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="1px";


        div.left="0px";


        div.bottom="1px";


        div.right="0px";


        div.borderLeft="1px solid "+colours[3];


        div.borderRight="1px solid "+colours[1];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.top="0px";


        div.left="1px";


        div.right="1px";


        div.bottom="0px"


        div.borderTop="1px solid "+colours[0];


        div.borderBottom="1px solid "+colours[2];




        div=createDiv("auto", "auto");


        rats.appendChild(div);


        div=div.style;


        div.left="1px";


        div.right="1px";


        div.bottom="1px";


        div.top="1px";


        div.backgroundColor=colours[4];


        div.opacity=0.5;


        if (document.all) div.filter="alpha(opacity=50)";




        document.body.appendChild(rats);


        bubb[i]=rats.style;


        }


        set_scroll();


        set_width();


        bubble();


        }}




        function bubble() {


        var c;


        if (x!=ox || y!=oy) {


        ox=x;


        oy=y;


        for (c=0; c<bubbles; c++) if (!bubby[c]) {


        bubb[c].left=(bubbx[c]=x)+"px";


        bubb[c].top=(bubby[c]=y)+"px";


        bubb[c].width="3px";


        bubb[c].height="3px"


        bubb[c].visibility="visible";


        bubbs[c]=3;


        break;


        }


        }


        for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);


        setTimeout("bubble()", 40);


        }




        function update_bubb(i) {


        if (bubby[i]) {


        bubby[i]-=bubbs[i]/2+i%2;


        bubbx[i]+=(i%5-2)/5;


        if (bubby[i]>sdown && bubbx[i]>0) {


        if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {


        bubb[i].width=bubbs[i]+"px";


        bubb[i].height=bubbs[i]+"px";


        }


        bubb[i].top=bubby[i]+"px";


        bubb[i].left=bubbx[i]+"px";


        }


        else {


        bubb[i].visibility="hidden";


        bubby[i]=0;


        return;


        }


        }


        }




        document.onmousemove=mouse;


        function mouse(e) {


        set_scroll();


        y=(e)?e.pageY:event.y+sleft;


        x=(e)?e.pageX:event.x+sdown; }




        window.onresize=set_width;


        function set_width() {


        if (document.documentElement && document.documentElement.clientWidth) {


        swide=document.documentElement.clientWidth;


        shigh=document.documentElement.clientHeight;


        }


        else if (typeof(self.innerHeight)=="number") {


        swide=self.innerWidth;


        shigh=self.innerHeight;


        }


        else if (document.body.clientWidth) {


        swide=document.body.clientWidth;


        shigh=document.body.clientHeight;


        }


        else {


        swide=800;


        shigh=600;


        }


        }




        window.onscroll=set_scroll;


        function set_scroll() {


        if (typeof(self.pageYOffset)=="number") {


        sdown=self.pageYOffset;


        sleft=self.pageXOffset;


        }


        else if (document.body.scrollTop || document.body.scrollLeft) {


        sdown=document.body.scrollTop;


        sleft=document.body.scrollLeft;


        }


        else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {


        sleft=document.documentElement.scrollLeft;


        sdown=document.documentElement.scrollTop;


        }


        else {


        sdown=0;


        sleft=0;


        }


        }




        function createDiv(height, width) {

        var div=document.createElement("div");

        div.style.position="absolute";

        div.style.height=height;

        div.style.width=width;

        div.style.overflow="hidden";

        return (div);

        }


        // ]]>

        </script>

*word yg dimerahkn tu, blh la tkr dgn warna yg korg nak.kalau tak nak tukar pun takpe:)*

p/s:kalau korg ada sparkle cursors, delete kan code tu :) selamat mencuba !

CREDIT TO : CIK LYSSA :)