Tutorial : Install Winrar

Assalamualaikum :)
Winrar ialah sejenis software zipper untuk file. Software ni penting untuk install install benda. I nak install Sai Paint Tool so I kena ada Winrar ni. Kalau u nak download font ni pun kena ada Winrar. Jom start. Kalau tak faham boleh comment k :)

Winrar ada dua jenis. Satu 32 bit lagi satu 64 bit. Tak tau macam mana nak cek bit laptop korang ? Takpe, meh aii ajar. Tapi ajar untuk Window 7 je sorryy. 

1. Start >> Right Click Computer >> Properties


2. Dia akan keluar something kan ? Korang cek bit dekat bawah System. Tak faham ? Tengok bawah :


Nampak kan ? My computer bit dia 32. So korang kenalah install ikut bit yang sesuai. Jnagan main bedal je.


Now time for HOW TO INSTALL WINRAR !

1. Klik link berikut ikut bit korang :

32 bit : http://download.cnet.com/WinRAR-32-bit/3000-2250_4-10007677.html
64 bit : http://download.cnet.com/WinRAR-64-bit/3000-2250_4-10965579.html

2. Click Download Now.


3. Save dekat mana mana. Save dekat Desktop senang sikit nak cari balik. 

4. Nanti kan bila download dekat bawah tu ada keluar kan ? Right Click >> Open


3. Ada keluar something macam dekat bawah >> Klik Install



4. Dah habis install, dia akan keluar something, jangan sentuh apa apa, terus klik OK.

5. Siap ! :)






Tutorial : Centerkan Widget

Assalamualaikum :)
Dah lama tak buat tuto kan ? So yah now I'm going to show you how to centerkan widget dekat sidebar blog kita. Contoh korang nak ketak code fanpage or twitter or whatever. Kalau korang terus letak terus , widget tu akan ke tepi and agak buruk dan pelik. So follow this tuto untuk centerkan widget.

1. You just grab any code, I contoh sini code  Twitter button k ? Apa apa code widget pun boleh. After u grab the code, paste dekat HTML Java/Script.

2. Tambah <center> di awal code.

3. Tambah <center/> di akhir code. Faham tak ?

Dah siap nanti dia jadi macam dekat bawah ni rupa dia. Preview code :


<center><a class="twitter-timeline" href="https://twitter.com/allyafendi" data-widget-id="281339272919908352">Tweets by @allyafendi</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><center/>

4. Save :)



Tutorial : Comment Form Message

Assalamualaikum :) 
Comment Form Message macam dekat bawah ni. Kira kata kata aluan for comment la :



1. Sign In Blogger >> Setting


2. Klik Post and Comment


3. Scroll bawah sekali sampai nampak Comment Form Message. Sebelah dia ada Add kan ? Klik situ.



4. Nanti ada kotak putih kan ? Isilah apa apa kata kata aluan. nak karangan ke apa ke whatever.


5. Preview and Save :)



Tutorial : Tukar Lagu Sedia Ada Dalam Blogskin

Assalamualaikum :)
Tuto ini direquest oleh Kak Ku Nurulhanisah dalam comment ni :



Dalam tuto INI, saya ada kata nanti nak ajar cara tukar laguu blog kan ? Jum start

1. Sign In Blogger >> Template

2. Ctrl + F code Sidebar Title korang yang ada lagu tu. Faham tak ? Contoh ya, saya pinjam blog awak k Kak Ku :)



Kan tajuk dia Sing-A-Song kan ? So Ctrl + F lah Sing-A-Song tu. Tapi kalau korang punya title lain Ctr+ F lah title tu. Kalau korang lagu ni ada dekat sidebar navigation, searc lah nama sidebar tu. Kemungkinan rupa code dia macam bawah ni :

<div class=''main tittle''>TITLE SIDEBAR KORANG</div>

Kemungkinan lah. Tapi takdak masalah rasanya kalau terus Ctrl + F title sidebar tu.

