Tutorial Meletakkan Gambar Di Sidebar

1. Dashboard > Design > Add Gadget > Html/JavaScript

2. Paste kod di bawah ini , di ruangan Html/JavaScript itu .

<center><img src="URL GAMBAR KORANG"/></center>

*Kat mana nak amik URL Gambar Korang Sendiri ? Korang boleh upload kat SINI 
*Lepas sudah upload , korang copy code yang bawah sekali tu (Direct Link). Ada paham ?

3. Paste URL korang tuh .
So , bila dah siap , SAVE !

Credit : Lyssa

Tutorial Double Dashed Hover

1 . Dashboard > Design > Edit Html

2. Tekan Ctrl+F dgn serentak .. dan cari kod ini .. :

a:hover

3. Lepas korang jumpa . korang paste kan pulak kod kt ini kat bawah kod yang korang carikan tadi tuh ....

border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

 Korang boleh tukarkan kod warna merah diatas .dgn kod warna anda sendiri

4. Da siap . SAVE ! :) Lihat lah hasilnya ya! :)

Tutorial from lyssasecret

Tutorial : Round Hover With Shadow

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan F3 atau Ctrl+F search kod kat bawah ini :

/* Header

3. Dah jumpa ? Oke . paste kod ini pula kat ATAS kod yg korang cari tadi tu ok ? :)

 /*------ 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;
}

Tukar kod colour pink tu color yang korang suka ok .

4. Da siap . SAVE !

Credit : lyssasecret

Tutorial Letak Salji Dalam Blog Ver 2

Tutorial untuk letak salji ini seperti berikut.

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

2. Copy dan paste kod salji mengikut warna yang anda mahu ke dalam HTML/javascript

Putih

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

Purple

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

Hitam

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

Biru

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

Merah

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

3. Save dan lihat hasilnya.:)

Nota: Drag element ada ke bawah 'header' supaya salji muncul dari atas page blog korang.:)