Tutorial : Scrollbar dalam Blog Archive

Assalamualaikum :)
Korang taukan blog archive tu apaa ? Alaa dia macam tunjuk entry entry lama korang. Penting juga benda tu. Sekarang nak ajar cara nak letak scroll bar dalam blog archive tu supaya nampak kemas. Takdaklah archive dia tu memanjangg ke bawah. Macam pelikss je kan. Ni rupa Blog Archiver berscrollbar :

Tapi sebelum tu korang kene buat Blog Archive dulu, tak tau macam mana ? Rujuk tuto INI Jom start.

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

2. Ctrl + F code ni ;

<div id='ArchiveList'>

3. Copy ccode ni :

<div style='overflow:auto; width:ancho; height:250px;'>

4. Paste ATAS <div id='ArchiveList'>

5. Then, Ctrl + F code ni :

<b:include name='quickedit'/>

6. Copy code ni :

</div>

7. Paste di BAWAH <b:include name='quickedit'/>

So rupa kedudukan code dia macam ni lahh :

8. Preview and Save :)

NOTE : Merah tu tukar lah ikut width scroll box.

Tutorial : Blog Archive

Assalamualaikum :)
Dah lama gila tak bertuto, maklumlah sekolah dah start, takdak masa dah. #tengahrisauturunkelasketakomg

Kalau korang tak tau Blog Archive tu apa meh aii explain :

Blog Archive tu ialah satu widget yang akan tunjuk entry entry lama kita dari yang first sampai sekarang. Kira macam buku sejarah ah haha lol ;p Dengan adanya widget tu, barulah readers korang dapat tahu serba serbi isi blog korang masa zaman dahulu kala dulu.

Dah faham ? So im goin to teach you cara nak buat. jom start.

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

2. Klik Next >> Klik icon plus warna biru tu dekat Blog Archive

3. Dia akan keluar something kan ? Korang editlah apa apa ikut kemahuan.

Note : Yang aii label merah tu maknannya, kalau korang nak buat blog archive korang berscrollbar, Tick Hierarchy. Tak tau macam mana nak buatt blog archiver berscrollbar ? Tunggu tuto yang coming soon which is sekejap lagi wkwkw :p

4. Preview and Save :)

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.

Kalau Window XP, baca sini lah : http://answers.yahoo.com/question/index?qid=20090313085032AA4eJ0g

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