3. Dah jumpa ? Kalau dah, tengok anak anak code dia tu. Tu mesti code lagu semestinya. So delete semua code tu.

4. Gantikan dengan code player yang baru. Tak tau mana nak dapat code ? Rujuk step 1 hingge 5 di SINI

5. Preview and Save :)

Tutorial Pasang Lagu Di Blogskin / Classic Template

Assalamualaikum :)
Tuto ini direquest oleh Kak Ku  Nurulhanisah


Kan ada dua request kan ? Saya buat tutonya asing asing, yang request kedua coming soon okay. So yang ni first request. Hope you faham. Saya blogskin ni kureng sikit hehe. Ni pun bantuan bloggers lain. Comment if you tak faham tq.

Sekarang kan ramai guna Billy Player kan ? Billy Player ni bersumberkan Irondj.net. Tetapi setelah saya buat beberapa perbincangan dengan bloggers- bloggers yang pakar, diorang kata irondj agk bermasalah sekarang ni. So saya ajar guna MusicDumper player k ? MusicDumper tu player yang lagi senang dan sangat mudah banding YouTube :) Google lah rupa Music Dumper tu kalau tak tau.


1. Sign In Blogger >> Template

2. Ctrl + F code Sidebar Title yang tempat korang nak letak lagu tu. Contoh kalau nak letak dekat bawah Navigate, Ctrl + F lah sidebar title yang ada navigate tu. Fahamkan ? Contoh :


Kan tajuk dia Sing-A-Song kan ? So Ctrl + F lah Sing-A-Song tu. Tapi kalau korang punya title lain Ctr+ F lah title tu. Kalau korang lagu ni ada dekat sidebar navigation, search lah nama sidebar tu. 

3. Dapatkan code lagu MusicDumper anda. Tak tau macam mana ? Rujuk step 1 hingge 5 di SINI

4. Paste kan code code tu di ruangan yang korang nak letak tu.

5. Preview and Save :)

Sorry kalau awak tak faham. I tried my best :(

p/s : Nak tambah kan sidebar sendiri di Blogskin tapi tak tahu ? Takpe NEW TUTO coming soon !!! XD


Tutorial : Energy Saving Mode

Assalamualaikum :)
Energy Saving Mode macam dekat bawah ni :


Bila korang biar blog korang lama seminit dua gitu nanti dia keluar lah. Kira sama mcm screen saver.

1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code ni :

</head>

3. Copy code ni :

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

4. Paste di ATAS </head>

5. Preview and Save :)

Tutorial : Icon Comel Beside Post Title

Assalamualaikum :)
Nanti dia akan ada icon comel sebelah post title korang. Macam dekat bawah ni :


My code tak berapa sesuai tu yg nampak uglayy tu T__T Kalau korang comel jee. So jom start maa.

1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code ni :

<a expr:href='data:post.url'><data:post.title/></a>

3. Copy code ni :

<img src="URL GAMBAR"/>

4. Paste and masukkan code tu ke dalam code <a expr:href='data:post.url'><data:post.title/></a>
   Tak faham ? Rupa dia  macam dekat bawah ni :

<a expr:href='data:post.url'><img src="URL GAMBAR"/><data:post.title/></a>

Fahamkan ?

5. Preview and Save :)

NOTA : Gantikan URL IMAGE dengan icon yang sesuai, boleh cek dekat Xiolu

Tutorial : Rainbow Link Hover

Assalamualaikum :)
Bila korang hover dekat link tu nanti dia akan jadi warna warni bak pelangi. Follow this tutorial if you want to.

1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script

2. Copy code bawah ni :


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

3. Paste di HTML Java/Script

4. Preview and Save :)

CREDIT TO : KAK HAFIZAH

Tutorial : Header Hover (Dissapear)

Assalamualaikum :)
Bila korang hover dekat header nenti header tu akan hilang, some people kata itunampak sangat ohsyemm. Awak nak ? Jom follow tuto ni. Kalau tak jadik maybe this coding tak sesuai for your blog.

