Nazriah's Tutorial

Sunday, February 27, 2011

Automatic Recent Post ツ

Request drpd Fyra^^

1) Dashboard > Design > Page Elements > Add a Gadget > Add HTML/Javascript

2) Copy code di bwah ini :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>

3) Suda copy ? Lpas tu , paste-kan dia kat HTML/Javascript yg anda buka tadi .

4) Perkataan yg kaler biru itu , tukar kepada url/link blog anda k ?

Ade masalah ? Komen - komen je :)

Adjust Saiz Gambar ツ

Ok , tutor telah ditnya oleh Fyra ^^

Kalau ikut cara Naz cmnie :

1) Click pda gmbar yg anda nak resize tu . Lpas anda click , akan ada keluar kotak kecik

kaler putih kat sudut dan tepi gmbar tu . (tgok contoh kat bawah)

2) Letakkan cursor anda kat kotak putih sebelah kanan dan akan muncul arrow

seperti ini : ↕

3) Then , click kat kotak putih tersebut dan tarik die turun ke bawah tnpa melepaskan mouseclick anda .

4) Lastly , Resize lah image tu mengikut kehendak anda .

Jika tak faham , anda boleh cube tutor yg ini :

Tutor Abg Unwanted

Ade masalah ? Komen - komen je :)

Friday, February 25, 2011

Tukar Icon untuk Older and Newer Post ツ

Request 2 drpd Yuri ^^

1) Dashboard > Design > Edit HTML > Tick "Expand Widget Templates"

2) First , untuk "older post" punye icon .

3) Tkan ctrl + f dan seach :

<data:olderPageTitle/>

4) Lpas dah jumpe , gntikan code kat atas tu dgn code yg ini :

<img src='url icon'/>

*gntikan perkataan kaler biru tu dgn url icon yg anda hendak k ?

5) Skrg untuk "newer post" punye icon pla .

6) Search pla code kat bawah nie:

<data:newerPageTitle/>

7) Dah jumpe , gntikan juga code kat atas tu pla dgn code yg ini :

<img src="url icon"/>

8) Mcm biase , yg perkataan kaler biru tu , anda gntikan dgn url icon , arrow or anything yg anda hendak .

9) Dah siap sume , sila preview dulu . Lpas dah puas hati , boleh lah anda save ^^

Special credits to akak ~~Lyssa~~

Ade masalah ? Komen - komen je :)

Scrolling Image ツ

Request drpd Yuri ^^

Kpada anda - anda yg tertanya ttg scrolling image tu apa , tgok image kat atas .

Kalau anda ke "main blog" aku , anda akan nmpak ia bergerak kan ?

Ok , tutor die cmnie ..

1) Dashboard > Design > Page Elements > Add a Gadgets > Add HTML/Javascript

2) Copy code kat bawah ini

<marquee direction="left" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" width="150" height="200">

<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>
<a href="link untuk dibuka" target="_blank"><img src="url gambar" /></a>

</marquee>

3) Mcm biase , paste-kan code tersebut kat HTML yg anda dah buka tadi .

4) Gntikan perkataan yg diwarnakan itu berdasarkan penerangan berikut:

Arah pergerakan gambar : boleh ditukar kepada up, down dan right.
Kelajuan pergerakan gambar : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.
link untuk dibuka: link yang hendak dibuka apabila gambar diklik.
url gambar: url gambar yang hendak dipamerkan.

Nota-Jika anda hendak menambah lebih byk gmbar . Copy saja balik code untuk image tu dan paste-kan kat bawah code image yg lain .

Contoh:

Special credits to abg ~~unwanted~~

Ade masalah ? Komen - komen je :)