Nadzratul Aniya: Tutorial

TUTORIAL SNOW !

Ni konon konon nak feeling feeling la ada salji kat Malaysia ni kan .Tak dapat rasa pun tak apa . Janji dapat tengok.Letak kat blog pun jadi la kan ?? Macam mana nak pasang efek snow kat blog ? Senang je cara dia.Tengok kat sini ..

Cara Pemasangan:
1.Pergi ke dashboard>design>add gadget>HTML/javascript
2.Pastekan code kat bawah ni dalam kotak HTML/javascript tu

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>

3.Dah siap,savekan.

Credit by CT

_________________________________________________________

TUTORIAL FAVICON

benda yang aniya bulatkan tu nama dia favicon .

Cara pemasangan:

1.Pergi ke dashboard>design>edit HTML

2.Cari code :
</head>

3.Dah jumpa code tu,pastekan code kat bawah ni selepas code

http://dl7.glitter-graphics.net/pub/435/435807fbnxzdbgby.gif' rel='shortcut icon' type='image/x-icon'/>

4.Text yang aku highlightkan tu korang boleh tukar.Masukkan url icon yang korang nak.Icon yang comel lagi cute korang boleh cari kat Glitter Graphics.

5.Dah siap semua,savekan template tu.

Credit by CT

____________________________________________________________

TUTORIAL CURSOR CUTE

Oke , mesti korang nak blog korang ceria dengan cursor2 cute kan ?? tahu tak cursor tuh ape ?? bg yg tak tahu , cursor tu macam mouse , tak phm jugak ? ala , kalau kite gerakkan mouse tu ade la bear2 cute atau gamba2 , OKE JOM START !

How ? -->

1.Korang copy code kat bawah ni (Pakai Ctrl+F)

<style>body {cursor:url(URL ICON), url(URL ICON), auto;} </style>

<a href="LINK BLOG KORANG" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>

2.Tulisan yang aniya highlightkan tu,korang boleh tukar sesedap rasa korang.Eh,bukan.Tukar ikut icon yang korang suka.Link blog tu jangan lupa masukkan betul-betul.e:g

http://nadzratulaniya.blogspot.com

3.ANTARA CURSOR YANG KORANG BOLE GUNA :

http://dl7.glitter-graphics.net/pub/501/501657i92p8yxkrl.gif

http://dl.glitter-graphics.net/pub/591/591041jk8glt8mqw.gif

http://dl3.glitter-graphics.net/pub/749/749423yekmru4k6i.gif

http://dl8.glitter-graphics.net/pub/570/570598f92qih34w0.png

4.Ok,bila dah siap semua sekali,korang pegi Dashboard>design>Add gadget>HTML/javascript

5.Pastekan code korang kat situ.

___________________________________________________________

TUTORIAL DISABLE RIGHT CLICK

Oke , tuto nie direquest oleh Fatin Syarzana :) Oke kalau nak buat nie sng je !

First sekali

> LOG IN

> DASHBOARD

> DESIGN
> ADD GADGET HTML/JAVASCRIPT

copy code kt bwh ni and paste (copy tekan ctrl + c ) kalau nak ( paste tekan ctrl + v )

> COPY AND PASTE
> SAVE

*selamat mencuba ! :)

___________________________________________________________

TUTORIAL FLOUT SHOUTBOX

Direquest oleh Anis Najihah

1. Dashboard-Design-Page Element-Add Gadget-HTML/JAVASCRIPT .
2. copy code kat bawah ni n paste kat HTML JAVASCRIPT tu .
* jangan lupa letak code shoutbox atau cbox korang .

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('http://i1041.photobucket.com/albums/b418/hannafauzann/swdw-7.png?t=1281336728') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">

MASUKKAN KOD SHOUTBOX ANDA DISINI

<div style="text-align: right;">

[close]</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>

♥ yang warna purple tu width and height utk gamba .
♥ yang warna biru tu url gamba yang korang nak .
♥ yang warna merah tu , kalau kau kena adjust sikit . sebab kengkadang gamba tu ley tersorok tak tunjuk sepenuhnya gambar tu . n kengkadang dia tutup pun tak habis . kalau kau guna code ni n ok, takde masalah, tak payah gatal tangan ubah code tu . kalau tak tau , bgtau aku tau .
♥ ni ada satu lagi gamba . kalau kau nak guna , copy url dia .