1.  Sign In Blogger >> Template >> Edit HTML >> Proceed

2. Ctrl + F code ni  :


#header {

ATAU

/* Header

3. Copy code ni :


#header:hover {
padding-left:160px;
-webkit-transition: 2.5s;
-webkit-transform: rotate(6deg);
opacity:.01;
}

4. Pastekan di BAWAH code yang korang jumpa tu salah satu tu.

NOTA :
BIRU : You can change it to right or left
ORANGE : Nak tukar boleh tukar
MERAH : Nak lambatkan lagi tukar kepada 3 and so on
HIJAU : Nak tukar boleh tukar sendiri 

Nati rupa code yang korang dah tempek tu macam dekat bawah ni :

5. Preview and Save :)

CREDIT TO : KAK AMALINA



Tutorial : Header Hover Image

Assalamualaikum :)
Contohnya bila korang hover dekat header nanti dia akan keluar perkataan. Tak faham ? Tengok bawah :

Before hover :

After Hover :


Dah faham kan ? So you need two kind of different header and upload kan salah satu tu dekat photobucket or imgur. Tak tau nak buat header ? Cek SINI . Meh start. 

1. Sign In Blogger >> Template >> Edit HTML >> Proceed 

2. Ctrl + F cari code ni : 

h1.title {

3. Copy code bawah ni :

#header:hover {
background: url(URL HEADER 2);
}


4. Pastekan di ATAS h1.title { tadi

5. Preview and Save :)

NOTA : Ganti BIRU dnegan URL HEADER KEDUA YANG AWAK DAH UPLOAD TU k ?

CREDIT TO : SIS LETTHA

Tutorial : Close Button

Assalamualaikum :)
Korang tau kan close button tu apa ? Maknanya bila korang click satu link tu dia akan close sendiri. Biasanya orang letak kat sidebar lah kan. jom start {Credit diletak pada akhir post tq}

1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script

2. Copy code ni :

 <a href="javascript:window.close();">AYAT KORANG</a>

3. Paste di HTML Java/Script

4. Preview and Save :)

ATTENTION !
Kan biasanya kalau tekan HERE atau SINI nanti dia close kan ? Korang jangan letak ayat HATE ME ? CLICK HERE semua dekat AYAT KORANG tu. Just letak HERE je. Yang selebihnya letak di luar code. Faham tak ? Tengok bawah :



P/S : Harap faham. Sorri tuto mcm kelings ;~;

CREDIT TO : KAK PAH and FAQIHAH

Tutorial : Button Like di Post

Assalamualaikum :)
Button ni kira macam like lah kan macam dekat fb nun. Kalau orang suka entry awak nanti dia akan klik lelaju. Contoh :


1. Sign In BLogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code bawah ni :

data:post.body

3. Copy code bawah ni :

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4. Paste kan di BAWAH  data:post.body

5. Preview and Save :)

CREDIT TO : AINAA

Tutorial : Note Below Post

Assalamualaikum :)
Bila korang buat tuto ni, korang akan ada perkataan di hujung post Contohnya macam "Dah baca jangan lupa comennt !" "Thanks reading !" etc bla bla.  Rupa dia macam dekat bawah ni :


1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget Template

2. Ctrl + F code bawah ni :

<data:post.body/> 

3. Copy code bawah ni :

<hr/><center>AYAT KORANG</center><hr/>

4. Paste di  BAWAH   <data:post.body/> tadi.

5. Preview and Save :)

*Gantikan Ayat Korang dengan ayat sendiri lah*

CREDIT : AIINA

Tutorial : Sparkling Cursor

Assalamualaikum :)
Sparkling cursor tu ialah bila korang gerakkan cursor je nanti ada sparkle sparkle turun dari situ. Tak ubah dek sang paghi paghi *ayat takleh belahhan* So let's get started

1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script

2. Copy code bawah ni :


<script type='text/javascript'>

</script>

<script type='text/javascript'>// <![CDATA[var colour="#000000";var sparkles=100;

var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();var star=new Array();var starv=new Array();var starx=new Array();var stary=new Array();var tinyx=new Array();var tinyy=new Array();var tinyv=new Array();window.onload=function() { if (document.getElementById) {var i, rats, rlef, rdow;for (var i=0; i<sparkles; i++) {var rats=createDiv(3, 3);rats.style.visibility="hidden";document.body.appendChild(tiny[i]=rats);starv[i]=0;tinyv[i]=0;var rats=createDiv(5, 5);rats.style.backgroundColor="transparent";rats.style.visibility="hidden";var rlef=createDiv(1, 5);var rdow=createDiv(5, 1);rats.appendChild(rlef);rats.appendChild(rdow);rlef.style.top="3px";rlef.style.left="0px";rdow.style.top="0px";rdow.style.left="3px";document.body.appendChild(star[i]=rats);}set_width();sparkle();}}function sparkle() {var c;if (x!=ox || y!=oy) {ox=x;oy=y;for (c=0; c<sparkles; c++) if (!starv[c]) {star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";star[c].style.clip="rect(0px, 5px, 5px, 0px)";star[c].style.visibility="visible";starv[c]=50;break;}}for (c=0; c<sparkles; c++) {if (starv[c]) update_star(c);if (tinyv[c]) update_tiny(c);}setTimeout("sparkle()", 40);}function update_star(i) {if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";if (starv[i]) {stary[i]+=1+Math.random()*3;if (stary[i]<shigh+sdown) {star[i].style.top=stary[i]+"px";starx[i]+=(i%5-2)/5;star[i].style.left=starx[i]+"px";}else {star[i].style.visibility="hidden";starv[i]=0;return;}

}else {tinyv[i]=50;tiny[i].style.top=(tinyy[i]=stary[i])+"px";tiny[i].style.left=(tinyx[i]=starx[i])+"px";tiny[i].style.width="2px";tiny[i].style.height="2px";star[i].style.visibility="hidden";tiny[i].style.visibility="visible"}}function update_tiny(i) {if (--tinyv[i]==25) {tiny[i].style.width="1px";tiny[i].style.height="1px";}if (tinyv[i]) {tinyy[i]+=1+Math.random()*3;if (tinyy[i]<shigh+sdown) {tiny[i].style.top=tinyy[i]+"px";tinyx[i]+=(i%5-2)/5;tiny[i].style.left=tinyx[i]+"px";}else {



tiny[i].style.visibility="hidden";tinyv[i]=0;return;}}else tiny[i].style.visibility="hidden";}document.onmousemove=mouse;function mouse(e) {set_scroll();y=(e)?e.pageY:event.y+sdown;x=(e)?e.pageX:event.x+sleft;}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;}}window.onresize=set_width;function set_width() {if (typeof(self.innerWidth)=="number") {swide=self.innerWidth;shigh=self.innerHeight;}else if (document.documentElement && document.documentElement.clientWidth) {swide=document.documentElement.clientWidth;shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}function createDiv(height, width) {var div=document.createElement("div");div.style.position="absolute";div.style.height=height+"px";div.style.width=width+"px";div.style.overflow="hidden";div.style.backgroundColor=colour;return (div);}// ]]></script>



NOTA : Gantikan BIRU dengan colour code fav awak. Boleh cari SINI

3. Paste di HTML Java/Script

4. Preview and Save :)

Tutorial : Image Hover Melengkung

Assalamualaikum :)
Bila korang hoverkan image nanti gambar tu akan jadi melengkung / curve. If you think that cute and you want to add into your blog follow this tutorial till the end. Any curiosity, just ask me in comment :)

1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code ni :

img {

3. Copy code bawah :

img:hover {
-webkit-transition: 0.3s;
border-radius:20px;
}

4. Paste kan di BAWAH code img { . Contoh macam dekat bawah ni :

 

5. Preview and Save :) 

LITTLE THINGS : 
BLUE : Kalau nak lambatkan tukar kepad 0.1s and so on
RED : Kelengkungannya. Bigger the number, curvier the border. Simple as that right ?


CREDIT TO : KAK AMALINA

Tutorial : Link Hover (Shadow)

Assalamualaikum :)
Link Hover Bershadow ni ialah link hover yang bila korang hover mana mana link dekat blog nanti perkataan dia ada shadow belakang dia. Ohsemm tak ? Jum start

1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget

2. Ctrl + F code ni :

]]></b:skin>

3. Copy code bawah ni :

a:hover { text-shadow: 1px 1px 3px #000000; text-decoration: none; }

4. Paste kan di ATAS ]]></b:skin>

NOTA
Gantikan merah tu dengan colour code yang korang nak. Cek SINI

5. Preview and Save :)

Tutorial : Online Users

Assalamualaikum :)
Online users ialah pengira jumlah pembaca blog yang ada dalam satu masa. Melalui situ kita dapat tahu siapa yang dok skodeng korang tu heehe. Tapi kalau korang view anda 1 je tu maknanya korang sendirilah k.  Yang ni original tuto punya. Takdak copy punya. Contohnya ni dekat blog aii :



1. Klik link ni = http://www.freeonlineusers.com/

2. Korang kena register dulu kaulau nak buat. Jangan malas malas, pi register sekarang hehe :p
Isi lah apa yang patut tu. Dah siap klik Register.


3. Dia akan keluar macam dekat bawah ni bila korang dah siap register :


Tu maknanya korang dah siap register, but korang kena buka email korang dulu untuk sahkan oendaftaran. Tak kesah lah Yahoo ke Gmail ke apa mail ke tak kisah.

4, Bila bukak email dia kasik tu dia, korang akan nampak ni :


Maknanya account korang dah siap, klik link yang atas tu and dia akan bawak korang secara automatik ke website onlinefreeusers.com tu

5. After dah sampai ke web freeonlineusers tu, you will see this :



Bila korang dah sah bolehlah log in macam biasa.

6. Log In Onlinefreeuser korang macam biasa

7. Klik Link Code yang dilabel tuu

 

7. Dia akan keluar macam dekat bawh ni. Letak your URL blog and then klik Add

8. Nanti dia akan keluar banyak banyak ni. Korang kena edit lah. Harap faham. I can't upload gmbar sbb ada technical prob.

Font Colour : Guna code colour fav u alls. Boleh cari SINI
Link Text : Tukar lah kepada perkataan korang sendiri E.g : Mak Jemah terbang, Joyah bergolek or whatever

9. Klik Generate Code.

10. Nanti ada banyak banyak code kan ? Copy them

11. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script

12. Paste situ and Save !






Tutorial : Open Link In New Tab

Assalamualaikum :)
Tuto ni ialah saya nak ajar macam mana awak nak buat Auto Open Link In New Tab. Maknanya bila readers tekan je mana mana link dekat blog korang, nanti dia akan open dekat new tab. Kan kagi mudah tu ? Let's get started.

1. Sign In Blogger >> Template >> Edit HTML >> Proceed

2. Ctrl + F code ni :

<head>

3. Copy code bawah ni :


<base target='_blank'/>
  

4. Paste code ni di BAWAH <head> tadi


5. Preview and Save :)


Tutorial : Remove Word Verification

Assalamualaikum :)
Apa jadahnya word verification tu ? Kalau tak tau, tengok bawah ni. Yang nilah Word Verification :


Geram aku tengok benda ni. Bila jumpa je rasa nak cekik cekik je lapptop ni -_- benda ni aku pun tak tau apa tujuan tapi benda ni duduk kat tempat comment, korang kene isi dulu ikut perkataan yang dia bagi tu baru bolleh comment. Macam apaa sehhhhh. So kita nak lenyapkan benda ni dari menyusahkan readers korang untuk meng comment dan berasa marah lalu tekan [X] laju laju dekat blog korang. Kan dah ruggggiii. Kita nak mengelakkan berlaku, jom start tuto ni.

1. Sign In Blogger >> Dashboard >> Setting




2. Scroll down a bit untill you see  Setting. Klik Setting >> Klik Posts and Comments


3. Scroll ke bawah and nampak tak Show Word Verification ? Kalau Yes tukarkan kepada No


4. Save and Done :)




Tutorial : Ubah Warna Higlight

Assalamualaikum :)
Taukan highlight tu apa ? Highlight kan biasanya warna biru gelap kan ? Kalau korang nak tukar warna highlight tu kepada colour kegemaran korang ikutlah tuto bi sampai habis yeek

1. Sign In Blogger >> Template >> Edit HTML >> Proceed

2. Ctrl + F code ni :

a:link {

3, Copy code bawah ni :


::-moz-selection {background:#000000;color:#FFFFFF;}
::selection {background:#000000;color:#FFFFFF;}

4. Paste kan di ATAS code a:link { tadi 

NOTA : Gantikan yang BIRU tu dengan colour code favourite korang. Boleh cari SINI


P/S S : This tutorial only for GOOGLE CHROME and MOZZILA FIREFOX user

5. Preview and Save :)

Tutorial : Link Hover Comel

Assalamualaikum :)
Apa tu link hover ? Link hover ialah, bila korang hover je link dekat blog korang nanti dia keluar sparkle sparkle lah, rainbow lah, hujan donutlah and ber macam lagi. Kalau tak faham jugak, korag try buat and preview tengok hasil dia tu k?

1. Sign In Blogger >> Template >> Edit HTML >> Proceed

2. Ctrl + F dan cari code ni :

a:hover

3. Copy code bawah ni :

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

4. Paste kan di BAWAH a:hover tadi.

NOTA COMEL : Gantikan URL IMAGE dnegan url hover yang korang nak.

5. Preview and Save :)


EXTRAS !
Takdak URL IMAGE link hover ? Takpe meh check sini :) Credit to Kak Lyssa


 http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif


http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif


http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif


http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif



Tutorial : Favicon

Assalamualaikum :)
Tau tak favicon tu apa ? Favicon tu icon yang dekat atas tab nun. Macam dekat bawah ni :


Comel kan panda tu. Macam aku kan *lempang pipi kiri kanan* Kau toksah nak perasan sangat luls -.- Eh eh jumm start mehh hehe. Asalnya kan simbol tu simbol Blogger yang oren tu kan ? Kalau korang nak tambah kan lagi kawaii your blog, bolehlah tukar kepada simbol yang lebih comel dan kawaii and I'm going to teach you how to do it. Just leave a short comment if you feel weird with this tutorial.

1. Sign In Blogger >> Template >> Edit HTML >> Proceed

2.  Tick Expand Widget

3. Ctrl + F code ni :

</head>

4. Copy code bawah ni :

<link href='URL FAVICON' rel='shortcut icon' type='image/gif'/> 

Pastekan di ATAS code </head> tadi.

NOTA COMEL :

Gantikan URL FAVICON dengan url favicon yang korang ada k. Kalau takdak boleh cek di Xiolu for more cute and awesome favicoons :)

5. Preview and Save :)

Tutorial : Jquery Back To Top for Blogskin

Assalamualaikum :)
Now tuto for Blogskin user pula. I'm going to show you how nak tambah Jquery Back To Top pada Skin korang. Jquery ni dia back to top yang guling guling naik atas macam lif. Tahu kan yang mana ? Let's started

1. Sign In Blogger >> Template >> Edit Html >> Proceed

2. Ctrl+ F and cari code ni :

</head>


3. Copy code bawah ni :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="URL IMAGE"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Fly To The Sky'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
 

NOTA COMEL :
BIRU : Gantikan dnegan URL IMAGE BACK TO TOP BUTTON yang korang ada.
 
4. Paste code ni di BAWAH  </head>

5. Save :)