tag:blogger.com,1999:blog-89907000462989412172024-03-23T18:14:19.687+08:00Cikgu KacamataAnonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.comBlogger64125tag:blogger.com,1999:blog-8990700046298941217.post-19512173315614105682013-07-25T00:46:00.000+08:002013-07-25T00:48:03.833+08:00Buat Border Pada Tajuk Sidebar Blogger<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJANWuPmyk3GJYX6yuIqcGC93H0ks46UPLEVZ-V_GzahfEES0kS6iNdCkTWmU7ZtD1kQk1sQ5bv-RW5ODkwqwxJDuv1-kGug5clpANoQey71HP-vmsVGGPnEO1NSnvxgIP3b4L8QtlwE/s1600/BorderSidebarTitle.png" align="left" />
</div>
<br/>
<div align="justify">
Langkah <b>Membuat Border Pada Tajuk Sidebar</b> ini adalah sama seperti langkah-langkah <a href="http://cikgukacamata.blogspot.com/2013/07/buat-border-pada-setiap-tajuk-post-entri.html" target="_blank"><b>Membuat Border Pada Setiap Tajuk Post Entri</b></a> yang CK post sebelum ini. Caranya juga agak mudah, cuma perlu berhati-hati ketika memasukkan kod ke dalam <b>Template HTML</b>. Sebagai langkah berjaga-jaga, anda dinasihati supaya membuat <a href="http://cikgukacamata.blogspot.com/2013/05/backup-and-restore-template.html" target="_blank"><b>backup</b></a> template blog anda terlebih dahulu. Pada entri yang lepas juga, CK ada menerangkan cara bagaimana <a href="http://cikgukacamata.blogspot.com/2013/06/buat-border-pada-sidebar-blogger.html" target="_blank"><b>Membuat Border Pada Sidebar</b></a> yang mungkin berguna pada blog anda.
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCVmY-AZalausDFWkHkj1SX5nwiGZ7D0N-veGmBY9QQv98iqWal_mwQPclp1P8ZnGDkgapbehRDSBeZ0BJLMtVZMWcIg0JkuDBEubm8cTTkYQlSkeyS1rJBohT05ZGIZuEuInf7H9gtQQ/s400/BorderSidebarTitle.jpg" />
</center>
<br/>
<br/>
<b>Langkah-langkah penghasilannya:</b>
<br/>
<br/>
<center>
1. Pilih "<b>More options</b>"
<br/>
<br/>
2. "<b>Template</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSY9_wJ6x9S-WJSQ-3kiR03gDRmUyU19uUKQC1RsBg92XqLEM7wgegRXL4pQ_-PxIjtGmrbES7vyvAc2KH_W-ECtbFGjOj7TZuzzH8Dh2HqkPiu5Uqw0z5ilTNML0N53jf6FRu-ST6R80/s1600/BorderSidebarTitle1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSY9_wJ6x9S-WJSQ-3kiR03gDRmUyU19uUKQC1RsBg92XqLEM7wgegRXL4pQ_-PxIjtGmrbES7vyvAc2KH_W-ECtbFGjOj7TZuzzH8Dh2HqkPiu5Uqw0z5ilTNML0N53jf6FRu-ST6R80/s320/BorderSidebarTitle1.jpg" /></a>
<br/>
<br/>
3. Kemudian klik butang "<b>Edit HTML</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdY56H4lFdNRa1Nwq4j4TzYDv3iQsD6379nkUiG5DfawqCdeZRfs9FvmFqrKkm2ubGC8oWrDvw2wKBN_blMkThBikZwdlJ8tNrtSmnEXOnklCgZbLnjYT_r_W30uMM5KaBUpIXKiu5IgY/s1600/BorderSidebarTitle2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdY56H4lFdNRa1Nwq4j4TzYDv3iQsD6379nkUiG5DfawqCdeZRfs9FvmFqrKkm2ubGC8oWrDvw2wKBN_blMkThBikZwdlJ8tNrtSmnEXOnklCgZbLnjYT_r_W30uMM5KaBUpIXKiu5IgY/s320/BorderSidebarTitle2.jpg" /></a>
<br/>
<br/>
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
h2 {
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMObpSBlInN1iSdffakktYTpod_SAjz3q10DuEfRR-7ppBAhJG-k3GS3oJN3KEOF6nNa-ltWNky0EF7Ri2bNBaO0rYpp2LxSUQ9s7a0QSefFt0Hw_TXdDEGftSLqmKbXDuUo1gaqT2AbI/s1600/BorderSidebarTitle3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMObpSBlInN1iSdffakktYTpod_SAjz3q10DuEfRR-7ppBAhJG-k3GS3oJN3KEOF6nNa-ltWNky0EF7Ri2bNBaO0rYpp2LxSUQ9s7a0QSefFt0Hw_TXdDEGftSLqmKbXDuUo1gaqT2AbI/s320/BorderSidebarTitle3.jpg" /></a>
<br/>
<br/>
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod di atas (No. 4) dan enter
<br/>
<br/>
6. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" selepas/di bawah kod No. 4 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
border:<span style="color:red">2</span>px <span style="color:blue">dashed</span> <span style="color:green">#000000</span>;<br/>
padding:5px;<br/>
border-radius:<span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px;<br/>
<span style="color:#800080">background:<span style="color:#800000">#999999</span>;</span><br/>
</span></div>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:red"><li type=square>
<b>Kod warna merah:</b><br/>
Untuk menambahkan/mengurangkan ketebalan border
</li></span></a>
<a class=""><span style="color:blue"><li type=square>
<b>Kod warna biru:</b><br/>
Untuk menukar jenis garisan border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/jenis-jenis-border-melalui-html.html" target="_blank"><b><i>*klik untuk mendapatkan jenis-jenis garisan border</i></b></a>
<a class=""><span style="color:green"><li type=square>
<b>Kod warna hijau:</b><br/>
Untuk menukar warna garisan border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<a class=""><span style="color:#FF1493"><li type=square>
<b>Kod warna pink:</b><br/>
Untuk menambahkan/mengurangkan panjang lengkung pada semua penjuru border<br/>
<i>*Panjang lengkung boleh diubah daripada no. 1 hingga 10 mengikut kesesuaian saiz tajuk;<br/>
**Jika hanya mahukan dua penjuru saja yang melengkung, laras seperti ini: <b>8px 0px 8px 0px</b> -atau- <b>0px 8px 0px 8px</b>;<br/>
***Jika tidak perlukan lengkung dikesemua empat penjuru, laras seperti ini: <b>0px 0px 0px 0px</b>.</i>
</li></span></a>
<a class=""><span style="color:#800000"><li type=square>
<b>Kod warna merun:</b><br/>
Untuk menukar warna background dalam border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<li type=square>
Jika tidak mahukan warna background dalam border, buangkan saja kod warna <span style="color:#800080"><b>ungu</b></span> dan <span style="color:#800000"><b>merun</b></span>
</li>
</ul>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJ5UAq67PVUkGqZD7WoxVsMyAhKPD7RFEg8vRR2kfnYKaD-YVgettnbupMwgqQwn51CoXHheyfcfc1PBVs4ULe9Sl3EpBhrnEF5JBufyzaWvgDqEhX82gz47rASKK2T-WWVdt0Ksk4wA/s1600/BorderSidebarTitle4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOJ5UAq67PVUkGqZD7WoxVsMyAhKPD7RFEg8vRR2kfnYKaD-YVgettnbupMwgqQwn51CoXHheyfcfc1PBVs4ULe9Sl3EpBhrnEF5JBufyzaWvgDqEhX82gz47rASKK2T-WWVdt0Ksk4wA/s320/BorderSidebarTitle4.jpg" /></a>
<br/>
<br/>
7. Akhir sekali, klik butang "<b>Save template</b>" dan siap!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com48tag:blogger.com,1999:blog-8990700046298941217.post-43705224816227264322013-07-22T22:34:00.000+08:002013-07-22T22:34:31.939+08:00Buat Border Pada Setiap Tajuk Post Entri<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHqls5N12dQZjSdlLzU9RQISGoD9GYclCVupDdmfEbhqw1UirB8QdBRYqAAs81VsHE6yNSodvTaq9bld2uLLpG4vbTysRcz23GzkVPYLPzxnZFIy71RgS72UxTd4MynTRZb_mDxo4nU0/s1600/BorderPostTitle.png" align="left" />
</div>
<br/>
<div align="justify">
Tutorial yang lepas, CK ada menunjukkan cara menghasilkan <a href="http://cikgukacamata.blogspot.com/2013/06/buat-border-pada-ruangan-post.html" target="_blank"><b>Border Pada Ruangan Post</b></a>. Pada tutorial ini, CK menunjukkan pula cara bagaimana menghasilkan <b>Border Pada Setiap Tajuk Post Entri</b>.
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmh4fzwRsXKRJM70-hpvnzafYO4iPknhO0N47cVJ8CTXCzHLyqLigEbraG3rJZyNSB_CBCqDfRiywTBtBbaqrw9IXZVIRgRYF7ZO1jFL-Ynvoic6ATvPEIhMVAXGJPo45m3mpeVMVjGDI/s640/BorderPostTitle.jpg" width="500"/>
</center>
<br/>
<br/>
<b>Ikuti langkah-langkah untuk menghasilkannya:</b>
<br/>
<br/>
<center>
1. "<b>More options</b>"
<br/>
<br/>
2. Klik pada "<b>Template</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSRHkD836MzGldWneSFnH6fwio9VjgeN76cKw2VNmJc-q34I7z07c1XrkLW1eOqJcIphcctX-SCVyqXOgjKsQNUycY7woPdruwgP2uJpJeQvH_zB3KJdBjQQxPKU9JHt0IKTEH2qQX_g/s1600/BorderPostTitle1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWSRHkD836MzGldWneSFnH6fwio9VjgeN76cKw2VNmJc-q34I7z07c1XrkLW1eOqJcIphcctX-SCVyqXOgjKsQNUycY7woPdruwgP2uJpJeQvH_zB3KJdBjQQxPKU9JHt0IKTEH2qQX_g/s320/BorderPostTitle1.jpg" /></a>
<br/>
<br/>
3. Kemudian klik butang "<b>Edit HTML</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIis09qfe1mYsV5VT-HnGuUBlqFTK9-fh8xBfMJmoV-WdXcxRoGXXWACCig9xldQDAZWqZIM3J6GQnb2aZ7JsRJTiIkuoKUjLbIJfSeXKG6R1sJG4MtwkpMyFDdlZw3NrgIxuAT1jMCr8/s1600/BorderPostTitle2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIis09qfe1mYsV5VT-HnGuUBlqFTK9-fh8xBfMJmoV-WdXcxRoGXXWACCig9xldQDAZWqZIM3J6GQnb2aZ7JsRJTiIkuoKUjLbIJfSeXKG6R1sJG4MtwkpMyFDdlZw3NrgIxuAT1jMCr8/s320/BorderPostTitle2.jpg" /></a>
<br/>
<br/>
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
h4 {
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjey-D_FbvLJSrPdP9nqj5iuoKqwlEgdEWH4Uy20aMoSGMuNL36uvzvXruA5JNwf0ONERNRYmSEC-20LsKGauKn0csUptG4IfVLlcOMF0yewnBL20zzqmOzJcabOZednFXRRYCdrXWwVt4/s1600/BorderPostTitle3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjey-D_FbvLJSrPdP9nqj5iuoKqwlEgdEWH4Uy20aMoSGMuNL36uvzvXruA5JNwf0ONERNRYmSEC-20LsKGauKn0csUptG4IfVLlcOMF0yewnBL20zzqmOzJcabOZednFXRRYCdrXWwVt4/s320/BorderPostTitle3.jpg" /></a>
<br/>
<br/>
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod di atas (No. 4) dan enter
<br/>
<br/>
6. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" selepas/di bawah kod No. 4 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
border:<span style="color:red">2</span>px <span style="color:blue">dashed</span> <span style="color:green">#000000</span>;<br/>
padding:5px;<br/>
border-radius:<span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px <span style="color:#FF1493">8</span>px;<br/>
<span style="color:#800080">background:<span style="color:#800000">#999999</span>;</span><br/>
</span></div>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:red"><li type=square>
<b>Kod warna merah:</b><br/>
Untuk menambahkan/mengurangkan ketebalan border
</li></span></a>
<a class=""><span style="color:blue"><li type=square>
<b>Kod warna biru:</b><br/>
Untuk menukar jenis garisan border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/jenis-jenis-border-melalui-html.html" target="_blank"><b><i>*klik untuk mendapatkan jenis-jenis garisan border</i></b></a>
<a class=""><span style="color:green"><li type=square>
<b>Kod warna hijau:</b><br/>
Untuk menukar warna garisan border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<a class=""><span style="color:#FF1493"><li type=square>
<b>Kod warna pink:</b><br/>
Untuk menambahkan/mengurangkan panjang lengkung pada semua penjuru border<br/>
<i>*Panjang lengkung boleh diubah daripada no. 1 hingga 10 mengikut kesesuaian saiz tajuk;<br/>
**Jika hanya mahukan dua penjuru saja yang melengkung, laras seperti ini: <b>8px 0px 8px 0px</b> -atau- <b>0px 8px 0px 8px</b>;<br/>
***Jika tidak perlukan lengkung dikesemua empat penjuru, laras seperti ini: <b>0px 0px 0px 0px</b>.</i>
</li></span></a>
<a class=""><span style="color:#800000"><li type=square>
<b>Kod warna merun:</b><br/>
Untuk menukar warna background dalam border
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<li type=square>
Jika tidak mahukan warna background dalam border, buangkan saja kod warna <span style="color:#800080"><b>ungu</b></span> dan <span style="color:#800000"><b>merun</b></span>
</li>
</ul>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV6lykAQ3Jjb2yGgeHJxhVrkNagAj3SR6tlW77GLSqp_iIAeqpCS0YmRCUq2qyIiFS0DrmggYH-1dOrWOU4b-U5Ux8WPuoG5CjIEmiIA3bnpAuVo_82L8nGGRd2zJdPnK4-M01gGZgtQU/s1600/BorderPostTitle4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV6lykAQ3Jjb2yGgeHJxhVrkNagAj3SR6tlW77GLSqp_iIAeqpCS0YmRCUq2qyIiFS0DrmggYH-1dOrWOU4b-U5Ux8WPuoG5CjIEmiIA3bnpAuVo_82L8nGGRd2zJdPnK4-M01gGZgtQU/s320/BorderPostTitle4.jpg" /></a>
<br/>
<br/>
7. "<b>Save template</b>" dan selesai!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com17tag:blogger.com,1999:blog-8990700046298941217.post-56373049816080004112013-07-19T09:22:00.000+08:002013-07-19T09:22:44.896+08:00Buang Showing Posts With Label Blogger<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzqYli4UclKj70sWjiC6XQxrh_d7g0zNS_8awNPR2VdagzINiL7MI6LsMnCs6T2awg_o-CsCgFTOF-Lf8eFz_-67yXGrpRShEkcEOSsUSkdtDkdDcVSH73GFNdTZHOcBY-t8AqVcNk4zY/s1600/BuangShowingPost.png" align="left" />
</div>
<br />
<div align="justify">
Apakah itu <b>Showing Posts With Label</b>?<br/>
Apabila kita klik pada mana-mana link label pada post, kita akan ditunjukkan semua post yang mempunyai label sama dan di bahagian atasnya juga terpapar ayat yang menunjukkan <b>Showing posts with label.....Show all Posts</b>. Ini kebiasaannya tidak digemari oleh blogger dan jalan penyelesaiannya adalah membuang ayat tersebut.
</div>
<br/>
<a name='more'></a>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN05OvcklzixaX2hSDSf4E1METvyvm8F59XmNyc7h4sDIuOgJ-d8z8c2T4Q_aUEAhtAaa6OvhCw9u0dD9p2uvRZfdQ_uOxnRuUfuwI70dXG2Qb0UfeLXicvpL2N08nlU64LzWVlgyFJBM/s1600/BuangShowingPost.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN05OvcklzixaX2hSDSf4E1METvyvm8F59XmNyc7h4sDIuOgJ-d8z8c2T4Q_aUEAhtAaa6OvhCw9u0dD9p2uvRZfdQ_uOxnRuUfuwI70dXG2Qb0UfeLXicvpL2N08nlU64LzWVlgyFJBM/s400/BuangShowingPost.jpg" /></a>
</center>
<br />
<b>Ikuti langkah-langkah ini untuk membuangnya:</b>
<br/>
<br/>
<center>
1. Pilih "<b>More options</b>"
<br />
<br />
2. "<b>Template</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-fFrF4cBTMZYC2PexXdHChJfpHL5tyl6AzI5ADrueQCBOrwvULYVVtz-RXTAmD61O7dyqg0OANST_zRhYCYcVHWu4BSNxhGAEf65H0g4KhFnUuPcN4TgDx6vpSm4vCr5xmJBK79Ye4PQ/s1600/BuangShowingPost1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-fFrF4cBTMZYC2PexXdHChJfpHL5tyl6AzI5ADrueQCBOrwvULYVVtz-RXTAmD61O7dyqg0OANST_zRhYCYcVHWu4BSNxhGAEf65H0g4KhFnUuPcN4TgDx6vpSm4vCr5xmJBK79Ye4PQ/s320/BuangShowingPost1.jpg" /></a>
<br />
<br />
3. Klik butang "<b>Edit HTML</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOdx6i9gSahlNglUU_FYumPuB0iiQpDlv_A1cKPanGLi2rfrU0xzHUQ8P3GWGMlfbdekMolYKmgq8axeTCWO92_QWUwiJl9npNu1OAhxyc4OkSv51kVenSoDKpV8suME8FYfUv9mnpZU/s1600/BuangShowingPost2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCOdx6i9gSahlNglUU_FYumPuB0iiQpDlv_A1cKPanGLi2rfrU0xzHUQ8P3GWGMlfbdekMolYKmgq8axeTCWO92_QWUwiJl9npNu1OAhxyc4OkSv51kVenSoDKpV8suME8FYfUv9mnpZU/s320/BuangShowingPost2.jpg" /></a>
<br />
<br />
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<b:includable id='status-message'>
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUyCOUeNwqvk8HWAWWa4ZuEg9ujhvQ2f3BYchu589ymZC1F7xxGQMWyodSfYFNSbyhViKipUTeccqNdrDSFVI49bvyyjmqKA7HQNm8q9JPAeIF8uL6ISVuGNGl6x275s7NMjSmkflQD0/s1600/BuangShowingPost3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglUyCOUeNwqvk8HWAWWa4ZuEg9ujhvQ2f3BYchu589ymZC1F7xxGQMWyodSfYFNSbyhViKipUTeccqNdrDSFVI49bvyyjmqKA7HQNm8q9JPAeIF8uL6ISVuGNGl6x275s7NMjSmkflQD0/s320/BuangShowingPost3.jpg" /></a>
<br />
<br />
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod No. 4 tadi dan tekan <b>enter</b>
<br />
<br />
6. Klik pada simbol anak panah hitam untuk <b>expand</b> kod
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguyfyRvB0-0f0hbvTY-GaX02GWAwe364a1N9v2HlIHm5KYw-W16z_4dvwkBLucK73v3C6-er23-nZ0Vx63_K2jv17uQZvqE3FG-i4GzR0zn-SShUXJbowf5wo5bwQEO1dj_eEX26prBHI/s1600/BuangShowingPost4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguyfyRvB0-0f0hbvTY-GaX02GWAwe364a1N9v2HlIHm5KYw-W16z_4dvwkBLucK73v3C6-er23-nZ0Vx63_K2jv17uQZvqE3FG-i4GzR0zn-SShUXJbowf5wo5bwQEO1dj_eEX26prBHI/s320/BuangShowingPost4.jpg" /></a>
<br />
<br />
7. Selepas <b>expand</b> kod, cari kod dibawah dan 'highlight' kod tersebut:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
</pre></td></tr>
</table>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNBvWcZILk1X2nk-YAy220MtZzW_xIwVDOj1go268XZBGRxqLVzwXxQBE0V0MLqbnynjGA6VW5i7siC8d-4wuiTtBiqa_LADrii3ZDQxOvYv9xXmMe9sqvV-qYKkedLU2Ev6Y8RaASqKs/s1600/BuangShowingPost5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNBvWcZILk1X2nk-YAy220MtZzW_xIwVDOj1go268XZBGRxqLVzwXxQBE0V0MLqbnynjGA6VW5i7siC8d-4wuiTtBiqa_LADrii3ZDQxOvYv9xXmMe9sqvV-qYKkedLU2Ev6Y8RaASqKs/s320/BuangShowingPost5.jpg" /></a><br/>
<i>Highlight kod No. 7 seperti rujukan di atas</i>
<br/>
<br />
<br />
8. Gantikan kod No. 7 yang di'highlight' tadi dengan kod di bawah ini:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
</pre></td></tr>
</table>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqDAH8PvQGVRwKOC2ueV4cfvAK02GPxBOFtwX4nvsKOvEZ7o2n9_SABXedIy9MV-OWpOYHX9KX0sS0JMkaEsB63CAbhhDoMgycdGUJdr4AWhbOKkt-ZgqGEd0Qu5SUdHu1qPB8b0VrPc/s1600/BuangShowingPost6.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxqDAH8PvQGVRwKOC2ueV4cfvAK02GPxBOFtwX4nvsKOvEZ7o2n9_SABXedIy9MV-OWpOYHX9KX0sS0JMkaEsB63CAbhhDoMgycdGUJdr4AWhbOKkt-ZgqGEd0Qu5SUdHu1qPB8b0VrPc/s320/BuangShowingPost6.jpg" /></a><br/>
<i>Beginilah keadaan setelah kod asal (kod No. 7) yang telah digantikan dengan kod No. 8</i>
<br/>
<br/>
<br/>
7. "<b>Save template</b>" dan selesai!
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br />
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>
Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com85tag:blogger.com,1999:blog-8990700046298941217.post-1783165355159321812013-07-17T12:23:00.000+08:002013-07-17T12:24:21.126+08:00Buang Butang Newer Post, Older Post dan Home<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2i6DG1VtSwQVWyPvNWGsJRqrh3u-T6gpevEv1_YKvjlfqUeGeetgrburEa3Ej1Z_qt1XduP5V-vIo4Mh1ppvLlwHvzwT1jSBbHAJFr6q_ZDwRVxksqGz9NsRWTNLOz210Y5nNxa5j2vs/s1600/BuangNewerOlderHome.png" align="left" />
</div>
<br/>
<div align="justify">
Ada sesetengah blogger terutama kepada blogger yang mahukan blog mereka kelihatan seperti website profesional tidak inginkan butang <b>Newer Post</b>, <b>Home</b> dan <b>Older Post</b>. Butang tiga serangkai yang terletak dibahagian bawah post ini kelihatan agak menganggu dan mencacatkan sedikit blog.
</div>
<br/>
<a name='more'></a>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UJ-QIyDXYDRRFtQ1uwS-b7s_2YTkuyJE3tPfxm-6kjfFQId5rhSL1HaNl5NxiHY27Htc8x9QSFA22xOU_NkP8zJWYJTH6zQhynsB5WVcsQZVZKXts_9_j9cL1FNLccB1o6AWTEOecpY/s1600/BuangNewerOlderHome.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9UJ-QIyDXYDRRFtQ1uwS-b7s_2YTkuyJE3tPfxm-6kjfFQId5rhSL1HaNl5NxiHY27Htc8x9QSFA22xOU_NkP8zJWYJTH6zQhynsB5WVcsQZVZKXts_9_j9cL1FNLccB1o6AWTEOecpY/s400/BuangNewerOlderHome.jpg" /></a>
</center>
<br />
<br />
<b>Bagi mereka yang tidak menyukai butang tiga serangkai ini, bolehlah mengikuti langkah-langkah di bawah untuk membuangnya:</b>
<br />
<br />
<center>
1. "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Template</b>" dan klik butang "<b>Customise</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzzWvnP89Ts79Gom-NqUyxjdy7r1X6bn4q4TOPbSkY0u_DUscTteY_44O2ViQFWJV1yFgqJY9UGmfptSsnsIcPgL2d9EUUtyX1FgOrcqFfm8DQ7TnCWxliEFbmltUyUE1h6t5riU7YDfk/s1600/BuangNewerOlderHome1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzzWvnP89Ts79Gom-NqUyxjdy7r1X6bn4q4TOPbSkY0u_DUscTteY_44O2ViQFWJV1yFgqJY9UGmfptSsnsIcPgL2d9EUUtyX1FgOrcqFfm8DQ7TnCWxliEFbmltUyUE1h6t5riU7YDfk/s320/BuangNewerOlderHome1.jpg" /></a>
<br />
<br />
3. "<b>Copy</b>" pilihan kod-kod di bawah:
</center>
<br/>
<i>♦ Kod untuk membuang butang <b>Newer Post</b> sahaja:</i>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
#blog-pager-newer-link {<br/>
display:none;<br/>
}<br/>
</span>
</div>
<br/>
<br/>
<i>♦ Kod untuk membuang butang <b>Older Post</b> sahaja:</i>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
#blog-pager-older-link {<br/>
display:none;<br/>
}<br/>
</span>
</div>
<br/>
<br/>
<i>♦ Kod untuk membuang ketiga-tiga butang, <b>Newer Post</b>, <b>Older Post</b> dan <b>Home</b>:</i>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
#blog-pager {<br/>
display:none;<br/>
}<br/>
</span>
</div>
<br/>
<center>
Pada "Blogger Template Designer", klik butang "<b>Advanced</b>"
<br />
<br />
4. Scroll bawah sikit dan klik "<b>Add CSS</b>"
<br />
<br />
5. Pada bahagian "Add custom CSS", "<b>Paste</b>" kod pilihan yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa <b>TEKAN ENTER</b> sekali
<br/>
<br/>
6. Akhir sekali, klik butang "<b>Apply to Blog</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSMCEzQh4ioZe_g8pNlT9MRiYoiey3VCn75yNsjX12jxdq5s0ugeg6bxlj_vbe-3Ne6YhIZ1VI0jFC-DOaxSwiBeD9xrIC3u1DnFHIiXR8Uv25EqpuMI4VY64Zy0qFgszRfmppQ9pWD8/s1600/BuangNewerOlderHome2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqSMCEzQh4ioZe_g8pNlT9MRiYoiey3VCn75yNsjX12jxdq5s0ugeg6bxlj_vbe-3Ne6YhIZ1VI0jFC-DOaxSwiBeD9xrIC3u1DnFHIiXR8Uv25EqpuMI4VY64Zy0qFgszRfmppQ9pWD8/s320/BuangNewerOlderHome2.jpg" /></a>
<br/>
<br/>
Selesai!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>
Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com27tag:blogger.com,1999:blog-8990700046298941217.post-80118053366830177032013-07-16T16:21:00.000+08:002013-07-16T16:21:05.877+08:00Postku Di Cetak Rompak Oleh Lanun<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSGgU9E7bvU6qG3hCZuwwbJVUAkvAUHmaGNvheEIoWHj5KwnRYs5ESFYiIvHwQxI9URyl8ge2R5gs2kLRaNMlZVdQauLzNVaZNGJW3fQfoS_fkIUCAiV_LfgQgw9oy99pqdpgvZiWfJ_4/s1600/LanunCetakPost.png" align="left" />
<br/>
Kenali blogger yang menjadi <b>LANUN CETAK ROMPAK POST!</b>.....
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtnTQw0_fEGWhFWk9CbZUFYXTBy_NaBdvCOWXjcu1j3PXXQLNyPkuRxSovTGImJOniEsMcaLHJ1QUrbZlGUBkhQq1W_EDVMOXa76RyDmnV-JtUKNfjGX3gKDZKApYaGhETpjbMPm9Zqac/s400/LanunCetakPost1.png" />
</center>
<br/>
<div align="justify">
Tujuan CK utarakan post ini bukanlah nak mengaibkan sesiapa. Tapi bila post-post CK telah <b>dicetak rompak</b> bulat-bulat tanpa kebenaran itulah yang membuatkan CK terpanggil untuk bersuara. CK ikhlas berikan tutorial-tutorial untuk perkongsian bersama. Jika perlukan tutorial tersebut untuk dimasukkan ke dalam blog dan hendak berkongsi dengan rakan blogger lain CK benarkan tapi seperti kita memasuki rumah orang, perlu bagi salam terlebih dahulu.
</div>
<br/>
<br/>
<center>
Inilah blog yang CK maksudkan (maafkan CK ye tuan blog):
<br/>
<br/>
<a href="http://toponside.blogspot.com/" target="_blank"><span style="color:red;font-size:29px"><b>http://toponside.blogspot.com</b></span></a>
<br/>
<br/>
<br/>
Melihatkan blog tersebut, anda nilaikanlah sendiri.....
</center>
<br/>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com44tag:blogger.com,1999:blog-8990700046298941217.post-90158586758086389632013-07-16T13:06:00.000+08:002013-07-16T13:09:38.491+08:00Buat Scrollbar Dengan Border Pada Komen Post<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHgJNhTczS5zKcq_THbRfQjjE_JuOtrWePYpSPLmgr1nXRihhU63kKW1oUEcrdWCiTkRor6_dfj7UKwfNujY9kIw48y5LX6MC8qgDkmtVeubGL4lM3SVj0gENf2f6koJvzXNXBXQoWp3g/s1600/ScrollbarKomen.png" align="left" />
</div>
<br/>
<div align="justify">
Kali ini, atas permintaan <a href="http://blogmizzaiza.blogspot.com/" target=_blank"><b>Mizz Aiza</b></a>, CK nak tunjukkan cara-cara hendak <b>Membuat Scrollbar Dengan Border dan Background Color Pada Komen Post</b> pula. Tujuan meletakkan Scrollbar pada komen post ini adalah bertujuan hendak mengurangkan ruang jarak pada komen-komen yang banyak dan ia kelihatan kemas dan teratur malah dapat menjimatkan ruang blog daripada menjadi panjang berjela.
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUFk2xeDeyAhXjAAvK-YBxj1M3bUcIE9mj1zzaIdrTfnKLe558JfY-KLkI5wrhA_nDr8wUwtKtul3oJ2Kjf5veiVA7wEBU_6UXc1DdTKoyIBe69hFxP38Rl02oQcw5F0yD4XeLGLMyA8k/s400/ScrollbarKomen.gif" />
</center>
<br />
<br />
<b>Ikuti langkah-langkah di bawah:</b>
<br />
<br />
<center>
1. Klik "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Template</b>" kemudian klik "<b>Customise</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxk1qL9r49Zbex9cnhog5K40cacRxep-YNyJaBdEJPLR2Jwv6Cyy2li6P1xftuS7uCVeqL-mtanNvNanHc4-nD8ojokC4T0-nWxP50W2gPUFJLI3EgLrxuASVKFHCqVQsX9_qmO2B_NE/s1600/ScrollbarKomen1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKxk1qL9r49Zbex9cnhog5K40cacRxep-YNyJaBdEJPLR2Jwv6Cyy2li6P1xftuS7uCVeqL-mtanNvNanHc4-nD8ojokC4T0-nWxP50W2gPUFJLI3EgLrxuASVKFHCqVQsX9_qmO2B_NE/s320/ScrollbarKomen1.jpg" /></a>
<br />
<br />
3. "<b>Copy</b>" kod di bawah:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
#comments {<br/>
height:<span style="color:blue">700</span>px;<br/>
padding:5px 10px 10px 10px;<br/>
border:<span style="color:green">5</span>px <span style="color:#800080">double</span> <span style="color:#FF1493">#aaaaaa</span>;<br/>
<span style="color:red">background:<span style="color:#00FFFF">#fafafa</span>;</span><br/>
overflow:auto;<br/>
}<br/>
</span>
</div>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:blue"><li type=square>
<b>Kod warna biru:</b><br/>
Untuk menambahkan/mengurangkan jarak tinggi Scrollbar yang dikehendaki
</li></span></a>
<a class=""><span style="color:green"><li type=square>
<b>Kod warna hijau:</b><br/>
Untuk menukar ketebalan border pada Scrollbar
</li></span></a>
<a class=""><span style="color:#800080"><li type=square>
<b>Kod warna ungu:</b><br/>
Untuk menukar jenis border pada Scrollbar
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/jenis-jenis-border-melalui-html.html" target="_blank"><b><i>*klik untuk mendapatkan jenis-jenis border lain</i></b></a>
<a class=""><span style="color:#FF1493"><li type=square>
<b>Kod warna pink:</b><br/>
Untuk menukar warna border pada Scrollbar
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<a class=""><span style="color:#00FFFF"><li type=square>
<b>Kod warna aqua/cyan:</b><br/>
Untuk mengubah warna background dalam border Scrollbar
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<li type=square>
Jika tidak perlukan warna background dalam border Scrollbar, buangkan saja kod warna <span style="color:red"><b>merah</b></span> dan <span style="color:#00FFFF"><b>aqua/cyan</b></span>
</li>
</ul>
<center>
<br/>
Pada "Blogger Template Designer", klik butang "<b>Advanced</b>"
<br />
<br />
4. Scroll bawah sikit dan klik "<b>Add CSS</b>"
<br />
<br />
5. Pada bahagian "Add custom CSS", "<b>Paste</b>" kod yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa <b>TEKAN ENTER</b> sekali
<br/>
<br/>
6. Akhir sekali, klik butang "<b>Apply to Blog</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimnaCWGdPHQdcBOrS0clNljsQnOWeS_Mqf9D56fhgC8dNPD5_6m5CefaUYGVmURbkWQ6bLMkzR57a08qTCNVgmq6IYaCLVdbHP-kEEXEX_PIVb7UiLdBVkDS0-1AVfMklyc4K4283lrbU/s1600/ScrollbarKomen2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimnaCWGdPHQdcBOrS0clNljsQnOWeS_Mqf9D56fhgC8dNPD5_6m5CefaUYGVmURbkWQ6bLMkzR57a08qTCNVgmq6IYaCLVdbHP-kEEXEX_PIVb7UiLdBVkDS0-1AVfMklyc4K4283lrbU/s320/ScrollbarKomen2.jpg" /></a>
<br/>
<br/>
Siap!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com25tag:blogger.com,1999:blog-8990700046298941217.post-31225622477167644812013-07-15T11:49:00.000+08:002013-07-15T11:49:25.609+08:00Rezeki Sebelum Buka Puasa<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuFgQ_CIp1DIDkrZanjGQC7qtmJeRvVmOazHEve_syLewxZxQAv_UOIc4hyAFP7jLKyC4s5RZqwrkqA_7x-UWW2qqV5KXksKv7Pk9OM47CIjCDXAq1-E81F5JEMaifR4JUL3BUXsawDaI/s1600/Mancin.png" align="left" />
<br/>
Alhamdulillah...Rezeki Allah kurniakan sebelum berbuka puasa.....
</div>
<br/>
<a name='more'></a>
<div align="justify">
Petang semalam, CK bersama hero CK yang sulong, Ammar Haziq telah berkomplot dua beranak pergi memancing dekat parit kecil simpang depan rumah. CK saja gatal-gatal tangan sebab dah lama tak pegang joran lagipun dah berjanji dengan Ammar nak bawa pergi mancing. Lagi satu CK pun nak anak-anak mewarisi hobi memancing ini. Jika ditakdirkan CK dah takde kat dunia ni, siapalah nak 'lenjan' barang-barang pancing ni kalau bukan mereka. <a href="http://myvintagelures.com" target="_blank">Gewang-gewang antik</a> CK yang CK sayang dan dah lama kumpul ni, bukankah milik mereka nanti...<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicVeU5PS98HX5z8PWZzL1ynj4o9GsrEj7M7OU86SYu-P_BSRT61evIPDgHSyEBAV4-N1U9dbA_c5gZXDX0yL3_N5O0O2DSetkeFnlFbNLm7ptP9DosCnnV88IK2un2T5vgLu99whGnCAI/s400/2013-07-14+19.12.44.jpg" /><br/>
<i>Inilah port yang dikatakan. Parit tak luas tapi penghuni di dalamnya...</i>
</center>
<br/>
Dah lebih empat tahun CK tinggal sana tapi semalam baru pertama kali dapat melabuhkan umpan di situ. Geram bila melihat anak-anak sepat main atas permukaan air. Niat utama hendak mendapatkan anak-anak sepat atau puyu. Jadi CK sediakanlah set kelengkapan paling ringan sahaja.
<br/>
<br/>
Operasi bermula dari jam 6.10pm berlarutan hingga jam 6.40pm. Dengan berbekalkan joran jenis 'telescopic pole' empat keratan (panjang keseluruhan 16'), tali tangsi 6lb dan mata kail saiz 6, umpan isi udang segar + garam pun dilabuhkan. Nampaknya tiada langsung ragutan dan sentapan dirasakan.
<br/>
<br/>
Sambil menanti umpan diragut, CK terdengar bunyi haruan sedang menyambar sesuatu. Tanpa berlengah CK terus melabuhkan umpan disitu. Tak sampai 5 minit, umpan yang dilabuhkan terus disambar dengan rakusnya. CK terpaksa melayan dahulu larian si ikan sebab mata kail yang dipasang amat kecil dan mudah terlucut dari tangsi dan mulut si ikan jika tergopoh.
<br/>
<br/>
Selang beberapa saat, seekor haruan berskala antara 500g~600g berjaya didaratkan, alhamdulillah.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBl9GnJ4GihAREt-d5KM_8v2TeuMYeGL-AngsH8kN7FCuqATo6QUdXP2ARi7DLbSEFRx5Q56Uo5TXHh9VO6dh3ZqRsZJnOwMqq8jXJAE38ippCANpQuWZukYlY6wz7zFWjh7iy0hed0yY/s1600/Mancin2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBl9GnJ4GihAREt-d5KM_8v2TeuMYeGL-AngsH8kN7FCuqATo6QUdXP2ARi7DLbSEFRx5Q56Uo5TXHh9VO6dh3ZqRsZJnOwMqq8jXJAE38ippCANpQuWZukYlY6wz7zFWjh7iy0hed0yY/s400/Mancin2.jpg" /></a><br/>
<i>Ammar sedang 'menglamourkan' diri berposing dengan haruan</i>
</center>
<br/>
<br/>
Terus CK tunjukkan pada Ammar. Bila suruh pegang, lari lintang-pukang kegelian...hehe.
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSc0C6xzKCC5EGMM_P14X_A_fADWng3l_batOdXPP7QaPIMdweWydTZGXxsG_1ADikoF26Ijicfg1R6iYXlsiJzUqKdD0xx_oiGEKnecLmWsA4kxGKoMePVolD1yKi1Ft_YZFsjhMn0o/s1600/Mancin3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiSc0C6xzKCC5EGMM_P14X_A_fADWng3l_batOdXPP7QaPIMdweWydTZGXxsG_1ADikoF26Ijicfg1R6iYXlsiJzUqKdD0xx_oiGEKnecLmWsA4kxGKoMePVolD1yKi1Ft_YZFsjhMn0o/s400/Mancin3.jpg" /></a><br/>
<i>Reaksi Ammar bila haruan menggelupur :D </i>
</center>
<br/>
<br/>
Si haruan tu pun tak nak melepaskan peluang untuk 'menginterpremkan' diri jugak. Shotla juga pose dia nanti kecil hati pulak.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX9FxqLxhJa4K0UZ94NjxGPjefo4S4YIgLc_4jvQ1IbQb8fZLh_SpD_EAAHhsWalgVGoIiX7a6Veh4b1L5XlYrV1V8SDi4njfw4vH6MXypOu8DZlB1ylOmHFvYLtYr3YIE5b2_Q8NGoDc/s1600/Mancin4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX9FxqLxhJa4K0UZ94NjxGPjefo4S4YIgLc_4jvQ1IbQb8fZLh_SpD_EAAHhsWalgVGoIiX7a6Veh4b1L5XlYrV1V8SDi4njfw4vH6MXypOu8DZlB1ylOmHFvYLtYr3YIE5b2_Q8NGoDc/s400/Mancin4.jpg" /></a><br/>
<i>Haruan sedang berposing dalam raga EX5</i>
</center>
<br/>
<br/>
Itulah, CK tak sangka petang tu boleh dapat haruan. Bagi CK saiz haruan tu agak besar jika dibandingkan dengan luas parit...tapi rezeki Allah Ta'ala berikan. Syukur Alhamdulillah.<br/>
Hilanglah sikit gatal-gatal tangan ni. Buat Ammar, tertunaila juga hajat mengikut daddy pergi mancing depan rumah :)
</div>
<br/>
<b><i>*nota: bagi kaki-kaki pancing diluar sana, bolehlah layari <a href="http://mygewang.com">MyGewang.com</a> bagi mendapatkan barangan berkaitan dunia pancing di sana!</i></b>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com20tag:blogger.com,1999:blog-8990700046298941217.post-911322968639107112013-07-13T11:30:00.000+08:002013-07-13T11:32:01.511+08:00Buat Scrollbar Pada Artikel Panjang<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlD_Cja3T7yJPU6Ora9PJJFl1w6AfIZcHTSnlN7VEh0IEORNWXThOW7Zc2Wk8WmClfLYSAupZDbKvHDAmnzWuQ3m9hZcWEkJS7qooJwsVu8jXOal8k_kerulyr35PsGAqrVAZVLYEBtmw/s1600/ScrollbarPanjang.png" align="left" />
</div>
<br/>
<div align="justify">
<b>Scrollbar</b> merupakan satu item bagi membantu meringkaskan sebarang artikel, komen, gambar atau apa saja. Dengan adanya <b>Scrollbar</b>, blog akan kelihatan kemas dan mana artikel yang panjang akan menjadi ringkas dan teratur. Ia juga boleh diaplikasikan pada <b>Sidebar Widget</b> seperti <a href="http://cikgukacamata.blogspot.com/2013/07/wujudkan-scrollbar-pada-popular-post.html" target="_blank"><b>Widget Popular Post</b></a> dan <a href="http://cikgukacamata.blogspot.com/2013/07/wujudkan-scrollbar-pada-blog-archive.html" target="_blank"><b>Widget Blog Archive</b></a>.
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglJH_afWrw_3mSWQUfVij3uLiDpc6e91XgHBenzWTuKckEcHx_Th9sRYutOGhSREYnepi8nXLsMaVRdZUbj_LbcPRXLmumHGF8sA_HurVBh9jO-AKOcZt_M5qeZG59r2-rKWrLDF12hL0/s1600/ScrollbarTest.gif" />
</center>
<br/>
<br/>
<center><b> Lihat contoh Scrollbar dan Cara Penghasilannya:</b></center>
<br/>
<br/>
<b>♦ <u>Scrollbar Tanpa Border</u>:</b>
<br/>
<br/>
<div style="overflow:auto;width:100%;height:200px;padding:0px">
<div align="justify">
<b>1. CCTV CAMERAS AND HOUSINGS</b>
<br/>
<br/>
A. Provide cameras complete with Vandal-Resistant surface mount housings, mounting hardware and brackets as necessary. Provide, at minimum, housings having accessible maintenance facilities. Provide power and signal cable harnesses and connectors as suitable to allow for the ease of removal or replacement of a camera. The housings are subject to approval by the Engineer and S.O.
<br/>
<br/>
B. Video cables shall have no more than one splice between camera and controller bay/video amplifier. Use coaxial copper or glass fibred cable throughout. Do not exceed the CCTV equipment manufacturer’s recommendations for any cable run.
<br/>
<br/>
C. Provide only CCD color cameras having, at minimum, the following attributes:
<br/>
<ul>
<li>Signal System - PAL : 625 Lines<br/>
<li>Scanning System - 2:1 Interlace<br/>
<li>Total Pixels No. - 470K<br/>
<li>S/N Ratio - More Than 48dB (AGC Off)<br/>
<li>Resolution - Horizontal : 480 TV Lines<br/>
<li>Video Output Level - 1.0Vp-p (75ohm. Composite)<br/>
<li>Lens - Fixed Lens (f = 2.4 - 6mm)<br/>
<li>Sync. System - Internal<br/>
<li>Sensitivity - 0.O1 Lax<br/>
<li>Electronic Shutter - 1/50-1/10.000sec<br/>
<li>BLC - Auto<br/>
<li>White Balance - Auto<br/>
<li>AGC - Auto<br/>
<li>Supplied Voltage- DC9V-15V (Recommendation : DC 12V+/-0.5V)<br/>
<li>Power Consumption - Less Than 150mA<br/>
<li>Weight - Approx. 450q<br/>
<li>Dome Size – 100mm<br/>
<li>Connector - Video (Yellow), Power (Red), GND (Black)<br/>
</li></ul>
<br/>
<br/>
D. For copper cabling runs over 100m in length use either RG-59 cabling with line equalization and/or signal bolstering or RG-6 cabling. Signal runs over 150m in length and main inter controller switcher runs shall be in glass fibred cabling only.
<br/>
<br/>
E. Provide all cameras with auto-iris and bloom-reducing lens facilities giving low distortion imaging. 1/3 inch format cameras may be supplied providing that the indicated and required fields of view and light level performances are attained.
<br/>
<br/>
F. Final details of locations and mountings shall be approved by the Engineer.
</div>
</div>
<br/>
<center>
<b>Kod:</b>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<b><div style="overflow:auto;width:<span style="color:red">100%</span>;height:<span style="color:blue">200</span>px;padding:0px"></b>
<br/>
<br/>
<i>- TEKS ANDA -</i>
<br/>
<br/>
<b></div></b>
</span>
</div>
</center>
<br/>
<br/>
<b>♦ <u>Scrollbar Dengan Border</u>:</b>
<br/>
<br/>
<div style="overflow:auto;width:100%;height:200px;padding:0px;border:5px groove #ff0000">
<div align="justify">
<b>1. CCTV CAMERAS AND HOUSINGS</b>
<br/>
<br/>
A. Provide cameras complete with Vandal-Resistant surface mount housings, mounting hardware and brackets as necessary. Provide, at minimum, housings having accessible maintenance facilities. Provide power and signal cable harnesses and connectors as suitable to allow for the ease of removal or replacement of a camera. The housings are subject to approval by the Engineer and S.O.
<br/>
<br/>
B. Video cables shall have no more than one splice between camera and controller bay/video amplifier. Use coaxial copper or glass fibred cable throughout. Do not exceed the CCTV equipment manufacturer’s recommendations for any cable run.
<br/>
<br/>
C. Provide only CCD color cameras having, at minimum, the following attributes:
<br/>
<ul>
<li>Signal System - PAL : 625 Lines<br/>
<li>Scanning System - 2:1 Interlace<br/>
<li>Total Pixels No. - 470K<br/>
<li>S/N Ratio - More Than 48dB (AGC Off)<br/>
<li>Resolution - Horizontal : 480 TV Lines<br/>
<li>Video Output Level - 1.0Vp-p (75ohm. Composite)<br/>
<li>Lens - Fixed Lens (f = 2.4 - 6mm)<br/>
<li>Sync. System - Internal<br/>
<li>Sensitivity - 0.O1 Lax<br/>
<li>Electronic Shutter - 1/50-1/10.000sec<br/>
<li>BLC - Auto<br/>
<li>White Balance - Auto<br/>
<li>AGC - Auto<br/>
<li>Supplied Voltage- DC9V-15V (Recommendation : DC 12V+/-0.5V)<br/>
<li>Power Consumption - Less Than 150mA<br/>
<li>Weight - Approx. 450q<br/>
<li>Dome Size – 100mm<br/>
<li>Connector - Video (Yellow), Power (Red), GND (Black)<br/>
</li></ul>
<br/>
<br/>
D. For copper cabling runs over 100m in length use either RG-59 cabling with line equalization and/or signal bolstering or RG-6 cabling. Signal runs over 150m in length and main inter controller switcher runs shall be in glass fibred cabling only.
<br/>
<br/>
E. Provide all cameras with auto-iris and bloom-reducing lens facilities giving low distortion imaging. 1/3 inch format cameras may be supplied providing that the indicated and required fields of view and light level performances are attained.
<br/>
<br/>
F. Final details of locations and mountings shall be approved by the Engineer.
</div>
</div>
<br/>
<center>
<b>Kod:</b>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<b><div style="overflow:auto;width:<span style="color:red">100%</span>;height:<span style="color:blue">200</span>px;padding:0px;border:<span style="color:green">5</span>px <span style="color:#800080">groove</span> <span style="color:#FF1493">#ff0000</span>"></b>
<br/>
<br/>
<i>- TEKS ANDA -</i>
<br/>
<br/>
<b></div></b>
</span>
</div>
</center>
<br/>
<br/>
<b>♦ <u>Scrollbar Dengan Border dan Jarak Lebar Tertentu</u>:</b>
<br/>
<br/>
<div style="overflow:auto;width:500px;height:200px;padding:0px;border:2px solid #aaa">
<div align="justify">
<b>1. CCTV CAMERAS AND HOUSINGS</b>
<br/>
<br/>
A. Provide cameras complete with Vandal-Resistant surface mount housings, mounting hardware and brackets as necessary. Provide, at minimum, housings having accessible maintenance facilities. Provide power and signal cable harnesses and connectors as suitable to allow for the ease of removal or replacement of a camera. The housings are subject to approval by the Engineer and S.O.
<br/>
<br/>
B. Video cables shall have no more than one splice between camera and controller bay/video amplifier. Use coaxial copper or glass fibred cable throughout. Do not exceed the CCTV equipment manufacturer’s recommendations for any cable run.
<br/>
<br/>
C. Provide only CCD color cameras having, at minimum, the following attributes:
<br/>
<ul>
<li>Signal System - PAL : 625 Lines<br/>
<li>Scanning System - 2:1 Interlace<br/>
<li>Total Pixels No. - 470K<br/>
<li>S/N Ratio - More Than 48dB (AGC Off)<br/>
<li>Resolution - Horizontal : 480 TV Lines<br/>
<li>Video Output Level - 1.0Vp-p (75ohm. Composite)<br/>
<li>Lens - Fixed Lens (f = 2.4 - 6mm)<br/>
<li>Sync. System - Internal<br/>
<li>Sensitivity - 0.O1 Lax<br/>
<li>Electronic Shutter - 1/50-1/10.000sec<br/>
<li>BLC - Auto<br/>
<li>White Balance - Auto<br/>
<li>AGC - Auto<br/>
<li>Supplied Voltage- DC9V-15V (Recommendation : DC 12V+/-0.5V)<br/>
<li>Power Consumption - Less Than 150mA<br/>
<li>Weight - Approx. 450q<br/>
<li>Dome Size – 100mm<br/>
<li>Connector - Video (Yellow), Power (Red), GND (Black)<br/>
</li></ul>
<br/>
<br/>
D. For copper cabling runs over 100m in length use either RG-59 cabling with line equalization and/or signal bolstering or RG-6 cabling. Signal runs over 150m in length and main inter controller switcher runs shall be in glass fibred cabling only.
<br/>
<br/>
E. Provide all cameras with auto-iris and bloom-reducing lens facilities giving low distortion imaging. 1/3 inch format cameras may be supplied providing that the indicated and required fields of view and light level performances are attained.
<br/>
<br/>
F. Final details of locations and mountings shall be approved by the Engineer.
</div>
</div>
<br/>
<center>
<b>Kod:</b>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<b><div style="overflow:auto;width:<span style="color:red">500px</span>;height:<span style="color:blue">200</span>px;padding:0px;border:<span style="color:green">2</span>px <span style="color:#800080">solid</span> <span style="color:#FF1493">#aaa</span>"></b>
<br/>
<br/>
<i>- TEKS ANDA -</i>
<br/>
<br/>
<b></div></b>
</span>
</div>
</center>
<br/>
<br/>
<b>♦ <u>Scrollbar Dengan Border, Jarak Lebar Tertentu dan Posisi 'Center'</u>:</b>
<br/>
<br/>
<center>
<div style="overflow:auto;width:500px;height:200px;padding:0px;border:2px solid #aaa">
<div align="justify">
<b>1. CCTV CAMERAS AND HOUSINGS</b>
<br/>
<br/>
A. Provide cameras complete with Vandal-Resistant surface mount housings, mounting hardware and brackets as necessary. Provide, at minimum, housings having accessible maintenance facilities. Provide power and signal cable harnesses and connectors as suitable to allow for the ease of removal or replacement of a camera. The housings are subject to approval by the Engineer and S.O.
<br/>
<br/>
B. Video cables shall have no more than one splice between camera and controller bay/video amplifier. Use coaxial copper or glass fibred cable throughout. Do not exceed the CCTV equipment manufacturer’s recommendations for any cable run.
<br/>
<br/>
C. Provide only CCD color cameras having, at minimum, the following attributes:
<br/>
<ul>
<li>Signal System - PAL : 625 Lines<br/>
<li>Scanning System - 2:1 Interlace<br/>
<li>Total Pixels No. - 470K<br/>
<li>S/N Ratio - More Than 48dB (AGC Off)<br/>
<li>Resolution - Horizontal : 480 TV Lines<br/>
<li>Video Output Level - 1.0Vp-p (75ohm. Composite)<br/>
<li>Lens - Fixed Lens (f = 2.4 - 6mm)<br/>
<li>Sync. System - Internal<br/>
<li>Sensitivity - 0.O1 Lax<br/>
<li>Electronic Shutter - 1/50-1/10.000sec<br/>
<li>BLC - Auto<br/>
<li>White Balance - Auto<br/>
<li>AGC - Auto<br/>
<li>Supplied Voltage- DC9V-15V (Recommendation : DC 12V+/-0.5V)<br/>
<li>Power Consumption - Less Than 150mA<br/>
<li>Weight - Approx. 450q<br/>
<li>Dome Size – 100mm<br/>
<li>Connector - Video (Yellow), Power (Red), GND (Black)<br/>
</li></ul>
<br/>
<br/>
D. For copper cabling runs over 100m in length use either RG-59 cabling with line equalization and/or signal bolstering or RG-6 cabling. Signal runs over 150m in length and main inter controller switcher runs shall be in glass fibred cabling only.
<br/>
<br/>
E. Provide all cameras with auto-iris and bloom-reducing lens facilities giving low distortion imaging. 1/3 inch format cameras may be supplied providing that the indicated and required fields of view and light level performances are attained.
<br/>
<br/>
F. Final details of locations and mountings shall be approved by the Engineer.
</div>
</div>
</center>
<br/>
<center>
<b>Kod:</b>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<b><center><div style="overflow:auto;width:<span style="color:red">500px</span>;height:<span style="color:blue">200</span>px;padding:0px;border:<span style="color:green">2</span>px <span style="color:#800080">solid</span> <span style="color:#FF1493">#aaa</span>"><div align="<span style="color:#00FFFF">justify</span>"></b>
<br/>
<br/>
<i>- TEKS ANDA -</i>
<br/>
<br/>
<b></div></div></center></b>
</span>
</div>
</center>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:red"><li type=square>
<b>Kod warna merah:</b><br/>
Untuk menambahkan/mengurangkan jarak lebar Scrollbar<br/>
<i>*nilai jarak lebar Scrollbar boleh dimasukkan dalam unit <b>%</b> atau <b>px</b></i>
</li></span></a>
<a class=""><span style="color:blue"><li type=square>
<b>Kod warna biru:</b><br/>
Untuk menambahkan/mengurangkan jarak tinggi Scrollbar yang dikehendaki
</li></span></a>
<a class=""><span style="color:green"><li type=square>
<b>Kod warna hijau:</b><br/>
Untuk menukar ketebalan border pada Scrollbar
</li></span></a>
<a class=""><span style="color:#800080"><li type=square>
<b>Kod warna ungu:</b><br/>
Untuk menukar jenis border pada Scrollbar
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/jenis-jenis-border-melalui-html.html" target="_blank"><b><i>*klik untuk mendapatkan jenis-jenis border lain</i></b></a>
<a class=""><span style="color:#FF1493"><li type=square>
<b>Kod warna pink:</b><br/>
Untuk menukar warna border pada Scrollbar
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
<a class=""><span style="color:#00FFFF"><li type=square>
<b>Kod warna aqua/cyan:</b><br/>
Untuk menentukan posisi teks/gambar dalam Scrollbar. Posisi boleh diubah dengan menukarkan <b>justify</b> kepada <b>right</b>, <b>center</b> atau <b>left</b>
</li></span></a>
</ul>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com24tag:blogger.com,1999:blog-8990700046298941217.post-29878421609107090742013-07-12T10:45:00.002+08:002013-07-12T12:23:14.447+08:00Bilangan Komen dan Icon Sebelah Tajuk Entri<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV4jPqaoFO-19qSt_w2a6U902Bct5sfN-Y5BlvhQt-hOQc5zml71dqa_QjpeTORtv_izX8RK7seQ4Euyw1BSXA1sL7RPlCDivv5yexDsKjiNcYBKEeixMrnhH3uw0Uo_Nt3URhC5mekYA/s1600/BilKomenPadaTajuk.png" align="left" />
<br />
<div align="justify">
Jika ingin menambahkan dekorasi pada setiap <b>Tajuk Entri</b> Post dan Page untuk blog anda iaitu meletakkan <b>bilangan komen dengan icon</b> disebelah bagi tiap-tiap <b>Tajuk Entri</b> post dan page, di sini CK akan menunjukkan cara-cara bagaimana untuk menambahkannya.</div>
</div>
<br />
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkZ7n7-mA4EBbZq6GyC9tU3CEX0T-OUZWWjFbjTv0W1VIRl2dA2_-AWHUacoyeNjxlDjBmuhnV9UZAt1JsjxM2fQHtZbq5zeouFJDJdIkWleufnXvH6Ii7d4OHgDaJFdn4I4MydZ5Q3ZE/s400/BilKomenPadaTajuk.jpg" />
</center>
<br />
<div align="justify">
Jika ingin menambahkan dekorasi pada setiap <b>Tajuk Entri</b> Post dan Page untuk blog anda iaitu meletakkan <b>bilangan komen dengan icon</b> disebelah bagi tiap-tiap <b>Tajuk Entri</b> post dan page, di sini CK akan menunjukkan cara-cara bagaimana untuk menambahkannya:</div>
<br/>
<br/>
<center>
1. Pilih "<b>More options</b>"
<br />
<br />
2. "<b>Template</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXoARBMllFRqWX0ahfDTOjau95wV6h-JdQ9NKAXAQHQevu0foR4Ep3MPO3WnyZG39LjHUXRZi0ny7vD7gJOIGpVrXHHO3aOiaGqkA-UvKYN0ociSSEe6zgqB_J66SlHli8UhC7zNm6CI/s1600/BilKomenPadaTajuk1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggXoARBMllFRqWX0ahfDTOjau95wV6h-JdQ9NKAXAQHQevu0foR4Ep3MPO3WnyZG39LjHUXRZi0ny7vD7gJOIGpVrXHHO3aOiaGqkA-UvKYN0ociSSEe6zgqB_J66SlHli8UhC7zNm6CI/s320/BilKomenPadaTajuk1.jpg" /></a>
<br />
<br />
3. Klik butang "<b>Edit HTML</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDHrvgJHCI67A6WdJC7f_rmLT_c-BBU58k9_bqxwc9nX_lIHFev5CkoYyTiEJeT3H6h_wXSkTh2DnlsT2yiTYePfgZ5LZyIhNGG6YC9b9CN8T-JPMWB6cYPGrWA4KWQvMxIPs3HmEnMc/s1600/BilKomenPadaTajuk2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpDHrvgJHCI67A6WdJC7f_rmLT_c-BBU58k9_bqxwc9nX_lIHFev5CkoYyTiEJeT3H6h_wXSkTh2DnlsT2yiTYePfgZ5LZyIhNGG6YC9b9CN8T-JPMWB6cYPGrWA4KWQvMxIPs3HmEnMc/s320/BilKomenPadaTajuk2.jpg" /></a>
<br />
<br />
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
]]></b:skin>
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gOT7wxeVseJGHblGkOzOieZUZlZ30nBLY16IH_QedZyqHXIBl-Qgn4HxThLhCk0pGnZMxsO_BuroXeeh8IBR03WqjKTsQpqdukA9jH-1N9Q2RfYB1zr32C2CoOLwHLDIhyphenhyphenaHitRXMzU/s1600/BilKomenPadaTajuk3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8gOT7wxeVseJGHblGkOzOieZUZlZ30nBLY16IH_QedZyqHXIBl-Qgn4HxThLhCk0pGnZMxsO_BuroXeeh8IBR03WqjKTsQpqdukA9jH-1N9Q2RfYB1zr32C2CoOLwHLDIhyphenhyphenaHitRXMzU/s320/BilKomenPadaTajuk3.jpg" /></a>
<br />
<br />
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod No. 4 tadi dan tekan <b>enter</b>
<br />
<br />
6. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" hanya sebelum/di atas kod No. 4 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:0px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
.comment-bubble {<br/>
float:right;<br/>
z-index:2;<br/>
position:relative;<br/>
width:36px;<br/>
height:36px;<br/>
<span style="color:blue">background:url(<span style="color:red"><i>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSKzNoGKV2nqybPjB9p43Xu8lns740PKpxGNHOYBjFEdYBGFq8pZCZI261BcXXuiHqZTv1b-JYRxcrAKWxKYM87K4rb2pCSCoYChZepTCeuJKfTt_vV8XXaClMxGvmSSfvkFh-oKP_q-3/s1600/CK-Bubble4a.png</i></span>) no-repeat;</span><br/>
font-size:16px;<br/>
padding-left:0px;<br/>
padding-top:2px;<br/>
margin-top:-15px;<br/>
margin-right:2px;<br/>
text-align:center;<br/>
}<br/>
</span>
</div>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:red"><li type=square>
<b>Kod warna merah:</b><br/>
Link gambar background icon. Anda boleh gantikan dengan link gambar anda sendiri atau copy saja link gambar bagi background icon yang CK sediakan;<br/>
<i>*jika menggunakan gambar background icon anda sendiri, pastikan icon tersebut bersaiz <b>36px X 36px</b></i>
</li></span></a><a href="#Untuk Mendapatkan Link Icon"><b><i>**klik sini untuk dapatkan link gambar untuk background icon</i></b></a>
<a class=""><li type=square>
Jika anda tidak memerlukan gambar background icon dan hendak membuangnya, <b>delete</b> saja semua kod yang berwarna <span style="color:blue"><b>biru</b></span> dan <span style="color:red"><b>merah</b></span>
</li></a>
</ul>
<br/>
<center>
<i>Ia akan kelihatan seperti ini selepas kod dimasukkan:</i><br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3rwjcMimSe57Ru4qDUxaYM2XADuXX57nvwtaGW4smOvGObHWg08m7pHhBWGhfqftQC4T_DdsTfxxIxqBG7M70JUkFSBEt1ar8RMYyBt-0OEVVNM-pEFfBcrWPBcRYzm9Jn5jkKeqlxrQ/s1600/BilKomenPadaTajuk4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3rwjcMimSe57Ru4qDUxaYM2XADuXX57nvwtaGW4smOvGObHWg08m7pHhBWGhfqftQC4T_DdsTfxxIxqBG7M70JUkFSBEt1ar8RMYyBt-0OEVVNM-pEFfBcrWPBcRYzm9Jn5jkKeqlxrQ/s320/BilKomenPadaTajuk4.jpg" /></a>
<br/>
<br/>
7. Seterusnya cari kod ini didalam kotak <b>Search</b> (seperti langkah No. 4 dan No. 5) kemudian enter:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<h3 class='post-title entry-title' itemprop='name'>
</pre></td></tr>
</table>
<br/>
<i><b>*Langkah ini perlu dilakukan berhati-hati kerana terdapat lebih daripada satu (1) kod yang sama. (Dalam Template CK terdapat dua (2) kod yang sama dan CK memilih kod yang kedua!)</b></i>
<br/>
<br/>
8. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" hanya selepas/di bawah kod No. 7 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:0px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<b:if cond='data:post.allowComments'><br/>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color:<span style="color:green">#000000</span>; font-family:<span style="color:#a200ff">mistral</span>; font-size:<span style="color:#00ffff">21</span>px;'><data:post.numComments/></a><br/>
</b:if><br/>
</span>
</div>
<br/>
<b>Nota:</b>
<ul>
<a class=""><span style="color:#a200ff"><li type=square>
<b>Kod warna ungu:</b><br/>
Untuk menukar jenis font
</li></span></a>
<a class=""><span style="color:#00ffff"><li type=square>
<b>Kod warna aqua/cyan:</b><br/>
Untuk menukar saiz font
</li></span></a>
<a class=""><span style="color:green"><li type=square>
<b>Kod warna hijau:</b><br/>
Untuk menukar <b>warna</b> bagi bilangan komen pada sebelah <b>Tajuk Entri</b>
</li></span></a>
<a href="http://cikgukacamata.blogspot.com/2013/06/online-hex-color-codes-generator-color.html" target="_blank"><b><i>*klik untuk mendapatkan kod-kod warna lain</i></b></a>
</ul>
<br/>
<center>
<i>Beginilah keadaannya setelah kod dimasukkan:</i><br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhStvidgFDJuLzSJe6My1F2oa09bP5AsJDKXPaWJLGdc4r1dH9vviHhK-bVdDAhaFMWU83m2heKRn-xwJp85OxNut-V-XPg25zAUY2c-16Jw59Jyst6nC5HULBMPGQbtB8Lmcnw-xQkaqk/s1600/BilKomenPadaTajuk5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhStvidgFDJuLzSJe6My1F2oa09bP5AsJDKXPaWJLGdc4r1dH9vviHhK-bVdDAhaFMWU83m2heKRn-xwJp85OxNut-V-XPg25zAUY2c-16Jw59Jyst6nC5HULBMPGQbtB8Lmcnw-xQkaqk/s320/BilKomenPadaTajuk5.jpg" /></a>
<br/>
<br/>
<i><b>*Setelah kod No. 8 dimasukkan, "Save template" dahulu dan tanpa menutup 'window' template ini, "View blog" ("right click" pada button "View blog" -->>> "Open Link in New <u>T</u>ab")...<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdtxZPzIRTsZvXBjXtWk1qeSfxfduv3Q-4TWsbka2Fc-JIwU51VvcIdlJRWoyNrOn98rrYr05VF_lI3b1i0JUTG1m5txSfYPRHPYpU5xAaaMrjWvBgwm2xFqQ5pYk7uAfUi4UlxI84zIQ/s1600/BilKomenPadaTajuk6.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdtxZPzIRTsZvXBjXtWk1qeSfxfduv3Q-4TWsbka2Fc-JIwU51VvcIdlJRWoyNrOn98rrYr05VF_lI3b1i0JUTG1m5txSfYPRHPYpU5xAaaMrjWvBgwm2xFqQ5pYk7uAfUi4UlxI84zIQ/s320/BilKomenPadaTajuk6.jpg" /></a>
<br/>
<br/>
Kemudian lihat samada Bilangan Komen dan Icon telah terpapar di sebelah setiap Tajuk Entri blog anda atau belum. Jika ia muncul terus pergi ke langkah 9. Manakala jika tidak, kod No. 8 perlu dimasukkan selepas/di bawah kod No. 7 yang satu lagi</b></i>
<br/>
<br/>
9. "<b>Save template</b>" dan selesai!
</center>
<br/>
<a name="Untuk Mendapatkan Link Icon" id="Untuk Mendapatkan Link Icon"></a>
<br/>
Untuk menukar gambar background icon, pilih icon mana yang diminati, copy kod dan gantikan dengan <span style="color:red">kod merah</span>:
<br/>
<br/>
<table border="1" align="center"><tr><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj99xDIfZRL4tOJRyIVxjpeYceiRc0IPyAAlmYOydMimjkkxWltN3VJ0h1pMwBwfqMksg4PEBwjBPFSSZCCyShb_DIFfZwXAz_QJM803zX8M33qypZTCV-puodgDpgrgia31pV1cfVoNgCH/s1600/CK-Bubble.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj99xDIfZRL4tOJRyIVxjpeYceiRc0IPyAAlmYOydMimjkkxWltN3VJ0h1pMwBwfqMksg4PEBwjBPFSSZCCyShb_DIFfZwXAz_QJM803zX8M33qypZTCV-puodgDpgrgia31pV1cfVoNgCH/s1600/CK-Bubble.png
</textarea></td><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gAP5r4Z4lG7aems5Un2Kr73SXj9uEix7PwLKjS0fIc63wfLViwzJGCtRHjvK1CHbgc0J-cuGCB1tSNvBWdToXzO6HMkCGwwJ2s_R1mSk4_QEcwcQ6wrI2_YaHkRBRnou12pdHBrK74lE/s1600/CK-Bubble2.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9gAP5r4Z4lG7aems5Un2Kr73SXj9uEix7PwLKjS0fIc63wfLViwzJGCtRHjvK1CHbgc0J-cuGCB1tSNvBWdToXzO6HMkCGwwJ2s_R1mSk4_QEcwcQ6wrI2_YaHkRBRnou12pdHBrK74lE/s1600/CK-Bubble2.png
</textarea></td><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi01_XiZGKw-OUXnU6CJ4LJbskO2St1-H74Ph_IedLWF8B9LmjoDC0U54v4240RwF4IpSRPO_kZPoVlpnfdIQNIAJ6cLA7bsBJcFGe0RzhRkdne6oc2Oc9OZvl2gtyyKxRTLD8PvWnOF4m7/s1600/CK-Bubble3.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi01_XiZGKw-OUXnU6CJ4LJbskO2St1-H74Ph_IedLWF8B9LmjoDC0U54v4240RwF4IpSRPO_kZPoVlpnfdIQNIAJ6cLA7bsBJcFGe0RzhRkdne6oc2Oc9OZvl2gtyyKxRTLD8PvWnOF4m7/s1600/CK-Bubble3.png
</textarea></td></tr>
<tr><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaT04In09hhyphenhyphenFITVKhwjQR-CvA4GjpzPIv-n7UAsjs_E_gPb3F2Q2wX0cYKuF2AtDDlRUFz1hjpvMoL4uEOUy1-5PO5AFv43IobGlytC5JTuxt0kjNqGw0LXDqUeLHLLfKaFPgDV3sEuuE/s1600/CK-Bubble4.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaT04In09hhyphenhyphenFITVKhwjQR-CvA4GjpzPIv-n7UAsjs_E_gPb3F2Q2wX0cYKuF2AtDDlRUFz1hjpvMoL4uEOUy1-5PO5AFv43IobGlytC5JTuxt0kjNqGw0LXDqUeLHLLfKaFPgDV3sEuuE/s1600/CK-Bubble4.png
</textarea></td><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dJd6WPlGDmzcj6cxaKlXRPtQXPxwkUA_usib55zyEuY8rQDmMYdisz9TJGSTYnRqdL6dqXFQMrab3zxDgLmpnW7Dfj4sm96KPgN5pwF0gkFIWGVateKs84aUr5mcAQ8URo6k9PFiCbp6/s1600/CK-Bubble5.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8dJd6WPlGDmzcj6cxaKlXRPtQXPxwkUA_usib55zyEuY8rQDmMYdisz9TJGSTYnRqdL6dqXFQMrab3zxDgLmpnW7Dfj4sm96KPgN5pwF0gkFIWGVateKs84aUr5mcAQ8URo6k9PFiCbp6/s1600/CK-Bubble5.png
</textarea></td><td>
<center><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFJ66RlC3jZSx0dHrx5ZtLTSg0JiJp1AutkJPQ0CTEnYXaQRAsaKu8nHSGM_kTKxN8ADm9nWyw4EYUVESSXqWeYLhqM1QVPPCLOeSt7lNDlhQCF5UyRVbagR-bQz2cHFgzRcztvKb6OP8/s1600/CK-Bubble7.png" /></center></td><td>
<i>*Copy kod di bawah dan gantikan dengan <span style="color:red">kod merah</span>:</i><br/><br/>
<textarea cols="23" onclick="this.focus();this.select()" readonly="readonly" rows="5" style="overflow: hidden;">
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFJ66RlC3jZSx0dHrx5ZtLTSg0JiJp1AutkJPQ0CTEnYXaQRAsaKu8nHSGM_kTKxN8ADm9nWyw4EYUVESSXqWeYLhqM1QVPPCLOeSt7lNDlhQCF5UyRVbagR-bQz2cHFgzRcztvKb6OP8/s1600/CK-Bubble7.png
</textarea></td></tr>
</table>
<br/>
Jika ada sebarang pertanyaan, sila tinggalkan komen di bawah.
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br />
<br /><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com26tag:blogger.com,1999:blog-8990700046298941217.post-57744257430994480712013-07-09T12:25:00.000+08:002013-07-09T12:28:48.348+08:00Gold Coast Morib With Love!<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkpvQahGV-Aa5Zvwi6kqbU8hZzViYCYKO9DI4dmvtkuIHTd3Gj5mZtKDrSyIFGJPCoMTyZKUbvqmvZ6HMongKl9iiRdrw9brYc63b0KIEVdWh9C-lkIi3YWevXvxiyZURawedn4qLwJVc/s1600/GoldCoast.png" align="left" />
<br/>
Gold Coast Morib With <span style="color:red"><b>LOVE!!!</b></span>.....
</div>
<a name='more'></a>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghsq24-6bQt6J0qGXlmmtiGv8vlGA9Vw07e8UJTVEbyhyphenhyphenOl0BF1cQffG3Bv2AQLP4zjIunL2b5E8xPoNrTD4xUQHqPxrlg0I1QckhZzzbOBipRwcLzkD02Po707CfUs896hzS5Al6O6hc/s1600/DSC08934b.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghsq24-6bQt6J0qGXlmmtiGv8vlGA9Vw07e8UJTVEbyhyphenhyphenOl0BF1cQffG3Bv2AQLP4zjIunL2b5E8xPoNrTD4xUQHqPxrlg0I1QckhZzzbOBipRwcLzkD02Po707CfUs896hzS5Al6O6hc/s1600/DSC08934b.jpg" width="500"/></a>
</center>
<br/>
<div align="justify">
Percutian keluarga yang dianggotai oleh CK sendiri, isteri CK yang tersayang dan dua hero CK yang selalu kena gomol, Ammar Haziq dan Ammar Haryth, merupakan percutian yang singkat tapi penuh dengan keseronokan dan kemesraan. Sebenarnya bolehlah dikatakan percutian ini sebagai menyambut ulangtahun perkahwinan dan hari lahir kami berdua yang jatuh pada bulan Julai.
<br/>
<br/>
GC Morib ini langsung tidak tersenarai dalam senarai tempat percutian al-maklumlah kos bermalam terlalu mahal (bagi kami la)...tapi segalanya berubah apabila <a href="http://streetdeal.my" target="_blank">StreetDeal.my</a> mengeluarkan kupon diskaun sebanyak 77% daripada harga asal di Facebook untuk menginap 2 hari 1 malam dan tiket masuk ke Water Theme Park untuk dua orang dewasa (jimat RM70). Cuma kupon ini tidak termasuk sarapan dan makan malam. Tanpa berlengah lagi CK pun ambillah peluang tersebut.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7bIxoP-11gXHF-mtjS7T5mVhg_-rv1uZoTNPrju4nALG9IDOnhs0jngXgjn5Mv9QCHQDs84MYZgpFwVT_IR6pRUhFNo6OxBGyKthhCqJSBSpma8pWv8ff9d8o9QztDah3yDndv4BkGDk/s1600/Voucer.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7bIxoP-11gXHF-mtjS7T5mVhg_-rv1uZoTNPrju4nALG9IDOnhs0jngXgjn5Mv9QCHQDs84MYZgpFwVT_IR6pRUhFNo6OxBGyKthhCqJSBSpma8pWv8ff9d8o9QztDah3yDndv4BkGDk/s320/Voucer.jpg" /></a>
</center>
<br/>
Paling menyeronokkan, dilarang sama sekali membawa gadget dan henpon ke sana bagi memberi laluan kepada kami sekeluarga untuk bercuti dengan tenang dan yang paling penting dapat memberi tumpuan sepenuhnya pada anak-anak. Cuma apa yang dibawa hanyalah sebuah kamera dan henpon yang hanya boleh menerima panggilan dan sms sahaja.
<br/>
<br/>
Apa kata jom kita terus terjah apa yang ada kat Gold Coast Morib ni.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmX0YA4L8-ZNkrItIQlDOFw5FrI_uq6RiRxF8csT3lLlL_nVJZYG86WzjYPN-3guoYxWjyWyz9C31-x6AEeUSgS848HRRWLaZWHcU2qd85FReC5yx9FBvCSeIwYWgVnbP6RYtWSPOJg2M/s1600/GCMorib2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmX0YA4L8-ZNkrItIQlDOFw5FrI_uq6RiRxF8csT3lLlL_nVJZYG86WzjYPN-3guoYxWjyWyz9C31-x6AEeUSgS848HRRWLaZWHcU2qd85FReC5yx9FBvCSeIwYWgVnbP6RYtWSPOJg2M/s320/GCMorib2.jpg" /></a>
<br/>
<i>Kad Akses untuk bilik dan Wrist Tag ke Taman Tema Air</i>
<br/>
<br/>
<br/>
Jom preview apa ada di dalam bilik.....
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlPKR3oF_IUN3CwgA8eitwOpH2NHS1EnRJn9sxMv4jmdzpGq4ygrlyzCi5fTfonTrsxhaARa8NIgm0PDRRz-XXB2AGT0AjXsJG-CvbbknHhkakz2v79VyeY9zjmDURdqa07TEA9hM9O8/s1600/GCMorib3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlPKR3oF_IUN3CwgA8eitwOpH2NHS1EnRJn9sxMv4jmdzpGq4ygrlyzCi5fTfonTrsxhaARa8NIgm0PDRRz-XXB2AGT0AjXsJG-CvbbknHhkakz2v79VyeY9zjmDURdqa07TEA9hM9O8/s320/GCMorib3.jpg" /></a>
<br/>
<i>Dari laluan masuk kelihatan ruang agak luas</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwIhIlIZ-rYqDizdlXR5vD_wm1xYGp7Sj49pswXb_HsjzkooT-CbU30W8GJv6pR7H_NZANprWcgn3mbnbeltCkE2L6A3OdqIVKRNAv0U3MNVhcu1YvyA_yHItyD1sPIrJcbA_vRiVJrs/s1600/GCMorib4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwIhIlIZ-rYqDizdlXR5vD_wm1xYGp7Sj49pswXb_HsjzkooT-CbU30W8GJv6pR7H_NZANprWcgn3mbnbeltCkE2L6A3OdqIVKRNAv0U3MNVhcu1YvyA_yHItyD1sPIrJcbA_vRiVJrs/s320/GCMorib4.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWLG4DK6GQMxMKvDUuveAxPZramW7xwXLjc71wYraRhCMLLUTf56_fb1TnjvHqWTAA3js7raG-EouzVCiU9B4Zwmcj7OV89FddpSnLfsc1bZCqK26RJkeNUgeVe2Yc1iul_JS8lbrfjc/s1600/GCMorib5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWLG4DK6GQMxMKvDUuveAxPZramW7xwXLjc71wYraRhCMLLUTf56_fb1TnjvHqWTAA3js7raG-EouzVCiU9B4Zwmcj7OV89FddpSnLfsc1bZCqK26RJkeNUgeVe2Yc1iul_JS8lbrfjc/s320/GCMorib5.jpg" /></a>
<br/>
<i>Sepatutnya katil saiz 'King'. Bila dua-dua katil letak rapat begini, ia selalu bergerak-gerak</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9N2LqN3FaFXMQ2BPgI9KT94kn-6jnuFb2teC1u0EEcWJ4UsqaOe-gN2LRIowGUSaHamyn5n45ZNDf0-xGh0BtBQ8Cc_ZULOaiEZIJygqla78KVrENig1LeaybuBQ-84OAbW6yJ7roI7Q/s1600/GCMorib6.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9N2LqN3FaFXMQ2BPgI9KT94kn-6jnuFb2teC1u0EEcWJ4UsqaOe-gN2LRIowGUSaHamyn5n45ZNDf0-xGh0BtBQ8Cc_ZULOaiEZIJygqla78KVrENig1LeaybuBQ-84OAbW6yJ7roI7Q/s320/GCMorib6.jpg" /></a>
<br/>
<i>TV pun tak berapa diendahkan</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-652_ycfD1MAy2WZ4TA51u5HEzwGySZKhgYMG7MuikiP7x03Ewcpe5BT1eQ0U3HxvNkxj4js5BOQel8bOo5ypntr5IFIjjYRI8uxUdwLjzQ_vCGCrYOZvID-EKoEGwirXqVwQmzFLjGo/s1600/GCMorib7.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-652_ycfD1MAy2WZ4TA51u5HEzwGySZKhgYMG7MuikiP7x03Ewcpe5BT1eQ0U3HxvNkxj4js5BOQel8bOo5ypntr5IFIjjYRI8uxUdwLjzQ_vCGCrYOZvID-EKoEGwirXqVwQmzFLjGo/s320/GCMorib7.jpg" /></a>
<br/>
<i>Ooo...skodeng yee!</i>
<br/>
<br/>
<br/>
Best ke tak bilik air dia???.....
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoANkAtJV72TOGbyCjkBmDZBXe3H414yIbSpQnLaJG7HqEtt59p5eY99QLsm3WIcJyd07qw9V79EmTF405JM-yDJCwaKJuKnN7917RY-yE46HhnE4yhXtbU0WwZKsU2Xo3Z4-XmUgVS1E/s1600/GCMorib8.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoANkAtJV72TOGbyCjkBmDZBXe3H414yIbSpQnLaJG7HqEtt59p5eY99QLsm3WIcJyd07qw9V79EmTF405JM-yDJCwaKJuKnN7917RY-yE46HhnE4yhXtbU0WwZKsU2Xo3Z4-XmUgVS1E/s320/GCMorib8.jpg" /></a>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEDEuisIQlzAPLxddF6DQ7VuHRNnz4pjhzjK6D-rwMwb73iO7GFHiIZtx5UReckbjEwInJVkNsgFybJ-BhV1sVzOF4uG5rzK7Kx5xClySqZYQ1Fy-DVYotuSjQ_WaOMB_s2rPLCGr09qw/s1600/GCMorib9.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEDEuisIQlzAPLxddF6DQ7VuHRNnz4pjhzjK6D-rwMwb73iO7GFHiIZtx5UReckbjEwInJVkNsgFybJ-BhV1sVzOF4uG5rzK7Kx5xClySqZYQ1Fy-DVYotuSjQ_WaOMB_s2rPLCGr09qw/s320/GCMorib9.jpg" /></a>
<br/>
<i>Memang 'class' jacuzzi dengan tingkap</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hpred18aVqtRkZiPFql6v7DRHUs3iugHA6kzneNsyuTiAtc0lU1fskNEj9HLHVzP6aJqu3scxJpv3s86yHir9-aE-p3qzwv60mF5Bb_nho72YB_gGsMmEYxUthMEqDV4nR8PyJBdH6A/s1600/GCMorib10.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7hpred18aVqtRkZiPFql6v7DRHUs3iugHA6kzneNsyuTiAtc0lU1fskNEj9HLHVzP6aJqu3scxJpv3s86yHir9-aE-p3qzwv60mF5Bb_nho72YB_gGsMmEYxUthMEqDV4nR8PyJBdH6A/s320/GCMorib10.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeo-YzktKXtNSm0FXjSG5oyGbb7vX51DFWbaaicfgGpWbnIQC_HEKMw45_QnKDHFs5xmMotg_8e8JAMRddgeV0gTKGVLC0G9dhsQs0bme2PTUoKxUcQYLNplaYT0IqPYA_779BXEzhok/s1600/GCMorib11.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeo-YzktKXtNSm0FXjSG5oyGbb7vX51DFWbaaicfgGpWbnIQC_HEKMw45_QnKDHFs5xmMotg_8e8JAMRddgeV0gTKGVLC0G9dhsQs0bme2PTUoKxUcQYLNplaYT0IqPYA_779BXEzhok/s320/GCMorib11.jpg" /></a>
<br/>
<i>Geram betul tengok bilik air ni</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcRFWzPqiro7BmrdKPGkkr-TK9Q6P-lloVIaHHVn1spRPDiOZL6hZWS4_WVqkkodagJJazY_av0uv_cGrwUfcb9RDd_tQ9pf6HUyNkmt8QDro5JzMo7zIbpJcgPH9lVvO9tlyan7grnw/s1600/GCMorib12.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHcRFWzPqiro7BmrdKPGkkr-TK9Q6P-lloVIaHHVn1spRPDiOZL6hZWS4_WVqkkodagJJazY_av0uv_cGrwUfcb9RDd_tQ9pf6HUyNkmt8QDro5JzMo7zIbpJcgPH9lVvO9tlyan7grnw/s320/GCMorib12.jpg" /></a>
<br/>
<i>Apa yang ada semua kami bedal, hahaha</i>
<br/>
<br/>
<br/>
Yeah! Jacuzzi time.....
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDT1lTaHK6Tl4YYokwTdFc4h7ecZHfLqmxhOtoAhj9q2AqO9414kMumJ_QC3Op773VBkCVccIrbzFiuAombNdDALSoBa4GRo9SzFk3wC32OAjqLgfztyU4rV1NbDK6bNlwCgH3UAisDaE/s1600/GCMorib13.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDT1lTaHK6Tl4YYokwTdFc4h7ecZHfLqmxhOtoAhj9q2AqO9414kMumJ_QC3Op773VBkCVccIrbzFiuAombNdDALSoBa4GRo9SzFk3wC32OAjqLgfztyU4rV1NbDK6bNlwCgH3UAisDaE/s320/GCMorib13.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjng31SwG-J2D-mm2D4CKSepZ5haDmh9xwxaMEFFMApcuK1mhkx9GkZ0X5qAWs_MqhyphenhyphensOsPaIspNUJJe-IgFdj1_HCOJ7UfSYIjpXqYMUt_h4g0CuqwI_5em7RgcdP8qd68BnkeixZrzrA/s1600/GCMorib14.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjng31SwG-J2D-mm2D4CKSepZ5haDmh9xwxaMEFFMApcuK1mhkx9GkZ0X5qAWs_MqhyphenhyphensOsPaIspNUJJe-IgFdj1_HCOJ7UfSYIjpXqYMUt_h4g0CuqwI_5em7RgcdP8qd68BnkeixZrzrA/s320/GCMorib14.jpg" /></a>
<br/>
<i>Kalaulah jacuzzi dan tingkap skodeng ni ada kat rumah, alamatnya tak keluar rumah la CK</i>
</center>
<br/>
<br/>
Tamatlah aktiviti seharian di sana. Selepas check-in sekitar jam 3 petang (tunjukkan saja kupon/voucher pada kaunter dan tak perlu bayar deposit), CK shot apa yang patut dalam bilik. Pilihan bilik hanya boleh dibuat semasa check-in sahaja. Taman Tema Air mula dirasmikan sekitar jam 4.30 petang. Turun mandi petang tu tanpa membawa kamera sebab tiada siapa boleh jaga. CK dan isteri dah ada wrist tag percuma untuk masuk ke Taman Tema Air cuma anak-anak kena ukur ketinggian, jika tinggi lebih daripada 90cm jadi kena bayar RM20 seorang. Lepas ukur ketinggian mereka, alhamdulillah jimat lagi RM40. 6.30 petang naik ke bilik. Lepas maghrib, jacuzzi time!
<br/>
<br/>
Keesokan harinya, pagi-pagi CK dah keluar pergi cari sarapan. Cuma tapau saja. Walaupun dekat Lobi dah terang-terang ada tanda amaran yang makanan dari luar tidak dibenarkan dibawa masuk, tapi CK abaikan jer. Lepas sarapan, cadang nak turun Taman Tema Air pukul 8 pagi, tapi apakan daya, hujan turun dengan selebat-lebatnya.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXi7pWwbRpPHGBrPC3iMxHUuEL3SSiClrfsQUECwQtiiEQsR3YAJhLSD-t80skM5rT37UFDc3hBu2xm1nVJcoIrgdDvF5Nr4rVkuZDSlcSe9XDp2bL6ae8Zsc5N65t56o7fV5zQMv2o24/s1600/GCMorib15.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXi7pWwbRpPHGBrPC3iMxHUuEL3SSiClrfsQUECwQtiiEQsR3YAJhLSD-t80skM5rT37UFDc3hBu2xm1nVJcoIrgdDvF5Nr4rVkuZDSlcSe9XDp2bL6ae8Zsc5N65t56o7fV5zQMv2o24/s320/GCMorib15.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQIrkU8NMoMLB9tWeNUmHEw7_P7KNVf1XTf0jraY5Hg9sLpCFK_ZGDaOrC_LKocsQUSPY7qRbqdMjbWeINuiKQpj0NcskCyCPE9H-EFcmGsjGQZFHoRjaK6rp0XkZvDmFVhpopMDcPN8/s1600/GCMorib16.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQIrkU8NMoMLB9tWeNUmHEw7_P7KNVf1XTf0jraY5Hg9sLpCFK_ZGDaOrC_LKocsQUSPY7qRbqdMjbWeINuiKQpj0NcskCyCPE9H-EFcmGsjGQZFHoRjaK6rp0XkZvDmFVhpopMDcPN8/s320/GCMorib16.jpg" /></a>
<br/>
<i>Pandangan dari koridor tingkat 6 ketika hujan lebat sekitar jam 8 pagi</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsDB6mBALuitWovQ6UZrVFAmsxrzX_PVGZxfrzExUfwFg7w-_pQxg-uNu9Y5G4P1y8wH4CnWcP_ZS0wqOrBiYGUfeN3-LkY1Uv7is0a5Gq8lQL8qtbNpyeLef3zKegyvxtyJcSNa-dTuo/s1600/GCMorib17.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsDB6mBALuitWovQ6UZrVFAmsxrzX_PVGZxfrzExUfwFg7w-_pQxg-uNu9Y5G4P1y8wH4CnWcP_ZS0wqOrBiYGUfeN3-LkY1Uv7is0a5Gq8lQL8qtbNpyeLef3zKegyvxtyJcSNa-dTuo/s320/GCMorib17.jpg" /></a>
<br/>
<i>Rupa bentuk Taman Tema Air dari koridor</i>
</center>
<br/>
<br/>
Syukur...hujan mulai reda pada jam hampir menunjukkan 10 pagi. Jadi kenala bergegas dan mandi sepuas-puasnya kerana check-out pukul 12 tengahari. Tak banyak gambar yang sempat CK shot kerana nak kejarkan masa. Lepas habis shot, CK simpan kamera dalam peti simpanan yang disediakan tapi dikenakan cas RM5 + RM10 deposit. Sambil tu sewa satu pelampung RM10 + RM10 deposit.....
<br/>
<br/>
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBjZbm-X-SJLuGiW2hs5zhldYVdQF4UZN3RXltq4doYAu6ZW36HTiuXO8a4D4t0SQPuFgrZOSCUvnHEwPdEDubCy97z6xX9j_ynosN97hallWdBr4n4BtHMsw-dAmOq4SN-lG1ziC8Oo/s1600/GCMorib18.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFBjZbm-X-SJLuGiW2hs5zhldYVdQF4UZN3RXltq4doYAu6ZW36HTiuXO8a4D4t0SQPuFgrZOSCUvnHEwPdEDubCy97z6xX9j_ynosN97hallWdBr4n4BtHMsw-dAmOq4SN-lG1ziC8Oo/s320/GCMorib18.jpg" /></a>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZB5MV9Vz7jYdbl0gR6E9zjPX-QaVqrxl9zJwUrImzDL8DPKLYyWMKyLU4J4gH5ynhr7yKSA6ispKKiKovpAoyB4oRr7HG_NWN_KxQTilEy2xw7mescoHxpF4JCr-TGMFeGy8mKXXBhc/s1600/GCMorib19.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsZB5MV9Vz7jYdbl0gR6E9zjPX-QaVqrxl9zJwUrImzDL8DPKLYyWMKyLU4J4gH5ynhr7yKSA6ispKKiKovpAoyB4oRr7HG_NWN_KxQTilEy2xw7mescoHxpF4JCr-TGMFeGy8mKXXBhc/s320/GCMorib19.jpg" /></a>
<br/>
<i>Tanda-tanda amaran untuk memasuki Taman Tema</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lCCPoSJzv-QLrNgrj4KxY9nEiYNLgfeT-msrq89nJ9uwUtOIejLDlv_BF4u3GfffI9hPFJN4q7r-g6HYiAOU2EinbmIarTV3lFwMRFIJIHLGw3_WBmutd_P3DScITM8rYrA00xBny_I/s1600/GCMorib20.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1lCCPoSJzv-QLrNgrj4KxY9nEiYNLgfeT-msrq89nJ9uwUtOIejLDlv_BF4u3GfffI9hPFJN4q7r-g6HYiAOU2EinbmIarTV3lFwMRFIJIHLGw3_WBmutd_P3DScITM8rYrA00xBny_I/s320/GCMorib20.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLAwCUmJ48LP1QsvJbT22QK9WikmLquIvSq_1zfqZnCdNBgfKEPUatQs2CBqwnj8cGvwgQwOhmTWaJKLmQkM8IDaij9TTwx_cmSOQ4iTIV2n6CTIzKzdvTkLKWss-djWoHFGkEVqCeuq4/s1600/GCMorib21.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLAwCUmJ48LP1QsvJbT22QK9WikmLquIvSq_1zfqZnCdNBgfKEPUatQs2CBqwnj8cGvwgQwOhmTWaJKLmQkM8IDaij9TTwx_cmSOQ4iTIV2n6CTIzKzdvTkLKWss-djWoHFGkEVqCeuq4/s320/GCMorib21.jpg" /></a>
<br/>
<i>Gelongsor biru tu yang paling best kerana kelajuannya mampu menghilangkan serabut dalam kepala</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigQ7W29yPqy1hx_YPUrHOFPF8a7X1rU3vE_yuA-JGiGzhsaBhygA88prH6iRA6fI05XHp52JWBGa6Xy1TVT7nkpDqk9BHf_RjRUHmnLW_La6wAvDpVgBCDgPaf9QSn6dfgkN9u1Y6zuJU/s1600/GCMorib22.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigQ7W29yPqy1hx_YPUrHOFPF8a7X1rU3vE_yuA-JGiGzhsaBhygA88prH6iRA6fI05XHp52JWBGa6Xy1TVT7nkpDqk9BHf_RjRUHmnLW_La6wAvDpVgBCDgPaf9QSn6dfgkN9u1Y6zuJU/s320/GCMorib22.jpg" /></a>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGd_jwikzv4WSA2Mi-9x_1US6DGOJHhsjxJfenwacbFC1hxi8DqPCzdtGnKiQnloAlKufaIIqzoQ4N7XHUUHgO1fx3x0G0FejxOfEF6SI5APjY3MV1LQLu32ZWrubWfIDsjn2XsuFZcc4/s1600/GCMorib23.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGd_jwikzv4WSA2Mi-9x_1US6DGOJHhsjxJfenwacbFC1hxi8DqPCzdtGnKiQnloAlKufaIIqzoQ4N7XHUUHgO1fx3x0G0FejxOfEF6SI5APjY3MV1LQLu32ZWrubWfIDsjn2XsuFZcc4/s320/GCMorib23.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZpWHM6JY7F4AqM7zouJS4YkLue-fhj2zntjJNcF6JyhX-w7MkYE-U-4XTOoKDh-c7gRtKHpRyPEJLDk58SosKTYAXlPQNha7bDJGm74WjwZiUXOjzg75boyMXFM9HmF5rXUhC9ap8wPQ/s1600/GCMorib24.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZpWHM6JY7F4AqM7zouJS4YkLue-fhj2zntjJNcF6JyhX-w7MkYE-U-4XTOoKDh-c7gRtKHpRyPEJLDk58SosKTYAXlPQNha7bDJGm74WjwZiUXOjzg75boyMXFM9HmF5rXUhC9ap8wPQ/s320/GCMorib24.jpg" /></a>
<br/>
<i>Gambar kiri: 'scooter' yang paling digemari hero-hero CK</i>
<br/>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSCKv3RgiENQ7mzzn8BZxPJnAZ-Eh7IgNf7OICpOHuZKBYWfwB1tMpk6mVo3VVgTaRPXXuBymrsqWDqfe4XrKTaB3haXWpavS9cNtiv2alKfSdn8fnCeUn-h7O-B8NubYgbM6mU7xG7xM/s1600/GCMorib25.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSCKv3RgiENQ7mzzn8BZxPJnAZ-Eh7IgNf7OICpOHuZKBYWfwB1tMpk6mVo3VVgTaRPXXuBymrsqWDqfe4XrKTaB3haXWpavS9cNtiv2alKfSdn8fnCeUn-h7O-B8NubYgbM6mU7xG7xM/s320/GCMorib25.jpg" /></a>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDZg32GIjJ1IXXgUd871m0eYiG2r7H_pBzI71XrPiY9VX_ZEwO_qGF3I7P-XCF1MK0Kpjd6f6Qd0dFBORpRbB60Kzg9CmqhPQj-Sic1uQylf4CBVhtb4XwAIQ2bRr-M2YxKhKsm0Xl01A/s1600/GCMorib26.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDZg32GIjJ1IXXgUd871m0eYiG2r7H_pBzI71XrPiY9VX_ZEwO_qGF3I7P-XCF1MK0Kpjd6f6Qd0dFBORpRbB60Kzg9CmqhPQj-Sic1uQylf4CBVhtb4XwAIQ2bRr-M2YxKhKsm0Xl01A/s320/GCMorib26.jpg" /></a>
</center>
<br/>
<br/>
Sekitar jam 11.30 pagi, tiba masa berkemas untuk pulang. Tepat jam 12.30 tengahari, check-out time!
<br/>
<br/>
Sebelum pulang sempatlah kami berposing kat kawasan pantai di luar GC ni.....
<br/>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFuVkmfm59fMsTczf0OfrAhc2gWF4uN4XMKRv_SPRoNrobTO83rjZYEI-dE24wxKhJulS1iWr3mXPbdPdV3_J9nWP1Uq2-NT4VvKyuUYtzhwXaxA5pcKAIA_tpn56J_Wx6GPXtSzOkmXE/s1600/GCMorib35.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFuVkmfm59fMsTczf0OfrAhc2gWF4uN4XMKRv_SPRoNrobTO83rjZYEI-dE24wxKhJulS1iWr3mXPbdPdV3_J9nWP1Uq2-NT4VvKyuUYtzhwXaxA5pcKAIA_tpn56J_Wx6GPXtSzOkmXE/s320/GCMorib35.jpg" /></a> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqqxGO4IXJJMgzHKev56w973HbfF0r1K3ZIpSQmNkeN3x4Jzy6NojiFdSTb6JhkjNSCnSn18C84qy5Vkc8ofExaUS2lu_eoqDlJhRNeBYfjqtT7mNgcgmEac5ZFZhUZWfqpdN9b0Y5u8/s1600/GCMorib36.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghqqxGO4IXJJMgzHKev56w973HbfF0r1K3ZIpSQmNkeN3x4Jzy6NojiFdSTb6JhkjNSCnSn18C84qy5Vkc8ofExaUS2lu_eoqDlJhRNeBYfjqtT7mNgcgmEac5ZFZhUZWfqpdN9b0Y5u8/s320/GCMorib36.jpg" /></a>
<br/>
<i>Mereka berdua ni telah dipaksa habis-habisan untuk berposing</i>
</center>
<br/>
<br/>
Alhamdulillah...Walaupun percutian ini singkat, CK berasa amat seronok ditambah pula dengan hero-hero yang sporting terutama main air kat Taman Tema walau beberapa kali lemas...tapi itu bukanlah penghalang bagi mereka untuk meneruskan aktiviti 'kuak dada' yang amat digemari mereka.
<br/>
<br/>
<br/>
Di sini CK ada membuat sedikit 'review' <b>Pro</b> dan <b>Kontra</b> berkaitan dengan Gold Coast Morib:
<br/>
<br/>
<b><u>Pro</u></b>
<ul>
<li>Ada tanda arah Kiblat</li>
<li>Bilik yang luas, kemas dan selesa</li>
<li>Penghawa dingin jenis split</li>
<li>Ada kipas siling</li>
<li>Kemudahan seperti flat screen tv, hair dryer, kettle water heater dan mini freezer turut disediakan</li>
<li>Bilik air berjacuzzi</li>
<li>Wrist tag masuk ke Taman Tema Air untuk dua hari (tanpa menanggalkannya). Tidak seperti di Tiara Beach Resort, PD yang hanya membenarkan satu hari sahaja untuk satu wrist tag</li>
<li>Taman Tema Air yang menyeronokkan untuk seisi keluarga dan bersifat santai</li>
<li>Syarat pemakaian ketika bermandi di Taman Tema Air agak longgar walau syaratnya ketat pada papan tanda amaran</li>
<li>Pak Jaga dan Penyambut Tetamu semuanya mesra dan ramah walau ada segelintirnya tidak memahami Bahasa Melayu dan Inggeris</li>
</ul>
<br/>
<br/>
<b><u>Kontra</u></b>
<ul>
<li>Air shower mandian dan jacuzzi perlahan</li>
<li>Tiada tilam tambahan</li>
<li>Jarak antara 'Grill bar' di koridor agak luas (sekitar 6 inci). Bahaya ini amat terdedah pada kanak-kanak</li>
<li>Langsung tiada beg sampah dalam bilik</li>
<li>Persekitaran GC kurang menyenangkan kerana ada bau seperti bau bab*</li>
<li>Seperti yang selalu kita lihat di Malaysia, papan-papan tanda dan notis disekeliling, Bahasa Melayu ditempatkan ditempat kedua atau ketiga</li>
</ul>
<br/>
<br/>
Kesimpulan daripada percutian ini dapatlah CK ungkapkan bahawa ianya amat menyeronokkan. Daripada 5 bintang, CK beri 4 bintang. Jika ada rezeki, peluang dan masa insyaAllah CK akan ke sana lagi.
</div>
<br/>
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>
Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com42tag:blogger.com,1999:blog-8990700046298941217.post-11050110995269249522013-07-04T07:47:00.000+08:002013-07-04T07:47:01.956+08:00Buang Ruang (Gap) Antara Sidebar Widget<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2n-sZSSjispehaebT5skRbJ9uU7bhLB4puGdNkTeYEUQbev5V6Ifue_AwFfyJVYkIsWPuRHgkj_putt-WCQ6NLsO-EfzQ11TVi9WmL9zw3gcX9kJ5W8puQJ3hR8Ox0yw7ilOwhiXywk/s150/BuangGap-AntaraSidebarWidget.png" align="left" />
</div>
<br/>
<div align="justify">
Ini merupakan satu lagi tutorial berhubung isu jarak (gap) yang terdapat antara widget-widget pada sidebar. Pada tutorial terdahulu, CK telah menerangkan cara-cara bagaimana <a href="http://cikgukacamata.blogspot.com/2013/07/buang-ruang-gap-antara-post-dan-post.html" target="_blank"><b>Membuang Ruang (Gap) Antara Post Dan Post</b></a>. Kaedah sama juga digunakan cuma yang membezakan hanyalah kodnya sahaja.</div>
<br />
<a name='more'></a>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jnq6Nk4-0O5WstvtuPMteFtSV5NuOYi-cwS6Qkvq1yKjr2XRy7fcfpk8GRO-LqoPUX2Jz83Z7ULDDZGFB84cWE9GTJSAvwV-wGKv_YNgHay-W32s2m9Xz4aEnH_GRTRWB1Tw0Quig4w/s561/BuangGapAntaraSidebarWidget.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1jnq6Nk4-0O5WstvtuPMteFtSV5NuOYi-cwS6Qkvq1yKjr2XRy7fcfpk8GRO-LqoPUX2Jz83Z7ULDDZGFB84cWE9GTJSAvwV-wGKv_YNgHay-W32s2m9Xz4aEnH_GRTRWB1Tw0Quig4w/s561/BuangGapAntaraSidebarWidget.png" width="350"/></a>
</center>
<br />
<br />
<b>Ikuti cara-cara penyelesaiannya:</b>
<br />
<br />
<center>
1. "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Template</b>" kemudian klik "<b>Customise</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifP5iAyJyL8kegVD3x2kQt3f71JIEXnWmCaHEvfphLAeT8spf2KOnJOIoang2cv1cc9J5y2DAMTCD91Y9Ya5GGBs9bb4AL5E0VJD8_OvSJc1cqzFuB8Pm2PSoDsHstKan7NXsP5RVeZ7I/s944/BuangGapAntaraSidebarWidget1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifP5iAyJyL8kegVD3x2kQt3f71JIEXnWmCaHEvfphLAeT8spf2KOnJOIoang2cv1cc9J5y2DAMTCD91Y9Ya5GGBs9bb4AL5E0VJD8_OvSJc1cqzFuB8Pm2PSoDsHstKan7NXsP5RVeZ7I/s944/BuangGapAntaraSidebarWidget1.jpg" width="400"/></a>
<br />
<br />
3. "<b>Copy</b>" kod di bawah:
<br />
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
.widget{
margin-bottom:-20px;
}
</pre></td></tr>
</table>
<br/>
Pada "Blogger Template Designer", klik butang "<b>Advanced</b>"
<br />
<br />
<br/>
4. Scroll bawah sikit dan klik "<b>Add CSS</b>"
<br />
<br />
5. Pada bahagian "Add custom CSS", "<b>Paste</b>" kod yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa <b>TEKAN ENTER</b> sekali
<br/>
*anda boleh ubah nilai "margin-bottom" mengikut kesesuaian blog anda.
<br/>
<br/>
6. Akhir sekali, klik butang "<b>Apply to Blog</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHNWoTZruaf0NEgUCMVI83Ezjr70ty34gikgANFoirXTghaGiDSWxTG7adDaWnsEiMjT3jx0jG7raDNPbTH1uKx7PNxL0EY9XRaynmn8M8-mpObFtMxFjlQMqBwC3EpT6LM8isaGz120/s1200/BuangGapAntaraSidebarWidget2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHNWoTZruaf0NEgUCMVI83Ezjr70ty34gikgANFoirXTghaGiDSWxTG7adDaWnsEiMjT3jx0jG7raDNPbTH1uKx7PNxL0EY9XRaynmn8M8-mpObFtMxFjlQMqBwC3EpT6LM8isaGz120/s1200/BuangGapAntaraSidebarWidget2.jpg" width="400"/></a>
<br/>
<br/>
Siap!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com21tag:blogger.com,1999:blog-8990700046298941217.post-24931878981134410942013-07-04T07:32:00.000+08:002013-07-04T07:52:22.361+08:00Buang Ruang (Gap) Antara Post Dan Post<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFThO7-BzlkLaFjRt38TyzAUjAITidWbIaSiX2OMbvXaZQQ7rCQTd6I9dPvUocE_9lFyU7WhPZv9MdyA7BH-0GwtCFf0yZ686n66dTVc2LfnmrZn-i4BYegrViSCWdCuiANM1sllWZcU/s150/BuangGap-PostToPost.png" align="left" />
</div>
<br/>
<div align="justify">
Pada kebiasaannya, apa yang dapat kita lihat pada senarai-senarai post terutama pada muka hadapan blog, terdapat jarak antara <b>post</b> ke <b>post</b> hingga membuatkan blog kita memanjang ke bawah. Ini dapat diatasi dengan membuang atau mengurangkan jarak tersebut supaya kita dapat menjimatkan sedikit ruang pada blog. Sekiranya anda ingin membuang atau mengurangkan jarak pada sidebar widget pula, bolehlah lihat pada tutorial <a href="http://cikgukacamata.blogspot.com/2013/07/buang-ruang-gap-antara-sidebar-widget.html"><b>Buang Jarak (Gap) Antara Sidebar Widget</b></a>.</div>
<br />
<a name='more'></a>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8mdI9yT27781tlcrHwjKMJwiuAjjUTluzchcx_9nklNUNN1DoIQioD8Ebed4eQKw_cRYOL2nYXLB0SqCTJK5x7d_34HNU6LYZyQSnDFdIXaGxrLMLhf9iVzYQEREK4O0q6UvydaqQpg/s1079/BuangGapPostToPost.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD8mdI9yT27781tlcrHwjKMJwiuAjjUTluzchcx_9nklNUNN1DoIQioD8Ebed4eQKw_cRYOL2nYXLB0SqCTJK5x7d_34HNU6LYZyQSnDFdIXaGxrLMLhf9iVzYQEREK4O0q6UvydaqQpg/s1079/BuangGapPostToPost.png" width="400"/></a>
</center>
<br />
<br />
<b>Jalan penyelesaiannya, lihat langkah-langkah di bawah:</b>
<br />
<br />
<center>
1. Pilih "<b>More options</b>"
<br />
<br />
2. "<b>Template</b>" kemudian klik butang "<b>Customise</b>"
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMzfK1NReDpZBk-8AjPyHN65GUnpuv2epNQx0XooaidnC2JGjJOlEgFa6tn9Te7nexybDsOEdL_zu6S1PakuCso_C40dDkR4vubRoeMSevcK_vdwR0N-OxxgP5bSBp1Mi7TJ8ofx3nJ8k/s944/BuangGapPostToPost1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMzfK1NReDpZBk-8AjPyHN65GUnpuv2epNQx0XooaidnC2JGjJOlEgFa6tn9Te7nexybDsOEdL_zu6S1PakuCso_C40dDkR4vubRoeMSevcK_vdwR0N-OxxgP5bSBp1Mi7TJ8ofx3nJ8k/s944/BuangGapPostToPost1.jpg" width="400"/></a>
<br />
<br />
3. "<b>Copy</b>" kod di bawah:
<br />
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
.date-outer{
margin-bottom:-30px;
}
.post-outer{
margin-bottom:-30px;
}
</pre></td></tr>
</table>
<br/>
Pada "Blogger Template Designer", klik butang "<b>Advanced</b>"
<br />
<br />
<br/>
4. Scroll bawah sikit dan pilih "<b>Add CSS</b>"
<br />
<br />
5. Pada bahagian "Add custom CSS", "<b>Paste</b>" kod yang anda "copy" tadi di dalam kotak berwarna merah dan kemudian jangan lupa <b>TEKAN ENTER</b> sekali
<br/>
*anda boleh ubah nilai "margin-bottom" mengikut kesesuaian blog anda.
<br/>
<br/>
6. Kemudian "<b>Apply to Blog</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXRngF2gXxsAB7HQu_V5Q_eWvyv757XS0_-ismMrh1bPdc02xeHCRrZ5VN1PHLc3NqdVBdtHDntV6ATOmnYMNrdulcWpjelVDqMdACVvy7fIM_dkmABFcobWdHAMrCqrL8WbSZTHBN2Y/s1200/BuangGapPostToPost2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXRngF2gXxsAB7HQu_V5Q_eWvyv757XS0_-ismMrh1bPdc02xeHCRrZ5VN1PHLc3NqdVBdtHDntV6ATOmnYMNrdulcWpjelVDqMdACVvy7fIM_dkmABFcobWdHAMrCqrL8WbSZTHBN2Y/s1200/BuangGapPostToPost2.jpg" width="400"/></a>
<br/>
<br/>
Itu saja yang perlu anda lakukan!
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com4tag:blogger.com,1999:blog-8990700046298941217.post-14476660925520734842013-07-03T09:01:00.000+08:002013-07-06T09:45:24.625+08:00Wujudkan Scrollbar Pada Popular Post<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG7DmNRkPxCDq2LRtUyuVXvS5uZe8CPqyPS2esj9apR83b5zJzjL7TOmVaNLuyw7YCaDLXOBdpO1pqfsObxlAYTo_H4pw6pU_1fDASeeIYyyPTergJ228jwL4LSaayEBElTbxBbjnhtE0/s1600/Scrollbar-PopularPost.png" align="left" />
</div>
<br/>
<div align="justify">
Pada post yang lalu, CK ada menerangkan kaedah-kaedah bagaimana <a href="http://cikgukacamata.blogspot.com/2013/07/wujudkan-scrollbar-pada-blog-archive.html" target="_blank"><b>Wujudkan Scrollbar Pada Blog Archive</b></a> di sidebar widget. Tutorial kali ini CK akan menerangkan pula cara-cara <b>Wujudkan Scrollbar Pada Popular Post</b></div><br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtw21mzu8681i40Z3qOQI0LFKEzjATThGMLo4d7J_qP-dguTJACfIIdOlOtiURTvpxmQ1NuQFtV357tWNIcvDKKY7Mh3-ZM_8YeMI70OrPKyH2hYvkEGe_z7K6U_8u3ddPkc3fuzpWhRI/s696/PopularPostScrollbar.jpg" width="350"/>
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgucOnotHdHEZM6SeA2D42LwnlhgyxtJIv_Egkuqi763ztlvW-7eHIYZn52ZjaGF35Dhgq3zg5Yua79Rd64j5NjsLHMvQESYSYb1J8JA7efuRNFBGtLKBAxPrv3rQvMeGbgfjL4eoPQHN0/s332/Scrollbar-PopularPost.gif" /><br/>
<i>Selepas memasukkan <b>scrollbar</b></i>
</center>
<br/>
<br/>
<b>Ikuti langkah-langkahnya:</b>
<br/>
<br/>
<center>
1. "<b>More options</b>"
<br/>
<br/>
2. Klik "<b>Template</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAKBivTkvlY-VH-avW3fNNSSFBnP1Pyiteb5suJJtjE5xs-gmuwbZr_RirTy3E74tmDDUbaFx5Me2NbdKx4KGpaMGQyO3-8DPt3ig6Ghnm86hAxK2fSL1R669APKf7rhNg8kwx6TfbKCQ/s944/ScrollbarPopularPost1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAKBivTkvlY-VH-avW3fNNSSFBnP1Pyiteb5suJJtjE5xs-gmuwbZr_RirTy3E74tmDDUbaFx5Me2NbdKx4KGpaMGQyO3-8DPt3ig6Ghnm86hAxK2fSL1R669APKf7rhNg8kwx6TfbKCQ/s944/ScrollbarPopularPost1.jpg" width="300"/></a>
<br/>
<br/>
3. Klik butang "<b>Edit HTML</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rKxxO-3RpjPxebXNSKtseAb-H5YcwcVV5Qy62eupnBrdxn_u489F7JDdiBHAdTo9o6DjB9P1zuegz6_ET4D_onjnqaq_EkpemgEAeBK9dMYn_1A9d7_zgmD7jcFCWFu-HvD95RwfjRU/s730/ScrollbarPopularPost2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7rKxxO-3RpjPxebXNSKtseAb-H5YcwcVV5Qy62eupnBrdxn_u489F7JDdiBHAdTo9o6DjB9P1zuegz6_ET4D_onjnqaq_EkpemgEAeBK9dMYn_1A9d7_zgmD7jcFCWFu-HvD95RwfjRU/s730/ScrollbarPopularPost2.jpg" width="300"/></a>
<br/>
<br/>
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<div class='widget-content popular-posts'>
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgn6HfFRZsOGqzLUAylN_gc00fv3hyphenhyphen0PI5OL5mBSGgd7og9GQT1aHXGlESvrcJ7PYh2HD6X7LNkdmY1CZmVmaTJs7PvqxS4lFXPEzVIRwRUy9WplbT9Kuy79XPo9HxJdDwDeSRRxhJnk/s1230/ScrollbarPopularPost3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMgn6HfFRZsOGqzLUAylN_gc00fv3hyphenhyphen0PI5OL5mBSGgd7og9GQT1aHXGlESvrcJ7PYh2HD6X7LNkdmY1CZmVmaTJs7PvqxS4lFXPEzVIRwRUy9WplbT9Kuy79XPo9HxJdDwDeSRRxhJnk/s1230/ScrollbarPopularPost3.jpg" width="300"/></a>
<br/>
<br/>
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod di atas (No. 4) dan enter.
<br/>
<br/>
6. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" sebelum/di atas kod No. 4 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:20px;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<div style="overflow:auto;width:100%;height:<span style="color:red">280</span>px;padding:0px">
</span></div>
<br/>
<b>Nota:</b>
<br/>
<ul>
<a class=""><span style="color:red"><li type=square>
Kod Warna Merah:<br/>
Untuk menukar panjang jarak yang diperlukan untuk <b>scrollbar</b> bergerak
</li></span></a></ul>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-VBNmQd1vXKwp74T8-oZTpZo9kQQ3uUR13Y6HTkZrCgGJkUvwDxwO0k6FAKTzMVLOp_-3U6QFtOOH1dg2WUBH_O8tZoPuV1r4dLdgilVMMcpS5Fkz7XpsoWzb546lF6p42slfmmDv3LM/s1043/ScrollbarPopularPost4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-VBNmQd1vXKwp74T8-oZTpZo9kQQ3uUR13Y6HTkZrCgGJkUvwDxwO0k6FAKTzMVLOp_-3U6QFtOOH1dg2WUBH_O8tZoPuV1r4dLdgilVMMcpS5Fkz7XpsoWzb546lF6p42slfmmDv3LM/s1043/ScrollbarPopularPost4.jpg" width="300"/></a>
<br/>
<br/>
7. Seterusnya cari kod ini didalam kotak <b>Search</b> (seperti langkah No. 4 dan No. 5) kemudian enter <b>SEKALI</b> sahaja:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<b:include name='quickedit'/>
</pre></td></tr>
</table>
<br/>
8. Masukkan <b></div></b> betul-betul selepas/di bawah kod No. 7 tadi
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPr9fkqoIxN3BYGbeH78ePdmeayNhvU0v6JWxHv6gfOTZ8IA6ucTOFjbGQ634dKQ978SxxQqT5rO5Yk2oIrGXFA4AgeiILA8fgRZqAvTjIUsfAQnrhoFh4HtjxzsbGPnrfCGvqMyZMoI/s1043/ScrollbarArchieve5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPr9fkqoIxN3BYGbeH78ePdmeayNhvU0v6JWxHv6gfOTZ8IA6ucTOFjbGQ634dKQ978SxxQqT5rO5Yk2oIrGXFA4AgeiILA8fgRZqAvTjIUsfAQnrhoFh4HtjxzsbGPnrfCGvqMyZMoI/s1043/ScrollbarArchieve5.jpg" width="300"/></a>
<br/>
<br/>
9. "<b>Save template</b>" dan Selesai!
</center>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com16tag:blogger.com,1999:blog-8990700046298941217.post-46892007718462386132013-07-02T11:25:00.000+08:002013-07-02T11:25:35.131+08:00Photoshop:Masukkan Print Screen Ke Dalam Photoshop<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijH2AKRf-8-FadQ5d2lWkmDdOcOp6ZWhT5lOJiZGyJwcJKv_Y_jbGwZYRzzrAtUQOvua7jFNoYGZcISrG_Z6nLKaM0XCK2KZtCT9XX0ts7P5-eL2_6oDWGXt9QQjbRK2PYJUT1T4uxIHI/s150/Print-Screen.png" align="left" />
<br/>
<b>Ilmu Photoshop:</b>
<br/>
<br/>
Bagaimana memasukkan <b>Print Screen</b> ke dalam Photoshop?
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVv0Pp5q8fWRgqzVsagTWwMu5sX5nRukv4kPNOWEH3R3Uko5IKiBB3-vRwf67J-b2Fzxw7SRUJ1PctXgQY56mNUcTycs-uSyN8MrVD49GlmOUntzgfYv88PUDlUv32hoCPbuI2dJtI-FU/s320/PrintScreen.jpg" />
</center>
<br/>
<br/>
<b>Ilmu Photoshop:</b>
<ul><li>
Ketahui bagaimana caranya hendak memasukkan <b>Print Screen</b> ke dalam Photoshop
</li></ul>
<br/>
<br/>
<b>Ikuti langkah-langkah di bawah:</b>
<br/>
<br/>
<center>
<b><u>Untuk Keseluruhan Skrin</u>:</b> Pada keyboard, tekan butang "<b>Print Screen</b>" atau "<b>Prt Scr</b>"
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWhecKUnUGu1qyeDBU5As8uSBa3OooVf_N_-z5-RTElw16Ro8hDrRmzvTDfwdFP1CEXL3Xk0Ja-EWSu45kwV941yNgm3W9ROBObfvINAuDHZVVfV-ZhwzefBXSpyhtzfWrL0mXBu5IR6c/s200/PrintScreenButton.png" height="150"/>
<br/>
<br/>
<br/>
<b><u>Untuk Aktif Window</u>:</b> Pada keyboard, tekan butang "<b>Alt</b>" dan "<b>Print Screen</b>" atau "<b>Prt Scr</b>" serentak
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjWoOVkUrwTbGeuc_af2vWugD4TS0n16-FtQrZn8Hi6gO8F6zvbSUoGLvMXYN5b8iF6wgr2-UwffJMgCQZxTH0TfTJQnrvAs7Hr_4rWkVsOjdGqaUJ0WhbJlZyNDzVKMV-cGMG4X3XJ5s/s450/PrintScreenButton1.png" height="150"/>
<br/>
<br/>
Pada Photoshop, "<b>File</b>" -->>> "<b>New</b>"
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLN16HN3AR58_jN1p84FWfePn1Y1jVYkc1goKJu3RBKpvgPMzvMk5xo-yezf39LtsCXT-ufBC7bkZ9rEk_zUAO5mz-OW5Dpg1guf2LTnLYGTTQPLujgic05XxL6D9kqH62D5_uJAuk1cc/s562/PrintScreen1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLN16HN3AR58_jN1p84FWfePn1Y1jVYkc1goKJu3RBKpvgPMzvMk5xo-yezf39LtsCXT-ufBC7bkZ9rEk_zUAO5mz-OW5Dpg1guf2LTnLYGTTQPLujgic05XxL6D9kqH62D5_uJAuk1cc/s562/PrintScreen1.jpg" width="200"/></a>
<br/>
<br/>
<b>Preset:</b> setkan kepada "<b>Clipboard</b>"
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMOTz6lSAoaN7xeqjEYgSca-BiV-uHIe99Bi8vSYPfKhOLxIO0Lwk2I80F3_NmCVO_a_izn8Ac7KXRnYAr-zp8gMM9kZJnOj72GOK8XzZ-H7XFgUCRXjX29tDtpzKplt2t4tFDWQ-7Bo/s550/PrintScreen2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNMOTz6lSAoaN7xeqjEYgSca-BiV-uHIe99Bi8vSYPfKhOLxIO0Lwk2I80F3_NmCVO_a_izn8Ac7KXRnYAr-zp8gMM9kZJnOj72GOK8XzZ-H7XFgUCRXjX29tDtpzKplt2t4tFDWQ-7Bo/s550/PrintScreen2.jpg" width="350"/></a>
<br/>
<br/>
Anak-anak panah menunjukkan saiz <b>Print Screen</b> (tak perlu mengubah saiz-saiznya);<br/>
Untuk <b>Name:</b>, terpulang kepada anda samada hendak menamakannya dengan apa saja nama yang sesuai atau abaikan saja;<br/>
<b>Background Contents:</b> setkan kepada "<b>Transparent</b>";<br/>
Kemudian klik butang "<b>OK</b>"
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYr0O6zmDr9TPrajgIojJAXVyS7EsImoLPjA2PPaahE8jz8i36ktsnSBB5CBfubRQdAOm7FMTBO2ZpZjBbFEuE4l__0X0QTLh0H2Ka0spa0KFX8MJNE9TPEfD5F9S5RX-fwvJZopEEek/s550/PrintScreen2a.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilYr0O6zmDr9TPrajgIojJAXVyS7EsImoLPjA2PPaahE8jz8i36ktsnSBB5CBfubRQdAOm7FMTBO2ZpZjBbFEuE4l__0X0QTLh0H2Ka0spa0KFX8MJNE9TPEfD5F9S5RX-fwvJZopEEek/s550/PrintScreen2a.jpg" width="400"/></a>
</center>
<br/>
<b>Nota:</b>
<div align="justify"><a class=""><ul><li type=square>
Pada kebiasaannya apabila kita telah membuat <b>Print Screen</b> dan membuka file baru pada Photoshop, <b>Preset:</b> akan set kepada "<b>Clipboard</b>" secara automatik dan telah mengikut saiz <b>Print Screen</b> yang telah dibuat.
</li></ul></a></div>
<br/>
<center>
Selepas itu, ia akan kelihatan seperti ini:
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPI30vZtzMo-QejLNc1jiY4o9IGTDB3aJj80spvzSN8AbEMAvMIudAuroBA6lGhSCCHjYeZtzSP259oQqOWzkOBA4DRmV3mXXt72WPFfP5uoujv_ub-1UL7hJaEqgC4cyTYnVZQtv0oXU/s1214/PrintScreen3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPI30vZtzMo-QejLNc1jiY4o9IGTDB3aJj80spvzSN8AbEMAvMIudAuroBA6lGhSCCHjYeZtzSP259oQqOWzkOBA4DRmV3mXXt72WPFfP5uoujv_ub-1UL7hJaEqgC4cyTYnVZQtv0oXU/s1214/PrintScreen3.jpg" width="400"/></a>
<br/>
<br/>
Sekarang pada keyboard tekan butang "<b>Ctrl</b>" dan "<b>V</b>" serentak untuk terbitkan <b>Print Screen</b> yang dibuat tadi
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCS_JrIDbCAr06b-mVLRh2kHKYvMtTwRfziZEF6cvplO2nH30dIGfMriKvNcM41r8CY-TbXtOPQZBs__oN-fxEHz5HaTVJ3X93G_Y4EkhrUwQXBA8U2g-sYvB9S4Df2AW04tcdk9Wu-iQ/s1214/PrintScreen4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCS_JrIDbCAr06b-mVLRh2kHKYvMtTwRfziZEF6cvplO2nH30dIGfMriKvNcM41r8CY-TbXtOPQZBs__oN-fxEHz5HaTVJ3X93G_Y4EkhrUwQXBA8U2g-sYvB9S4Df2AW04tcdk9Wu-iQ/s1214/PrintScreen4.jpg" width="400"/></a>
<br/>
<br/>
Sekarang <b>Print Screen</b> anda telah menjelma dalam Photoshop. Terpulang pada anda samada hendak edit atau save terus ke PC!
</center>
<br/>
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com14tag:blogger.com,1999:blog-8990700046298941217.post-40487675833955718692013-07-01T11:40:00.000+08:002013-07-13T10:40:17.763+08:00Wujudkan Scrollbar Pada Blog Archive<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGDGVLsFqE_xHVFAchJOe4FDIRn_Mm3Nnhukac-xU1mbB9LVY8LR7xrRzH68FyyJk8oXg0M0DezFo4Jm7wOv0HEuT6FVYQAGeqKJJnSUhSePSp0T6cmy3qxfesnfAKGioZSePBsnexX2k/s1600/Scrollbar_Archieve.png" align="left" />
</div>
<br/>
<div align="justify">
Seperti yang kita sedia maklum, pada kebiasaannya <b>scrollbar</b> adalah bertujuan untuk memendekkan artikel-artikel atau post yang panjang bagi menjimatkan ruang-ruang pada blog. Ini termasuk widget <b>Blog Archive</b> pada sidebar yang disediakan oleh blogger.com sendiri.</div><br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjle_EZS38zqya6KPQMYz6TdKEi355IiihSsWYkIlkxHuZtWKqXbpoU7Q1cg4fBQ5F8XbHUPB8gdE5NxtOIkGrvYmlCEK30zWOvVUmPXpJd2vvyokzeDgSJv7DDcRMSbvp4Vpkvk6qWK7A/s615/Scrollbar-Archieve.jpg" width="350"/>
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn5DKkGx4xJ_1PJlDqC5LCg2N0S3uGB3cevygVArwvOGDn_yCmaiyA45mL3YeSDXNrBFqImlvG33SM6oexEX7c8EpvjkqNsPnocs3oQ7TEOvo7GMmSOGD5uWLyY3cRjeVu_UBQ1ZJk6w0/s312/Scrollbar-Archieve.gif" /><br/>
<i>Selepas memasukkan <b>scrollbar</b></i>
</center>
<br/>
<br/>
<b>Ikuti bagaimana cara hendak mewujudkan scrollbar pada widget Blog Archive:</b>
<br/>
<br/>
<center>
1. Pilih "<b>More options</b>"
<br/>
<br/>
2. "<b>Template</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ga1uN9fffSFB1w_ObGM5Dkdy-KCLoFejL6psBoCOkHphtKxQPqho7rV6cXyP-6S119ivACkxZFpwjnapbEHXoikpFuXzGrsiHo9Wxg1NxgnqhLQIYRXnmt9cKcTNrGgA1Tkm16rHvCY/s944/ScrollbarArchieve1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ga1uN9fffSFB1w_ObGM5Dkdy-KCLoFejL6psBoCOkHphtKxQPqho7rV6cXyP-6S119ivACkxZFpwjnapbEHXoikpFuXzGrsiHo9Wxg1NxgnqhLQIYRXnmt9cKcTNrGgA1Tkm16rHvCY/s944/ScrollbarArchieve1.jpg" width="300" /></a>
<br/>
<br/>
3. Klik butang "<b>Edit HTML</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAcma0Pfmp0bbXkhIGiwvSjWGve_8cqD6okfUFX3ZqSXs_F4IXI0XzUi3Dx7tBj9qvQhwUOAd8mOE5d-EC2UoF1uYnSveLV6_aQjoZ-JAe0nciagBFd5BLcY6lqHdwC7CvzLoCi2RLDU/s730/ScrollbarArchieve2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaAcma0Pfmp0bbXkhIGiwvSjWGve_8cqD6okfUFX3ZqSXs_F4IXI0XzUi3Dx7tBj9qvQhwUOAd8mOE5d-EC2UoF1uYnSveLV6_aQjoZ-JAe0nciagBFd5BLcY6lqHdwC7CvzLoCi2RLDU/s730/ScrollbarArchieve2.jpg" width="300"/></a>
<br/>
<br/>
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<div id='ArchiveList'>
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xi6qma8Jy9JMk4AjTWrp1juvU6OQ_eJdOYDw3ejIMfGUPGWa4Sfi581kqY0TEcfz3vTKoBO1s4IZANiREQF4dc-jGaXeX3yaMCz8HUJ8sbwG3-tassERLUtlqlDzc_lY_3hgvKjrPmc/s1230/ScrollbarArchieve3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6xi6qma8Jy9JMk4AjTWrp1juvU6OQ_eJdOYDw3ejIMfGUPGWa4Sfi581kqY0TEcfz3vTKoBO1s4IZANiREQF4dc-jGaXeX3yaMCz8HUJ8sbwG3-tassERLUtlqlDzc_lY_3hgvKjrPmc/s1230/ScrollbarArchieve3.jpg" width="300" /></a>
<br/>
<br/>
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod di atas (No. 4) dan enter
<br/>
<br/>
6. Kemudian "<b>copy</b>" kod ini pula dan "<b>paste</b>" sebelum/di atas kod No. 4 tadi:
</center>
<br/>
<div style="overflow:auto;width:100%;height:20px;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<div style="overflow:auto;width:100%;height:<span style="color:red">270</span>px;padding:0px">
</span></div>
<br/>
<b>Nota:</b>
<br/>
<ul>
<a class=""><span style="color:red"><li type=square>
Kod Warna Merah:<br/>
Untuk menukar panjang jarak yang diperlukan untuk <b>scrollbar</b> bergerak
</li></span></a></ul>
<br/>
<center>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrG-YAhriSlD0PGJHUgmq89DL0qH9OfovK8I-lCWZPTbbGpQjAxhRLJ2HOdT8VAx-FCYCYCWyvGR2HduAwKi7rLssLu_57ZxBsPWDPQLb09H5jgkK780jZtQeSRNU7eKNWfzkz7wjqDQ/s1043/ScrollbarArchieve4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrG-YAhriSlD0PGJHUgmq89DL0qH9OfovK8I-lCWZPTbbGpQjAxhRLJ2HOdT8VAx-FCYCYCWyvGR2HduAwKi7rLssLu_57ZxBsPWDPQLb09H5jgkK780jZtQeSRNU7eKNWfzkz7wjqDQ/s1043/ScrollbarArchieve4.jpg" width="300"/></a>
<br/>
<br/>
7. Seterusnya cari kod ini didalam kotak <b>Search</b> (seperti langkah No. 4 dan No. 5) kemudian enter <b>SEKALI</b> sahaja:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
<b:include name='quickedit'/>
</pre></td></tr>
</table>
<br/>
8. Masukkan <b></div></b> betul-betul selepas/di bawah kod No. 7 tadi
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPr9fkqoIxN3BYGbeH78ePdmeayNhvU0v6JWxHv6gfOTZ8IA6ucTOFjbGQ634dKQ978SxxQqT5rO5Yk2oIrGXFA4AgeiILA8fgRZqAvTjIUsfAQnrhoFh4HtjxzsbGPnrfCGvqMyZMoI/s1043/ScrollbarArchieve5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSPr9fkqoIxN3BYGbeH78ePdmeayNhvU0v6JWxHv6gfOTZ8IA6ucTOFjbGQ634dKQ978SxxQqT5rO5Yk2oIrGXFA4AgeiILA8fgRZqAvTjIUsfAQnrhoFh4HtjxzsbGPnrfCGvqMyZMoI/s1043/ScrollbarArchieve5.jpg" width="300"/></a>
<br/>
<br/>
9. "<b>Save template</b>" dan Selesai!
</center>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com25tag:blogger.com,1999:blog-8990700046298941217.post-50760429960616301892013-06-29T18:37:00.000+08:002013-06-29T18:37:39.016+08:00Musuh Gentar Melihat Kami!<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaBWVy-y4rZp_i3wkY4e9eFBG_9-Id_2YCdb2-AuxtgZuk36rXef01qazIis3DiWhzxLuQ9XoZbzwKz38PXMW9lLeOTy_eRq-kYq9kQpQ9sBWFUktwTfk7NsdOGLBnf_qTaN7eT9uv32w/s150/Khemah.png" align="left" />
<br/>
Dahulunya hidup kami sentiasa diselubungi dengan ketakutan dan kebimbangan disebabkan oleh musuh-musuh yang tidak diketahui diluar sana. Kini segalanya telah berubah setelah CK mengupah.....
</div>
<br/>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdrrLH0V_A5rMy42HLaDp2RGPLar-j3bsSN7CbW4QnoR7GNKjr7bh3Sfau4u2IZJ7uqVaGbzfbflnY8uW1ho3InXAKYRMwbI57k1xwYml6rTTF7ThZz6PHvQ1ycjaX0Kv48Hn-by42hH4/s320/Khemah1.png" />
</center>
<br/>
<div align="justify">
CK sekarang tidak perlu risau lagi akan musuh ketat kami yakni kucing-kucing liar yang selalu sangat mengeluarkan ketulan-ketulan bijih yang beraroma hingga ke tulang hitam. Ini kerana di hadapan rumah CK terdapat askar wataniah yang dilantik untuk menjaga keamanan rumah ini berkampung seharian untuk menjalankan tugas yang diamanahkan...</div>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs_8rcBzu8dglSW17tmshlTWZgBqQBq8RMCtE677CeoedulrMYaW6mAl6fgCADHtPZjOStSJqbl1ZmYOigCsIWcHvMG1Txc3f3Ee9zW9bc68tLHLOuGb6GsVgRbCv6FUe8azY1sk5WPpY/s320/Khemah4.jpg" width="500"/><br/>
<i>"Khemah yang didirikan dihadapan rumah CK"</i>
</center>
<br/>
<br/>
<div align="justify">
Askar-askar yang dimaksudkan adalah hero-hero CK sendiri...hehe<br/>
Di atas dedikasi serta berhemah tinggi yang ditunjukkan sepanjang menjalankan tanggungjawab yang diberi (hingga semput Ummie dan Daddy dibuat mereka), maka mereka telah diupah seberapa banyak ounces susu tepung penuh berkrim...</div>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpNBWlSrWev7KAifL0kV4sWAnWXF4alZ4zXAwLmYgoz1g_BtrArlMd6GMeXiOod3B62MgyjsuVXKFMRaRhovKmNob6qRXFjiOycOnsDmzPa6JnJO9Bi98hgvR2OjB4-FTObMd8gR0az9U/s320/Khemah1.jpg" width="350"/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOvzRiRrRk4ROBDSPNMBEQ7hFN06Fm0aCojeCggT9dG_VrosjnqI2gXL5wPfZNZzYlcW5fSHrYE5wqWNnzExxdemDjzGjkjLAFE_RPO-BsnIkWi90O9n4FV8JSWsZ05kly1CuMLSle-WY/s320/Khemah2.jpg" width="350"/>
<br/>
<i>"Askar-askar yang kepenatan menerima upah masing-masing"</i>
</center>
<br/>
<br/>
Setelah selesai operasi seharian mengawal rumah, didapati kereta kebal mereka telah punah sama sekali...
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBRg5XJDpcjU7XkewSFZHyxOh7X4umBWFsrYJWjTre-F8rvyeVTWSyLORM1JGmZ2dgygvbRFvxVyRDwFvyYlt9mgTxAxT4JK2CiKN8a_VywFilMRh5rq6AUCx2XS2ijOvyQRcWgiBKrOc/s320/Khemah3.jpg" width="500"/><br/>
<i>"Lihat keadaan stereng kereta kebal yang telah hancur ketika bertempur dengan musuh"<br/>
*kereta kebal ini tidak sempat dihantar ke car wash kerana car wash tutup</i>
<br/>
<br/>
<br/>
Demikianlah corat-coret kehidupan CK sekeluarga hari ini. Lepas pulang dari pasar pagi tadi terus kami memulakan perkhemahan ini. Harap anda terhibur :)
</center>
<br/>
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com27tag:blogger.com,1999:blog-8990700046298941217.post-9257060453435735282013-06-28T10:10:00.000+08:002013-06-28T10:10:22.730+08:00Photoshop:Tunjukkan Semua Shape<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnpXRbXnUw8-t-6whO3pU8qUpm5-H9AZS_Tt4pL4o6ySLwM5DFkmWJ9Z-sbIbS0epIqW3tLlqiM0YFAmiif3td2FNCtV8HZvCRkEHgDgGJhdLcanWxyHdBV9s-KeTLnv1BIeGB1xf1f18/s1600/SemuaShape.png" align="left" />
<br/>
<b>Ilmu Photoshop:</b>
<br/>
<br/>
Tunjukkan semua <b>Shape</b> yang ada pada Photoshop
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdy9enxhhp8i14cFEDmDgarNqkMmqH2H-vDmswq4gulxqOQAZuDm-p0oSARDS0onaWuqsIv9IKKhtDl36Vi53ktVr57856GgnsoV50iYCyr93IMzh9VfsRSbJB80Mi7WXM3ykxX1aogxw/s320/SemuaShape-Selepas.jpg" />
</center>
<br/>
<br/>
<b>Ilmu Photoshop:</b>
<ul><li>
Tunjukkan semua <b>Shape</b> pada Photoshop;<br/>
Adakah anda pernah mengalami pengalaman melihat <b>Shape</b> sebanyak ini sahaja dalam Photoshop anda? Berbaloikah banyak ini sahaja <b>Shape</b> yang Photoshop sediakan?:<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjltXIzJWnV5Ho4nzEYYRBSneQ2hRipT0JfYLZckevI7kZ6cClcAYd2MQloFZTnggj-Ga-QW4vHT3o3UpAsWhncyJD-GGCXa0yf3cQYpYaT3cykYoeGl_TiqpaBjIQS8FcguN9VYC73hR0/s320/SemuaShape-Sebelum.jpg" />
</center>
<br/>
Sebenarnya banyak lagi <b>Shape</b> yang Photoshop sediakan bagi memudahkan kita memilih <b>Shape</b> yang diperlukan. Cuma kita perlu melakukan beberapa perkara untuk terbitkan semua <b>Shape</b> yang ada.
</li></ul>
<br/>
<br/>
<b>Anda boleh load / tunjukkan semua Shape melalui kaedah ini:</b>
<br/>
<br/>
<center>
Tekan <b>Right click</b> sekali atau <b>left click</b> lama-lama pada icon "<b>Rectangle Tool</b>" untuk terbitkan senarai <b>Shape Tool</b>
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXnE8mlxIzmLB8wgshUII5DLuR4p3q36fJ5aAECNXVetgg_ntSQru4OW40QmgnnYjVCLW_wAr7fOcTleXMqJCclwEsdV-WHENJtNdC5ZlXPr5PzbQ8hEcIGDOIMTcsdUTLlIGVN_jf-k/s1600/SemuaShape1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtXnE8mlxIzmLB8wgshUII5DLuR4p3q36fJ5aAECNXVetgg_ntSQru4OW40QmgnnYjVCLW_wAr7fOcTleXMqJCclwEsdV-WHENJtNdC5ZlXPr5PzbQ8hEcIGDOIMTcsdUTLlIGVN_jf-k/s320/SemuaShape1.jpg" /></a>
<br/>
<br/>
Pilih "<b>Custom Shape Tool</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvB8bjXMGoK6T_NRnHzURXIkSznnP97-tkiMIX08sTNMZHgFyoVwb5LSxZ3dDyLZXMrvQA0_hyazL4xJz_UCwwErgY0Y9XgXpjQJhgippB4MigOkeNlNcALKCYE3_DxsPYPyGHPZpCkHo/s1600/SemuaShape2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvB8bjXMGoK6T_NRnHzURXIkSznnP97-tkiMIX08sTNMZHgFyoVwb5LSxZ3dDyLZXMrvQA0_hyazL4xJz_UCwwErgY0Y9XgXpjQJhgippB4MigOkeNlNcALKCYE3_DxsPYPyGHPZpCkHo/s320/SemuaShape2.jpg" /></a>
<br/>
<br/>
Klik icon "<b>Shape:</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgG5C13TuIAxBe2_FSHrEXC3GZOoP1AwHMR3kho_v6tVd5tbd4Pl_V9cN31T1SPsVNiUPyzwvDc5EECbEIik8GwVAi_9_BiqiJfoLV2FRJXk1DymOpU1nkEUTf838uBLOmH7LMyz53EBM/s1600/SemuaShape3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgG5C13TuIAxBe2_FSHrEXC3GZOoP1AwHMR3kho_v6tVd5tbd4Pl_V9cN31T1SPsVNiUPyzwvDc5EECbEIik8GwVAi_9_BiqiJfoLV2FRJXk1DymOpU1nkEUTf838uBLOmH7LMyz53EBM/s320/SemuaShape3.jpg" /></a>
<br/>
<br/>
Kemudian klik pula pada icon kecil "<b>setting</b>" dan pilih "<b>All</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-wQw6UbF3rjJWr0_aKZmlqsX1HkU2PKfjPBuOqBA8mQV9xc80xhIwOrAzp1PIDRzc_BLmtjFWJlnvwylphU5_h1cUtV_rkJ0326nj1UjVOIZXBqzVEEsoYjiYKWkthPkcpN7V1QytRBk/s1600/SemuaShape4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-wQw6UbF3rjJWr0_aKZmlqsX1HkU2PKfjPBuOqBA8mQV9xc80xhIwOrAzp1PIDRzc_BLmtjFWJlnvwylphU5_h1cUtV_rkJ0326nj1UjVOIZXBqzVEEsoYjiYKWkthPkcpN7V1QytRBk/s320/SemuaShape4.jpg" /></a>
<br/>
<br/>
Dan hasilnya:
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5aGXO0YRcWrw1JLcKMMJmFTysA9EALeGGYwA41YJhbbvv2WXBHz4xrVvyERE2PZd13eAefGnlJzXkgWPqVMhSWzrefNTZDyEomgrGl5OEr0OqUhfxsCF6Z9g5-Id_H-nuIMXnP1Tnxs/s1600/SemuaShape5.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO5aGXO0YRcWrw1JLcKMMJmFTysA9EALeGGYwA41YJhbbvv2WXBHz4xrVvyERE2PZd13eAefGnlJzXkgWPqVMhSWzrefNTZDyEomgrGl5OEr0OqUhfxsCF6Z9g5-Id_H-nuIMXnP1Tnxs/s320/SemuaShape5.jpg" /></a>
</center>
<br/>
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com21tag:blogger.com,1999:blog-8990700046298941217.post-4875576764066334422013-06-27T10:27:00.000+08:002013-06-27T10:29:10.700+08:00Photoshop:Zoom Menggunakan Scroll Wheel<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWEMMz7HRSUII43bs9tj8rgJxE1lO2y4ajP7pK3GCU0PdhbLvAaJm6Ull2rBzch110xJMgY1gmfhN8tCxXtF8H1KHWKGFvXgOmrycl-UOy9BxQq5ZoSj2OXuM2jBni67ShV8P_kpE5gc/s1600/Scroll-Wheel.png" align="left" />
<br/>
<b>Ilmu Photoshop:</b>
<br/>
<br/>
Zoom-In dan Zoom-Out dengan <b>Scroll Wheel</b> pada mouse
</div>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWSp0Od36RjoumnwEhBA068I180f2skAKK1Ol6XPESSaiG4trgJAW34E4j0slEwxEkhUfaG3386QYYX2Ao_qE7SIn41aGgE_Jw_ItymXDNW4YLQt8KDs2eLjZRI8fLCxCisoY2yiAliiE/s1600/ScrollWheel.png" width="250"/>
</center>
<br/>
<br/>
<b>Ilmu Photoshop:</b>
<ul><li>
Zoom-In dan Zoom-Out dengan <b>Scroll Wheel</b> pada mouse;<br/>
Jika <b>mouse</b> atau <b>tetikus</b> anda mempunyai <b>scroll whell</b> (bentuk roda yang berada ditengah-tengah antara butang <b>right click</b> dan butang <b>left click</b>), ini akan memudahkan anda membuat <b>zoom-in</b> dan <b>zoom-out</b> tanpa menggunakan kaedah <a href="http://cikgukacamata.blogspot.com/2013/06/photoshopzoom-inzoom-out.html" target="_blank"><b>Zoom-In dan Zoom-Out Pada Keyboard</b></a>
</li>
</ul>
<br/>
<center>
<b><i>Sebelum menggunakan Scroll Wheel:</i></b>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkBDyFFGo41m2gWfGenScHxDaypzm-ozs-cTI9EimfeQklLn2WUCJzWTey7LI7d6kAfdxunoxykntR1EuVt2XPMSOHMqwe74fm90IjmF15Vf77egbPU-ruOrXcmPUKpxdLFCv00aJ3fFg/s320/ZoomWithWheel_Sebelum.gif" width="250"/>
<br/>
<br/>
<b><i>Selepas set kepada Scroll Wheel:</i></b>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkxac2UPpWbwPCutdQMr3f3_ReSBvbMxDPXbotJy-bxDdpwROCOiYrBWKkJJtOw1RYkjB8M2fv-_1jNx7fBmAdkgH3a61PcxtVPuoUusau9OHlb7wngh9FFBsqw14Eqj_pu63R8AdQh_8/s320/ZoomWithWheel_Selepas.gif" width="250"/>
<br/>
<br/>
<br/>
<b>Langkah-langkah membolehkan Scroll Wheel digunakan:</b>
<br/>
<br/>
"<b>Edit</b>" -->>> "<b>Preferences</b>" -->>> "<b>General</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7_1aJZMdUOvaS5-g51cmXdX-Xw4B-9yClbbcPJdhEYFXIQ0qtn-bQLLc6etgyCSg_n6WakT8ZVczP2rCChGe-Xgy15cvPzn32_MEWJZ9EfoX1zNIQO8MfFzLjocvuTdz9U4HRATnMhc/s1600/ZoomWithScrollWheel1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL7_1aJZMdUOvaS5-g51cmXdX-Xw4B-9yClbbcPJdhEYFXIQ0qtn-bQLLc6etgyCSg_n6WakT8ZVczP2rCChGe-Xgy15cvPzn32_MEWJZ9EfoX1zNIQO8MfFzLjocvuTdz9U4HRATnMhc/s320/ZoomWithScrollWheel1.jpg" /></a>
<br/>
<br/>
<br/>
Dalam kotak <b>Option</b>, <b>tick</b> / <b>check</b> pada kotak kecil <b>Zoom With <u>S</u>croll Wheel</b> dan klik "<b>Ok</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGwxdM08PiNKkiDO6o-H2SNiGaSfcNGOkxJ2KOUpr1cEiKhA45GifVxpfulRKBQ7LgoVOsM4d4crgXjXH7CkDUvBNStIFmY23i-ray_8sqNxslPpT1Mkk27v87fX00fE6kdmTwOEHNBQ/s1600/ZoomWithScrollWheel2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGwxdM08PiNKkiDO6o-H2SNiGaSfcNGOkxJ2KOUpr1cEiKhA45GifVxpfulRKBQ7LgoVOsM4d4crgXjXH7CkDUvBNStIFmY23i-ray_8sqNxslPpT1Mkk27v87fX00fE6kdmTwOEHNBQ/s320/ZoomWithScrollWheel2.jpg" /></a>
<br/>
<br/>
Nah! Sekarang anda boleh menggunakan <b>Scroll Wheel</b> sebagai agen untuk <b>Zoom-In</b> dan <b>Zoom-Out</b> pada projek Photoshop anda.
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com19tag:blogger.com,1999:blog-8990700046298941217.post-9894290760220962222013-06-26T16:56:00.000+08:002013-06-28T10:19:07.971+08:00Tiada Butang Back To Top!<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw2fvFNwa1VpDHGgl1YnwxmU79D0kQQ9Elh9yeYq2icHPAkekkWIiHpucg4w0-Cnk_lhr4SJpxbZKDM5XMQ6lzg8JpbTj3cnrH4lTWpDx_ouyDqC1kb2MWr2P5Vw5As7lgVsOJurztFlM/s1600/NoBackToTop.png" align="left" />
<br/>
Sebab utama mengapa CK tidak meletakkan widget <b>Back To Top</b>
</div>
<br/>
<br/>
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1_r7abPg1ANTjed22pNEkDOs9-qa-bILhJzMQmxxXzhSBzSGakiYsosiWbmKGh66ejyHlEaQyN7zbp1xbgOE-nVTVoMru6dwn_o16kK7Y8shOU2-_1cMAyvipXqkd5EYPl3zYqvweT8I/s1600/NoBackToTop.jpg" />
</center>
<br/>
<br/>
<div align="justify">
Sebelum itu CK nak mengucapkan jutaan kemaafan kepada semua yang sudi singgah ke blog ini kerana mungkin ada sedikit kerumitan berkenaan tiada butang <b>Back To Top</b>. Yelah, mana taknya...dah penat scroll langsung ke bawah tapi tiada <b>'short cut'</b> utk naik ke atas kembali.
<br/>
<br/>
Sebenarnya sengaja CK berbuat demikian (buat masa ni la) kerana CK mahukan semua pengunjung blog ini <b>meng"explore"
</b> seluruh akar umbi yang ada di sini. Jika ada butang <b>Back To Top</b> tu, maka secara tidak langsung pengunjung mungkin akan terlepas <b>"babak-babak"</b> utama blog ini atau komen-komen daripada rakan blogger yang lain.
<br/>
<br/>
Akhir kata bagi penutup post ini, CK harap semua rakan-rakan jangan <b>give-up</b> dan teruskan menyokong blog ini agar CK dapat meneruskan dengan pelbagai lagi tutorial-tutorial baru dan menarik untuk anda semua :).
</div>
<br/>
<center>
<b>WASSALAM ---@@@--- WALLAHHU'ALAM</b>
<br/>
<br/>
<br/>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com24tag:blogger.com,1999:blog-8990700046298941217.post-78267274750484963232013-06-26T12:43:00.000+08:002013-06-26T12:45:52.818+08:00Widget Senarai Pemberi Komen Terbanyak<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJGILf-dD-v_qN-KTtO1AK_opvKSuRLV3up6TVDhrsaZYgkzWzzQMTKfQSlkecP42zHt_0FM2XoARY1_wuxJDpJSe07ZSphOs5jz-br1BIgj0zBcx1_3s62edNaXlCzHjcAQOoaQNlSw4/s1600/PengomenTerbanyak.gif" align="left" />
</div>
<br/>
<div align="justfy">
<b>Widget Senarai Pemberi Komen Terbanyak</b> ini adalah hasil ilham daripada <a href="http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-dengan-avatar.html" target="_blank"><b>Widget Komen Terkini Dengan Avatar Berpusing</b></a> yang CK postkan sebelum ini. Ia kelihatan agak unik kerana mampu memusingkan avatar pemberi komen terbanyak apabila cursor mengenainya. Selain itu, widget ini memberitahu profil pemberi komen terbanyak dan bilangan komen yang diberi.
</div>
<br />
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgffa6oq2E6C6aw-7ogb5DfwvyLEtbwY2cF0VHTtC-XQQfRRlaWauLMVOvB65F9tpSkYv-fSiWGy9iG0Nvvf8Fei9fZdkX2AG4Insy8Bsv4fN7dwOqocA8KIYXRrOcBIepaqeK2OAKg7M/s320/KomenTerbanyak.gif" width="200"/>
</center>
<br/>
<br/>
<b>Jika mahukan widget ini, sila ikuti langkah-langkah di bawah:</b>
<br/>
<br/>
<center>
1. Masuk ke akaun blogger anda -->>> "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Layout</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s1600/KomenTerkini1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s320/KomenTerkini1.jpg" /></a>
<br />
<br />
3. Klik "<b>Add a Gadget</b>" pada <b>sidebar</b>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s1600/KomenTerkini2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s320/KomenTerkini2.jpg" /></a>
<br/>
<br/>
4. Scroll ke bawah sedikit dan klik "<b>HTML/JavaScript</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s1600/KomenTerkini3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s320/KomenTerkini3.jpg" width="200"/></a>
<br/>
<br />
5. "<b>Copy</b>" semua kod di bawah dan "<b>paste</b>" ke dalam kotak <b>Content</b>
</center>
<br/>
<div style="overflow:auto;width:100%;height:500px;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<style type="text/css"><br/>
.top-commenter-line img {<br/>
border: 2px solid <span style="color:blue">#ffffff</span>;<br/>
-webkit-border-radius: 100px;<br/>
-moz-border-radius: 100px;<br/>
border-radius: 100px;<br/>
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br/>
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br/>
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);<br/>
-webkit-transition: all 1s ease-in-out;<br/>
-moz-transition: all 1s ease-in-out;<br/>
-o-transition: all 1s ease-in-out;<br/>
-ms-transition: all 1s ease-in-out;<br/>
}<br/>
.top-commenter-line img:hover {-webkit-transform: rotate(360deg);<br/>
-moz-transform: rotate(360deg);<br/>
-o-transform: rotate(360deg);<br/>
-ms-transform: rotate(360deg);<br/>
}<br/>
.top-commenter-line {margin: 3px 0;}<br/>
.top-commenter-line .profile-name-link {padding-left:0;}<br/>
.top-commenter-avatar {vertical-align:middle;<br/>
}<br/>
<br/>
</style><br/>
<script type="text/javascript"><br/>
<br/>
var maxTopCommenters = <span style="color:green">5</span>;<br/>
var minComments = 1;<br/>
var numDays = 0;<br/>
var excludeMe = true;<br/>
var excludeUsers = ["Anonymous", "<span style="color:red">someotherusertoexclude</span>"];<br/>
var maxUserNameLength = 42;<br/>
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';<br/>
var txtNoTopCommenters = '';<br/>
var txtAnonymous = '';<br/>
var sizeAvatar = <span style="color:#9100dc">50</span>;<br/>
var cropAvatar = true;<br/>
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTEYshFI2QQlOroDDzk30q3PF6I4fLA3iMd0in-XtDppm9RKYUaz9So82rp036tKvoIC3EbhE2yK6tVuzUNUXvwtenh3rbyXcjL4Z_4F0E28UtoQ8LYgK9tmSNTIgC95D1ePWPQGFFO36/s1600/ck-avatar.jpg";<br/>
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTEYshFI2QQlOroDDzk30q3PF6I4fLA3iMd0in-XtDppm9RKYUaz9So82rp036tKvoIC3EbhE2yK6tVuzUNUXvwtenh3rbyXcjL4Z_4F0E28UtoQ8LYgK9tmSNTIgC95D1ePWPQGFFO36/s1600/ck-avatar.jpg' + sizeAvatar;<br/>
var urlMyProfile = '';<br/>
var urlMyAvatar = '';<br/>
<br/>
// for old IEs & IE modes:<br/>
if(!Array.indexOf) {<br/>
Array.prototype.indexOf=function(obj) {<br/>
for(var i=0;i<this.length;i++) if(this[i]==obj) return i;<br/>
return -1;<br/>
}}<br/>
function replaceTopCmtVars(text, item, position)<br/>
{<br/>
if(!item || !item.author) return text;<br/>
var author = item.author;<br/>
<br/>
var authorUri = "";<br/>
if(author.uri && author.uri.$t != "")<br/>
authorUri = author.uri.$t;<br/>
<br/>
var avaimg = urlAnoAvatar;<br/>
var bloggerprofile = "http://www.blogger.com/profile/";<br/>
if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br/>
avaimg = author.gd$image.src;<br/>
else {<br/>
var parseurl = document.createElement('a');<br/>
if(authorUri != "") {<br/>
parseurl.href = authorUri;<br/>
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br/>
}<br/>
}<br/>
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br/>
avaimg = urlMyAvatar;<br/>
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br/>
avaimg = urlNoAvatar;<br/>
var newsize="s"+sizeAvatar;<br/>
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br/>
if(cropAvatar) newsize+="-c";<br/>
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br/>
<br/>
var authorName = author.name.$t;<br/>
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br/>
authorName = txtAnonymous;<br/>
var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'"title="'+authorName+'" src="'+avaimg+'" />';<br/>
if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br/>
<br/>
if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)<br/>
authorName = authorName.substr(0, maxUserNameLength-3) + "...";<br/>
var authorcode = authorName;<br/>
if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';<br/>
<br/>
text = text.replace('[user]', authorcode);<br/>
text = text.replace('[image]', imgcode);<br/>
text = text.replace('[#]', position);<br/>
text = text.replace('[count]', item.count);<br/>
return text;<br/>
}<br/>
<br/>
var topcommenters = {};<br/>
var ndxbase = 1;<br/>
function showTopCommenters(json) {<br/>
var one_day=1000*60*60*24;<br/>
var today = new Date();<br/>
<br/>
if(urlMyProfile == "") {<br/>
var elements = document.getElementsByTagName("*");<br/>
var expr = /(^| )profile-link( |$)/;<br/>
for(var i=0 ; i<elements.length ; i++)<br/>
if(expr.test(elements[i].className)) {<br/>
urlMyProfile = elements[i].href;<br/>
break;<br/>
}<br/>
}<br/>
<br/>
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br/>
var entry = json.feed.entry[i];<br/>
if(numDays > 0) {<br/>
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br/>
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br/>
<br/>
//Calculate difference btw the two dates, and convert to days<br/>
var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));<br/>
if(days > numDays) break;<br/>
}<br/>
var authorUri = "";<br/>
if(entry.author[0].uri && entry.author[0].uri.$t != "")<br/>
authorUri = entry.author[0].uri.$t;<br/>
<br/>
if(excludeMe && authorUri != "" && authorUri == urlMyProfile)<br/>
continue;<br/>
var authorName = entry.author[0].name.$t;<br/>
if(excludeUsers.indexOf(authorName) != -1)<br/>
continue;<br/>
<br/>
var hash=entry.author[0].name.$t + "-" + authorUri;<br/>
if(topcommenters[hash])<br/>
topcommenters[hash].count++;<br/>
else {<br/>
var commenter = new Object();<br/>
commenter.author = entry.author[0];<br/>
commenter.count = 1;<br/>
topcommenters[hash] = commenter;<br/>
}<br/>
}<br/>
if(json.feed.entry.length == 200) {<br/>
ndxbase += 200;<br/>
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br/>
return;<br/>
}<br/>
<br/>
// convert object to array of tuples<br/>
var tuplear = [];<br/>
for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);<br/>
<br/>
tuplear.sort(function(a, b) {<br/>
if(b[1].count-a[1].count)<br/>
return b[1].count-a[1].count;<br/>
return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;<br/>
});<br/>
<br/>
// list top topcommenters:<br/>
var realcount = 0;<br/>
for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {<br/>
var item = tuplear[i][1];<br/>
if(item.count < minComments)<br/>
break;<br/>
document.write('<di'+'v class="top-commenter-line">');<br/>
document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));<br/>
document.write('</d'+'iv>');<br/>
realcount++;<br/>
}<br/>
if(!realcount)<br/>
document.write(txtNoTopCommenters);<br/>
}<br/>
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');<br/>
</script><br/>
<span id=ck-wkt><a href=http://cikgukacamata.blogspot.com/2013/06/widget-senarai-pemberi-komen-terbanyak.html target=_blank>Widget Senarai Pemberi Komen Terbanyak</a></span><br/>
<style type=text/css><br/>
#ck-wkt {font-family: Arial,Tahoma;font-size:9px;font-style:italic;padding-top:7px;display:block;text-align:right;}<br/>
</style><br/>
</span></div>
<br/>
<br/>
<b>Nota:</b>
<br/>
<ul>
<a class=""><span style="color:blue"><li type=square>
Kod Warna Biru:<br/>
Untuk menukar warna border pada avatar
</li></span></a>
<a class=""><span style="color:green"><li type=square>
Kod Warna Hijau:<br/>
Untuk memaparkan jumlah bilangan pemberi komen terbanyak
</li></span></a>
<a class=""><span style="color:red"><li type=square>
Kod Warna Merah:<br/>
Untuk sembunyikan profil dan avatar anda daripada tersenarai dalam pemberi komen terbanyak, gantikan dengan nama profil anda sendiri. <i>(Contoh: "<b>someotherusertoexclude</b>" diganti dengan "<b>Cikgu Kacamata</b>")</i>
</li></span></a>
<a class=""><span style="color:#9100dc"><li type=square>
Kod Warna Ungu:<br/>
Untuk menukar saiz avatar
</li></span></a>
</ul>
<br/>
<center>
6. "<b>Save</b>" gadget sidebar anda dan siap!
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>
Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com56tag:blogger.com,1999:blog-8990700046298941217.post-61969759403312393142013-06-24T10:37:00.000+08:002013-06-24T12:12:39.466+08:00Widget Komen Terkini Dengan Avatar Berpusing<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVqTBGThAokC8gTtrAWz-OO-HIUIbeMRPFjCaLxoJx7WSvuxfXLdQek_071haQJUmsD5qsgiInYr1A9VPHcZyf5NeXnBNR4-DgR3jx5VGeFRjC7zoXO6CMeXhBU-cvKWiB-c-73TlTkg/s1600/KomenTerkini-Avatar.gif" align="left" />
</div>
<br/>
<div align="justfy">
<b>Widget Komen Terkini Tanpa Komen Anda</b> adalah widget update daripada <a href="http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-blogger.html" target="_blank"><b>Widget Komen Terkini Blogger</b></a> dan <a href="http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-dengan-thumbnail.html" target="_blank"><b>Widget Komen Terkini Dengan Avatar</b></a> yang CK postkan sebelum ini. Widget ini sangat menarik kerana terdapat banyak kelebihan berbanding yang terdahulu dan harus dimiliki setiap blog.</div>
<br />
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA5I5LWiYKMjqoxQdc3mAf7a841vReoij6QdKHn7SWU8gV0jaFzc7UnusFxfSijLyeaDNIJq8Mb8OXu9O65BPeAp9MYeT6dNGmaRifsMsYPVVXsgx4FQmtKsguiQ1GK_d8GIujXr8GZiA/s320/Komen-Terkini.gif" width="200" />
</center>
<br />
<br/>
Antara kelebihan yang terdapat pada widget ini:
<br/>
<br/>
<ul>
<a class=""><li>
Dapat melihat profil siapa yang meninggalkan komen terkini
</li></a>
<a class=""><li>
Mampu menyembunyikan komen terkini anda sendiri
</li></a>
<a class=""><li>
Boleh menukar bentuk dan saiz avatar
</li></a>
<a class=""><li>
Boleh menggerakkan avatar apabila cursor mengenainya
</li></a></ul>
<br/>
<br/>
<b>Ikuti langkah-langkah mudah untuk memasukkan widget ini ke sidebar blog anda:</b>
<br/>
<br/>
<center>
1. Masuk ke akaun blogger anda -->>> "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Layout</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s1600/KomenTerkini1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s320/KomenTerkini1.jpg" /></a>
<br />
<br />
3. <b>"Add a Gadget"</b>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s1600/KomenTerkini2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s320/KomenTerkini2.jpg" /></a>
<br/>
<br/>
4. Scroll ke bawah sedikit dan klik "<b>HTML/JavaScript</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s1600/KomenTerkini3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s320/KomenTerkini3.jpg" width="200"/></a>
<br/>
<br />
5. "<b>Copy</b>" kod di bawah dan "<b>paste</b>" ke dalam kotak <b>Content</b>
</center>
<br/>
<div style="overflow:auto;width:100%;height:500px;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<style type="text/css"><br/>
.rc{padding-left:24px; padding-top: 6px;}<br/>
.rc a:hover {color: #ff0000;text-decoration: none;}<br/>
.rc-ico{margin-left:-20px;margin-top:4px;float:left; margin-right:3px}<br/>
.rc-ico img {margin-top: -2px;margin-right:5px; border: 2px solid <span style="color:blue">#ffffff</span>;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);box-shadow: 0 1px 2px rgba(0, 0, 0, .4);<br/>
-webkit-transition: all 1s ease-in-out;<br/>
-moz-transition: all 1s ease-in-out;<br/>
-o-transition: all 1s ease-in-out;<br/>
-ms-transition: all 1s ease-in-out; }<br/>
.rc-ico img:hover {-webkit-transform: rotate(360deg);<br/>
-moz-transform: rotate(360deg);<br/>
-o-transform: rotate(360deg);<br/>
-ms-transform: rotate(360deg);}<br/>
.rc-header{font-size: 13px;}<br/>
.rc-header a{}<br/>
.rc-body{font-style: italic; font-size:11px;padding: 0px 4px 1px 10px;border: 1px solid transparent;}<br/>
.rc-footer{font-size:11px; float: right;}<br/>
#rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;}<br/>
</style><br/>
<script type="text/javascript"><br/>
var numRecentComments = <span style="color:green">5</span>;<br/>
var maxCommentChars = <span style="color:#ff7200">50</span>;<br/>
var trueAvatars = true;<br/>
var urlMyAvatar = '';<br/>
var urlMyProfile = '';<br/>
var cropAvatar = true;<br/>
var sizeAvatar = <span style="color:#9100dc">50</span>;<br/>
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTEYshFI2QQlOroDDzk30q3PF6I4fLA3iMd0in-XtDppm9RKYUaz9So82rp036tKvoIC3EbhE2yK6tVuzUNUXvwtenh3rbyXcjL4Z_4F0E28UtoQ8LYgK9tmSNTIgC95D1ePWPQGFFO36/s1600/ck-avatar.jpg";<br/>
var urlAnoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTEYshFI2QQlOroDDzk30q3PF6I4fLA3iMd0in-XtDppm9RKYUaz9So82rp036tKvoIC3EbhE2yK6tVuzUNUXvwtenh3rbyXcjL4Z_4F0E28UtoQ8LYgK9tmSNTIgC95D1ePWPQGFFO36/s1600/ck-avatar.jpg' + sizeAvatar;<br/>
var txtMore = '<span style="color:#00cfdc">Berikutnya »</span>';<br/>
var txtWrote = 'komen:';<br/>
var txtAnonymous = '';<br/>
var maxResultsComments = "";<br/>
var numPerPost = 10;<br/>
var maxPostTitleChars = 30;<br/>
var getTitles = true;javascript:void(0)<br/>
var maxResultsPosts = "";<br/>
var txtTooltip = '';<br/>
var urlToTitle = {};<br/>
function replaceVars(text, user, title, date) {<br/>
text = text.replace('[user]', user);<br/>
text = text.replace('[date]', date.toLocaleDateString());<br/>
text = text.replace('[datetime]', date.toLocaleString());<br/>
text = text.replace('[time]', date.toLocaleTimeString());<br/>
text = text.replace('[title]', title.replace(/\"/g,'"'));<br/>
var i = text.indexOf("[date ");<br/>
if(i > -1) {<br/>
var format = /\[date\s+(.+?)\]/.exec(text)[1];<br/>
if(format != '') {<br/>
var txtDate = format.replace(/yyyy/i, date.getFullYear());<br/>
txtDate = txtDate.replace(/yy/i, date.getFullYear().toString().slice(-2));<br/>
txtDate = txtDate.replace("MM", String("0"+(date.getMonth()+1)).slice(-2));<br/>
txtDate = txtDate.replace("mm", String("0"+date.getMinutes()).slice(-2));<br/>
txtDate = txtDate.replace("ss", String("0"+date.getSeconds()).slice(-2));<br/>
txtDate = txtDate.replace("dd", String("0"+date.getDate()).slice(-2));<br/>
//or: txtDate = txtDate.replace("dd", date.getDate());<br/>
txtDate = txtDate.replace("hh", String("0"+date.getHours()).slice(-2));<br/>
//or: txtDate = txtDate.replace("hh", date.getHours());<br/>
text = text.replace(/\[date\s+(.+?)\]/, txtDate)<br/>
}<br/>
}<br/>
return text;<br/>
}<br/>
if(urlMyProfile == "") {<br/>
var elements = document.getElementsByTagName("*");<br/>
var expr = /(^| )profile-link( |$)/;<br/>
for(var i=0 ; i<elements.length ; i++)<br/>
if(expr.test(elements[i].className)) {<br/>
urlMyProfile = elements[i].href;<br/>
break;<br/>
}<br/>
}<br/>
function getPostUrlsForComments(json) {<br/>
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br/>
var entry = json.feed.entry[i];<br/>
for (var k = 0; k < entry.link.length; k++ ) {<br/>
if (entry.link[k].rel == 'alternate') {<br/>
href = entry.link[k].href;<br/>
break;<br/>
}<br/>
}<br/>
urlToTitle[href] = entry.title.$t;<br/>
}<br/>
}<br/>
function showRecentComments(json) {<br/>
var postHandled = {};<br/>
var j = 0;<br/>
if(numPerPost) {<br/>
while(numPerPost < numRecentComments) {<br/>
for(var i = 0 ; i < json.feed.entry.length ; i++ ) {<br/>
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="<span style="color:red">Blogger User</span>") continue;<br/>
if(entry["thr$in-reply-to"]) {<br/>
if(!postHandled[entry["thr$in-reply-to"].href])<br/>
postHandled[entry["thr$in-reply-to"].href] = 1;<br/>
else<br/>
postHandled[entry["thr$in-reply-to"].href]++;<br/>
if(postHandled[entry["thr$in-reply-to"].href] <= numPerPost)<br/>
j++;<br/>
}<br/>
}<br/>
if(j >= numRecentComments)<br/>
break;<br/>
numPerPost++;<br/>
j = 0;<br/>
postHandled = {};<br/>
}<br/>
if(numRecentComments == numPerPost)<br/>
numPerPost = 0;<br/>
}<br/>
postHandled = {};<br/>
j = 0;<br/>
for(var i = 0 ; j < numRecentComments && i < json.feed.entry.length ; i++ ) {<br/>
var entry = json.feed.entry[i]; if(entry.author[0].name.$t=="<span style="color:red">Blogger User</span>") continue;<br/>
if(numPerPost && postHandled[entry["thr$in-reply-to"].href] && postHandled[entry["thr$in-reply-to"].href] >= numPerPost)<br/>
continue;<br/>
if(entry["thr$in-reply-to"]) {<br/>
if(!postHandled[entry["thr$in-reply-to"].href])<br/>
postHandled[entry["thr$in-reply-to"].href] = 1;<br/>
else<br/>
postHandled[entry["thr$in-reply-to"].href]++;<br/>
j++;<br/>
var href='';<br/>
for (var k = 0; k < entry.link.length; k++ ) {<br/>
if (entry.link[k].rel == 'alternate') {<br/>
href = entry.link[k].href;<br/>
break;<br/>
}<br/>
}<br/>
if(href=='') {j--; continue; }<br/>
var hrefPost = href.split("?")[0];<br/>
var comment = "";<br/>
if("content" in entry) comment = entry.content.$t;<br/>
else comment = entry.summary.$t;<br/>
comment = comment.replace(/<br[^>]*>/ig, " ");<br/>
comment = comment.replace(/<\S[^>]*>/g, "");<br/>
var postTitle="-";<br/>
if(urlToTitle[hrefPost]) postTitle=urlToTitle[hrefPost];<br/>
else {<br/>
if(hrefPost.match(/\/([^/]*)\.html/)) postTitle = hrefPost.match(/\/([^/]*)\.html/)[1].replace(/_\d{2}$/, "");<br/>
postTitle = postTitle.replace(/-/g," ");<br/>
postTitle = postTitle[0].toUpperCase() + postTitle.slice(1);<br/>
}<br/>
if(maxPostTitleChars && postTitle.length > maxPostTitleChars) {<br/>
postTitle = postTitle.substring(0, maxPostTitleChars);<br/>
var indexBreak = postTitle.lastIndexOf(" ");<br/>
postTitle = postTitle.substring(0, indexBreak) + "...";<br/>
}<br/>
<br/>
var authorName = entry.author[0].name.$t;<br/>
var authorUri = "";<br/>
if(entry.author[0].uri && entry.author[0].uri.$t != "")<br/>
authorUri = entry.author[0].uri.$t;<br/>
var avaimg = urlAnoAvatar;<br/>
var bloggerprofile = "http://www.blogger.com/profile/";<br/>
if(trueAvatars && entry.author[0].gd$image && entry.author[0].gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)<br/>
avaimg = entry.author[0].gd$image.src;<br/>
else {<br/>
var parseurl = document.createElement('a');<br/>
if(authorUri != "") {<br/>
parseurl.href = authorUri;<br/>
avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;<br/>
}<br/>
}<br/>
if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")<br/>
avaimg = urlMyAvatar;<br/>
if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")<br/>
avaimg = urlNoAvatar;<br/>
var newsize="s"+sizeAvatar;<br/>
avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");<br/>
if(cropAvatar) newsize+="-c";<br/>
avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");<br/>
if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)<br/>
authorName = txtAnonymous;<br/>
var imgcode = '<img height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';<br/>
if (authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';<br/>
var clsAdmin = "";<br/>
if(urlMyProfile != "" && authorUri == urlMyProfile)<br/>
clsAdmin = " rc-admin";<br/>
var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601<br/>
var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);<br/>
<br/>
var txtHeader = txtWrote;<br/>
if(txtWrote.indexOf('[')==-1)<br/>
txtHeader = authorName + ' ' + txtWrote;<br/>
else<br/>
txtHeader = replaceVars(txtHeader, authorName, postTitle, cmtDate);<br/>
<br/>
var tooltip = replaceVars(txtTooltip, authorName, postTitle, cmtDate);<br/>
if(!/#/.test(href)) href += "#comments";<br/>
document.write('<div title="'+tooltip+'" class="rc'+clsAdmin+'">');<br/>
document.write('<div title="'+tooltip+'" class="rc-header'+clsAdmin+'"><div title="'+tooltip+'" class="rc-ico'+clsAdmin+'">'+imgcode+'</div><a title="'+tooltip+'" href="' + href + '">' + txtHeader + ' </a></div>');<br/>
if(comment.length < maxCommentChars)<br/>
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '</div>');<br/>
else {<br/>
comment = comment.substring(0, maxCommentChars);<br/>
var indexBreak = comment.lastIndexOf(" ");<br/>
comment = comment.substring(0, indexBreak);<br/>
document.write('<div title="'+tooltip+'" class="rc-body'+clsAdmin+'">' + comment + '...</div>');<br/>
if(txtMore != "") {<br/>
var moretext = replaceVars(txtMore, authorName, postTitle, cmtDate);<br/>
document.write('<div title="'+tooltip+'" class="rc-footer'+clsAdmin+'"><a title="'+tooltip+'" href="' + href + '">' + moretext + '</a></div>');<br/>
}<br/>
}<br/>
document.write('<div style="clear:both;"></div></div>');<br/>
}<br/>
}<br/>
}<br/>
if(getTitles)<br/>
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false'+maxResultsPosts+'&alt=json-in-script&callback=getPostUrlsForComments"></'+'script>');<br/>
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false'+maxResultsComments+'&alt=json-in-script&callback=showRecentComments"></'+'script>');<br/>
</script><br/>
<span id=ck-wkt><a href=http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-dengan-avatar.html target=_blank>Widget Komen Terkini Dengan Avatar</a></span><br/>
<style type=text/css><br/>
#ck-wkt {font-family: Arial,Tahoma;font-size:9px;font-style:italic;padding-top:7px;display:block;text-align:right;}<br/>
</style><br/>
</span></div>
<br/>
<br/>
<b>Nota:</b>
<br/>
<ul>
<a class=""><span style="color:blue"><li type=square>
Kod Warna Biru:<br/>
Untuk menukar warna border pada avatar
</li></span></a>
<a class=""><span style="color:green"><li type=square>
Kod Warna Hijau:<br/>
Untuk memaparkan jumlah bilangan komen terkini
</li></span></a>
<a class=""><span style="color:#ff7200"><li type=square>
Kod Warna Oren:<br/>
Untuk menukar jumlah huruf (character) komen termasuk jarak
</li></span></a>
<a class=""><span style="color:#9100dc"><li type=square>
Kod Warna Ungu:<br/>
Untuk menukar saiz avatar
</li></span></a>
<a class=""><span style="color:#00cfdc"><li type=square>
Kod Warna Aqua:<br/>
Buang saja jika tidak diperlukan atau ganti dengan perkataan yang lain
</li></span></a>
<a class=""><span style="color:red"><li type=square>
Kod Warna Merah:<br/>
Untuk sembunyikan komen terkini anda, gantikan dengan nama anda sendiri. <i>(Contoh: "<b>Blogger User</b>" diganti dengan "<b>Cikgu Kacamata</b>" pada kedua-dua tempat)</i>
</li></span></a>
</ul>
<br/>
<center>
6. Klik "<b>Save</b>"
<br/>
<br/>
Selesai!
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com28tag:blogger.com,1999:blog-8990700046298941217.post-52359130286233163752013-06-23T18:51:00.000+08:002013-06-23T18:51:46.147+08:00Photoshop:Tukar Warna Interface Theme<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OLI6wLwPEMEByWZ5Spgc-n5YUnPLx4rOBa9qmiLO9FdxcG-98BaLQZlRa4dPW4rg4JOW31zZDH1QFixwVcb-eJidcTvs2C9GDpnrNfJ3N15eOatE7ED1DDNwIh_1sTzF7cM3SE1FvU0/s1600/Interface-Color.png" align="left" />
<br/>
<b>Ilmu Photoshop:</b>
<br/>
<br/>
Tukar Warna <b>Photoshop Interface</b>
</div>
<br/>
<a name='more'></a>
<b>Ilmu Photoshop:</b>
<ul><li>
Tukar Warna Photoshop <b>Interface Theme</b>
</li>
</ul>
<br />
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFbgstChSw51ngduscXAx3lBX7QuLqPiWDUP8f8iZmyZCDrcN4crng4D2i_89fesulKreh0gUNSg8bUlBx5xitHh3f8SOznxj2feNXIhvPCa5L_gIWMkRPkvsywDZhnecNRNfRHv7dXE/s320/InterfaceColor.jpg" width="420"/>
<br/>
<br/>
<br/>
"<b>Edit</b>" -->>> "<b>Preferences</b>" -->>> "<b>Interface</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SVbG6_qbkga2fwBZ7F3rLlwP_4Mv98Y4ZyiyOatw2Ybpwv3bvdbjCKrUuViuIhMu98kufVpjFnvGKP8kiIB4e2VO_D6XWtiutXIUUYd5hLiL1fV0_nL_xIYtwXLIJ3z8Xgql8G4-Pn4/s1600/InterfaceColor1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9SVbG6_qbkga2fwBZ7F3rLlwP_4Mv98Y4ZyiyOatw2Ybpwv3bvdbjCKrUuViuIhMu98kufVpjFnvGKP8kiIB4e2VO_D6XWtiutXIUUYd5hLiL1fV0_nL_xIYtwXLIJ3z8Xgql8G4-Pn4/s320/InterfaceColor1.jpg" /></a>
<br/>
<br/>
<br/>
Pada <b>Appearance</b>, pilih salah satu daripada empat (4) <b>Color Theme</b> dan klik "<b>Ok</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqJ4FrDX-HxkzR2uqQ_ogKx1DYvFYSy-fmddQNzkvsD41JPZHrVidEq8F1z_xmla9dLzpbsIHufwVWQZDXovpniT3qVSz57BSooZN-JpnVoK6I2-AMFqseyxLYQvaKnUUV9o2WtX47qM/s1600/InterfaceColor2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsqJ4FrDX-HxkzR2uqQ_ogKx1DYvFYSy-fmddQNzkvsD41JPZHrVidEq8F1z_xmla9dLzpbsIHufwVWQZDXovpniT3qVSz57BSooZN-JpnVoK6I2-AMFqseyxLYQvaKnUUV9o2WtX47qM/s320/InterfaceColor2.jpg" /></a>
</center>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com12tag:blogger.com,1999:blog-8990700046298941217.post-39639684021373614662013-06-23T03:40:00.000+08:002013-06-23T03:48:00.012+08:00Photoshop:Zoom-In..Zoom-Out<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfP3tK27bieUZC4-4uxPTcQ3jbR-w89g0mM9vJNwPIwlrnplgm45Ss56NdSAcV-Lq8-YnY5oCaKmxxrPE8q_vzmYjIeOkmgZ4HcAqgkK7e1CgT09SqrXNRcjRNdxS1jklqnFtaw_yp3ek/s1600/zoom-inout.png" align="left" />
<br/>
<b>Ilmu Photoshop:</b>
<br/>
<br/>
<b>Zoom-In</b> dan <b>Zoom-Out</b>
</div>
<br/>
<a name='more'></a>
<b>Ilmu Photoshop:</b>
<ul><li>
<b>Zoom-In</b> dan <b>Zoom-Out</b>
</li>
</ul>
<br />
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0WBqswe1MNyqSM0DJnCqjWlJDcsXo0UnhhKrd6DNH7XUlEe6yC_QsKg-88mz-yKkLU8cYlsPvcqXkpd6nIZsOc6vyAVcROygwcx5EuejepWJmOblqEDbGsKty7p3RfASjG8grPUm2OI/s320/zoom-inout.jpg" width="270"/>
<br/>
<br/>
Untuk <b>zoom-in</b> dan <b>zoom-out</b> tanpa menggunakan scroll wheel pada mouse, pada keyboard tekan butang "<b>Z</b>" atau klik icon "<b>Zoom Tool</b>":
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaJ9v5cgutR02Zcs7sIkTjac-Ctpwb2wTx_I_0fH-LEaCp9TI3xL5R0IXzwr6Z_uAUQoVCNxsYACATPdCUpknQTLym7d3idpGwCNtQcXMRI3yg0-jBkbRv9wd2CPwmkQDIwSLd2-2XUA8/s1600/zoom1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaJ9v5cgutR02Zcs7sIkTjac-Ctpwb2wTx_I_0fH-LEaCp9TI3xL5R0IXzwr6Z_uAUQoVCNxsYACATPdCUpknQTLym7d3idpGwCNtQcXMRI3yg0-jBkbRv9wd2CPwmkQDIwSLd2-2XUA8/s1600/zoom1.jpg" /></a>
</center>
<br/>
<br/>
<b>Petua:</b>
<ul>
<li type=square>
<b>Zoom-in</b><br/>
Klik saja pada gambar
</li>
<li type=square>
<b>Zoom-out</b><br/>
Tekan butang "<b>Alt</b>" (tanpa melepaskannya) dan klik pada gambar
</li>
</ul>
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com8tag:blogger.com,1999:blog-8990700046298941217.post-4158824422030315132013-06-22T18:46:00.000+08:002013-06-23T17:41:55.049+08:00Widget Komen Terkini Dengan Thumbnail<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghwk02NFR-cnx2EO7CQz3yacQId02KDkvKAbSq4HeKFfGxJXVMDwM8oDsQjixpRxqk68K7ovIBF6muxct2tHPNh-C7uRrf7E6P_JXfy3Gyykqo7JNNjIaWCDcj331gspYf-DvFkr0ZA-g/s1600/KomenTerkini-Avatar.jpg" align="left" />
</div>
<br/>
<div align="justfy">
Sebelum ini CK ada mengeluarkan post mengenai cara meletakkan <a href="http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-blogger.html" target="_blank"><b>Widget Komen Terkini Blogger</b></a> di sidebar tetapi tanpa avatar pemberi komen. Untuk widget kali ini, CK akan menunjukkan cara memasukkan komen terkini berserta dengan avatar-avatar sesiapa yang memberi komen terkini termasuk komen daripada pemilik blog itu sendiri.
</div>
<br />
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipwJ-crcyGAY0Am4RFSF_S2efZZrkfgV9KBPnMtKM6kfIHrDdu1UzbzdfKna9H1WIdN9BLA2N8nvk7rCMtS-ukKiFlMJqsI1Je9GP9CwLChfIT0Jr3OT-hdXMkyd-kCy53s5o45MTKRIc/s1600/KomenTerkiniAvatar.jpg" width="200"/>
</center>
<br/>
<br/>
<b>Untuk menambahkan widget ini ke dalam blog anda, ikuti langkah-langkah di bawah:</b>
<br/>
<br/>
<center>
1. Masuk ke akaun blogger anda -->>> "<b>More options</b>"
<br />
<br />
2. Pilih "<b>Layout</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s1600/KomenTerkini1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYEPamNNt7elyFfeUJvzar6omL_A9CT7kx9asatL3shpetjSRdM0NS5_RIrIaEFDP88QaA_BDHL1-HWwnG3XL3_pzZAR4uPfNZq-VB8W3kaDTd9ldkuxWZl1mL1uueouwuCS5yljmmGLo/s320/KomenTerkini1.jpg" /></a>
<br />
<br />
3. <b>"Add a Gadget"</b>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s1600/KomenTerkini2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijOoqLAwlQ8gx7k81pOH7tDBQXwh1qeSKTbc4Oso1i5ImTsnkFpHw8TUAjQQH-Y4lkdLjUXN60UMr-mVSfVf3is4eUtxnktrZbqRHgqZaezzpwWw9vV947LvtWkSUYq9389VBBIhG3hCs/s320/KomenTerkini2.jpg" /></a>
<br/>
<br/>
4. Scroll ke bawah sedikit dan klik "<b>HTML/JavaScript</b>"
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s1600/KomenTerkini3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY4LzJ3u3O2DekijpLsx3FKNfDlnz_hO_y2ew0w5JJHr1rXRLqK0c9lQknd-EvXM-k6JpmAgujGjzeQ2xEhteWfYeTyRzpBE_7GjFngPvnwl3mLhbMHNJnc8KDWMf2f1TzFS8bjM50cBA/s320/KomenTerkini3.jpg" width="200"/></a>
<br/>
<br />
5. "<b>Copy</b>" kod di bawah dan "<b>paste</b>" ke dalam kotak <b>Content</b>
</center>
<br/>
<div style="overflow:auto;width:100%;height:500px;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<style type="text/css"><br/>
ul.w2b_recent_comments {<br/>
list-style: none;<br/>
margin: 0;<br/>
padding: 0;<br/>
}<br/>
<br/>
.w2b_recent_comments li {<br/>
background: none !important;<br/>
margin: 0 0 6px !important;<br/>
padding: 0 0 6px 0 !important;<br/>
display: block;<br/>
clear: both;<br/>
overflow: hidden;<br/>
list-style: none;<br/>
}<br/>
<br/>
.w2b_recent_comments li .avatarImage {<br/>
padding: 3px;<br/>
background: <span style="color:blue">#ffffff</span>;<br/>
-webkit-box-shadow: 0 1px 1px #ccc;<br/>
-moz-box-shadow: 0 1px 1px #ccc;<br/>
box-shadow: 0 1px 1px #ccc;<br/>
float: left;<br/>
margin: 0 6px 0 0;<br/>
position: relative;<br/>
overflow: hidden;<br/>
}<br/>
<br/>
.avatarRound {<br/>
-webkit-border-radius: 100px;<br/>
-moz-border-radius: 100px;<br/>
border-radius: 100px;<br/>
}<br/>
<br/>
.w2b_recent_comments li img {<br/>
padding: 0px;<br/>
position: relative;<br/>
overflow: hidden;<br/>
display: block;<br/>
}<br/>
<br/>
.w2b_recent_comments li span {<br/>
margin-top: 3px;<br/>
color: #555;<br/>
display: block;<br/>
font-size: 11px;<br/>
font-style: italic;<br/>
line-height: 1.3;<br/>
}<br/>
</style><br/>
<script type="text/javascript"><br/>
//<![CDATA[<br/>
// Recent Comments Settings<br/>
var<br/>
numComments = <span style="color:green">5</span>,<br/>
showAvatar = true,<br/>
avatarSize = <span style="color:#9100dc">50</span>,<br/>
roundAvatar = true,
characters = <span style="color:#ff7200">50</span>,<br/>
showMorelink = true,<br/>
moreLinktext = "<span style="color:#00cfdc">Berikutnya »</span>",<br/>
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfTEYshFI2QQlOroDDzk30q3PF6I4fLA3iMd0in-XtDppm9RKYUaz9So82rp036tKvoIC3EbhE2yK6tVuzUNUXvwtenh3rbyXcjL4Z_4F0E28UtoQ8LYgK9tmSNTIgC95D1ePWPQGFFO36/s1600/ck-avatar.jpg",<br/>
hideCredits = true;<br/>
//]]><br/>
</script><br/>
<script type="text/javascript" src="http://yourjavascript.com/4231695015/ck-komenterkiniavatar.js"></script><br/>
<script type="text/javascript" src="http://<span style="color:red"><b><i>URL-Blog-Anda</i></b></span>/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=<span style="color:green">5</span>"></script><br/>
<span id=ck-wkt><a href=http://cikgukacamata.blogspot.com/2013/06/widget-komen-terkini-dengan-thumbnail.html target=_blank>Widget Komen Terkini Dengan Avatar</a></span><br/>
<style type=text/css><br/>
#ck-wkt {font-family: Arial,Tahoma;font-size:9px;font-style:italic;padding-top:7px;display:block;text-align:right;}<br/>
</style><br/>
</span>
</div>
<br/>
<br/>
<b>Nota:</b>
<br/>
<ul>
<a class=""><span style="color:blue"><li type=square>
Kod Warna Biru:<br/>
Untuk menukar warna border pada avatar
</li></span></a>
<a class=""><span style="color:green"><li type=square>
Kod Warna Hijau:<br/>
Untuk memaparkan jumlah bilangan komen terkini (tukar kedua-duanya sekali dengan nilai yang sama)
</li></span></a>
<a class=""><span style="color:#9100dc"><li type=square>
Kod Warna Ungu:<br/>
Untuk menukar saiz avatar
</li></span></a>
<a class=""><span style="color:#ff7200"><li type=square>
Kod Warna Oren:<br/>
Untuk menukar jumlah huruf (character) komen termasuk jarak
</li></span></a>
<a class=""><span style="color:#00cfdc"><li type=square>
Kod Warna Aqua:<br/>
Buang saja jika tidak diperlukan atau ganti dengan perkataan yang lain
</li></span></a>
<a class=""><span style="color:red"><li type=square>
Kod Warna Merah:<br/>
Gantikan <b><i>URL-Blog-Anda</i></b> dengan URL blog anda sendiri (<i>contoh: cikgukacamata.blogspot.com</i>)
</li></span></a>
</ul>
<br/>
<center>
6. "<b>Save</b>" dan tadaaaaa...
<br/>
<br/>
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br/>
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com27tag:blogger.com,1999:blog-8990700046298941217.post-70105466292874752013-06-21T10:31:00.000+08:002013-06-21T11:30:56.165+08:00Bubbles Pada Pergerakan Cursor<div class="hidepic" style="clear: both;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7KTEPxrAX9ip7LDCdV1UMzWIuRHuaYYoHZpTwFMrI69r54qGOPSAT2XiVA5kA6BUZA0D1O9tTXOdm0TzY4r32ACmjd-QIzVFpw3fKOhHd8T54WWqrk_Hb-4FwpmAvCqcQ732uXdRkwdg/s1600/Bubbles.gif" align="left" />
</div>
<br/>
<div align="justify">
Ini adalah satu lagi dekorasi yang menarik yang perlu ada pada blog iaitu <b>Bubbles Pada Pergerakan Cursor</b>. Pada tutorial yang lepas, CK ada menerangkan bagaimana <a href="http://cikgukacamata.blogspot.com/2013/06/hasilkan-sparkle-pada-pergerakan-cursor.html" target="_blank"><b>Hasilkan Sparkle Pada Pergerakan Cursor</b></a>. Jika diikutkan, kedua-duanya adalah berkait rapat antara satu sama lain cuma yang bezakan hanyalah kodnya saja.</div>
<br />
<a name='more'></a>
<center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUYdzYcp5mIrkwWj3hZq9nCLIyIxyp41U_ubN2pwMUeqmJZq1DxkCd363hyjHZcxe3uIkdYda73_p1ijCCw6-KWL5wyFmzwD6mEHoithQrVKRke3l9J1uvs_j5bGvvFHr8d8-tMH345Bo/s1600/BubbleCursorHover.gif" width="380"/>
</center>
<br/>
<br/>
<b>Tanpa berlengah lagi, jom ikuti langkah-langkah untuk menghasilkannya:</b>
<br/>
<br/>
<center>
1. Pilih "<b>More options</b>"
<br/>
<br/>
2. Klik "<b>Template</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqvB5pzhtwsEg-1j8DHMvH_W6WyJQ8EqYMzjx4vJBRJ4_lVgMg488aTm_FRy9nZq1a8ONeAwBDYQd4jGiBacSgzHR7_D5Ts3MCbaVy9FnAk4NE45aa3mMNT8Sk3_z_H-c_MAI1UnhJxU/s1600/CursorSparkling1.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWqvB5pzhtwsEg-1j8DHMvH_W6WyJQ8EqYMzjx4vJBRJ4_lVgMg488aTm_FRy9nZq1a8ONeAwBDYQd4jGiBacSgzHR7_D5Ts3MCbaVy9FnAk4NE45aa3mMNT8Sk3_z_H-c_MAI1UnhJxU/s320/CursorSparkling1.jpg" /></a>
<br/>
<br/>
3. Klik butang "<b>Edit HTML</b>"
<br/>
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bU0sos2dVMqSG76dY5El8nlt5UuzrLwl-xcRBE5ccsuH8je_Bomu_3D5XcVU5eU6htX0vt0WJESPAqFzvJPG11bTn6koTs5HQFbv-yKOyQ_F7MFl5OOmvw_d2C-b2prUGIVJhtu3Of8/s1600/CursorSparkling2.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-bU0sos2dVMqSG76dY5El8nlt5UuzrLwl-xcRBE5ccsuH8je_Bomu_3D5XcVU5eU6htX0vt0WJESPAqFzvJPG11bTn6koTs5HQFbv-yKOyQ_F7MFl5OOmvw_d2C-b2prUGIVJhtu3Of8/s320/CursorSparkling2.jpg" /></a>
<br/>
<br/>
4. "<b>Copy</b>" kod di bawah:
<br/>
<table width="50%" border="0"><tr><td>
<pre class="prettyprint">
</head>
</pre></td></tr>
</table>
<br/>
Klik sekali mana-mana bahagian pada Template dalam kotak yang bertanda merah dan pada keyboard, tekan butang "<b>Ctrl+F</b>" (untuk terbitkan kotak <b>Search</b>)
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4lk89ZYrh_3r4hz2RSKAzCz4mKreINJmF5swZynblJqEBDSrRhupOaqC3XMh3xKsyxMfjTZPBbnJCB6FPNqPzz-ajjYAxMdvToKjUvWFFH472SMb3qOe9x7V7efKNBdlDNI390JrRges/s1600/CursorSparkling3.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4lk89ZYrh_3r4hz2RSKAzCz4mKreINJmF5swZynblJqEBDSrRhupOaqC3XMh3xKsyxMfjTZPBbnJCB6FPNqPzz-ajjYAxMdvToKjUvWFFH472SMb3qOe9x7V7efKNBdlDNI390JrRges/s320/CursorSparkling3.jpg" /></a>
<br/>
<br/>
5. Dalam kotak <b>Search</b>, "<b>paste</b>" kod No. 4 tadi dan enter.
<br/>
<br/>
Setelah itu, "<b>Copy</b>" kod ini:
</center>
<br/>
<div style="overflow:auto;width:100%;height:100%;padding:1px;border:2px dashed #5ecffe">
<span style="font-size:11px;">
<script src='http://yourjavascript.com/01317171162/ck-bubblecursor.js' type='text/javascript'/><br/>
</span></div>
<br/>
<br/>
<center>
6. Kemudian "<b>Paste</b>" kod tadi hanya di atas/sebelum kod No. 4 (</head>).
<br/>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jux8NstAhvXBS09ul6LjRe9wjf6DDndr6ikHC7B8Q51k1EKQhMCLcBWIKYeWvKBwpt2fxnq-CBvJdGuNfLGRvqtADVOPnTZrvvwpDU6IuBMhEgvZvsXg2ohEc8IL3Urnk_dTc7Mdpxc/s1600/CursorBubbles4.jpg" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3jux8NstAhvXBS09ul6LjRe9wjf6DDndr6ikHC7B8Q51k1EKQhMCLcBWIKYeWvKBwpt2fxnq-CBvJdGuNfLGRvqtADVOPnTZrvvwpDU6IuBMhEgvZvsXg2ohEc8IL3Urnk_dTc7Mdpxc/s320/CursorBubbles4.jpg" /></a>
<br/>
<br/>
7. "<b>Save template</b>" dan siap!
</center>
<br/>
<br/>
<!-- nuffnang -->
<script type="text/javascript">
nuffnang_bid = "5cefa248c62321c07cf0fcf821fbb176";
document.write( "<div id='nuffnang_lr'></div>" );
(function() {
var nn = document.createElement('script'); nn.type = 'text/javascript';
nn.src = 'http://synad2.nuffnang.com.my/lr.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(nn, s.nextSibling);
})();
</script>
<!-- nuffnang-->
<br />
<br/>
<br/><center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwQQSYmnkCfbJWn8xrHAxX7hDXDcqRmHFVnsxxz1Dx9p1_YJfxLYS8ZOhyphenhyphenVBaMFvOun8tjcrsiL7P30JScfAxK-JF_BlZiNdpVrKll3fkEXu3AEZavTSiMRKrPAL3D0O34N1-lwM4u9r0/s320/Tadaaa.png" />
</center>
<br/>
<br/>Anonymoushttp://www.blogger.com/profile/14307468229626936224noreply@blogger.com6