tag:blogger.com,1999:blog-38862025391250308042024-03-13T17:12:11.896-07:00Tutolicious.alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.comBlogger63125tag:blogger.com,1999:blog-3886202539125030804.post-22058737672704675842013-01-05T10:34:00.000-08:002013-01-05T10:44:34.578-08:00Tutorial : Scrollbar dalam Blog ArchiveAssalamualaikum :)<br />
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 :<br />
<br />
<div style="text-align: center;">
<img height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4-PGx1XqdAtIVQmjCdTxX5TdanW2DeWwOzE-iHqVOJ4x1b5Pt7zdgT2-tU3mIeZxCh0ebhVAxUqxRVck1jR3hWsE0viqTYD8Mm7km-GPkNdN2hw5O123CtRmzo6bcyzLxPpH1J_oyIk8/s400/ftf.jpg" width="400" /></div>
<br />
Tapi sebelum tu korang kene buat Blog Archive dulu, tak tau macam mana ? Rujuk tuto <a href="http://tutolicious.blogspot.com/2013/01/tutorial-blog-archive.html" target="_blank">INI</a> Jom start.<br />
<br />
1. Sign Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget<br />
<br />
2. Ctrl + F code ni ;<br />
<br />
<blockquote class="tr_bq">
<div id='ArchiveList'></blockquote>
<br />
3. Copy ccode ni :<br />
<br />
<blockquote class="tr_bq">
<div style='overflow:auto; width:ancho; height:<span style="color: red;">250</span>px;'></blockquote>
<br />
4. Paste <u><span style="color: #6fa8dc;">ATAS</span></u> <div id='ArchiveList'><br />
<br />
5. Then, Ctrl + F code ni :<br />
<br />
<blockquote class="tr_bq">
<b:include name='quickedit'/></blockquote>
<br />
6. Copy code ni :<br />
<br />
<blockquote class="tr_bq">
</div></blockquote>
<br />
7. Paste di <span style="color: #6fa8dc;"><u>BAWAH</u></span> <b:include name='quickedit'/><br />
<br />
So rupa kedudukan code dia macam ni lahh :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RlcELU-IQjgWRhmUzT6aLXdnuRGKNiLDKY4myI7e7WrK3O7pXpEvk6VOcjKv6NZdQ4AoeguSmgifMHihj6AJVvSyqokZrxS5y13lOVDfA_jE9U9ieRCidAS6geJPOCWKw1r2ZiUSOnU/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2RlcELU-IQjgWRhmUzT6aLXdnuRGKNiLDKY4myI7e7WrK3O7pXpEvk6VOcjKv6NZdQ4AoeguSmgifMHihj6AJVvSyqokZrxS5y13lOVDfA_jE9U9ieRCidAS6geJPOCWKw1r2ZiUSOnU/s400/cats.jpg" width="400" /></a></div>
<br />
8. Preview and Save :)<br />
<br />
NOTE : Merah tu tukar lah ikut width scroll box.alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com17tag:blogger.com,1999:blog-3886202539125030804.post-12584444497114827522013-01-05T10:29:00.001-08:002013-01-05T10:29:15.465-08:00Tutorial : Blog ArchiveAssalamualaikum :)<br />
Dah lama gila tak bertuto, maklumlah sekolah dah start, takdak masa dah. #tengahrisauturunkelasketakomg<br />
<br />
Kalau korang tak tau Blog Archive tu apa meh aii explain :<br />
<br />
<blockquote class="tr_bq">
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.</blockquote>
<br />
Dah faham ? So im goin to teach you cara nak buat. jom start.<br />
<br />
1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script<br />
<br />
2. Klik Next >> Klik icon plus warna biru tu dekat Blog Archive<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XOsluX30uJcy3jm_lZbIfYUtJ47zjLj0GfzmqxTQnyImDqnfwh1bGeaQSlV4-az6NIoMrpQmA45ZxzgkmlQykGV0sR-Bq0W5N1-TydJL8mVP99WwcL6baqmHvF-jda811Hg5s0ieqjM/s1600/awe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="381" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2XOsluX30uJcy3jm_lZbIfYUtJ47zjLj0GfzmqxTQnyImDqnfwh1bGeaQSlV4-az6NIoMrpQmA45ZxzgkmlQykGV0sR-Bq0W5N1-TydJL8mVP99WwcL6baqmHvF-jda811Hg5s0ieqjM/s400/awe.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkhrUJ5RiC0624KrOHOhpGv3QofcGv6gJXrbQz4k8ai_CA-FXJcDZamh4Hx6Y1DjFTwu7RnWpCCZHqbilktPgSEU7rffCjwtSzq8Ii8WEVAT5mpfaSX_EEpAXUy10CPbyXq4g4W5yCB_0/s1600/sc.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="381" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkhrUJ5RiC0624KrOHOhpGv3QofcGv6gJXrbQz4k8ai_CA-FXJcDZamh4Hx6Y1DjFTwu7RnWpCCZHqbilktPgSEU7rffCjwtSzq8Ii8WEVAT5mpfaSX_EEpAXUy10CPbyXq4g4W5yCB_0/s400/sc.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Dia akan keluar something kan ? Korang editlah apa apa ikut kemahuan.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNWY091w3gYU8Qdng_IttiepI9LHHKGvqz3TNuVPOEXi3wW0w5zMy0MY71ZIstJOkC_dzwyxZmI6SlPK5K1mjygCAFu4S_EhyzhP7kcIn-k2XV0V4lwtAXFjEtpgOLV7myI-352Q3ci8/s1600/sdf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="201" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPNWY091w3gYU8Qdng_IttiepI9LHHKGvqz3TNuVPOEXi3wW0w5zMy0MY71ZIstJOkC_dzwyxZmI6SlPK5K1mjygCAFu4S_EhyzhP7kcIn-k2XV0V4lwtAXFjEtpgOLV7myI-352Q3ci8/s400/sdf.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq">
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</blockquote>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Preview and Save :)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<br />
<br />alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-72395709566753449742012-12-30T10:18:00.004-08:002012-12-30T10:18:30.540-08:00Tutorial : Install WinrarAssalamualaikum :)<br />
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 :)<br />
<blockquote class="tr_bq">
<br />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 <span style="color: #6fa8dc;">Window 7</span> je sorryy. </blockquote>
<br />
1. Start >> Right Click Computer >> Properties<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZajRp1_6bn17icBMVBlVBH4vGOAgak_lSCYsjse8alnPMEmHmqnoZyh4L4YdFruaVb78GYCO7OyEpQ0LExGQIo6rgSBa-irCS7Wy3Y727As0wSTnQ9ycaqA5TFK0cGkS8bF9oI-jyhM/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="393" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ZajRp1_6bn17icBMVBlVBH4vGOAgak_lSCYsjse8alnPMEmHmqnoZyh4L4YdFruaVb78GYCO7OyEpQ0LExGQIo6rgSBa-irCS7Wy3Y727As0wSTnQ9ycaqA5TFK0cGkS8bF9oI-jyhM/s400/cats.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Dia akan keluar something kan ? Korang cek bit dekat bawah System. Tak faham ? Tengok bawah :</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76IEeni1npxn3MHdAi_g1QSzlvOG9k3P2_mNGifCMDurqSEU4Xzh7zOp7kFanp4F6riKp7ArUcpPIgF1XbpPQAnlfPxzqo567uTzSrRf7WfcMOy-TjIB1oui6AwZr5FrTfKu49ucXs9o/s1600/sdfghj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76IEeni1npxn3MHdAi_g1QSzlvOG9k3P2_mNGifCMDurqSEU4Xzh7zOp7kFanp4F6riKp7ArUcpPIgF1XbpPQAnlfPxzqo567uTzSrRf7WfcMOy-TjIB1oui6AwZr5FrTfKu49ucXs9o/s400/sdfghj.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Nampak kan ? My computer bit dia 32. So korang kenalah install ikut bit yang sesuai. Jnagan main bedal je.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Kalau Window XP, baca sini lah :<a href="http://answers.yahoo.com/question/index?qid=20090313085032AA4eJ0g" target="_blank"> http://answers.yahoo.com/question/index?qid=20090313085032AA4eJ0g</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<u><span style="color: #6fa8dc;">Now time for HOW TO INSTALL WINRAR !</span></u></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Klik link berikut ikut bit korang :</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq">
32 bit : http://download.cnet.com/WinRAR-32-bit/3000-2250_4-10007677.html<br />64 bit : http://download.cnet.com/WinRAR-64-bit/3000-2250_4-10965579.html</blockquote>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Click Download Now.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUrD6eqTAcKvA1MDY4xjF8r75OkFbN7u4QOvxJX1jor5NuDJa3JIaznzRnHN-vfpGRamLiHRmkuBQKubvOEkBoBHrcdsPVBSFipkSU1YUPy54MjqW9uSgHYjFtvSk4vCX-VPcE8IJ0Xk/s1600/sdfg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="193" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYUrD6eqTAcKvA1MDY4xjF8r75OkFbN7u4QOvxJX1jor5NuDJa3JIaznzRnHN-vfpGRamLiHRmkuBQKubvOEkBoBHrcdsPVBSFipkSU1YUPy54MjqW9uSgHYjFtvSk4vCX-VPcE8IJ0Xk/s400/sdfg.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Save dekat mana mana. Save dekat Desktop senang sikit nak cari balik. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Nanti kan bila download dekat bawah tu ada keluar kan ? Right Click >> Open</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5uH2R2RxpNG2GZ3urLWAy8I1IyAI8U3T2Y8oGBJGRwZCGKWM9v9IyFksjEqR-nHRv5yZGY-3TAWA6lQ8FtE4pGj_weCgbxzrOcukJApoTk04nJbdXcMFbRmjJkPsoewh5kTvPPf7gb-Q/s1600/j.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5uH2R2RxpNG2GZ3urLWAy8I1IyAI8U3T2Y8oGBJGRwZCGKWM9v9IyFksjEqR-nHRv5yZGY-3TAWA6lQ8FtE4pGj_weCgbxzrOcukJApoTk04nJbdXcMFbRmjJkPsoewh5kTvPPf7gb-Q/s400/j.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Ada keluar something macam dekat bawah >> Klik Install</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Pmxy1q13tSd_1v9RDoHL8gzpPj1NbSk5fOMBA19xrc-Qk3WYOYljV2zapBkX_bvx0Zk1wKmCa6q8xEvQbJzI6ekQwS_rpq08ZmHsRvBO2RDuPj1sLCvsJaGkPzfdToxVdbLEqTv8ic4/s1600/jk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="357" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Pmxy1q13tSd_1v9RDoHL8gzpPj1NbSk5fOMBA19xrc-Qk3WYOYljV2zapBkX_bvx0Zk1wKmCa6q8xEvQbJzI6ekQwS_rpq08ZmHsRvBO2RDuPj1sLCvsJaGkPzfdToxVdbLEqTv8ic4/s400/jk.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Dah habis install, dia akan keluar something, jangan sentuh apa apa, terus klik OK.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. Siap ! :)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-63340930046175770832012-12-21T10:23:00.000-08:002012-12-21T10:23:05.417-08:00Tutorial : Centerkan Widget Assalamualaikum :)<br />
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.<br />
<br />
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.<br />
<br />
2. Tambah <center> di awal code.<br />
<br />
3. Tambah <center/> di akhir code. Faham tak ?<br />
<br />
Dah siap nanti dia jadi macam dekat bawah ni rupa dia. Preview code :<br />
<br />
<br />
<blockquote class="tr_bq">
<span style="color: #6fa8dc;"><center></span><a class="twitter-timeline" href="https://twitter.com/allyafendi" data-widget-id="281339272919908352">Tweets by @allyafendi</a><br /><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><span style="color: #6fa8dc;"><center/></span></blockquote>
<br />
4. Save :)<br />
<div>
<br /></div>
<br />
<br />alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-62320613682829977242012-12-09T01:04:00.001-08:002012-12-09T01:04:04.513-08:00Tutorial : Comment Form Message<div class="separator" style="clear: both; text-align: left;">
Assalamualaikum :) </div>
<div class="separator" style="clear: both; text-align: left;">
Comment Form Message macam dekat bawah ni. Kira kata kata aluan for comment la :</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hvzkcMydtOv8TCtC_NlbQFnp8LaVq9MmBv2JykozyomQXqtxE2BPk2qDjFGYjIqOH6JI6Vt36xa6i8VsCZjox71or1yCk2ikaVSfEP4yBftZPWG0RftCVJuyM4zJpb7XH1w5HLt2DNY/s1600/jhk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9hvzkcMydtOv8TCtC_NlbQFnp8LaVq9MmBv2JykozyomQXqtxE2BPk2qDjFGYjIqOH6JI6Vt36xa6i8VsCZjox71or1yCk2ikaVSfEP4yBftZPWG0RftCVJuyM4zJpb7XH1w5HLt2DNY/s400/jhk.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
1. Sign In Blogger >> Setting<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYU4pndhtVnc-cZtX_TV1rrqjtoAvvUAMmZIYWZXvfgEK4QmpHGwrzILncW00CfUe0XdoK-2PtTyFU-UUQkRHwyoutlyyxAgOYpcxsmyAFxTAMwTC4ZpZqABATlzCaONJCle7-5U_3u4/s1600/ugf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYU4pndhtVnc-cZtX_TV1rrqjtoAvvUAMmZIYWZXvfgEK4QmpHGwrzILncW00CfUe0XdoK-2PtTyFU-UUQkRHwyoutlyyxAgOYpcxsmyAFxTAMwTC4ZpZqABATlzCaONJCle7-5U_3u4/s400/ugf.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Klik Post and Comment</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWMNboCmU4WyWHQ9XECUhsafU1kBsz09ULdmzql-i0FV5xdPHSfMgg20Ide1U6eNC-o1zW0I7ixsw7gyBD0iwV_7azOZGtsnbL3UR-54NoyiPg-YucRqTT5zIq03j8YB9QmS0gWmePts/s1600/budiga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWMNboCmU4WyWHQ9XECUhsafU1kBsz09ULdmzql-i0FV5xdPHSfMgg20Ide1U6eNC-o1zW0I7ixsw7gyBD0iwV_7azOZGtsnbL3UR-54NoyiPg-YucRqTT5zIq03j8YB9QmS0gWmePts/s400/budiga.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Scroll bawah sekali sampai nampak Comment Form Message. Sebelah dia ada Add kan ? Klik situ.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu40fkGdb68vMZDNUxrAYI4JlEU9I7jnbOKkXtC22nc1WzQYES-BMIRfo6Im2ZQWYRx37H5WYZS4N6HsS4O7X_YurT4ZplyW-SbnU1Pifv_S13hjex-9MekYXY0CSpT9n8U41Y8E5hzXI/s1600/hj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu40fkGdb68vMZDNUxrAYI4JlEU9I7jnbOKkXtC22nc1WzQYES-BMIRfo6Im2ZQWYRx37H5WYZS4N6HsS4O7X_YurT4ZplyW-SbnU1Pifv_S13hjex-9MekYXY0CSpT9n8U41Y8E5hzXI/s400/hj.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Nanti ada kotak putih kan ? Isilah apa apa kata kata aluan. nak karangan ke apa ke whatever.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthxp8BeLDjikbd0odJKPPKPJgcqVVjtZUJM7qh9O0V-1ypzZLmSPBDEYlUSD7wqqU2BL0YYMjUkxKcPtABgbIYfrlZnbZvJvjZwxeFe1MzEyqXqB_5uccrSr_7ueE3m0F2YXTwz8cZxg/s1600/s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthxp8BeLDjikbd0odJKPPKPJgcqVVjtZUJM7qh9O0V-1ypzZLmSPBDEYlUSD7wqqU2BL0YYMjUkxKcPtABgbIYfrlZnbZvJvjZwxeFe1MzEyqXqB_5uccrSr_7ueE3m0F2YXTwz8cZxg/s400/s.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
5. Preview and Save :)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-27343856579537563892012-12-08T01:56:00.001-08:002012-12-08T01:58:18.886-08:00Tutorial : Tukar Lagu Sedia Ada Dalam BlogskinAssalamualaikum :)<br />
Tuto ini direquest oleh <a href="http://kunurulhanisah.blogspot.com/" target="_blank">Kak Ku Nurulhanisah</a> dalam comment ni :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiBOvH4NvT-01wRlSgvzRcBfXh0hQvm7shg_gJrMqpCWw8YilKz8Wp5_tq4ZNRMjSMA1wt10IWuKxlZkvysx4C8PtKXPsC6oCWrSxB8HrFORXlVh8X-8uOOKbzPY7tvs-sUiSPc_8-IQ/s1600/hk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiBOvH4NvT-01wRlSgvzRcBfXh0hQvm7shg_gJrMqpCWw8YilKz8Wp5_tq4ZNRMjSMA1wt10IWuKxlZkvysx4C8PtKXPsC6oCWrSxB8HrFORXlVh8X-8uOOKbzPY7tvs-sUiSPc_8-IQ/s400/hk.jpg" width="400" /></a></div>
<br />
<br />
Dalam tuto <a href="http://tutolicious.blogspot.com/2012/12/tutorial-pasang-lagu-di-blogskin.html" target="_blank">INI</a>, saya ada kata nanti nak ajar cara tukar laguu blog kan ? Jum start<br />
<br />
1. Sign In Blogger >> Template<br />
<br />
2. Ctrl + F code Sidebar Title korang yang ada lagu tu. Faham tak ? Contoh ya, saya pinjam blog awak k Kak Ku :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Uzo-ohdtuouoMdiehujOxdbB53YD5UwXIghVrKbtuzjdM7ziMoY43m8tjQLb3uputosFL3kOPzsf6uJ1a0PYFEDRuuuYXZDYQtdSQP1dWXU-pUmI5o5xpUgOo37E3iID3hX-zlC6V0s/s1600/dg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="114" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Uzo-ohdtuouoMdiehujOxdbB53YD5UwXIghVrKbtuzjdM7ziMoY43m8tjQLb3uputosFL3kOPzsf6uJ1a0PYFEDRuuuYXZDYQtdSQP1dWXU-pUmI5o5xpUgOo37E3iID3hX-zlC6V0s/s320/dg.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<br />
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 :<br />
<br />
<blockquote class="tr_bq">
<div class=''main tittle''><span style="color: #6fa8dc;">TITLE SIDEBAR KORANG<</span>/div></blockquote>
<br />
Kemungkinan lah. Tapi takdak masalah rasanya kalau terus Ctrl + F title sidebar tu.<br />
<br />
3. Dah jumpa ? Kalau dah, tengok anak anak code dia tu. Tu mesti code lagu semestinya. So delete semua code tu.<br />
<br />
4. Gantikan dengan code player yang baru. Tak tau mana nak dapat code ? <b style="background-color: white; color: #222222; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px;"><span style="color: red;">Rujuk step 1 hingge 5 di</span> </b><a href="http://tutolicious.blogspot.com/2012/11/tutorial-letak-lagu-guna-musicdumper.html" style="background-color: white; color: #888888; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 13px; line-height: 18px; text-decoration: initial;" target="_blank">SINI</a><br />
<br />
5. Preview and Save :)<br />
<br />alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com5tag:blogger.com,1999:blog-3886202539125030804.post-52261305601985465622012-12-08T01:54:00.003-08:002012-12-08T01:54:48.433-08:00Tutorial Pasang Lagu Di Blogskin / Classic TemplateAssalamualaikum :)<br />
Tuto ini direquest oleh <a href="http://kunurulhanisah.blogspot.com/" target="_blank">Kak Ku Nurulhanisah</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiBOvH4NvT-01wRlSgvzRcBfXh0hQvm7shg_gJrMqpCWw8YilKz8Wp5_tq4ZNRMjSMA1wt10IWuKxlZkvysx4C8PtKXPsC6oCWrSxB8HrFORXlVh8X-8uOOKbzPY7tvs-sUiSPc_8-IQ/s1600/hk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="115" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiBOvH4NvT-01wRlSgvzRcBfXh0hQvm7shg_gJrMqpCWw8YilKz8Wp5_tq4ZNRMjSMA1wt10IWuKxlZkvysx4C8PtKXPsC6oCWrSxB8HrFORXlVh8X-8uOOKbzPY7tvs-sUiSPc_8-IQ/s400/hk.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
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.</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
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.</blockquote>
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Sign In Blogger >> Template</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
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 :</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Uzo-ohdtuouoMdiehujOxdbB53YD5UwXIghVrKbtuzjdM7ziMoY43m8tjQLb3uputosFL3kOPzsf6uJ1a0PYFEDRuuuYXZDYQtdSQP1dWXU-pUmI5o5xpUgOo37E3iID3hX-zlC6V0s/s1600/dg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2Uzo-ohdtuouoMdiehujOxdbB53YD5UwXIghVrKbtuzjdM7ziMoY43m8tjQLb3uputosFL3kOPzsf6uJ1a0PYFEDRuuuYXZDYQtdSQP1dWXU-pUmI5o5xpUgOo37E3iID3hX-zlC6V0s/s320/dg.jpg" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
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. </div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Dapatkan code lagu MusicDumper anda. Tak tau macam mana ? <b><span style="color: red;">Rujuk step 1 hingge 5 di</span> </b><a href="http://tutolicious.blogspot.com/2012/11/tutorial-letak-lagu-guna-musicdumper.html" target="_blank">SINI</a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. Paste kan code code tu di ruangan yang korang nak letak tu.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Sorry kalau awak tak faham. I tried my best :(</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
p/s : Nak tambah kan sidebar sendiri di Blogskin tapi tak tahu ? Takpe NEW TUTO coming soon !!! XD</blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com2tag:blogger.com,1999:blog-3886202539125030804.post-15990932757442076282012-12-07T11:06:00.004-08:002012-12-07T11:06:39.363-08:00Tutorial : Energy Saving ModeAssalamualaikum :)<br />
Energy Saving Mode macam dekat bawah ni :<br />
<br />
<div style="text-align: center;">
<img height="174" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBhAQDRASDxAPEBASFRAQEhAQEBAQEA8PFxIVFxURFRIYHycfFxkvJRISIS8gIycpLSwtFR4yNTAqNTIrLikBCQoKDAwMGQwMDSkYEhgpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKf/AABEIAKYBLwMBIgACEQEDEQH/xAAaAAEBAQEBAQEAAAAAAAAAAAAABAUDAgEH/8QAMhAAAgIBAgUCBAUEAwEAAAAAAAECESEDEgQiMUFRYXETMoGRBRQjUqFCwdHwYoKxM//EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwD8NAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALtX8L22nq6Sa7XT6X0IkbnE8XF7q1dKmnhwbfTyBjfl51eyVVd7XVefY+LRk02oycV1dOl9TU0uMip6XOtq0tr60pV09+g0ONgtOGYpxi4tS32/aKw79QMv4Etu7bLb1unVXXU9flZ/sn2/pffoVy4hbeHSe7a+aKv9ypV37lPEalaetJSv9SMl1W3KdZ7gZK0pZ5Xy9cPHv4Gnoyl8sZS9k2aHH6kVp3HD1qk14SXT7nj8N10k1KUUm06e5PHdSXRgRQ0JSvbGTrrSbr3HwpUntdN0nTy/HuaPDcRpqUm5t89re5O4/uSXWXuNHiob9Tc00pvVh6u3j+UBF+Ultune7Zt2yu6vxX06nOejKKuUZJdLaayaHC8VHZHdJKXxlN+23qffzUXGWdz+MpKOW3C+wGfLh5pW4ySxlxaWeghoSkrjGTV1aTefBqcU70td7t1zi11W3KxnuS6HEJaDW6pfETrN7aX+AJJaEkrcZJdLadX4sPSkkm4yUX0dOn9TT4ji4t8RzJqShs60/NHzX4yDjqNStTjGMdPNxa/gCLR4KUk3VJRlO2nUkuyZy+DLbu2y2/up19zUfFQak1NJPScFDOJV9g+Nh8NNOP8A89ji9+6/CisfUDIAAAAAAAAAAAAAAAAAAAAAAAAOj0JK7jLCTeHhOqb9Mr7nM15/iWm4tZdrTi8fNGEoNJ+lblX/AAXnAZANOfHxvq5tJyUqeNRN7Oucbn6HjjONi1DZ1jTWJNxpLGcLKulgDPBrfnNOM2lUYpwbS5lKNylPSvv8yWcPYeNPi9NVK8/pcu262aUotu8O21/cDNTOs+L1JVunJ1lW+j8lHBcao/M/m1NOUsbt0Fu3J+b3ZXc7aHHx5XJtS5HN1mcVKe7T9bT01nHL6IDO1dWUncm2/LPBox4mCinav9JbXFutt232a+p2hx+mpSbe5vZcnvaklu3QvEpJ3HEsOvYDJ2urrHS+1+D4X8FxajDa5NczkutJvTlFT903F+fB909VS1pbWk3FJTbUedRinO3XVqT85Azz1tap5V5T856r7GnxHFw/USlhvU5UqU7glB0sYab9OxxjxcPgqLbumnHaurnalfelfXpeOrAl1eKnNJSk2l2bPEoNVaatWr7ryampx2m2qk72yjvcXJrmi0s+ilGsLma6ZJtfiovTio4klC3nmpPHpWK936ARyi02mqaw0+qZ6+FKrp11usVbX9n9jS4njoyWpzt7t7pqXM3W1v26Z8YPOl+IpacFudpRi1TdRWpJuvdSSx4aAzAaGtxcHo7Y13xUuu9vcl8qxSvr2OmpxUFHTTldfBdRiuSoczvu8r15a7IDLBuaHFab1Nykkk9JzlKm5qLluXM7l/S/+q70iLiOJhLShFUq2dVJ7Wo1J+Fbzjr3AgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFaUbXW9npXys8S1pfDjnvL+NtATgsWo3LTt9r+ucnLUnupK5NXlpJ9vH+5A4AqTSddm9n0Spv7u/oeqXTF6eX9s/wA0BGCxxTxj9S5L0xhffcj65pc1Klye+f8AFgRAsjp1OK8bsru2m1/FH2cG10e7a8Nc3zLsBECiEZKPKnut7qXMlSr6dTo087OtrdtVtYV16XYEYLHFpy2/NcbpVJKs4/8AT0otbq3N8nyxSl36oCEFsJV8zkm5Pql4XU5x1ZKM+1NY8Z6ATAsi6TdtcsMpJscr9HPpaz4T9MoCMFm1OuicYfdbX/Ilu7rk2rqsXtxT82BGCr4jfw7fV59eY97k3Hq+bN1y+nt/gCIFUVKo7Vy1zftvN7hJLaq+favt3S9QJQU6cVsp4uTy+zpV9Ds080p/NP5Un46gQAoWpL4fXvt+lPBz1uteMfb/AFgcwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf//Z" width="320" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Bila korang biar blog korang lama seminit dua gitu nanti dia keluar lah. Kira sama mcm screen saver.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Ctrl + F code ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
</head></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Copy code ni :</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
</div>
<blockquote class="tr_bq">
<!-- save your energy --><br /><script language='javascript' src='http://nikbir09.ws/scriptforenergy.js' type='text/javascript'/><br /><!-- save your energy end --></blockquote>
<br />
4. Paste di <span style="color: #6fa8dc;"><u>ATAS</u></span> </head><br />
<br />
5. Preview and Save :)<br />
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-22440337737317037242012-12-07T10:50:00.001-08:002012-12-07T10:50:00.951-08:00Tutorial : Icon Comel Beside Post TitleAssalamualaikum :)<br />
Nanti dia akan ada icon comel sebelah post title korang. Macam dekat bawah ni :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rjdRT37SZ9yQ06YaDp6BHBKygR8zNAUa7yjxECFK4MuZmFy4FpD0hViihmQMPqDWY8kFsPt20BXh_SHAM7urLaYItZYFtK_5A-Rrt1rcfkDtg-G7UEZInLbTInpx88Q6PZ054OTcZew/s1600/gffg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8rjdRT37SZ9yQ06YaDp6BHBKygR8zNAUa7yjxECFK4MuZmFy4FpD0hViihmQMPqDWY8kFsPt20BXh_SHAM7urLaYItZYFtK_5A-Rrt1rcfkDtg-G7UEZInLbTInpx88Q6PZ054OTcZew/s400/gffg.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
My code tak berapa sesuai tu yg nampak uglayy tu T__T Kalau korang comel jee. So jom start maa.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Ctrl + F code ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<a expr:href='data:post.url'><data:post.title/></a></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Copy code ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<img src="<span style="color: #6fa8dc;">URL GAMBAR</span>"/></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. Paste and masukkan code tu ke dalam code <a expr:href='data:post.url'><data:post.title/></a></div>
<div style="text-align: left;">
Tak faham ? Rupa dia macam dekat bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<a expr:href='data:post.url'><span style="color: #6fa8dc;"><img src="URL GAMBAR"/></span><data:post.title/></a></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Fahamkan ?</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
NOTA : Gantikan URL IMAGE dengan icon yang sesuai, boleh cek dekat <a href="http://xiolu.tumblr.com/pixels" target="_blank">Xiolu</a></div>
<div style="text-align: left;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-49536133128655305132012-12-07T10:21:00.003-08:002012-12-07T10:21:46.374-08:00Tutorial : Rainbow Link HoverAssalamualaikum :)<br />
Bila korang hover dekat link tu nanti dia akan jadi warna warni bak pelangi. Follow this tutorial if you want to.<br />
<br />
1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script<br />
<br />
2. Copy code bawah ni :<br />
<br />
<br />
<blockquote class="tr_bq">
<script src="http://fwzynn.googlepages.com/rainbow.user.js" type="text/javascript"><br />/***********************************************<br />* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/<br />* Please keep this notice intact<br />***********************************************/<br /></script></blockquote>
<br />
3. Paste di HTML Java/Script<br />
<br />
4. Preview and Save :)<br />
<br />
CREDIT TO : <a href="http://nurhafizahpija.blogspot.com/2011/02/tutorial-link-berpelangi.html" target="_blank">KAK HAFIZAH</a><br />
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-36883699129883483382012-12-06T11:10:00.003-08:002012-12-06T11:10:28.713-08:00Tutorial : Header Hover (Dissapear)Assalamualaikum :)<br />
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.<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed<br />
<br />
2. Ctrl + F code ni :<br />
<br />
<br />
<blockquote class="tr_bq">
#header {</blockquote>
<br />
ATAU<br />
<br />
<blockquote class="tr_bq">
/* Header</blockquote>
<br />
3. Copy code ni :<br />
<br />
<br />
<blockquote class="tr_bq">
#header:hover {<br />padding-<span style="color: #6fa8dc;">left</span>:<span style="color: #f6b26b;">160</span>px;<br />-webkit-transition: <span style="color: red;">2.5</span>s;<br />-webkit-transform: rotate(<span style="color: #93c47d;">6</span>deg);<br />opacity:.01;<br />}</blockquote>
<br />
4. Pastekan di <span style="color: #6fa8dc;"><u>BAWAH</u></span> code yang korang jumpa tu salah satu tu.<br />
<br />
<blockquote class="tr_bq">
NOTA :<br /><span style="color: #6fa8dc;">BIRU</span> : You can change it to right or left<br /><span style="color: #f6b26b;">ORANGE</span> : Nak tukar boleh tukar<br /><span style="color: red;">MERAH</span> : Nak lambatkan lagi tukar kepada 3 and so on<br /><span style="color: #93c47d;">HIJAU</span> : Nak tukar boleh tukar sendiri </blockquote>
<br />
Nati rupa code yang korang dah tempek tu macam dekat bawah ni :<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUDmJk_M40hyphenhyphendJqaYACHKCCBGd4RRePWJXBtBLcZaBbiAoKRg4GZqTSGmEGFLhBJdL6AoCtwOCt0nkpKuhAbYu8tjAS9vCwRDfivPQKJtW-0Fu5442josjsbBnL2A0JXKVzt1HmIqqGq4/s320/HOVER.jpg" /></div>
5. Preview and Save :)<br />
<br />
CREDIT TO : <a href="http://koreanpoplovers-amalina.blogspot.com/2011/11/tutorial-header-hover-ghaib-part-5.html" target="_blank">KAK AMALINA</a><br />
<br />
<br />
<br />
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-11390387224814152142012-12-06T09:25:00.002-08:002012-12-06T10:28:31.625-08:00Tutorial : Header Hover ImageAssalamualaikum :)<br />
Contohnya bila korang hover dekat header nanti dia akan keluar perkataan. Tak faham ? Tengok bawah :<br />
<br />
<div style="text-align: center;">
Before hover :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMWKVmsBf6pFE8bZtTonBCGaIjnM3Q5UgWlVf5pPM8-k5gOd_4sHIzoi8LfaomVVEKe-rtfiVsmnL635_vOVyC1oMgl_x8SZH3E30IrsAXRsK2PlH0FkRqwGpIxSjm5GYj6nh2hsoz-o/s1600/headerbaru2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaMWKVmsBf6pFE8bZtTonBCGaIjnM3Q5UgWlVf5pPM8-k5gOd_4sHIzoi8LfaomVVEKe-rtfiVsmnL635_vOVyC1oMgl_x8SZH3E30IrsAXRsK2PlH0FkRqwGpIxSjm5GYj6nh2hsoz-o/s400/headerbaru2.gif" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
After Hover :</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid32MosI1xqQORZEbwwQ-GqCJs273_vytqA11QmNMhDz0Vo4MRWByGg0pwRn-KMtX-r3bauFTYtwGPXQL5W-s3izxMd4mMwoXhQFySqa_xY2a4sOGhV2PRTgB_t9YWvODT1HIUhxx-iBk/s1600/headerbaru.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid32MosI1xqQORZEbwwQ-GqCJs273_vytqA11QmNMhDz0Vo4MRWByGg0pwRn-KMtX-r3bauFTYtwGPXQL5W-s3izxMd4mMwoXhQFySqa_xY2a4sOGhV2PRTgB_t9YWvODT1HIUhxx-iBk/s400/headerbaru.gif" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
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 <a href="http://tutolicious.blogspot.com/2012/11/tutorial-buat-header-guna-photoscape-34.html" target="_blank">SINI</a> . Meh start. </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Sign In Blogger >> Template >> Edit HTML >> Proceed </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
2. Ctrl + F cari code ni : </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<blockquote class="tr_bq">
h1.title {</blockquote>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Copy code bawah ni :</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<blockquote class="tr_bq">
#header:hover {<br />background: url(<span style="color: #6fa8dc;">URL HEADER 2</span>);<br />}</blockquote>
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
4. Pastekan di <u><span style="color: #6fa8dc;">ATAS</span></u> h1.title { tadi</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
NOTA : Ganti <span style="color: #6fa8dc;">BIRU</span> dnegan URL HEADER KEDUA YANG AWAK DAH UPLOAD TU k ?</blockquote>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<div style="text-align: left;">
CREDIT TO : <a href="http://lettha-story.blogspot.com/" target="_blank">SIS LETTHA</a></div>
</div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com2tag:blogger.com,1999:blog-3886202539125030804.post-2739996592513714532012-12-06T08:40:00.006-08:002012-12-06T08:40:45.617-08:00Tutorial : Close ButtonAssalamualaikum :)<br />
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}<br />
<br />
1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script<br />
<br />
2. Copy code ni :<br />
<br />
<blockquote class="tr_bq">
<a href="javascript:window.close();"><span style="color: #6fa8dc;">AYAT KORANG</span></a></blockquote>
<br />
3. Paste di HTML Java/Script<br />
<br />
4. Preview and Save :)<br />
<br />
<blockquote class="tr_bq">
ATTENTION !<br />Kan biasanya kalau tekan HERE atau SINI nanti dia close kan ? Korang jangan letak ayat HATE ME ? CLICK HERE semua dekat <span style="color: #6fa8dc;">AYAT KORANG</span> tu. Just letak HERE je. Yang selebihnya letak di luar code. Faham tak ? Tengok bawah :</blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqjhXBI5k5s3CLf2fV11dd4Q2BXMEBCP6syMa44J1HM6gBltFss8HVkPqb1kixKDOHpWxBsmOa24Rwky9oMvVoOPZPGG8lSh-AfQOxtbmA-YfhAieQyUkm9bqalPJ2Z1pUWyvQNcZ2Qo/s1600/cscd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqjhXBI5k5s3CLf2fV11dd4Q2BXMEBCP6syMa44J1HM6gBltFss8HVkPqb1kixKDOHpWxBsmOa24Rwky9oMvVoOPZPGG8lSh-AfQOxtbmA-YfhAieQyUkm9bqalPJ2Z1pUWyvQNcZ2Qo/s400/cscd.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
P/S : Harap faham. Sorri tuto mcm kelings ;~;</div>
<br />
CREDIT TO : <a href="http://sharifahirissyediskandar.blogspot.com/" target="_blank">KAK PAH</a> and <a href="http://faqihahhusni.com/" target="_blank">FAQIHAH</a>alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-24189180670804233512012-12-05T07:06:00.004-08:002012-12-05T07:06:41.905-08:00Tutorial : Button Like di PostAssalamualaikum :)<br />
Button ni kira macam like lah kan macam dekat fb nun. Kalau orang suka entry awak nanti dia akan klik lelaju. Contoh :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLP7pyzbRDJy-Bs4EAobCeq8vev0USMCcSgYVbm9xAYFtnaa-seFufLzk_B0p2ZCRwV2SrE36LurfUFTzIvKZtv2JkpircReFqe9yR7I9iyYvGltWKt831UDeeLvFAKvuIRrTsf504h4/s1600/hhkk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="90" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCLP7pyzbRDJy-Bs4EAobCeq8vev0USMCcSgYVbm9xAYFtnaa-seFufLzk_B0p2ZCRwV2SrE36LurfUFTzIvKZtv2JkpircReFqe9yR7I9iyYvGltWKt831UDeeLvFAKvuIRrTsf504h4/s320/hhkk.jpg" width="320" /></a></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Sign In BLogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Ctrl + F code bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
data:post.body</blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Copy code bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<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'/></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. Paste kan di <span style="color: #6fa8dc;"><u>BAWAH </u> </span>data:post.body</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
CREDIT TO : AINAA</div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-48683224882628055482012-12-05T04:25:00.001-08:002012-12-05T04:28:59.800-08:00Tutorial : Note Below PostAssalamualaikum :)<br />
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 :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUDwa2QT_TuXL0xnPqIbVwJ5EMC8EwNqISm6x1nh2Z4AFXZ3c90yWXM2iQRr0Du-Dc2bNfWUr9bper7-KTLBxhNJEShhpfnDwa6KN8VEe8zNr26SRC3tbZY9VRfXoaNbYFXj8ie5kImBc/s1600/fdfd.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="56" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUDwa2QT_TuXL0xnPqIbVwJ5EMC8EwNqISm6x1nh2Z4AFXZ3c90yWXM2iQRr0Du-Dc2bNfWUr9bper7-KTLBxhNJEShhpfnDwa6KN8VEe8zNr26SRC3tbZY9VRfXoaNbYFXj8ie5kImBc/s400/fdfd.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget Template</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Ctrl + F code bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<data:post.body/> </blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Copy code bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<hr/><center><span style="color: #6fa8dc;">AYAT KORANG</span></center><hr/></blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. Paste di <span style="color: #6fa8dc;"><u>BAWAH </u> </span><data:post.body/> tadi.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
*Gantikan Ayat Korang dengan ayat sendiri lah*<br />
<br />
CREDIT : <a href="http://maniastory.blogspot.com/2010/12/tutorial-note-below-post.html" target="_blank">AIINA</a></div>
<div style="text-align: left;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com1tag:blogger.com,1999:blog-3886202539125030804.post-565740746204708292012-12-05T04:05:00.001-08:002012-12-05T04:05:25.962-08:00Tutorial : Sparkling CursorAssalamualaikum :)<br />
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<br />
<br />
1. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script<br />
<br />
2. Copy code bawah ni :<br />
<br />
<br />
<blockquote class="tr_bq">
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><script type='text/javascript'></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"></script></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><script type='text/javascript'></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">// <![CDATA[</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><span style="color: #424242;">var colour="</span><span style="color: #6fa8dc;">#000000</span><span style="color: #424242;">";</span></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var sparkles=100;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var x=ox=400;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var y=oy=300;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var swide=800;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var shigh=600;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var sleft=sdown=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var tiny=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var star=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var starv=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var starx=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var stary=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var tinyx=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var tinyy=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var tinyv=new Array();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">window.onload=function() { if (document.getElementById) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var i, rats, rlef, rdow;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">for (var i=0; i<sparkles; i++) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var rats=createDiv(3, 3);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rats.style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">document.body.appendChild(tiny[i]=rats);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">starv[i]=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tinyv[i]=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var rats=createDiv(5, 5);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rats.style.backgroundColor="transparent";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rats.style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var rlef=createDiv(1, 5);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var rdow=createDiv(5, 1);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rats.appendChild(rlef);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rats.appendChild(rdow);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rlef.style.top="3px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rlef.style.left="0px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rdow.style.top="0px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">rdow.style.left="3px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">document.body.appendChild(star[i]=rats);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">set_width();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sparkle();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function sparkle() {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var c;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (x!=ox || y!=oy) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">ox=x;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">oy=y;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">for (c=0; c<sparkles; c++) if (!starv[c]) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[c].style.left=(starx[c]=x)+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[c].style.top=(stary[c]=y)+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[c].style.clip="rect(0px, 5px, 5px, 0px)";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[c].style.visibility="visible";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">starv[c]=50;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">break;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">for (c=0; c<sparkles; c++) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (starv[c]) update_star(c);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (tinyv[c]) update_tiny(c);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">setTimeout("sparkle()", 40);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function update_star(i) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (starv[i]) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">stary[i]+=1+Math.random()*3;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (stary[i]<shigh+sdown) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[i].style.top=stary[i]+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">starx[i]+=(i%5-2)/5;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[i].style.left=starx[i]+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[i].style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">starv[i]=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">return;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tinyv[i]=50;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.top=(tinyy[i]=stary[i])+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.left=(tinyx[i]=starx[i])+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.width="2px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.height="2px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">star[i].style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.visibility="visible"</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function update_tiny(i) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (--tinyv[i]==25) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.width="1px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.height="1px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (tinyv[i]) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tinyy[i]+=1+Math.random()*3;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (tinyy[i]<shigh+sdown) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.top=tinyy[i]+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tinyx[i]+=(i%5-2)/5;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.left=tinyx[i]+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tiny[i].style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">tinyv[i]=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">return;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else tiny[i].style.visibility="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">document.onmousemove=mouse;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function mouse(e) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">set_scroll();</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">y=(e)?e.pageY:event.y+sdown;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">x=(e)?e.pageX:event.x+sleft;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function set_scroll() {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (typeof(self.pageYOffset)=="number") {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sdown=self.pageYOffset;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sleft=self.pageXOffset;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else if (document.body.scrollTop || document.body.scrollLeft) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sdown=document.body.scrollTop;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sleft=document.body.scrollLeft;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sleft=document.documentElement.scrollLeft;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sdown=document.documentElement.scrollTop;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sdown=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">sleft=0;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">window.onresize=set_width;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function set_width() {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">if (typeof(self.innerWidth)=="number") {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">swide=self.innerWidth;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">shigh=self.innerHeight;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else if (document.documentElement && document.documentElement.clientWidth) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">swide=document.documentElement.clientWidth;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">shigh=document.documentElement.clientHeight;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">else if (document.body.clientWidth) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">swide=document.body.clientWidth;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">shigh=document.body.clientHeight;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">function createDiv(height, width) {</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">var div=document.createElement("div");</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">div.style.position="absolute";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">div.style.height=height+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">div.style.width=width+"px";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">div.style.overflow="hidden";</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">div.style.backgroundColor=colour;</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">return (div);</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">}</span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">// ]]></span></span><span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"></script></span></span></blockquote>
<br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;"><br /></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;"><br /></span></span>
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">NOTA : Gantikan BIRU dengan colour code fav awak. Boleh cari <a href="http://html-color-codes.info/" target="_blank">SINI</a></span></span><br />
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span>
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">3. Paste di HTML Java/Script</span></span><br />
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;"><br /></span></span>
<span style="color: #424242; font-family: Trebuchet MS, sans-serif;"><span style="line-height: 20px;">4. Preview and Save :)</span></span>alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-54650122612430138532012-12-04T07:03:00.000-08:002012-12-04T07:03:57.846-08:00Tutorial : Image Hover MelengkungAssalamualaikum :)<br />
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 :)<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget<br />
<br />
2. Ctrl + F code ni :<br />
<br />
<blockquote class="tr_bq">
img {</blockquote>
<br />
3. Copy code bawah :<br />
<br />
<blockquote class="tr_bq">
img:hover {<br />
-webkit-transition: <span style="color: red;">0.3</span>s;<br />
border-radius:<span style="color: #6fa8dc;">20</span>px;<br />
} </blockquote>
<br />
4. Paste kan di <span style="color: #6fa8dc;"><u>BAWAH</u></span> code img { . Contoh macam dekat bawah ni :<br />
<br />
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYkpYyaXEEXNbesIZjcJkbbDPpf7PoLFolT1d8OIuq25t8SD9QdfptqHIFr4RhxIvybYqZD083Y2SCAtMLBIoWtdi2lb3k385rylJRX9w_ZCupt4YnZmFMbwSOh3iG9X5f_vk8KoXLESg/s1600/capture-20120401-033929.png" style="opacity: 1;" /> </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :) </div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
LITTLE THINGS : </div>
<div style="text-align: left;">
<span style="color: #6fa8dc;">BLUE</span> : Kalau nak lambatkan tukar kepad 0.1s and so on</div>
<div style="text-align: left;">
<span style="color: red;">RED</span> : Kelengkungannya. Bigger the number, curvier the border. Simple as that right ?</div>
</blockquote>
<br />
<br />
CREDIT TO : KAK AMALINA alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-45236904715036324962012-12-04T05:23:00.000-08:002012-12-04T05:23:01.247-08:00Tutorial : Link Hover (Shadow)Assalamualaikum :)<br />
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<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed >> Tick Expand Widget<br />
<br />
2. Ctrl + F code ni :<br />
<br />
<blockquote class="tr_bq">
]]></b:skin></blockquote>
<br />
3. Copy code bawah ni :<br />
<br />
<blockquote class="tr_bq">
a:hover {
text-shadow: 1px 1px 3px <span style="color: red;">#000000</span>;
text-decoration: none;
}</blockquote>
<br />
4. Paste kan di <span style="color: #6fa8dc;"><u>ATAS</u></span> ]]></b:skin> <br />
<br />
<blockquote class="tr_bq">
NOTA<br />
Gantikan<span style="color: red;"> merah</span> tu dengan colour code yang korang nak. Cek <a href="http://html-color-codes.info/" target="_blank">SINI</a></blockquote>
<br />
5. Preview and Save :) <br />
<br />alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-22401217488753128492012-12-04T05:03:00.000-08:002012-12-04T05:03:06.631-08:00Tutorial : Online UsersAssalamualaikum :)<br />
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 :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-6PA7n-rJNxlsnuEWBVCYbQ18lDEgqVCU03f7orIDXYxX8SzqnNPH6i0YWB80Gk0WAIVZlsqWpulN4mTXBb4Uhjf0ydtGW7t7esgVLwnUJcrlZJOe3fgqLGz7eiB5bVBaYeaya1hUZ8/s1600/kjh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-6PA7n-rJNxlsnuEWBVCYbQ18lDEgqVCU03f7orIDXYxX8SzqnNPH6i0YWB80Gk0WAIVZlsqWpulN4mTXBb4Uhjf0ydtGW7t7esgVLwnUJcrlZJOe3fgqLGz7eiB5bVBaYeaya1hUZ8/s320/kjh.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<br />
1. Klik link ni = http://www.freeonlineusers.com/<br />
<br />
2. Korang kena register dulu kaulau nak buat. Jangan malas malas, pi register sekarang hehe :p<br />
Isi lah apa yang patut tu. Dah siap klik Register.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNmZZqAkq_eRp8Tc-YPo2ScYr-2pM1zjs_XFNf5ynYNyKbCQyy0qPGyXkz7-4mIKDz5GHrHHQv5HWeSaBNC-kQccqWxqdEqxzksx5AZdWf1J6Dtl7u7tQbl8XB0nxJLF_RyDXvgZ566KA/s1600/v.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNmZZqAkq_eRp8Tc-YPo2ScYr-2pM1zjs_XFNf5ynYNyKbCQyy0qPGyXkz7-4mIKDz5GHrHHQv5HWeSaBNC-kQccqWxqdEqxzksx5AZdWf1J6Dtl7u7tQbl8XB0nxJLF_RyDXvgZ566KA/s320/v.jpg" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
3. Dia akan keluar macam dekat bawah ni bila korang dah siap register :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoB_Fvi_7mgxB57srdsqDRN7s4FycRxeD4KszaEeOyeYfrYvL9S0uMPJsojM5jvrY5RbiURVtXt_lwAbJTf0lexwgTQnpwckQX5MW5H46eQ1HGhJZaUwMDnMy0CJwy749RXYFRlufaA34/s1600/gh.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoB_Fvi_7mgxB57srdsqDRN7s4FycRxeD4KszaEeOyeYfrYvL9S0uMPJsojM5jvrY5RbiURVtXt_lwAbJTf0lexwgTQnpwckQX5MW5H46eQ1HGhJZaUwMDnMy0CJwy749RXYFRlufaA34/s400/gh.jpg" width="400" /></a></div>
<br />
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.<br />
<br />
4, Bila bukak email dia kasik tu dia, korang akan nampak ni :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTNDOq6uAboy4cCfo4gNkRjJEz6udeSRp3QUeXxCwHf1vlKtpjGXRT7qrLztBqqDLrQ2gcWWFsuGIehSfG4p6IVoQ1VkVLJF3hup7T0en2yLCDW2RBsNrifVthkjc0Axfhwqqe2HDAA9c/s1600/fgbbg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="75" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTNDOq6uAboy4cCfo4gNkRjJEz6udeSRp3QUeXxCwHf1vlKtpjGXRT7qrLztBqqDLrQ2gcWWFsuGIehSfG4p6IVoQ1VkVLJF3hup7T0en2yLCDW2RBsNrifVthkjc0Axfhwqqe2HDAA9c/s400/fgbbg.jpg" width="400" /></a></div>
<br />
Maknanya account korang dah siap, klik link yang atas tu and dia akan bawak korang secara automatik ke website onlinefreeusers.com tu<br />
<br />
5. After dah sampai ke web freeonlineusers tu, you will see this :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdVXFtpCAclgjo-aVCluLWK3nhfx3CIAy16rZlMGCdUp5McigWyprFq6cR4OXiSeiSck8ai6KtM95iHcc-JvqHXoZtmPuXElvD774TYTJx1si_99ucyOxSAPj51tr20bN2xY-s257T0E/s1600/tyjtujj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdVXFtpCAclgjo-aVCluLWK3nhfx3CIAy16rZlMGCdUp5McigWyprFq6cR4OXiSeiSck8ai6KtM95iHcc-JvqHXoZtmPuXElvD774TYTJx1si_99ucyOxSAPj51tr20bN2xY-s257T0E/s400/tyjtujj.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Bila korang dah sah bolehlah log in macam biasa.<br />
<br />
6. Log In Onlinefreeuser korang macam biasa<br />
<br />
7. Klik Link Code yang dilabel tuu<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOx_iEjM9aVZzl2BA2VPta14fyh3qfrqzB0d6fI_4ZbgTZ9QFpNspZgvRPoilHysd5kLkFQ7auEYyLXdZSkDXAJ9IIvVgQMpTJvt71CL9o0tQ5jfONv6XUjKW5NKDVUTVMvYxanvg0yo/s1600/fdfgg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjOx_iEjM9aVZzl2BA2VPta14fyh3qfrqzB0d6fI_4ZbgTZ9QFpNspZgvRPoilHysd5kLkFQ7auEYyLXdZSkDXAJ9IIvVgQMpTJvt71CL9o0tQ5jfONv6XUjKW5NKDVUTVMvYxanvg0yo/s400/fdfgg.jpg" width="400" /></a></div>
<div style="text-align: center;">
</div>
<br />
7. Dia akan keluar macam dekat bawh ni. Letak your URL blog and then klik Add<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1pPK4xpV8HDd4VBgb1NUDd29DRv_hCXRoBfgoELdO72Z7G2NNyS4nAcfwNgyjsaSjKgsUZel9BgtqB-BC0IwbL3qIlVUc_0xLwoDbX6ZCshgswwGZ7fJryieuuhkQBgDmiwogyjIIwMo/s1600/fdbbf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1pPK4xpV8HDd4VBgb1NUDd29DRv_hCXRoBfgoELdO72Z7G2NNyS4nAcfwNgyjsaSjKgsUZel9BgtqB-BC0IwbL3qIlVUc_0xLwoDbX6ZCshgswwGZ7fJryieuuhkQBgDmiwogyjIIwMo/s400/fdbbf.jpg" width="400" /></a></div>
<div style="text-align: left;">
8. Nanti dia akan keluar banyak banyak ni. Korang kena edit lah. Harap faham. I can't upload gmbar sbb ada technical prob.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Font Colour : Guna code colour fav u alls. Boleh cari <a href="http://html-color-codes.info/" target="_blank">SINI</a></div>
<div style="text-align: left;">
Link Text : Tukar lah kepada perkataan korang sendiri E.g : Mak Jemah terbang, Joyah bergolek or whatever</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
9. Klik Generate Code.</div>
<div style="text-align: left;">
<br />10. Nanti ada banyak banyak code kan ? Copy them</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
11. Sign In Blogger >> Layout >> Add A Gadget >> HTML Java/Script</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
12. Paste situ and Save !</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<br />
<div style="text-align: center;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-22763725632251296492012-12-03T23:02:00.003-08:002012-12-03T23:02:33.848-08:00Tutorial : Open Link In New TabAssalamualaikum :)<br />
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.<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed<br />
<br />
2. Ctrl + F code ni :<br />
<br />
<blockquote class="tr_bq">
<span style="background-color: #cfe2f3; color: #333333; line-height: 14.300000190734863px;"><span style="font-family: Trebuchet MS, sans-serif;"><head></span></span></blockquote>
<span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><span style="font-family: Trebuchet MS, sans-serif;"><br /></span></span>
<span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><span style="font-family: Trebuchet MS, sans-serif;">3. Copy code bawah ni :</span></span><br />
<span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><span style="font-family: Trebuchet MS, sans-serif;"><br /></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><br /></span></span>
<blockquote class="tr_bq">
<span style="background-color: #cfe2f3; font-family: Trebuchet MS, sans-serif;"><span style="color: #333333; line-height: 14.300000190734863px;"><</span><span class="Apple-style-span" style="color: #333333; line-height: 14.300000190734863px; white-space: pre-wrap;">base target='_blank'/></span></span></blockquote>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"> </span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 14.300000190734863px;"><span style="color: #333333;"><br /></span></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 14.300000190734863px;"><span style="color: #333333;">4. Paste code ni di </span><u><span style="color: #6fa8dc;">BAWAH</span></u><span style="color: #333333;"> <head> tadi</span></span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 14.300000190734863px;"><span style="color: #333333;"><br /></span></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 14.300000190734863px;"><span style="color: #333333;"><br /></span></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 14.300000190734863px;"><span style="color: #333333;">5. Preview and Save :)</span></span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><br /></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #333333; line-height: 14.300000190734863px;"><br /></span></span>alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-67486446461739490142012-12-03T22:29:00.000-08:002012-12-03T22:29:51.635-08:00Tutorial : Remove Word VerificationAssalamualaikum :)<br />
Apa jadahnya word verification tu ? Kalau tak tau, tengok bawah ni. Yang nilah Word Verification :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37VOjj2iS8Yful0TxS7nkqcffG8PDnBw8kBHc41RWK5fymWdmejz99zVDhZgiLjUwgefeFASeVB8GEdiMrq7Ts9_uJWsK6CNh-1te77oJBzTtQTyWZpZLRUF8ftAT1y7yZCqU8RAaOq0/s1600/word-verify-captcha.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg37VOjj2iS8Yful0TxS7nkqcffG8PDnBw8kBHc41RWK5fymWdmejz99zVDhZgiLjUwgefeFASeVB8GEdiMrq7Ts9_uJWsK6CNh-1te77oJBzTtQTyWZpZLRUF8ftAT1y7yZCqU8RAaOq0/s400/word-verify-captcha.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
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.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
1. Sign In Blogger >> Dashboard >> Setting</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYU4pndhtVnc-cZtX_TV1rrqjtoAvvUAMmZIYWZXvfgEK4QmpHGwrzILncW00CfUe0XdoK-2PtTyFU-UUQkRHwyoutlyyxAgOYpcxsmyAFxTAMwTC4ZpZqABATlzCaONJCle7-5U_3u4/s1600/ugf.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYU4pndhtVnc-cZtX_TV1rrqjtoAvvUAMmZIYWZXvfgEK4QmpHGwrzILncW00CfUe0XdoK-2PtTyFU-UUQkRHwyoutlyyxAgOYpcxsmyAFxTAMwTC4ZpZqABATlzCaONJCle7-5U_3u4/s400/ugf.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
2. Scroll down a bit untill you see Setting. Klik Setting >> Klik Posts and Comments</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdQ6AlVmvmiZw8FrNMFPxQakjhKeyeniDsrKQ32Gk7I2UWObPgOfCN4gH1MPBxpmMmfhLfRm8wu-3xyJhgxES6iX8evXYtFSOsqZTQOk_Eye-0s2-KSAsRe1PIpYRe0C6X1XvQhblhgU/s1600/budiga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="166" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEdQ6AlVmvmiZw8FrNMFPxQakjhKeyeniDsrKQ32Gk7I2UWObPgOfCN4gH1MPBxpmMmfhLfRm8wu-3xyJhgxES6iX8evXYtFSOsqZTQOk_Eye-0s2-KSAsRe1PIpYRe0C6X1XvQhblhgU/s400/budiga.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
3. Scroll ke bawah and nampak tak Show Word Verification ? Kalau Yes tukarkan kepada No</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9guZre52NJeGWAktztsjWPM27KuvieyvG7o7Cs4QqHrIzqRNA8A5HCF1EJ1APcLKTqqRxbrZmoncMJHUsEWJ-AavvJOXFE6AQF0ItumGV9oYfJN6UqowKBngXqCx3uDZZfu5p6-tLQs/s1600/cats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="167" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9guZre52NJeGWAktztsjWPM27KuvieyvG7o7Cs4QqHrIzqRNA8A5HCF1EJ1APcLKTqqRxbrZmoncMJHUsEWJ-AavvJOXFE6AQF0ItumGV9oYfJN6UqowKBngXqCx3uDZZfu5p6-tLQs/s400/cats.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
4. Save and Done :)</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<br /></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-33047138746321794842012-12-03T21:09:00.006-08:002012-12-03T21:11:23.498-08:00Tutorial : Ubah Warna HiglightAssalamualaikum :)<br />
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<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed<br />
<br />
2. Ctrl + F code ni :<br />
<br />
<blockquote class="tr_bq">
<span style="line-height: 20px;"><span style="background-color: white; color: #444444; font-family: Trebuchet MS, sans-serif;">a:link {</span></span></blockquote>
<span style="background-color: white; font-family: sans-serif; font-size: 14px; line-height: 20px;"><span style="color: #444444;"><br /></span></span>
<span style="background-color: white; font-size: 14px; line-height: 20px;"><span style="color: #444444; font-family: Trebuchet MS, sans-serif;">3, Copy code bawah ni :</span></span><br />
<span style="background-color: white; font-size: 14px; line-height: 20px;"><span style="color: #444444; font-family: Trebuchet MS, sans-serif;"><br /></span></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">::-moz-selection {</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">background:</span><span style="background-color: white; line-height: 20px;"><span style="color: #6fa8dc;">#000000</span></span><span style="background-color: white; color: #424242; line-height: 20px;">;</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">color:</span><span style="background-color: white; line-height: 20px;"><span style="color: #6fa8dc;">#FFFFFF</span></span><span style="background-color: white; color: #424242; line-height: 20px;">;</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">}</span></span><span style="font-family: Trebuchet MS, sans-serif;"><br style="background-color: white; color: #424242; line-height: 20px;" /></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">::selection {</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">background:</span><span style="background-color: white; line-height: 20px;"><span style="color: #6fa8dc;">#000000</span></span><span style="background-color: white; color: #424242; line-height: 20px;">;</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">color:</span><span style="background-color: white; line-height: 20px;"><span style="color: #6fa8dc;">#FFFFFF</span></span><span style="background-color: white; color: #424242; line-height: 20px;">;</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">}</span></span></blockquote>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;"><br /></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;"><span style="color: #424242;">4. Paste kan di </span><u><span style="color: #6fa8dc;">ATAS</span></u><span style="color: #424242;"> code a:link { tadi </span></span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;"><span style="color: #424242;"><br /></span></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;"><span style="color: #424242;">NOTA : Gantikan yang BIRU tu dengan colour code favourite korang. Boleh cari <a href="http://html-color-codes.info/" target="_blank">SINI</a></span></span></span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<br />
<blockquote class="tr_bq">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;">P/S S : This tutorial only for <span style="color: #6fa8dc;">GOOGLE CHROME</span> and<span style="color: #6fa8dc;"> MOZZILA FIREFOX</span> user</span></span></blockquote>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;"><br /></span></span>
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; line-height: 20px;">5. Preview and Save :)</span></span>alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-23959046332341413662012-12-03T20:53:00.005-08:002012-12-04T05:23:43.773-08:00Tutorial : Link Hover ComelAssalamualaikum :)<br />
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?<br />
<br />
1. Sign In Blogger >> Template >> Edit HTML >> Proceed<br />
<br />
2. Ctrl + F dan cari code ni :<br />
<br />
<blockquote class="tr_bq">
<span style="background-color: white; color: #424242; font-family: Trebuchet MS, sans-serif; line-height: 30px;">a:hover</span></blockquote>
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 20px; line-height: 30px;"><br /></span>
3. Copy code bawah ni :<br />
<br />
<blockquote class="tr_bq">
<span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">color:#FF6699; background:url(</span><span style="background-color: white; line-height: 20px;"><span style="color: #6fa8dc;">URL IMAGE</span></span><span style="background-color: white; color: #424242; line-height: 20px;">) ;background-repeat: repeat;</span></span><span style="font-family: Trebuchet MS, sans-serif;"><span style="background-color: white; color: #424242; line-height: 20px;">text-decoration:underline;</span></span></blockquote>
<br />
4. Paste kan di <u><span style="color: #6fa8dc;">BAWAH</span></u> a:hover tadi.<br />
<br />
<blockquote class="tr_bq">
NOTA COMEL : Gantikan URL IMAGE dnegan url hover yang korang nak.</blockquote>
<br />
5. Preview and Save :)<br />
<br />
<br />
<span style="color: #6fa8dc;">EXTRAS !</span><br />
Takdak URL IMAGE link hover ? Takpe meh check sini :) Credit to<a href="http://lyssasecret.com/" target="_blank"> Kak Lyssa</a><br />
<br />
<div style="text-align: center;">
<img src="http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"> http://i603.photobucket.com/albums/tt117/misdollymie/rainbowhover.gif</span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<div style="text-align: center;">
<img src="http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;">http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif</span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<div style="text-align: center;">
<img src="http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;">http://dl6.glitter-graphics.net/pub/590/590966tdltan40f8.gif</span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<div style="text-align: center;">
<img src="http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;">http://dl.glitter-graphics.net/pub/590/590941r351ykwhz6.gif</span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; color: #424242; font-family: sans-serif; font-size: 14px; line-height: 20px; text-align: left;"><br /></span></div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com0tag:blogger.com,1999:blog-3886202539125030804.post-60642218368345707832012-12-03T05:38:00.001-08:002012-12-03T05:38:07.820-08:00Tutorial : FaviconAssalamualaikum :)<br />
Tau tak favicon tu apa ? Favicon tu icon yang dekat atas tab nun. Macam dekat bawah ni :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7cg-n1f1F6SY2FZpBe9388X_vjN2gcBA2vZLmE-q87737MTqTq65PJm_nZA_YuX-Ffr20ew3IgNSE_3IGd5BYMInp2lQRinEMJwzeRZTdjhAX06HRGEp-Qoq2RU6rzEjk-rmqJd_W66c/s1600/fjhj.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7cg-n1f1F6SY2FZpBe9388X_vjN2gcBA2vZLmE-q87737MTqTq65PJm_nZA_YuX-Ffr20ew3IgNSE_3IGd5BYMInp2lQRinEMJwzeRZTdjhAX06HRGEp-Qoq2RU6rzEjk-rmqJd_W66c/s1600/fjhj.jpg" height="39" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
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.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
1. Sign In Blogger >> Template >> Edit HTML >> Proceed</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
2. Tick Expand Widget</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
3. Ctrl + F code ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
</head></div>
</blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
4. Copy code bawah ni :</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
<link href='<span style="color: #6fa8dc;">URL FAVICON</span>' rel='shortcut icon' type='image/gif'/> </div>
</blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Pastekan di <span style="color: #6fa8dc;"><u>ATAS</u></span> code </head> tadi.</div>
<div style="text-align: left;">
<br /></div>
<blockquote class="tr_bq">
<div style="text-align: left;">
NOTA COMEL :</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Gantikan <span style="color: #6fa8dc;">URL FAVICON</span> dengan url favicon yang korang ada k. Kalau takdak boleh cek di <a href="http://xiolu.tumblr.com/pixels" target="_blank">Xiolu</a> for more cute and awesome favicoons :)</div>
</blockquote>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
5. Preview and Save :)</div>
alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com2tag:blogger.com,1999:blog-3886202539125030804.post-22410931833886101572012-11-26T04:52:00.001-08:002012-11-26T04:52:02.345-08:00Tutorial : Jquery Back To Top for BlogskinAssalamualaikum :)<br />
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<br />
<br />
1. Sign In Blogger >> Template >> Edit Html >> Proceed<br />
<br />
2. Ctrl+ F and cari code ni :<br />
<br />
<blockquote class="tr_bq">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="line-height: 17px;"></head></span></span></span></blockquote>
<br />
<br />
<span style="background-color: white;"><span style="font-family: inherit;"><b style="line-height: 17px;"><span style="color: #8e7cc3;"></span></b><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;">3. Copy code bawah ni :</span></span></span></span></span><br />
<br />
<blockquote class="tr_bq">
<span style="background-color: white;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;"><span style="font-family: "Trebuchet MS",sans-serif;"><span class="Apple-style-span" style="background-color: white;"><span style="line-height: 17px; text-align: left;"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script></span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;"><script type='text/javascript' language='Javascript'></span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var scrolltotop={</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="</span><span style="color: #6fa8dc;"><span class="Apple-style-span" style="line-height: 17px;"><b>URL IMAGE</b></span></span><span style="line-height: 17px; text-align: left;">"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">state: {isvisible:false, shouldvisible:false},</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">scrollup:function(){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">if (!this.cssfixedsupport) //if control is positioned using JavaScript</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.$control.css({opacity:0}) //hide control immediately after clicking it</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">dest=jQuery('#'+dest).offset().top</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">else</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">dest=0</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.$body.animate({scrollTop: dest}, this.setting.scrollduration);</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">},</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">keepfixed:function(){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var $window=jQuery(window)</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.$control.css({left:controlx+'px', top:controly+'px'})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">},</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">togglecontrol:function(){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var scrolltop=jQuery(window).scrollTop()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">if (!this.cssfixedsupport)</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.keepfixed()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">if (this.state.shouldvisible && !this.state.isvisible){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.state.isvisible=true</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">}</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">else if (this.state.shouldvisible==false && this.state.isvisible){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">this.state.isvisible=false</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">}</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">},</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">init:function(){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">jQuery(document).ready(function($){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var mainobj=scrolltotop</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">var iebrws=document.all</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.cssfixedsupport=!iebrws
|| iebrws && document.compatMode=="CSS1Compat" &&
window.XMLHttpRequest //not IE or IE7+ browsers in standards mode</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">.css({position:mainobj.cssfixedsupport?
'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety,
right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">.attr({title:'Fly To The Sky'})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">.click(function(){mainobj.scrollup(); return false})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">.appendTo('body')</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">if
(document.all && !window.XMLHttpRequest &&
mainobj.$control.text()!='') //loose check for IE6 and below, plus
whether control contains any text</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.togglecontrol()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.scrollup()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">return false</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">$(window).bind('scroll resize', function(e){</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">mainobj.togglecontrol()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">})</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">}</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">}</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;">scrolltotop.init()</span><br style="line-height: 17px; text-align: left;" /><span style="line-height: 17px; text-align: left;"></script></span></span></span> </span></span></span></span></span></span></blockquote>
<br />
<blockquote class="tr_bq">
<span style="background-color: white;"><span style="color: #444444;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;">NOTA COMEL :</span></span></span></span></span><br />
<span style="background-color: white;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;"><span style="background-color: white;"><span style="color: #666666;"><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: #6fa8dc;">BIRU</span> : Gantikan dnegan URL I<span style="color: #666666;"><span style="font-size: small;">MAGE BACK TO TOP BUTTO<span style="color: #666666;"><span style="font-size: small;">N ya<b><u><span style="color: #666666;"><span style="font-size: small;">n</span></span></u></b>g korang <span style="color: #666666;"><span style="font-size: small;">ada.</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span> </span></blockquote>
<span style="background-color: white;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;"> </span></span></span></span></span></span><br />
<span style="background-color: white;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;"><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"><span style="color: #666666;">4. Paste code ni di <span style="color: #6fa8dc;"><u>BAWAH</u></span></span></span><span style="font-size: small;"><span style="font-family: "Trebuchet MS",sans-serif;"> </span> </head></span></span></span></span></span></span></span></span><br />
<br />
<span style="background-color: white;"><span style="font-family: inherit;"><span style="font-size: small;"><span style="line-height: 17px;"><span style="color: #8e7cc3;"><span style="color: #444444;"><span style="font-size: small;"><span style="font-size: small;"><span style="font-size: small;">5. Save <span style="font-size: small;">:)</span></span> </span></span></span></span></span></span></span></span><b style="line-height: 17px;"><span style="color: #8e7cc3;"> </span></b>alia afendihttp://www.blogger.com/profile/11930705367306883547noreply@blogger.com2