tag:blogger.com,1999:blog-43875304505092493922024-03-14T17:17:32.750+08:00Tutorial Blogger BlogspotPanduan dan tip langkah demi langkah untuk yang baru belajar blogger blogspotCalipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.comBlogger198125tag:blogger.com,1999:blog-4387530450509249392.post-69650202981728813032011-07-11T12:07:00.000+08:002011-07-11T12:07:53.811+08:00Buka Papan Pemuka (Dashboard) Blogger Baru 2011Panduan untuk buka papan pemuka blogger baru 2011;<br />
<br />
Macam biasa log masuk kedalam blogger di <a href="https://www.google.com/accounts/ServiceLogin?service=blogger&passive=1209600&continue=http%3A%2F%2Fdraft.blogger.com%2Fhome&followup=http%3A%2F%2Fdraft.blogger.com%2Fhome<mpl=draft" style="text-decoration: none; font-weight: bold; color: blue;" target="_blank">sini</a>.<br />
<br />
Lepas log masuk blogger akan buka muka utama:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagcDksQcood1iTrdlGHw5WAYpGMQ_IoIMZCTT9iENPezLobvEXG0IYqir9_CSy1mJlE4RqmAfTjI1LIeVxgxTdIvDRhZ8syoHkAk5UhjsC8GdNbPBPDKD1-7Ozt31W3eTjRjrfK884UI/s1600/2011-07-11+11h35_02.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="221" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagcDksQcood1iTrdlGHw5WAYpGMQ_IoIMZCTT9iENPezLobvEXG0IYqir9_CSy1mJlE4RqmAfTjI1LIeVxgxTdIvDRhZ8syoHkAk5UhjsC8GdNbPBPDKD1-7Ozt31W3eTjRjrfK884UI/s400/2011-07-11+11h35_02.png" /></a></div><br />
Dalam muka utama klik pada <b>nama blog</b> berkenaan atau klik pada <b>ikon rumah</b> seperti di atas. <br />
<br />
Lepas klik blogger akan buka papan pemuka baru (dashboard) seperti berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkYlgV7BH34FYAgbt_JipP2uSXTHRX2LDeYsmay2DJArfvIE1rgwrvtfRyEHpzuKw0Q7TPFC3gqTDf59azcI9HUSNaGifYN1Vyr5efg09eSASJVUzyNcd0OMa8LWrmfeqUdtAhJAYPUo/s1600/2011-07-11+11h47_44.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="263" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpkYlgV7BH34FYAgbt_JipP2uSXTHRX2LDeYsmay2DJArfvIE1rgwrvtfRyEHpzuKw0Q7TPFC3gqTDf59azcI9HUSNaGifYN1Vyr5efg09eSASJVUzyNcd0OMa8LWrmfeqUdtAhJAYPUo/s400/2011-07-11+11h47_44.png" /></a></div><br />
Pilihan yang terdapat dalam papan pemuka blogger:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPad9dDbqYwzX7cenqvbvxtUWA3bkj7UWl9tlnQeJiw_0uhisaKdXn4ogURAsN24ATHKdA5BtgRU8dyDSlhwEG12qndD2ojbkCjSdsjkGl8dw8ZGILmdQBLsFNvG3o8CmSbIjsueHbfyM/s1600/2011-07-11+11h52_40.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPad9dDbqYwzX7cenqvbvxtUWA3bkj7UWl9tlnQeJiw_0uhisaKdXn4ogURAsN24ATHKdA5BtgRU8dyDSlhwEG12qndD2ojbkCjSdsjkGl8dw8ZGILmdQBLsFNvG3o8CmSbIjsueHbfyM/s400/2011-07-11+11h52_40.png" /></a></div><br />
Panduan untuk setiap satu pilihan di atas akan dibuat kemudian....<br />
<br />
Sementara waktu klik butang merah <b style="color:red;">New post</b> untu buat pos baru.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcb0R8VzeH82cZGs0U7sXflguW7aRVXtqueDbPh6c-KxwrRbetXftBKINu4gHjZDwTX5dYPrDq_7xOtcjNvgMnhzADrnJSOn9lLyht7hz0GLnj27jUJbUomUbNPUDKdO_sMcXtnB1Vq9k/s1600/2011-07-11+11h59_48.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="43" width="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcb0R8VzeH82cZGs0U7sXflguW7aRVXtqueDbPh6c-KxwrRbetXftBKINu4gHjZDwTX5dYPrDq_7xOtcjNvgMnhzADrnJSOn9lLyht7hz0GLnj27jUJbUomUbNPUDKdO_sMcXtnB1Vq9k/s400/2011-07-11+11h59_48.png" /></a></div><br />
klik <b>Post</b> | <b>Published</b> untuk senaraikan semua pos. (Lepas klik senarai pos akan dibuka disebelahnya):<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHAVZsR7xm-hABYZeqVp-3crRbZOy2xfhsVJV-CP5N00AwpWcyMbvy-xbVMLWtlE4U7oanUFcnd3nlYO3nZ3tOi99LRo6e55vA_xfOvyNj9_gy90GRDSYE1pHYhgUk6UHKMSO8KeHPh4/s1600/2011-07-11+11h57_22.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="192" width="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaHAVZsR7xm-hABYZeqVp-3crRbZOy2xfhsVJV-CP5N00AwpWcyMbvy-xbVMLWtlE4U7oanUFcnd3nlYO3nZ3tOi99LRo6e55vA_xfOvyNj9_gy90GRDSYE1pHYhgUk6UHKMSO8KeHPh4/s400/2011-07-11+11h57_22.png" /></a></div><br />
Untuk tambah atau pinda <b>Add a Gadget</b> klik <b>Layout</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgup5UwEDAd0Y7g8DstcwhBOkIFpWmkdUmomMqTPn9hgSAhxogn3iQL7Zgh31We116G7RRdGtNINBuXBbMU5_F87SbZ364NCXigHDdXafYwrxN83zPiyRFZuh6jRkGlm8LHlRDt-3-IWoU/s1600/2011-07-11+12h04_35.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="29" width="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgup5UwEDAd0Y7g8DstcwhBOkIFpWmkdUmomMqTPn9hgSAhxogn3iQL7Zgh31We116G7RRdGtNINBuXBbMU5_F87SbZ364NCXigHDdXafYwrxN83zPiyRFZuh6jRkGlm8LHlRDt-3-IWoU/s400/2011-07-11+12h04_35.png" /></a></div><br />
muka <b>Layout</b> blog akan dibuka:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrPLmp6l7gx6lQWZRarHXOylrGNF6EbqkzoQ1A3PkezPbwPLgYO5DpcY2d4-B7eexXPR5l1lJMiD4Nc-YVxapp4SgBREHEye9QkvLqNZ9DW70Gouk07ZSr5zNtqV1ubo5WDS4NgSitx8/s1600/2011-07-11+12h05_02.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="277" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVrPLmp6l7gx6lQWZRarHXOylrGNF6EbqkzoQ1A3PkezPbwPLgYO5DpcY2d4-B7eexXPR5l1lJMiD4Nc-YVxapp4SgBREHEye9QkvLqNZ9DW70Gouk07ZSr5zNtqV1ubo5WDS4NgSitx8/s400/2011-07-11+12h05_02.png" /></a></div><br />
Sekian untuk sementara waktu, semoga membantu...<br />
<br />
<br />
Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com29tag:blogger.com,1999:blog-4387530450509249392.post-56178933878752082422011-07-08T16:51:00.002+08:002011-07-09T12:22:40.150+08:00Papan Pemuka Blogger Baru Julai 2011Panduan bagi para blogger yang telah memperolehi interface terbaru dari blogger. <br />
<br />
Seperti biasa kita log masuk ke dalam blogger melalui <b>Blogger in Draft</b> di <a href="https://www.google.com/accounts/ServiceLogin?service=blogger&passive=1209600&continue=http%3A%2F%2Fdraft.blogger.com%2Fhome&followup=http%3A%2F%2Fdraft.blogger.com%2Fhome&ltmpl=draft" style="color: blue; font-weight: bold; text-decoration: none;">sini.</a><br />
<br />
Setelah log masuk muka utama Blogger akan dibuka seperti berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqx8YkmLWKZZeJioRUOMY-kzokeYHvOyNFDS3SIddDtjlNZ40G4eIJp5RJprvwIZcmzi-LR1dOl6qrsVqnaudGEg8CZ-k1q8OI4_kdvY3VHsJsnFzJ_NrFVONNDfqofxZYKx6UxrX_DY/s1600/2011-07-08+16h25_08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqx8YkmLWKZZeJioRUOMY-kzokeYHvOyNFDS3SIddDtjlNZ40G4eIJp5RJprvwIZcmzi-LR1dOl6qrsVqnaudGEg8CZ-k1q8OI4_kdvY3VHsJsnFzJ_NrFVONNDfqofxZYKx6UxrX_DY/s400/2011-07-08+16h25_08.png" width="400" /></a></div><br />
1. Nama blog atau blog-blog yang telah dibuat akan disenaraikan dalam muka utama di atas.<br />
<br />
2. Nak buat blog baru klik butang merah <b style="color: red;">New Blog</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IqrcNMO6lSNJLCEqUnfLow1yVqhPJzeR7pqn1bWDNN0mbv6PO4lo3aRBKTMcugGcVcdlwHWIChvgsx8w9lnjDz-Vryc5SqStkOgKzVt8k4tHm8AUVJilU_N9TmKuqF-XsbgHf3Drwb8/s1600/2011-07-08+16h34_25.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="45" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1IqrcNMO6lSNJLCEqUnfLow1yVqhPJzeR7pqn1bWDNN0mbv6PO4lo3aRBKTMcugGcVcdlwHWIChvgsx8w9lnjDz-Vryc5SqStkOgKzVt8k4tHm8AUVJilU_N9TmKuqF-XsbgHf3Drwb8/s400/2011-07-08+16h34_25.png" width="123" /></a></div><br />
3. Nak buat pos baru klik butang pensil:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBS0GhZhLAwcL9jQg9ljceMBGXT3_J3w1E68ZkKRBpT5vw5f8mqiLuc2ZE-jtK1_Y39P6300xQdMr86DtRkYdUIwmEpGiHQJRv8ttLvvtClb02vJwFkjhme7LCkvVylGHwXihOtiHgO6U/s1600/2011-07-08+16h37_44.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBS0GhZhLAwcL9jQg9ljceMBGXT3_J3w1E68ZkKRBpT5vw5f8mqiLuc2ZE-jtK1_Y39P6300xQdMr86DtRkYdUIwmEpGiHQJRv8ttLvvtClb02vJwFkjhme7LCkvVylGHwXihOtiHgO6U/s400/2011-07-08+16h37_44.png" width="79" /></a></div><br />
4. Nak buka papan pemuka (dashboard) blogger klik butang rumah. Boleh juga terus pilih satu fungsi di bawahnya:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9AblLrps-kd9rv25x627xC28bakceD2R93pJgmpR1wc5YBW9zvN_p1xVRuhhcHcAtGo5o8NVa3MiJro3ylbYGlm-PLRRbf54aAODz1YdE6oKxxrpSkGH_N-hmUgxUAD9XYe7PU53OdA/s1600/2011-07-08+16h40_00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV9AblLrps-kd9rv25x627xC28bakceD2R93pJgmpR1wc5YBW9zvN_p1xVRuhhcHcAtGo5o8NVa3MiJro3ylbYGlm-PLRRbf54aAODz1YdE6oKxxrpSkGH_N-hmUgxUAD9XYe7PU53OdA/s400/2011-07-08+16h40_00.png" width="106" /></a></div><br />
5. Nak buka blog klik butang <b>View Blog</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVvpcwRZWYMNyPQ2vg17kxWCA2mhMdWjJuX2HJvfFQzqtMWFtI5Y4Y_Cc0LwLXFQJqTlav2S4HqIPWglH3ZzXlJODLygRjg9qjbOCPvCMfV51VUaMJlMI8wd_cngVVb0P5c5Zr1Ivj-0/s1600/2011-07-08+16h42_19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVvpcwRZWYMNyPQ2vg17kxWCA2mhMdWjJuX2HJvfFQzqtMWFtI5Y4Y_Cc0LwLXFQJqTlav2S4HqIPWglH3ZzXlJODLygRjg9qjbOCPvCMfV51VUaMJlMI8wd_cngVVb0P5c5Zr1Ivj-0/s400/2011-07-08+16h42_19.png" width="79" /></a></div><br />
6. Di sebelah kanan atas butang <b>English</b> untuk pilih bahasa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuB4MzO1aVoMwNQN90xAOfkqzfmFvA9jH2RrdT3gaWOHHZA-9zxmgVX56h8PovRryblCnfoxRo9Xe_J9MVUSY6_XGjARJLbXw97LX2sTmH7wlTmrZ5-lEjQlvXEwddrvEFjgNSdzOTCsQ/s1600/2011-07-08+16h44_23.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuB4MzO1aVoMwNQN90xAOfkqzfmFvA9jH2RrdT3gaWOHHZA-9zxmgVX56h8PovRryblCnfoxRo9Xe_J9MVUSY6_XGjARJLbXw97LX2sTmH7wlTmrZ5-lEjQlvXEwddrvEFjgNSdzOTCsQ/s400/2011-07-08+16h44_23.png" width="185" /></a></div><br />
7. Di sebelah bawah muka utama blog yang anda follow:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWd7SqhVQyYARdeg1WfHWNhONpY6CKR4LpjJYr7dD6n3mkUXB3Va-RfM1M_-4BDQq0EkwedYaaEyzgeh8XCvYcE18zrGS0N0FmOyMGGXbPimw3Si7BJ_5wUuTjDaRPduABT-Lx2vbOH3Q/s1600/2011-07-08+16h47_20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWd7SqhVQyYARdeg1WfHWNhONpY6CKR4LpjJYr7dD6n3mkUXB3Va-RfM1M_-4BDQq0EkwedYaaEyzgeh8XCvYcE18zrGS0N0FmOyMGGXbPimw3Si7BJ_5wUuTjDaRPduABT-Lx2vbOH3Q/s400/2011-07-08+16h47_20.png" width="400" /></a></div><br />
8. Nak log keluar blogger sebelah kanan atas klik nama tuan blog dan di bawahnya klik <b>Sign out</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQcIHG2tv2Wg_Sm5oaOerTe_y_u1WcUEXkq71C0JkghFL889HLCwrKyf-BZzYoc602ljnoeLNIU_TQDf0v5XUcLLrTO-Wi8Rm5gNG7Vk11F3_pnvG62HVn-17S82gvxRPpBGT_RIei6Z4t/s1600/2011-07-09+12h15_40.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="47" width="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQcIHG2tv2Wg_Sm5oaOerTe_y_u1WcUEXkq71C0JkghFL889HLCwrKyf-BZzYoc602ljnoeLNIU_TQDf0v5XUcLLrTO-Wi8Rm5gNG7Vk11F3_pnvG62HVn-17S82gvxRPpBGT_RIei6Z4t/s400/2011-07-09+12h15_40.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-fvxDyLzhzdtcyUx8YYD6vowRFvbO9_4sbmi6HX878QNx46xwGMxUs35Op432u4iJPgwvqo4c_lR3fiwKKFXZMgR_uSIpyu_AGefmpLh6-kaPcs1goBJWNWn3pS3ZRA9tLCherB-bu-X/s1600/2011-07-09+12h16_35.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="125" width="318" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR-fvxDyLzhzdtcyUx8YYD6vowRFvbO9_4sbmi6HX878QNx46xwGMxUs35Op432u4iJPgwvqo4c_lR3fiwKKFXZMgR_uSIpyu_AGefmpLh6-kaPcs1goBJWNWn3pS3ZRA9tLCherB-bu-X/s400/2011-07-09+12h16_35.png" /></a></div><br />
<br />
Setakat ini untuk sementara waktu. Panduan-panduan lain yang terlibat dengan pembaharuan Blogger ini akan di buat dalam masa terdekat.<br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div><br />
<br />
Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com11tag:blogger.com,1999:blog-4387530450509249392.post-74494060045325669412011-03-16T21:19:00.002+08:002011-03-16T21:41:50.531+08:00BLOGGER BAKAL BERWAJAH BARU<br /><br /><br /><br />
<blink><b style="color:green; font-size:18px;">ADOIIII DEMAM NAK TUKAR SEMUA INTERFACE PANDUAN</b></blink><br />
<br />
<br />
<div style="text-align:center;"><object width="530" height="325"><param name="movie" value="http://www.youtube.com/v/hPhFc6GqVdU&hl=en_US&feature=player_embedded&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/hPhFc6GqVdU&hl=en_US&feature=player_embedded&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="530" height="325"></embed></object></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig49eK2lcy15QftioNyzeCmA4iGqx70_Yos-dsBQxuUAT1jNIVujwqNFxaXImMh0W9Jj316pXxrjWe7Maeww_q5OvH0s6QaX9kpXRwb6aYXncX6IH1cmDiZxgN0wFxZdH-Mps9Gz-bI-I/s1600/Blogger+New+Look+2011+1.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="338" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig49eK2lcy15QftioNyzeCmA4iGqx70_Yos-dsBQxuUAT1jNIVujwqNFxaXImMh0W9Jj316pXxrjWe7Maeww_q5OvH0s6QaX9kpXRwb6aYXncX6IH1cmDiZxgN0wFxZdH-Mps9Gz-bI-I/s400/Blogger+New+Look+2011+1.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DbxBXMKVl2ueszbzU17sommWMZimQZERkK3AJgw3AHyTyMzCRgSrBNcNLuqfhzyDa8dCbGYfqSsNxtea88SbCsiceAZ7reGIZCC8ZSznSnKfp0VTQ09IrpguagQOTT-JQMbj9faUkOc/s1600/Blogger+New+Look+2011+2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="269" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-DbxBXMKVl2ueszbzU17sommWMZimQZERkK3AJgw3AHyTyMzCRgSrBNcNLuqfhzyDa8dCbGYfqSsNxtea88SbCsiceAZ7reGIZCC8ZSznSnKfp0VTQ09IrpguagQOTT-JQMbj9faUkOc/s400/Blogger+New+Look+2011+2.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqdmlSr-pB_Y8om7Ea5TIUskxSiXBEkx4zjqmORlSmNZhjfY9q53-3vX7XfOSewn1eAm_yR4wxlh4FAzFRouYA8fKEOo2L01G216z7tsP9lRVltYB0J8NBXiMSGee1CgtzXqm7eBKvEhY/s1600/Blogger+New+Look+2011+3.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="254" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqdmlSr-pB_Y8om7Ea5TIUskxSiXBEkx4zjqmORlSmNZhjfY9q53-3vX7XfOSewn1eAm_yR4wxlh4FAzFRouYA8fKEOo2L01G216z7tsP9lRVltYB0J8NBXiMSGee1CgtzXqm7eBKvEhY/s400/Blogger+New+Look+2011+3.png" /></a></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com8tag:blogger.com,1999:blog-4387530450509249392.post-64319830769010803752011-03-14T01:15:00.000+08:002011-03-14T01:15:26.270+08:00Cara Besarkan Gambar Dalam PosGambar yang kita muatnaik dalam pos menggunakan fungsi <b style="color:green;">Insert image</b> blogger semuanya disimpan dalam <b style="color:green;">Google Picasa Web Album</b>. Bagaimana cara hos gambar di Picasa boleh ikut panduan <a style="text-decoration:none; color:blue;" href="http://calipso-tutorialblogger.blogspot.com/2010/04/hos-gambar-di-google-picasa-web-album.html" target="_blank">Hos Gambar Di Google Picasa Web Album</a>.<br />
<br />
Bagi newbie cara muat naik gambar dalam pos ikut panduan <a style="text-decoration:none; color:blue;" href="http://calipso-tutorialblogger.blogspot.com/2008/06/cara-ganti-comment-text_25.html" target="_blank">Cara Masukkan Gambar Dalam Pos</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s1600/afghandashtelaili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s150/afghandashtelaili.jpg" width="150" /></a></div><br />
Gambar atas berukuran <b style="color: blue;">150x112</b> dimuat naik dalam pos menggunakan <b style="color: green;">Insert image</b> blogger bawah Mode <b style="color: green;">Edit HTML</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMwfYObEnfHHcTHWmc1feiEW3JSKQIaV8m_wGyc_OBgbJ6a7r0Q6mMYNyxuypkTfQBiTaa22GomU52NRFZdWzA_Ey49dBhcPZ7prubgyCacZuPs-248ABy90bYOI-o7BwRFH6uhWocati/s1600/Edit+HTML+Insert+Image+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvMwfYObEnfHHcTHWmc1feiEW3JSKQIaV8m_wGyc_OBgbJ6a7r0Q6mMYNyxuypkTfQBiTaa22GomU52NRFZdWzA_Ey49dBhcPZ7prubgyCacZuPs-248ABy90bYOI-o7BwRFH6uhWocati/s400/Edit+HTML+Insert+Image+2.png" width="400" /></a></div><br />
Kod gambar adalah seperti berikut:<br />
<br />
<div style="padding-left: 57px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 420px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red; font-size: 11px;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s1600/afghandashtelaili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" <b style="color: blue;">height="112"</b> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/<b style="color: blue;">s150</b>/afghandashtelaili.jpg" <b style="color: blue;">width="150"</b> /></a></div></span></td></tr>
</tbody></table></div><br />
Perhatikan tag warna biru dalam kod gambar di atas. Dimensi gambar berukuran <b style="color: blue;">height="112"</b> lebar gambar <b style="color: blue;">width="150"</b> (tinggi="112" dan lebar="150"). Tag <b style="color: blue;">s150</b> adalah sama dengan width gambar. Nisbah tinggi gambar adalah lebih kurang <b style="color: blue;">74 peratus</b> daripada lebar gambar.<br />
<br />
Untuk besarkan gambar nisbah gambar mesti dikekalkan. Katalah kita akan besarkan lebar gambar menjadi "<b style="color: blue;">500</b>". Jadi height gambar <b style="color: blue;">74 peratus</b> daripada "<b style="color: blue;">500</b>" lebih kurang "<b style="color: blue;">373</b>". Ukuran gambar akan menjadi <b style="color: blue;">height="373"</b> dan <b style="color: blue;">width="500"</b>. Pinda <b style="color: blue;">s150</b> menjadi <b style="color: blue;">s500</b> seperti berikut:<br />
<br />
<div style="padding-left: 57px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 420px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red; font-size: 11px;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s1600/afghandashtelaili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" <b style="color: blue;">height="373"</b> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/<b style="color: blue;">s500</b>/afghandashtelaili.jpg" <b style="color: blue;">width="500"</b> /></a></div></span></td></tr>
</tbody></table></div><br />
contoh gambar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s1600/afghandashtelaili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="373" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s500/afghandashtelaili.jpg" width="500" /></a></div><br />
Begitu juga jika ingin mengecilkan gambar. Kekalkan nisbah tinggi dengan lebar gambar.<br />
<br />
<br />
Gambar bawah berukuran <b style="color: blue;">150x85</b> dimuat naik dalam pos menggunakan <b style="color: green;">Insert image</b> blogger bawah Mode <b style="color: green;">Compose</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/s1600/Blogger+Large+Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/s150/Blogger+Large+Image.jpg" width="150" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lrCrD9FjenmlIiQ6KlYH0U0llgZMb3B9HdpRnNP7O7RlYCkdN_drm9FcFJNaRweBuPc3k6DYh6VZiNfkztsKxITOPZvhWqcFRJkVKhOOyhfpisi_3LUgR2PbeTCFcDSmk0b-qFATPY5U/s1600/Compose+Insert+Image.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="59" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6lrCrD9FjenmlIiQ6KlYH0U0llgZMb3B9HdpRnNP7O7RlYCkdN_drm9FcFJNaRweBuPc3k6DYh6VZiNfkztsKxITOPZvhWqcFRJkVKhOOyhfpisi_3LUgR2PbeTCFcDSmk0b-qFATPY5U/s400/Compose+Insert+Image.png" width="400" /></a></div><br />
Kod gambar seperti berikut:<br />
<br />
<div style="padding-left: 57px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 420px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red; font-size: 11px;"><div class="separator" style="clear: both; text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/s1600/Blogger+Large+Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" <b style="color: blue;">height="85"</b> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/<b style="color: blue;">s150</b>/Blogger+Large+Image.jpg" <b style="color: blue;">width="150"</b> /></a></div></span><br />
</td></tr>
</tbody></table></div><br />
Perhatikan tag warna biru dalam kod gambar di atas. Dimensi gambar berukuran <b style="color: blue;">height="85"</b> lebar gambar <b style="color: blue;">width="150"</b> (tinggi="85" dan lebar="150"). Tag <b style="color: blue;">s150</b> adalah sama dengan width gambar. Nisbah tinggi gambar adalah lebih kurang <b style="color: blue;">57 peratus</b> daripada lebar gambar.<br />
<br />
Untuk besarkan gambar nisbah gambar mesti dikekalkan. Katalah kita akan besarkan lebar gambar menjadi "<b style="color: blue;">500</b>". Jadi height gambar <b style="color: blue;">57 peratus</b> daripada "<b style="color: blue;">500</b>" lebih kurang "<b style="color: blue;">285</b>". Ukuran gambar akan menjadi <b style="color: blue;">height="285"</b> dan <b style="color: blue;">width="500"</b>. Pinda <b style="color: blue;">s150</b> menjadi <b style="color: blue;">s500</b> seperti berikut:<br />
<br />
<div style="padding-left: 57px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 420px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red; font-size: 11px;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/s1600/afghandashtelaili.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" <b style="color: blue;">height="285"</b> src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMJPyL-opTx_83Y6ZrkpicrP3CT-_rbpR1T21TrAABLi7286jIiPNHNIjvg42W1K822hP_HNR9sFFAgjWQeb3TuN7SGQ-JOhjWebHOWVEjyWPOkTbpRjh7wpuNUIbw1mlsJSPWbsuI6Afn/<b style="color: blue;">s500</b>/afghandashtelaili.jpg" <b style="color: blue;">width="500"</b> /></a></div></span></td></tr>
</tbody></table></div><br />
Contoh gambar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/s1600/Blogger+Large+Image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="285" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgExXcGcIYylUoZySE5PKXMc6dHkMjCznINakD8f9BO46AWs-2zMUVZO6uU9u0EghhC8a8wufbJkQitmFhAiCd4EYLUH0FmBLHh5iPg6dhlc2dXyxEclgjz4lyUNp4C61pIWffMba8yKO7N/s500/Blogger+Large+Image.jpg" width="500" /></a></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com5tag:blogger.com,1999:blog-4387530450509249392.post-46442647785499455212011-03-11T22:40:00.001+08:002011-03-12T16:27:42.670+08:00Iklan Float XChange Nuffnang Dalam Blog<!-- JS-KIT codeword=ked --><br />
Ada kawan tanya macamana nak buat iklan nuffnang yang float (terapung) dalam blog tu. Iklan float ini akan dipaparkan di sudut kanan bawah dalam blog. Kita cuba buat panduan ringkas cara membuatnya.<br />
<br />
Kebetulan masa sedang mencari maklumat tentang iklan float nuffnang tak sangka tulisan saya dulu dalam <b style="color: green;">Nuffnang Xchange</b> terpilih dan dipapar dalam nuffnang:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpWdG4vvqCjL1DAQw98s1LLNa243_qyHPvk4-4e9eOYOzfep0Wye9FdVUlxNS2C5F4vYiLGTGNqOWE5FnFt_x1mYmbeexnTGcwC8zL3Ow55QL7zcvgI8zOR2SOvVa5_AbP8R1-bnoaksP/s1600/Nuff+float+ad+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="171" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjpWdG4vvqCjL1DAQw98s1LLNa243_qyHPvk4-4e9eOYOzfep0Wye9FdVUlxNS2C5F4vYiLGTGNqOWE5FnFt_x1mYmbeexnTGcwC8zL3Ow55QL7zcvgI8zOR2SOvVa5_AbP8R1-bnoaksP/s400/Nuff+float+ad+1.png" width="366" /></a></div><br />
1. Log masuk dalam laman nuffnang di <a style="text-decoration: none; color: blue;" href="http://www.nuffnang.com.my/" target="_blank">http://www.nuffnang.com.my/</a>.<br />
<br />
2. Lepas log masuk dalam muka utama nuffnang pilih <b style="color: green;">Nuffnang Exchange</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx7l6JVoHdaWnLixaoLbrYVAz59GUIGzTVr751otzwXmJebas4WYScb8zkvIm9_oBwbbBnOUZVa80I2-cnF817cBdQnYrDIH686E8gkbAAuSYVaFMtjQuZw9ChBFNkUrwo_kk5clSuuqak/s1600/Nuff+Xchange.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="94" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx7l6JVoHdaWnLixaoLbrYVAz59GUIGzTVr751otzwXmJebas4WYScb8zkvIm9_oBwbbBnOUZVa80I2-cnF817cBdQnYrDIH686E8gkbAAuSYVaFMtjQuZw9ChBFNkUrwo_kk5clSuuqak/s400/Nuff+Xchange.png" /></a></div><br />
3. Muka berikutnya klik pilih satu theme yang anda suka dalam ruangan <b style="color: green;">Choose a theme</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcjgjcWU0HgYW2yYgXZWPMYoOX5f3-gq_Vjbsroc7Pqf91wZtb6p05CD-rw9rVoWwIYzRBPfdZtORwipqXS7i6B94NILlODUHxFOtZ301YmDp7-H81xkRXaKHRCjfOWPFblicBDGMvinZ/s1600/Nuff+Xchange+Choose+a+Theme.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbcjgjcWU0HgYW2yYgXZWPMYoOX5f3-gq_Vjbsroc7Pqf91wZtb6p05CD-rw9rVoWwIYzRBPfdZtORwipqXS7i6B94NILlODUHxFOtZ301YmDp7-H81xkRXaKHRCjfOWPFblicBDGMvinZ/s400/Nuff+Xchange+Choose+a+Theme.png" /></a></div><br />
4. Kemudian tulisan sebarang mesej yang akan keluar bersama iklan xchange ini dalam ruangan <b style="color: green;">XCchange a message</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlUy8TEgA6wXpo0zrpZ6LWhozGCM2u62WRv4IAw0ibRtbChnjZT0K2H3_5LWva3sy6flJYPir4p0J1K5qU92q0_w9UDv_x-0COaYYqLSJaHVxentAI01C_9cN9ZCyd4cVGyULB9cyDImz/s1600/Nuff+Xchange+message.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="342" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNlUy8TEgA6wXpo0zrpZ6LWhozGCM2u62WRv4IAw0ibRtbChnjZT0K2H3_5LWva3sy6flJYPir4p0J1K5qU92q0_w9UDv_x-0COaYYqLSJaHVxentAI01C_9cN9ZCyd4cVGyULB9cyDImz/s400/Nuff+Xchange+message.png" /></a></div><br />
5. Lepas itu highlight dan salin kod yang diberi dalam ruangan <b style="color: green;">Get the code</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5HQJ57ajjs14Tu4ZWUMjptpcHaOyRnLGMXWp1CwQga9lc5HYsKLbywGb4TbUyL3JrUaGEpA1mz7SeXXT_fmbLbJokOJExhHS3L2gujvdDlTh7_qpTBSSHBkarXXZsvfIx1XEurQUrtqjB/s1600/Nuff+Xchange+Code.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="301" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5HQJ57ajjs14Tu4ZWUMjptpcHaOyRnLGMXWp1CwQga9lc5HYsKLbywGb4TbUyL3JrUaGEpA1mz7SeXXT_fmbLbJokOJExhHS3L2gujvdDlTh7_qpTBSSHBkarXXZsvfIx1XEurQUrtqjB/s400/Nuff+Xchange+Code.png" /></a></div><br />
6. Cara masukkan kod dalam blog. Nuffnang mintak kita masukkan kod dalam kod template blog tapi saya cuba masukkan dalam <b style="color: green;">Add a Gadget</b> sidebar iklan XChange ini masih berfungsi dengan baik:<br />
<br />
<div style="padding-left: 30px;">6.1 Dalam papan pemuka blogger pilih <b style="color: green;">Design</b><br />
<b style="color: green;">Page Elements</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDtA8dtqLUlsZ-wKtN-oI-NABAQp-tkJZobcw4AyrQ3JXkjByWmroRIiEh2eSiqx7Qxau2-K9kLPYT9V_Szh1SAUis3L5Hda3d5uiG84gA4ouE3fWb2AXptBUFyHHLGFbcg78rOmUAqXy/s1600/Design+Page+Elements.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="65" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDtA8dtqLUlsZ-wKtN-oI-NABAQp-tkJZobcw4AyrQ3JXkjByWmroRIiEh2eSiqx7Qxau2-K9kLPYT9V_Szh1SAUis3L5Hda3d5uiG84gA4ouE3fWb2AXptBUFyHHLGFbcg78rOmUAqXy/s400/Design+Page+Elements.png" /></a></div><br />
6.2 Pilih satu <b style="color: green;">Add a Gadget</b> yang paling bawah sekali dalam bahagian footer atau sidebar blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGrfk0u-pIgayBcCGiOCtLp9V5BDi4Xwp60CDdtcnn7RUzm4b31EQCchx8A8x-0Mff0Y9C-448yPrYRbXCn04c_rofMHC6ta4_PxlwZlBu2njsX7SvdPiWy1COAPMiko70_DiAR33RKTMc/s1600/Add+a+Gadget+Choose.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="288" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGrfk0u-pIgayBcCGiOCtLp9V5BDi4Xwp60CDdtcnn7RUzm4b31EQCchx8A8x-0Mff0Y9C-448yPrYRbXCn04c_rofMHC6ta4_PxlwZlBu2njsX7SvdPiWy1COAPMiko70_DiAR33RKTMc/s400/Add+a+Gadget+Choose.png" /></a></div><br />
6.3 Dalam tetingkap <b style="color: green;">Add a Gadget</b> seterusnya pilih <b style="color: green;">HTML / JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuNKY6aYZ8zoo7ZozxhDC5qGWFqV5-zche2rU_ttHd992tYfIg5FxUNO1Mg-sXqQNnFu2dOcuWJlOP6yIb0cFQn6LXOP9nGfEGqH5HeamOfjEH0HhllA89wsjAn7NlzeMjrBjVap5h4oO/s1600/Add+a+Gadget+HTML+JavaScript.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="97" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuNKY6aYZ8zoo7ZozxhDC5qGWFqV5-zche2rU_ttHd992tYfIg5FxUNO1Mg-sXqQNnFu2dOcuWJlOP6yIb0cFQn6LXOP9nGfEGqH5HeamOfjEH0HhllA89wsjAn7NlzeMjrBjVap5h4oO/s400/Add+a+Gadget+HTML+JavaScript.png" /></a></div><br />
6.4 Dalam tetingkap <b style="color: green;">Configure HTML/JavaScript</b> berikutnya paste masukkan kod iklan XChange Nuffnang dalam ruangan <b style="color: green;">Content</b> yang disediakan dan klik <b style="color: green;">SAVE</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2lcbWDg_VMoOFpzzy2pHh5vtT1kB_aSDk82aBzq_D7_wCuEqY4z5cb4U8chheTj1RUBO_z6d1Qi1a3PbORq3vzEko3keosgQ9t5dKThCIU2UKXGimMWJpHq8u2LmSb_52eDntsDiHbgf/s1600/Add+a+Gadget+Configure+HTML+JavaScript.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="400" width="335" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim2lcbWDg_VMoOFpzzy2pHh5vtT1kB_aSDk82aBzq_D7_wCuEqY4z5cb4U8chheTj1RUBO_z6d1Qi1a3PbORq3vzEko3keosgQ9t5dKThCIU2UKXGimMWJpHq8u2LmSb_52eDntsDiHbgf/s400/Add+a+Gadget+Configure+HTML+JavaScript.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yPuJxc3aFGmZKHZvOUu9yZ2gVGZ30gNPCthZKW2iYx9lOaCE6ZAtX6CmhkzxQqNsYk8ZmDvjyKJA7kWykp4DkGiFFDoqBV3WjPNa-UdV2fZ5hROQSHvEUkKW4r3Wn60OIVFsY7VmZGau/s1600/Nuff+XChange+Ads.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="308" width="268" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5yPuJxc3aFGmZKHZvOUu9yZ2gVGZ30gNPCthZKW2iYx9lOaCE6ZAtX6CmhkzxQqNsYk8ZmDvjyKJA7kWykp4DkGiFFDoqBV3WjPNa-UdV2fZ5hROQSHvEUkKW4r3Wn60OIVFsY7VmZGau/s400/Nuff+XChange+Ads.png" /></a></div></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blogspot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com5tag:blogger.com,1999:blog-4387530450509249392.post-43296410599942204452011-03-05T20:55:00.003+08:002012-03-27T00:48:14.031+08:00Notis Hak Cipta TerpeliharaJika anda tidak mahu pihak lain menciplak hasil tulisan anda dalam blog anda boleh menunjukkan notis <b>Hak cipta terpelihara</b> atau pun <b>All rights reserved</b> dalam semua pos yang dibuat dalam blog.<br />
<br />
Contoh notis hak cipta terpelihara:<br />
<br />
<div style="color: blue; font-weight: bold; padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 250px;"><tbody>
<tr><td style="padding-left: 15px; padding-right: 15px;"><script language="JavaScript">
<!--
document.write('©' );
document.write(new Date().getFullYear());
document.write(' Calipso - Hak cipta terpelihara.');
//-->
</script></td></tr>
</tbody></table></div><br />
1. Tidak perlu mendaftar buka laman yang menyediakan notis hak cipta di <a href="http://www.webweaver.nu/tools/copyright-generator/" style="color: blue; text-decoration: none;" target="_blank">http://www.webweaver.nu/tools/copyright-generator/</a>.<br />
<br />
<div style="padding-left: 30px;">Taip masukkan nama anda dalam ruangan <b>Copyright Owner:</b> <br />
<br />
Jika perlu sertakan tahun permulaan hak cipta pilih <b>Yes</b> dalam ruangan <b>Include The year you began? (ie © 2000 - 2007)</b>. Jika tidak pilih <b>No</b>.<br />
<br />
Jika pilih <b>Yes</b> di atas taip masukkan tahun mula dalam ruangan <b>If yes, what is the year your website was first created?</b>.<br />
<br />
Pilih <b>Yes</b> untuk ruangan <b>All Rights Reserved?</b>. <br />
<br />
dan klik butang <b>Generate</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQnnCsXs1x7GpWrUoCbc4tP6KlqEOkjVUYMSS5nOxsib0Nd4FsMBJp2r3UQByrNaywts8FrcAyXgfY59GIUSdYzmAyYP6iM-xMM-ZWykYaXHpaNS8DEZeBigUie-bFra_BhtGA3eBV84/s1600/Copyright+Generator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQQnnCsXs1x7GpWrUoCbc4tP6KlqEOkjVUYMSS5nOxsib0Nd4FsMBJp2r3UQByrNaywts8FrcAyXgfY59GIUSdYzmAyYP6iM-xMM-ZWykYaXHpaNS8DEZeBigUie-bFra_BhtGA3eBV84/s400/Copyright+Generator.png" width="400" /></a></div><br />
2. Selepas klik butang <b>Generate</b> kod skrip hak cipta akan diberi di bahagian bawahnya. Highlight dan salin kod skrip yang diberi untuk dimasukkan dalam blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZzdzsa4qL9XGA3czOiinKeqEr4HF1xM9S_SxXPAtVJUMV0mlBPg8AmG3FcxXTS1llzaTQQ5y7IH20eY7UCi4gzPPM8_vXSBGFajd9xO065rVaIv8Vc5XxUaNacW9N0VVbNZgFrzhUxM/s1600/Copyright+Code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUZzdzsa4qL9XGA3czOiinKeqEr4HF1xM9S_SxXPAtVJUMV0mlBPg8AmG3FcxXTS1llzaTQQ5y7IH20eY7UCi4gzPPM8_vXSBGFajd9xO065rVaIv8Vc5XxUaNacW9N0VVbNZgFrzhUxM/s400/Copyright+Code.png" width="400" /></a></div></div><br />
3. Contoh kod hak cipta yang diberi. Taip pinda perkataan <b style="color: blue;">All Rights Reserved</b> dengan perkataan bahasa melayu jika perlu:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td style="padding-left: 15px; padding-right: 15px;"><br />
<span style="color: red;"><!-- Generated by www.webweaver.nu --><script language="JavaScript"><br />
<!--<br />
document.write('©' );<br />
document.write(new Date().getFullYear());<br />
document.write(' Calipso - <b style="color: blue;">All Rights Reserved.</b>');<br />
//--><br />
</script></span><br />
<br />
</td></tr>
</tbody></table></div><br />
4. Untuk masukkan kod skrip dalam tiap-tiap pos baru yang akan dibuat, pilih <b>Settings | Formatting</b> dalam papan pemuka blogger:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FwIZeYjp7EavZwok6x4PaNpajb5NTYNpuLUgzlruusQq6GaIZaTzA1sDoGeyhSB1V2lVkZ0jmclE6aC82STy6He8CV-dcWlQmo4U9R9z5xtgasjey8GA55JAS2ZeNmm10u4g0MyQ9A8/s1600/Settings+Formatting.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="43" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4FwIZeYjp7EavZwok6x4PaNpajb5NTYNpuLUgzlruusQq6GaIZaTzA1sDoGeyhSB1V2lVkZ0jmclE6aC82STy6He8CV-dcWlQmo4U9R9z5xtgasjey8GA55JAS2ZeNmm10u4g0MyQ9A8/s400/Settings+Formatting.png" /></a></div><br />
<div style="padding-left: 30px;">4.1 Paste masukkan kod skrip hak cipta dalam ruangan <b>Post Template</b> dan klik <b>SAVE SETTINGS</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzG0FtQ_qyCj8EtM_4MKRmoDJgRlVniOGtDkUxUj4lw3k4YVw7lqfGWIE8pLZKiC2fMSLvWssNdzKNqPG9MwqhT_7oJQt-FuKSnkEMg3ZY_przMyjABmfpKA5BNW42nN_Pg_WUynFcKPU/s1600/Post+Template.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="150" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzG0FtQ_qyCj8EtM_4MKRmoDJgRlVniOGtDkUxUj4lw3k4YVw7lqfGWIE8pLZKiC2fMSLvWssNdzKNqPG9MwqhT_7oJQt-FuKSnkEMg3ZY_przMyjABmfpKA5BNW42nN_Pg_WUynFcKPU/s400/Post+Template.png" /></a></div><br />
4.2 Setiap kali pos baru dibuka kod skrip hak cipta telah sedia ada dalam post editor. Taip isi post sebelum kod skrip hak cipta:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBfNSykRmmh1ohqTOpHGAc6rT0xFDjdN5z3TIYkq9RT3Mxg98g9UTDcLcPiJ2rhEzJQrXy4Hh_yi25weJ95rcwOoxoAzYW9BB3hVceCJgfbSEBUyQe1MWyLQuvkgW-kheaEUI3nB4dvA/s1600/Post+with+Pos+Template.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="331" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJBfNSykRmmh1ohqTOpHGAc6rT0xFDjdN5z3TIYkq9RT3Mxg98g9UTDcLcPiJ2rhEzJQrXy4Hh_yi25weJ95rcwOoxoAzYW9BB3hVceCJgfbSEBUyQe1MWyLQuvkgW-kheaEUI3nB4dvA/s400/Post+with+Pos+Template.png" /></a></div></div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Jika anda fikir pos ini boleh membantu pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com6tag:blogger.com,1999:blog-4387530450509249392.post-35995591495798474022011-03-05T01:17:00.002+08:002011-03-05T20:06:43.824+08:00Bagaimana Mencipta HopLink dari ClickBankPanduan bagaimana mendapatkan atau mencipta pautan <b>Hoplink</b> dari <b>Clikbank</b>.<br />
<br />
<b>Clickbank</b> adalah satu affiliate program yang popular dari Amerika. Kita dari Malaysia juga diterima menjadi ahli secara percuma. Kita letak banner pautan URL atau <b>hoplink</b> dalam blog kita untuk mencapi mana-mana laman produk jualan clickbank punya associate yang kita pilih sendiri. Maksudnya kita menyalurkan pengunjung dari blog kita kepada laman produk berkaitan melalui pautan <b>hoplink</b> yang dibuat. Jika ada diantara pengunjung yang dihantar membuat sebaran pembelian pihak clickbank akan membayar kita komisyen yang ditetapkan. <br />
<br />
Sign up atau kalau sudah menjadi ahli log masuk laman clickbank di <a href="https://www.clickbank.com/login.htm" style="color: blue; font-weight: bold; text-decoration: none;" target="_blank">sini</a>.<br />
<br />
Setelah log masuk dalam clickbank klik <b>Marketplace</b> dalam menu di bahagian atas kanan:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XYmCOTNRl8_K7IPs2RMBCHpAfBiIL4v8qTpEljX9vHR2einPvVpCxrO9usxNgVbhyphenhyphenCADrylOHaTSl9wKvImq3D7cahgJSP1ljV2xGLL532RQwb8wcAjwS31iBf7hJi6T1OiCgoRTEB9B/s1600/Clickbank+Marketplace.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="39" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9XYmCOTNRl8_K7IPs2RMBCHpAfBiIL4v8qTpEljX9vHR2einPvVpCxrO9usxNgVbhyphenhyphenCADrylOHaTSl9wKvImq3D7cahgJSP1ljV2xGLL532RQwb8wcAjwS31iBf7hJi6T1OiCgoRTEB9B/s320/Clickbank+Marketplace.png" width="320" /></a></div><br />
Berikutnya clickbank akan membuka muka <b>Marketplace</b> dan menunjukkan senarai kategori produk. Pilih satu kategori produk yang disukai dalam bahagian <b>Categories</b> di sebelah kiri. Sebagai contoh kita pilih satu kategori bagi produk <b>Software & Services</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW4NbsZ7iaHv-hyZ60fCOGVbFF-kCNzGwdy6UWfC2VczN4ZPr0g3QE1o-6AyHzS_o1eXfDfwLDghHL9DRYCYZEFcNDVvUDDT2gIs0b_COooVD4puMytZllpdWz2lDZUaFJo6Opy57OVkz6/s1600/Clickbank+Categories.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW4NbsZ7iaHv-hyZ60fCOGVbFF-kCNzGwdy6UWfC2VczN4ZPr0g3QE1o-6AyHzS_o1eXfDfwLDghHL9DRYCYZEFcNDVvUDDT2gIs0b_COooVD4puMytZllpdWz2lDZUaFJo6Opy57OVkz6/s320/Clickbank+Categories.png" width="88" /></a></div><br />
Selepas klik kategori <b>Software & Services</b> berikutnya clickbank akan membuka muka senarai laman associate yang menjual produk <b>Software & Services</b>. Sepuluh (10) laman ditunjukkan dalam satu muka, di bawahnya terdapat senarai nombor muka surat untuk beralih ke muka yang lain. Kita boleh pilih mana-mana satu produk untuk mendapatkan <b>Hoplink</b>nya. Sebagai contoh kita pilih satu produk <b>Forex Robot</b> di bawah kategori <b>Software & Services</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsr_F7Ium6CS-FsjIo0BrlS5ak139WWmFbgOfrubIYyGh6AJ8pyy-eRL6WFF7Hslq7ZjtBMVJdEH7vnuDn3KLlxzKI2RIDOtZpQDnYKJLPlbp6eXam-XV19faf4jvu1eQsaH2JHVjAqdl/s1600/Clickbank+Marketplace+Result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGsr_F7Ium6CS-FsjIo0BrlS5ak139WWmFbgOfrubIYyGh6AJ8pyy-eRL6WFF7Hslq7ZjtBMVJdEH7vnuDn3KLlxzKI2RIDOtZpQDnYKJLPlbp6eXam-XV19faf4jvu1eQsaH2JHVjAqdl/s320/Clickbank+Marketplace+Result.png" width="243" /></a></div><br />
Produk yang dipilih iaitu <b>Real Money doubling Forex Robot Fap Turbo - sells like candy!</b>. Untuk menyediakan pautan <b>Hoplink</b> produk klik pada butang <b>Promote</b> bagi produk ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92DhXA5efVqKZo-zkzp4_CFxdRtF64TEUfCtGBJPUl1QBjBoR_qYpSBlnp6FpmtFLhDJVi98U40XbqfRHx6ojssRs49EecMU-EFkPL8f71JUnJpGcZOuhscoGyfd4F0uexIN_Olc2EBGt/s1600/Clickbank+Promote+Button.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92DhXA5efVqKZo-zkzp4_CFxdRtF64TEUfCtGBJPUl1QBjBoR_qYpSBlnp6FpmtFLhDJVi98U40XbqfRHx6ojssRs49EecMU-EFkPL8f71JUnJpGcZOuhscoGyfd4F0uexIN_Olc2EBGt/s320/Clickbank+Promote+Button.png" width="320" /></a></div><br />
Lepas klik <b>Promote</b> clickbank akan membuka tetingkap <b>Promote Products</b> seperti di bawah. Klik butang <b>Create</b> dalam tetingkap ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5_p507HSb8WlSJCS7XYOF3kdMNg89760qiVkDvwgMq-xMBT0pUElJvgmA70X2qUXTTW9yeWAtJJ_9r6kaCh_L1wpQPFYwb_wOmktsj04cW3PgiWyms8qpCGpVvpwAsu0L2nlwbaSsV-_/s1600/Clickbank+Create+Hoplink+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ5_p507HSb8WlSJCS7XYOF3kdMNg89760qiVkDvwgMq-xMBT0pUElJvgmA70X2qUXTTW9yeWAtJJ_9r6kaCh_L1wpQPFYwb_wOmktsj04cW3PgiWyms8qpCGpVvpwAsu0L2nlwbaSsV-_/s320/Clickbank+Create+Hoplink+1.png" width="320" /></a></div><br />
Lepas klik butang Create dalam tetingkap yang sama clickbank akan menyediakan alamat URL <b>Hoplink</b> bagi produk yang dipilih seperti berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTIOnpNHDKX9jgwJUONgQjIzSodiyhyphenhyphenN1fOebWxDzY2Z1M540P2kWEBqzz8OdAtzEdXYElFdcPDucm8DRLe49nuFP9hGJ-FOqsNlQFm4tirTfkBmJE9Y2jJnIAj0vbJPagHQoAW1HjBPP/s1600/Clickbank+Create+Hoplink+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTIOnpNHDKX9jgwJUONgQjIzSodiyhyphenhyphenN1fOebWxDzY2Z1M540P2kWEBqzz8OdAtzEdXYElFdcPDucm8DRLe49nuFP9hGJ-FOqsNlQFm4tirTfkBmJE9Y2jJnIAj0vbJPagHQoAW1HjBPP/s320/Clickbank+Create+Hoplink+2.png" width="320" /></a></div><br />
Terdapat dua (2) pautan <b>Hoplink</b> yang disediakan. Contoh pautan pertama:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><b style="color: red;">http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/</b></td></tr>
</tbody></table></div><br />
Contoh pautan <b>Hoplink</b> yang satu lagi:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><b style="color: red;"><a href="http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/" target="_top"><span style="color: blue;">Click Here!</span></a></b></td></tr>
</tbody></table></div><br />
Untuk promosi dalam blog kita kena gunakan perisian <b>Screen Capture</b> kerana clickbank tidak menyediakan sebarang banner melalui pilihn <b>Hoplink</b> ini. Mula-mula muat turun dan install software screen capture percuma <b>Picpick</b> di <a href="http://picpick.wiziple.net/download" style="color: blue; font-weight: bold; text-decoration: none;" target="_blank">http://picpick.wiziple.net/download</a>. Pelajari cara menggunakannya.<br />
<br />
Kemudian buka laman produk, klik pada nama <b>Real Money doubling Forex Robot Fap Turbo - sells like candy!</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmB7i9ZVDlUY8XXYYg_TP1heISvypRi_FgXboezlJve3oU4YpgIFbz6S0Fyjju_KuufQY8_MrngaLBa8CVnD58skCzBiUFmJ1YqZB9cbfN3k9jk5q59tJdpmG9CWRAAWf_dD8jEcQIUzog/s1600/Clickbank+Promote+Button+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="128" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmB7i9ZVDlUY8XXYYg_TP1heISvypRi_FgXboezlJve3oU4YpgIFbz6S0Fyjju_KuufQY8_MrngaLBa8CVnD58skCzBiUFmJ1YqZB9cbfN3k9jk5q59tJdpmG9CWRAAWf_dD8jEcQIUzog/s320/Clickbank+Promote+Button+2.png" width="320" /></a></div><br />
Bila laman produk telah dibuka, cari tulisan yang sesuai dalam laman berkenaan untuk tujuan promosi dalam blog sendiri. Gunakan screen capture <b>Picpick</b> untuk mendapatkan imej promosi. Sebagai contoh, dalam laman produk kita pilih perkatan berikut untuk jadikan promosi:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhICSixkJhcdJQvhoMH5DSUlKkc0DA78O-sau-JyEhV9P6jm6uBkHIxpJgaftFB6c4qIL81SxGwA4kKmLCwZNZnW_mr8YBHVIqEF6njl0q49fMKsj1xMuo0FLlWgDBIkChuWsIuAntom0_b/s1600/Clickbank+Promotion+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhICSixkJhcdJQvhoMH5DSUlKkc0DA78O-sau-JyEhV9P6jm6uBkHIxpJgaftFB6c4qIL81SxGwA4kKmLCwZNZnW_mr8YBHVIqEF6njl0q49fMKsj1xMuo0FLlWgDBIkChuWsIuAntom0_b/s320/Clickbank+Promotion+1.png" width="320" /></a></div><br />
Gunakan screen capture <b>Picpick</b> untuk menyediakan perkataan promosi di atas dan simpan imej ini dalam komputer sendiri. Lepas itu upload imej di atas kedalam pos blog menggunakan <b>image upload</b> blogger yang biasa seperti di atas. Gunakan pilihan <b>Edit HTML</b> mode:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFPvQdn52qXpVqZDAbQyV_m3N1DcfyFuOpPDxZwB9AXWo_GdJWHXHSwSIBBXPy69AEr4KgsDbmq7sybtB9_rcAG2nfSB2Nz_kvISr1KvpzUAx75pfLLM-i6d9jbyvBwc-A-txEwnhph4/s1600/Upload+Image+Edit+HTML+Mode.png" imageanchor="1"><img border="0" height="267" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFPvQdn52qXpVqZDAbQyV_m3N1DcfyFuOpPDxZwB9AXWo_GdJWHXHSwSIBBXPy69AEr4KgsDbmq7sybtB9_rcAG2nfSB2Nz_kvISr1KvpzUAx75pfLLM-i6d9jbyvBwc-A-txEwnhph4/s320/Upload+Image+Edit+HTML+Mode.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqElXLBnZFOlyOM3bt1lIhRauduItqeC0Y8AihApegP1eCGswCw9xF1-GX5AGBlU4Sv7AnHCgFuW1dfsczwT3qkdK-oJtH9KL_vLid6dHaob6IeGdXtJTAnPl89oSKnEF_v50cNsV3Z94/s1600/Add+Image+Edit+HTML+Mode.png" imageanchor="1"><img border="0" height="209" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqElXLBnZFOlyOM3bt1lIhRauduItqeC0Y8AihApegP1eCGswCw9xF1-GX5AGBlU4Sv7AnHCgFuW1dfsczwT3qkdK-oJtH9KL_vLid6dHaob6IeGdXtJTAnPl89oSKnEF_v50cNsV3Z94/s320/Add+Image+Edit+HTML+Mode.png" /></a></div><br />
Kod yang diberi oleh blogger seperti berikut:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red;"><a href="<b style="color: blue;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgjx869fAbGusl_7sr7Hk5TmORw4cAEnhtfhuL67tsaoddQzfFAJDwdBUQzBqQ8jo7bW7Sc2scU0MoerbjBMRoZaGM9tNi_kzvJKALjse1spcxSbCT0SRAdT2AOouXhAARHAS3wUoTlw/s1600/Clickbank+Promotion+2.png</b>" imageanchor="1" style="<b>clear:left; float:left;</b>margin-right:1em; margin-bottom:1em"><img border="0" height="80" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgjx869fAbGusl_7sr7Hk5TmORw4cAEnhtfhuL67tsaoddQzfFAJDwdBUQzBqQ8jo7bW7Sc2scU0MoerbjBMRoZaGM9tNi_kzvJKALjse1spcxSbCT0SRAdT2AOouXhAARHAS3wUoTlw/s320/Clickbank+Promotion+2.png" /></a></div></span><br />
</td></tr>
</tbody></table></div><br />
Imej yang diupload:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfaFZc9nnzoVVNiu67GOTMFix_rU9I78UFag5bDZtSKywHuNCUco4PDhlsNWGHBcowAcTBu2nhgXu_BtP6MRy2qa9aKe7M35nafKL8zxY_5q9GFyfYSh4Z4fUb9_UoQMO-megyk_Q5YAnp/s320/Clickbank+Promotion+2.png" width="320" /></a></div><br />
Gantikan pautan hyperlink warna biru dalam kod di atas dengan alamat URL pautan <b>Hoplink</b> dari clickbank yang diperolehi sebelum ini (<b style="color: blue;">http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/</b>) jadi seperti berikut. Tambah kod <b style="color: blue;">target="_blank"</b> supaya laman yang diklik akan dibuka dalam window yang lain. Delete buang <b>clear:left; float:left;</b> dalam kod di atas. Kod ini akan jadi sebagai promosi iklan samada dalam pos atau dalam header atau footer blog sendiri:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><span style="color: red;"><a href="<b style="color: blue;">http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/</b>" imageanchor="1" style="margin-right:1em; margin-bottom:1em" <b style="color: blue;">target="_blank"</b>><img border="0" height="80" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilgjx869fAbGusl_7sr7Hk5TmORw4cAEnhtfhuL67tsaoddQzfFAJDwdBUQzBqQ8jo7bW7Sc2scU0MoerbjBMRoZaGM9tNi_kzvJKALjse1spcxSbCT0SRAdT2AOouXhAARHAS3wUoTlw/s320/Clickbank+Promotion+2.png" /></a></div></span></td></tr>
</tbody></table></div><br />
Dengan <b>Hoplink</b> yang betul dan telah dimasukkan dengan sempurna, imej akan jadi promosi dalam blog kita. Bila imej diklik, laman produk akan dibuka dan jika ada sebarang pembelian dari pengunjung <b>Clickbank</b> akan membayar kita dengan komisyen yang telah ditetapkan:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://7c93f6ek59zin419qcwku7ys7j.hop.clickbank.net/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfaFZc9nnzoVVNiu67GOTMFix_rU9I78UFag5bDZtSKywHuNCUco4PDhlsNWGHBcowAcTBu2nhgXu_BtP6MRy2qa9aKe7M35nafKL8zxY_5q9GFyfYSh4Z4fUb9_UoQMO-megyk_Q5YAnp/s320/Clickbank+Promotion+2.png" width="320" /></a></div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com2tag:blogger.com,1999:blog-4387530450509249392.post-61281336171432576842011-03-04T10:40:00.002+08:002011-03-04T11:02:09.546+08:00Kod Untuk Gambar Dalam Scrolling WindowAda kawan tanya boleh ke masukkan gambar dalam scrolling window? kita dah cuba buat jawabnya boleh.<br />
<br />
Contoh:<br />
<br />
<div style="overflow: auto; width: 270px; margin-left: 115px; height: 383px;"><table border="0" cellpadding="0" cellspacing="0" style="margin-left: 10px; width: 220px;"><tbody>
<tr><td style="border: 1px solid; padding: 10px;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQu9M_AITtFPUjka_67SGid-EIvRVyRxMomiU4w_pqFRtUS-aBYu20wYVAICX5aeMgk1kRpxXyNW69UGLyUmYZKjmoTbposdhCw8WV9jnk57msDNMymtJJw0NMXQJ3LMaEBEy8uFhA2X4/s320/red+rose.jpg" width="200" /></td></tr>
<tr><td style="border: 1px solid; padding: 10px;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNlnoViGgxjjylq96D60iFOW-PTYE4Uo1v5zQ6k823zXxns7VWpMo59h0SIpmiB2X-sKGIcRLWyQxJHEomJOV96dVX-1nygMJwiFbsKxKqlPPlYMXnhRo09piBLLc04NU2YZt2fVH9A/s320/500hrspaintusingmspaint.jpg" width="200" /></td></tr>
<tr><td style="border: 1px solid; padding: 10px;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXsH6rmPAVg3sRb5gp6R7tXvJVHTZ5UNDp99lNM1W3zr4E80k6mF27AZM3XSQoFs5KG3rxaKpvEjSJ2BdsVAajzfcKANFH9v8DkVvgKfMRWCi9MPlGPZXMdtqwvS5e4D8E_DRGWPqzkE/s320/afghandashtelaili.jpg" width="200" /></td></tr>
<tr><td style="border: 1px solid; padding: 10px;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkV6DQrvM92lyaG9vh3G8CIiiNOebkbF2Z5Cy4tfOfSCAuCoEEswJB8PjcPKMRIk9fs7Walk_i32cIL6TCczyKYpDDoR76bSxWIVscr-MFEsu5s96WF1apd_glTPIsVUjuryTRrKwqIbk/s200/afghanbandeamirbamiyan.jpg" width="200" /></td></tr>
</tbody></table></div><br />
Kod dia macam ni:<br />
<br />
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="margin-left: 30px; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><br />
<span style="color: red;"><div style="overflow: auto; width: 270px; height: 383px;"><br />
<table border="1" cellpadding="0" cellspacing="0" style="margin-left: 10px; width: 220px;"><tbody><br />
<br />
<tr><br />
<td style="padding: 10px;"><span style="color: blue;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQu9M_AITtFPUjka_67SGid-EIvRVyRxMomiU4w_pqFRtUS-aBYu20wYVAICX5aeMgk1kRpxXyNW69UGLyUmYZKjmoTbposdhCw8WV9jnk57msDNMymtJJw0NMXQJ3LMaEBEy8uFhA2X4/s320/red+rose.jpg" width="200" /></span></td><br />
</tr><br />
<br />
<tr><br />
<td style="padding: 10px;"><span style="color: blue;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNlnoViGgxjjylq96D60iFOW-PTYE4Uo1v5zQ6k823zXxns7VWpMo59h0SIpmiB2X-sKGIcRLWyQxJHEomJOV96dVX-1nygMJwiFbsKxKqlPPlYMXnhRo09piBLLc04NU2YZt2fVH9A/s320/500hrspaintusingmspaint.jpg" width="200" /></span></td><br />
</tr><br />
<br />
<tr><br />
<td style="padding: 10px;"><span style="color: blue;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXsH6rmPAVg3sRb5gp6R7tXvJVHTZ5UNDp99lNM1W3zr4E80k6mF27AZM3XSQoFs5KG3rxaKpvEjSJ2BdsVAajzfcKANFH9v8DkVvgKfMRWCi9MPlGPZXMdtqwvS5e4D8E_DRGWPqzkE/s320/afghandashtelaili.jpg" width="200" /></span></td><br />
</tr><br />
<br />
<tr><br />
<td style="padding: 10px;"><span style="color: blue;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkV6DQrvM92lyaG9vh3G8CIiiNOebkbF2Z5Cy4tfOfSCAuCoEEswJB8PjcPKMRIk9fs7Walk_i32cIL6TCczyKYpDDoR76bSxWIVscr-MFEsu5s96WF1apd_glTPIsVUjuryTRrKwqIbk/s200/afghanbandeamirbamiyan.jpg" width="200" /></span></td><br />
</tr><br />
<br />
</tbody></table><br />
</div></span></td></tr>
</tbody></table><br />
Dalam kod di atas:<br />
<br />
ukuran <b>width</b> untuk scrolling window adalah <b>270px</b> dan ukuran <b>height</b> adalah <b>383px</b>. <br />
<br />
Table dalam scrolling window - ukuran <b>width</b> table adalah <b>220px</b> dengan <b>margin</b> kirinya berukuran <b>10px</b>. <br />
<br />
Empat (4) keping gambar di dalamnya, warna biru adalah kod untuk gambar tanpa hyperlink. Ukuran <b>width</b> gambar adalah <b>200px</b><br />
<br />
Boleh pinda ukuran <b>width</b> dan <b>height</b> yang sesuai dengan pos blog sendiri.<br />
<br />
Kalau tak pakai kod <b>table</b> pun boleh juga terus masukkan kod gambar dalam kod scrolling window:<br />
<br />
<div style="overflow: auto; width: 270px; margin-left: 115px; height: 383px;"><br />
<img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQu9M_AITtFPUjka_67SGid-EIvRVyRxMomiU4w_pqFRtUS-aBYu20wYVAICX5aeMgk1kRpxXyNW69UGLyUmYZKjmoTbposdhCw8WV9jnk57msDNMymtJJw0NMXQJ3LMaEBEy8uFhA2X4/s320/red+rose.jpg" width="200" /><br />
<img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNlnoViGgxjjylq96D60iFOW-PTYE4Uo1v5zQ6k823zXxns7VWpMo59h0SIpmiB2X-sKGIcRLWyQxJHEomJOV96dVX-1nygMJwiFbsKxKqlPPlYMXnhRo09piBLLc04NU2YZt2fVH9A/s320/500hrspaintusingmspaint.jpg" width="200" /><br />
<img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXsH6rmPAVg3sRb5gp6R7tXvJVHTZ5UNDp99lNM1W3zr4E80k6mF27AZM3XSQoFs5KG3rxaKpvEjSJ2BdsVAajzfcKANFH9v8DkVvgKfMRWCi9MPlGPZXMdtqwvS5e4D8E_DRGWPqzkE/s320/afghandashtelaili.jpg" width="200" /><br />
<img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkV6DQrvM92lyaG9vh3G8CIiiNOebkbF2Z5Cy4tfOfSCAuCoEEswJB8PjcPKMRIk9fs7Walk_i32cIL6TCczyKYpDDoR76bSxWIVscr-MFEsu5s96WF1apd_glTPIsVUjuryTRrKwqIbk/s200/afghanbandeamirbamiyan.jpg" width="200" /><br />
</div><br />
kod dia macam ni:<br />
<br />
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="margin-left: 30px; width: 450px;"><tbody>
<tr><td style="padding: 15px;"><br />
<span style="color: red;"><div style="overflow: auto; width: 270px; height: 383px;"><br />
<br />
<span style="color: blue;"><img border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQu9M_AITtFPUjka_67SGid-EIvRVyRxMomiU4w_pqFRtUS-aBYu20wYVAICX5aeMgk1kRpxXyNW69UGLyUmYZKjmoTbposdhCw8WV9jnk57msDNMymtJJw0NMXQJ3LMaEBEy8uFhA2X4/s320/red+rose.jpg" width="200" /></span><br />
<span style="color: blue;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0UNlnoViGgxjjylq96D60iFOW-PTYE4Uo1v5zQ6k823zXxns7VWpMo59h0SIpmiB2X-sKGIcRLWyQxJHEomJOV96dVX-1nygMJwiFbsKxKqlPPlYMXnhRo09piBLLc04NU2YZt2fVH9A/s320/500hrspaintusingmspaint.jpg" width="200" /></span><br />
<span style="color: blue;"><img border="0" height="134" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPXsH6rmPAVg3sRb5gp6R7tXvJVHTZ5UNDp99lNM1W3zr4E80k6mF27AZM3XSQoFs5KG3rxaKpvEjSJ2BdsVAajzfcKANFH9v8DkVvgKfMRWCi9MPlGPZXMdtqwvS5e4D8E_DRGWPqzkE/s320/afghandashtelaili.jpg" width="200" /></span><br />
<span style="color: blue;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkV6DQrvM92lyaG9vh3G8CIiiNOebkbF2Z5Cy4tfOfSCAuCoEEswJB8PjcPKMRIk9fs7Walk_i32cIL6TCczyKYpDDoR76bSxWIVscr-MFEsu5s96WF1apd_glTPIsVUjuryTRrKwqIbk/s200/afghanbandeamirbamiyan.jpg" width="200" /></span><br />
<br />
</div></span></td></tr>
</tbody></table><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com3tag:blogger.com,1999:blog-4387530450509249392.post-57472915636842679822011-02-20T00:21:00.000+08:002011-02-20T00:21:56.489+08:00Embed Comment Bawah Pos Tidak BerfungsiTemplate Blogger lama yang dimuat naik dari punca lain dan embed comment bawah pos tidak boleh berfungsi disediakan panduan cara bagaimana cara mengatasi masalah ini. Kebanyakkan template-template lama ini dibina sebelum pihak Blogger memperkenalkan kemudahan embed comment bawah pos.<br />
<br />
Selalunya jika pilihan <b>Embedded below post</b> tidak berfungsi - pilihan <b>Pop-up window</b> untuk komen akan berfungsi dengan baik:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRxVCkMqmiddxalbhiWB4KjroCAIy0-4KMLqZrQK7-S5BENK3SqFNeE6gbyw7djHXy2JM2wYLOzijgmGrB17Vm8JnG16yRMBY3g8ehHltTzHfso_coz5BBT0TFprNcAv7NMw6FDr_M7Y/s1600/Comment+Settings.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCRxVCkMqmiddxalbhiWB4KjroCAIy0-4KMLqZrQK7-S5BENK3SqFNeE6gbyw7djHXy2JM2wYLOzijgmGrB17Vm8JnG16yRMBY3g8ehHltTzHfso_coz5BBT0TFprNcAv7NMw6FDr_M7Y/s320/Comment+Settings.png" width="320" /></a></div><br />
1. Log masuk kedalam papan pemuka Blogger pilih <b>Design | Edit HTML</b>. Tandakan kotak <b>Expand widget templates</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj2z9CgmWozuhFy1sKiJsq0CoLhwEqHD-4soFx2uDKa2anSrwvNM9RoisV__syg26Lu8svgGhbM30x9v36gr2Xyn3WGZNlQNvmhPS_hxglkk5vzj-1DQpCAA8yzgwjhcJttIk3H0sqCEM/s1600/Expand+Widget+Templates.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj2z9CgmWozuhFy1sKiJsq0CoLhwEqHD-4soFx2uDKa2anSrwvNM9RoisV__syg26Lu8svgGhbM30x9v36gr2Xyn3WGZNlQNvmhPS_hxglkk5vzj-1DQpCAA8yzgwjhcJttIk3H0sqCEM/s320/Expand+Widget+Templates.png" width="320" /></a></div><br />
2. Cari Kod berikut dalam kod template:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td><br />
<span style="color: red;"><b:if cond='data:post.commentPagingRequired'><br />
<span class='paging-control-container'><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br />
<data:post.oldestLinkText/><br />
</a><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br />
<data:post.olderLinkText/><br />
</a><br />
<br />
<data:post.commentRangeText/><br />
<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br />
<data:post.newerLinkText/><br />
</a><br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br />
<data:post.newestLinkText/><br />
</a><br />
</span><br />
</b:if></span></td></tr>
</tbody></table></div><br />
3. Salin kod berikut dan paste masukkan betul-betul di bawah kod di atas:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td><br />
<span style="color: red;"><p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br />
<data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
</p><br />
</b:if></span></td></tr>
</tbody></table></div><br />
4. Jika sekiranya tidak ada atau tidak dijumpai kod di para 2 di atas dalam kod template blog anda sila cari kod berikut:<br />
<br />
<div style="padding-left: 30px;"><table border="1" bordercolor="#000000" cellpadding="10" cellspacing="0" style="background-color: white; width: 450px;"><tbody>
<tr><td><br />
<span style="color: red;"><p class='comment-footer'><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p><br />
</b:if></span></td></tr>
</tbody></table></div><br />
5. Gantikan semua kod di para 4 dengan kod yang diberi di para 3.<br />
<br />
6. Preview dulu dan jangan lupa SAVE TEMPLATE. Embed Comment below post sepatutnya akan berfungsi dengan baik.<br />
<br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com5tag:blogger.com,1999:blog-4387530450509249392.post-64984360328702888442011-02-11T22:50:00.003+08:002011-03-14T20:54:44.895+08:00Tab Menu Template Ethereal BloggerBagi sesiapa yang menggunakan template baru blogger <b style="color:green;">Ethereal</b>, <b style="color:green;">Awesome Inc</b>, <b style="color:green;">Watermark</b>, <b style="color:green;">Travel</b>, <b style="color:green;">Simple</b> atau <b style="color:green;">Picture Window</b> memang tidak terdapat fungsi <b style="color:green;">Edit Pages</b> seperti dalam template lama yang lain.<br />
<br />
Ruang untuk tab menu dalam template baru ini telah sedia ada.<br />
<br />
Kita ambil satu template <b style="color:green;">Ethereal</b> sebagai contoh. Contoh tab menu yang dimaksudkan adalah seperti berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXk0rWkQ-HP-pDUfDz0wUz4DpICghsCCJeSj8XDSvJSOU6qw9FNCb_0cdkIF5Hx9XrRIGewlghoz05tMiVPT41dOoZvn24Ia1aqBPfSmfiPKxFmyJ_MbbR-d2hSH_fR941p9D4tAcm6A/s1600/Tab+Menu+Navigasi+Sample.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXk0rWkQ-HP-pDUfDz0wUz4DpICghsCCJeSj8XDSvJSOU6qw9FNCb_0cdkIF5Hx9XrRIGewlghoz05tMiVPT41dOoZvn24Ia1aqBPfSmfiPKxFmyJ_MbbR-d2hSH_fR941p9D4tAcm6A/s400/Tab+Menu+Navigasi+Sample.png" width="510" /></a></div><br />
Katalah anda akan menyediakan tab dalam menu seperti contoh di atas untuk:<br />
<br />
<ul><li><b style="color: green;">Utama</b> </li>
<li><b style="color: green;">Produk</b> </li>
<li><b style="color: green;">Galeri Gambar</b> </li>
<li><b style="color: green;">Borang Pesanan</b> </li>
<li><b style="color: green;">Hubungi Kami</b> </li>
<li><b style="color: green;">Pautan</b></li>
</ul><br />
<b style="color: red;">PASTIKAN pos-pos untuk setiap satu tab di atas telah disedikan terlebih dahulu kerana setiap satu tab akan dipautan kepada pos berkaitan. Pos untuk tab <b>Utama</b> tidak perlu disediakan, gunakan alamat URL utama blog sendiri. Pinda dan kebelakangkan tarikh pos supaya pos-pos untuk tab ini tidak muncul dalam muka utama blog. Gunakan "Post Option" di bahagian bawah post editor untuk meminda tarikh pos</b>. <br />
<br />
Jika pos belum disediakan cipta pos baru kosong tanpa isi pun boleh dengan tajuk pos yang sama dengan nama tab disediakan, kemudian nanti boleh diedit semula untuk mengisi maklumat pos.<br />
<br />
Ok, bawah pilihan <b style="color:green;">Design | Page elements</b> untuk template <b style="color:green;">Ethereal</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqL-Izo8UyFILBY2VlbuCodtmJ3w8QVbU_ds2NJ-gkjyPboEL-S1HGCbHItP03aXKhLHBfBFhkz_3s02RPBzODqw307YGelVAktGWNFDx-8O8vj-8bebdApqXqZwuieuD0TL-zPkfjWG4/s1600/Design+Page+Elements.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="64" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqL-Izo8UyFILBY2VlbuCodtmJ3w8QVbU_ds2NJ-gkjyPboEL-S1HGCbHItP03aXKhLHBfBFhkz_3s02RPBzODqw307YGelVAktGWNFDx-8O8vj-8bebdApqXqZwuieuD0TL-zPkfjWG4/s800/Design+Page+Elements.png" width="400" /></a></div><br />
Di bawahnya klik pilih <b style="color:green;">Add a Gadget</b> yang panjang sebelah atas di bawah bahagian Header blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0k-4fKDIaMV5cYzteyo9csbjQ3GljiDxDIUwFpYdeo8asu9n81EqL-_6Nsp-UWFqi6XyNyFxHhO7W5PB4w7ScRfyfLt1K5AkiwmE6arWRcXZRyj-innoxQyEJDOei1UIeQYHxdNgsJA/s1600/Add+a+Gadget+for+Tab+Menu+Pages.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0k-4fKDIaMV5cYzteyo9csbjQ3GljiDxDIUwFpYdeo8asu9n81EqL-_6Nsp-UWFqi6XyNyFxHhO7W5PB4w7ScRfyfLt1K5AkiwmE6arWRcXZRyj-innoxQyEJDOei1UIeQYHxdNgsJA/s800/Add+a+Gadget+for+Tab+Menu+Pages.png" width="450" /></a></div><br />
kemudian berikutnya dalam tetingkap <b style="color:green;">Configure Add a Gadget</b> pilih <b style="color:green;">HTML/JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s1600/Add+a+Gadget+Blog+List.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="103" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s800/Add+a+Gadget+Blog+List.png" width="400" /></a></div><br />
Taip masukkan kod HTML untuk <b style="color:green;">Tab Menu</b> dalam ruangan <b style="color:green;">Content</b> yang disediakan - contoh dan cara menyediakan kod HTML lihat di bawah - Kosongkan ruangan <b style="color:green;">Title</b>. Klik <b style="color:green;">SAVE</b> bila telah selesai:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8q_o_VxLJ3TEUPsATJotbWdtX1-VBGPa2FgXmoGtJr5p6AnWST9ovBAvqsuo3-9WsQIX1fYPeh7Yw6hKCgDa9J2qWAW16nszqjXbZpZcQdBxu_DgARkL01eidy4WkiKFqQ5DVzAD9_Y/s1600/Configure+HTML+JavaScript.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="404" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga8q_o_VxLJ3TEUPsATJotbWdtX1-VBGPa2FgXmoGtJr5p6AnWST9ovBAvqsuo3-9WsQIX1fYPeh7Yw6hKCgDa9J2qWAW16nszqjXbZpZcQdBxu_DgARkL01eidy4WkiKFqQ5DVzAD9_Y/s320/Configure+HTML+JavaScript.png" width="450" /></a></div><br />
Salin Kod HTML tab menu yang perlu dimasuk ke dalam <b style="color:green;">Content</b> di atas adalah seperti berikut:<br />
<br />
<div style="padding-left: 30px;"><table border="1" cellpadding="10" cellspacing="0" style="width: 450px;"><tbody>
<tr><td><b><ul><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Blog.blogspot.com/</span>" style="text-decoration: none;"><span style="color: red;">Utama</span></a></li><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Pos-Produk.blogspot.com/2011/02/produk.html</span>" style="text-decoration: none;"><span style="color: red;">Produk</span></a></li><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Pos-Galeri-Gambar.blogspot.com/2011/02/galeri-gambar.html</span>" style="text-decoration: none;"><span style="color: red;">Galeri Gambar</span></a></li><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Pos-Borang-Pesanan.blogspot.com/2011/02/borang-pesanan.html</span>" style="text-decoration: none;"><span style="color: red;">Borang Pesanan</span></a></li><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Pos-Hubungi-Kami.blogspot.com/2011/02/hubungi-kami.html</span>" style="text-decoration: none;"><span style="color: red;">Hubungi Kami</span></a></li><br />
<br />
<li><a href="<span style="color: blue;">http://Alamat-URL-Pos-Pautan.blogspot.com/2011/02/pautan.html</span>" style="text-decoration: none;"><span style="color: red;">Pautan</span></a></li><br />
<br />
</ul></b></td></tr>
</tbody></table></div><br />
Gantikan alamat URL warna biru dengan alamat URL pautan pada pos sendiri. Warna merah adalah nama tab.<br />
<br />
Bagaimana mendapatkan alamat URL Pos? Dalam dashboard blogger pilih <b style="color:green;">Posting | Edit Post</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VausGY4fQuPv5-GjEX5UryxAV453r4L5fAOHNLlUMUA8DWPXLxwuAFWLMSCgT-r8FTVwXGzWVF4miP2XQiyUkMOa21dRt4rmC5NqRrQJvaBME0dnf8X3CrEzVYo9gVsZLsmG2SZR7_M/s1600/Posting+Edit+Posts.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="50" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7VausGY4fQuPv5-GjEX5UryxAV453r4L5fAOHNLlUMUA8DWPXLxwuAFWLMSCgT-r8FTVwXGzWVF4miP2XQiyUkMOa21dRt4rmC5NqRrQJvaBME0dnf8X3CrEzVYo9gVsZLsmG2SZR7_M/s320/Posting+Edit+Posts.png" width="320" /></a></div><br />
Dalam senarai pos klik <b style="color:green;">View</b> pada pos untuk tab menu: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidt57zi1TyxZpm5BxG_ixTa9zgYajbfg9Y5WOAf8cWi-LpQyqcePDN6iXdWpDdeF9-kCdaBPzprRNJGjkIKJqtGxnnfV0aYWjYW0HWvFvGjZodAXnoTVwRCf6C2UIUt9_IN_iJIwietd8/s1600/Post+for+Tab+Menu.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="327" width="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidt57zi1TyxZpm5BxG_ixTa9zgYajbfg9Y5WOAf8cWi-LpQyqcePDN6iXdWpDdeF9-kCdaBPzprRNJGjkIKJqtGxnnfV0aYWjYW0HWvFvGjZodAXnoTVwRCf6C2UIUt9_IN_iJIwietd8/s400/Post+for+Tab+Menu.png" /></a></div><br />
Setiap satu <b style="color:green;">View</b> yang diklik, pos berkenaan akan dibuka oleh Blogger. Bila pos dibuka di bahagian atas dalam <b style="color:green;">Address Bar</b> pelayar internet yang kita guna alamat URL pos ditunjukkan. Highlight dan salin alamat URL pautan pos ini dan masukkan ke dalam kod HTML di atas:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ZUnNudmrZRZvW74LcWBwYNHPtMT0EVjkWtZWUr1hyphenhyphenJGx45NB9XKbB8lFN3Rwv5UQuxDQl5-FX6zKgRGvadEt-MsU9KPnFeIW_BjY4AEVdlGOqkhhQy2ptTEOd-3rmAscAAOJPL2SqMo/s1600/Post+URL+Address.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ZUnNudmrZRZvW74LcWBwYNHPtMT0EVjkWtZWUr1hyphenhyphenJGx45NB9XKbB8lFN3Rwv5UQuxDQl5-FX6zKgRGvadEt-MsU9KPnFeIW_BjY4AEVdlGOqkhhQy2ptTEOd-3rmAscAAOJPL2SqMo/s800/Post+URL+Address.png" width="500" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com14tag:blogger.com,1999:blog-4387530450509249392.post-73824128900501023122011-02-02T13:15:00.000+08:002011-02-02T13:15:14.526+08:00Button Berapa Orang Pengunjung Blog SemasaButton atau butang menunjukkan berapa orang yang sedang mengunjungi blog anda dalam satu-satu masa:<br />
<br />
<div style="text-align: center;"><a href="http://whosread.com/show/254513r5" title="online counter"><img alt="online counter" border="0" height="15" src="http://whosread.com/counter/254513r5.gif" width="80" /></a></div><br />
Mudah dan senang. Highlight dan salin kodnya di <a href="http://whosread.com/en/get-widget/" style="color: blue; font-weight: bold; text-decoration: none;" target="_blank">http://whosread.com/en/get-widget/</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_sJQwoapQH7yB8Ryi3xJbagFrKuvPGY-vNwhSex7EFtwTqKRtBxjVuSGZBqe27q5brU9I6g5Lnzl7YtwQwdErRHMHxsDqKPyfryMA88MZxdP0nbv-FdWpmpuAPelhqm-_bUqhl_0MbNg/s1600/Button+Whos+Read.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="341" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_sJQwoapQH7yB8Ryi3xJbagFrKuvPGY-vNwhSex7EFtwTqKRtBxjVuSGZBqe27q5brU9I6g5Lnzl7YtwQwdErRHMHxsDqKPyfryMA88MZxdP0nbv-FdWpmpuAPelhqm-_bUqhl_0MbNg/s800/Button+Whos+Read.png" width="400" /></a></div><br />
Dalam dashboard blogger pilih <b>Design | Page Elements</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s1600/Design+Page+Elements.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s320/Design+Page+Elements.png" width="320" /></a></div><br />
pilih salah satu <b>Add a Gadget</b> dalam sidebar blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s1600/Add+a+Gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="355" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s800/Add+a+Gadget.png" width="400" /></a></div><br />
kemudian dalam tetingkap <b>Add a Gadget</b> pilih <b>HTML/JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s1600/Add+a+Gadget+Blog+List.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s800/Add+a+Gadget+Blog+List.png" width="400" /></a></div><br />
seterusnya dalam tetingkap <b>Configure HTML/JavaScript</b> paste masukkan kod dalam ruangan <b>Content</b> yang disediakan, taip tajuk jika perlu dan klik <b>SAVE</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s1600/Configure+HTML+JavaScript.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s800/Configure+HTML+JavaScript.png" width="400" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com4tag:blogger.com,1999:blog-4387530450509249392.post-88151858827687964572011-01-29T23:35:00.001+08:002011-01-29T23:48:42.932+08:00Shoutbox Tertutup Di TepiSkrip untuk buat hidden Shoutbox.<br />
<br />
Kalau belum ada Shoutbox dalam blog boleh ikut panduan:<br />
<br />
<a href="http://calipso-tutorialblogger.blogspot.com/2010/03/shout-box-cbox-dalam-sidebar-blog.html" style="color: blue; text-decoration: none;" target="_blank">Shoutbox Guna cBox.ws</a>.<br />
<br />
<a href="http://calipso-tutorialblogger.blogspot.com/2010/03/shoutbox-dari-shoutmix-dalam-blog.html" style="color: blue; text-decoration: none;" target="_blank">Shoutbox Guna Shoutmix.com</a>.<br />
<br />
Skrip diperoleh ihsan dari <a href="http://www.zulkbo.com/2011/01/cara-membuat-shout-box-sembunyi-ala.html" style="color: blue; text-decoration: none;" target="_blank">http://www.zulkbo.com/2011/01/cara-membuat-shout-box-sembunyi-ala.html</a>.<br />
<br />
Salin kod skrip berikut, masukkan kod shoutbox di tempat yang dinyatakan dan masukkan dalam sidebar blog:<br />
<br />
<div style="padding-left: 30px;"><table border="1" cellpadding="10" cellspacing="0" style="width: 400px;"><tbody>
<tr><td><b style="color: blue;"><style type="text/css"><br />
#gb{position:fixed; top:50px; z-index:+1000}<br />
* html #gb{position:relative}<br />
<br />
.gbtab{height:110px; width:30px; float:left; cursor:pointer; background:url('http://i31.servimg.com/u/f31/14/01/65/89/shoutb10.png') no-repeat}<br />
.gbcontent{float:left; border:2px solid #666; background:#fffffg; padding:10px}<br />
</style><br />
<br />
<script type="text/javascript"><br />
function showHideGB(){var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0,30-w):moveGB(20-w,0); gb.opened = !gb.opened}<br />
function moveGB(x0, xf){var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) >10 ? 5:1; var dir = xf>x0 ? 1:-1; var x = x0+dx * dir; gb.style.right = x.toString()+"px"; if(x0!=xf){setTimeout("moveGB("+x+","+xf+")",10)}<br />
}<br />
</script><br />
<div id="gb"><br />
<div class="gbtab"onclick="showHideGB()"><br />
</div><br />
<div class="gbcontent"><br />
<br />
<b style="color: red;">Paste Masukkan Kod Shoutbox Di Sini</b><br />
<br />
<div style="text-align:right"><br />
<a href="javascript:showHideGB()"><br />
</a><br />
</div><br />
</div><br />
</div><br />
<script type="text/javascript"><br />
var gb = document.getElementById("gb");<br />
gb.style.right = (30-gb.offsetWidth).toString()+"px";<br />
</script></b></td></tr>
</tbody><tbody></tbody></table></div><br />
Lepas paste masukkan kod Shoutbox tempat yang dinyatakan salin semua kod skrip untuk di paste masukkan dalam sidebar blog.<br />
<br />
Dalam dashboard blogger pilih <b>Design | Page Elements</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s1600/Design+Page+Elements.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s320/Design+Page+Elements.png" width="320" /></a></div><br />
Pilih satu <b>Add a Gadget</b> bahagian sidebar yang di sebelah bawah:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s1600/Add+a+Gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s320/Add+a+Gadget.png" width="320" /></a></div><br />
Dalam tetingkap <b>Configure Add a Gadget</b> klik pilih <b>HTML/JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s1600/Add+a+Gadget+Blog+List.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Ac19KkufbjflF50LJna3xLDjt13vNBWPijF_XgeWcaai0VcaE_0I7W9jSNaoJhWhfaqMM12sgYTU3zDFsxNS8taJ3Ci8v2xsxuRH1TvBtbbc4TAG3-WBgzskWF5R0PhWLnyRuZwoU44/s320/Add+a+Gadget+Blog+List.png" width="320" /></a></div><br />
Paste masukkan kod skrip dalam ruangan <b>Content</b> dan klik <b>SAVE</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s1600/Configure+HTML+JavaScript.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s320/Configure+HTML+JavaScript.png" width="320" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com8tag:blogger.com,1999:blog-4387530450509249392.post-31992137451676509542011-01-16T21:39:00.001+08:002011-01-16T22:00:13.331+08:00Gadget Follower Guna Google Friend ConnectSelalunya widget <b>Follower</b> dalam sidebar blog disediakan guna fungsi <b>Add a Gadget</b> blogger. Kali ini kita sediakan panduan bagaimana menggunakan skrip dari <b>Google Friend Connect</b><br />
<br />
Log masuk ke dalam <a href="http://www.google.com/friendconnect/" style="color: blue;" target="_blank">Google Friend Connect</a> dengan ID dan katalaluan blogger yang sama.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/__B9vdicQTS4/TTLq4rj1RjI/AAAAAAAAAd0/pKNufoMLi34/s1600/Google+Friend+Connect+Sign+In.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="260" src="http://1.bp.blogspot.com/__B9vdicQTS4/TTLq4rj1RjI/AAAAAAAAAd0/pKNufoMLi34/s800/Google+Friend+Connect+Sign+In.png" width="400" /></a></div><br />
Kemudian dalam muka berikutnya pilih salah satu blog yang tersenarai untuk dimasukkan widget follower atau taip masukkan alamat URL baru:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/__B9vdicQTS4/TTLtK8Y5JcI/AAAAAAAAAd8/itTLJqg6LQk/s1600/Google+Friend+Connect+About+Your+Website.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="http://3.bp.blogspot.com/__B9vdicQTS4/TTLtK8Y5JcI/AAAAAAAAAd8/itTLJqg6LQk/s800/Google+Friend+Connect+About+Your+Website.png" width="400" /></a></div><br />
Kemudian muka berikutnya dibawah nama blog yang baru dipilih klik <b>Add a members gadget</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/__B9vdicQTS4/TTLuSA7pdXI/AAAAAAAAAeE/x3jt1tJhjtQ/s1600/Google+Friend+Connect+Add+a+Members+Gadget.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="226" src="http://3.bp.blogspot.com/__B9vdicQTS4/TTLuSA7pdXI/AAAAAAAAAeE/x3jt1tJhjtQ/s800/Google+Friend+Connect+Add+a+Members+Gadget.png" width="400" /></a></div><br />
Dalam tetingkap <b>Members</b> Gadget masukkan ukuran width sidebar blog dan berapa baris gambar follower ingin ditunjukkan. Pilih pelbagai warna gadget. Dan klik <b>Generate code</b> untuk salin kod skrip:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/__B9vdicQTS4/TTLwQUyCRZI/AAAAAAAAAeM/vt8QZeNFj88/s1600/Google+Friend+Connect+Choose+the+Gadget+Size.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="104" src="http://3.bp.blogspot.com/__B9vdicQTS4/TTLwQUyCRZI/AAAAAAAAAeM/vt8QZeNFj88/s800/Google+Friend+Connect+Choose+the+Gadget+Size.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/__B9vdicQTS4/TTLwQduhdGI/AAAAAAAAAeQ/TBLrPc_h0K4/s1600/Google+Friend+Connect+Choose+Color.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="http://1.bp.blogspot.com/__B9vdicQTS4/TTLwQduhdGI/AAAAAAAAAeQ/TBLrPc_h0K4/s800/Google+Friend+Connect+Choose+Color.png" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/__B9vdicQTS4/TTLwQSVjZcI/AAAAAAAAAeU/2duNCIafaBQ/s1600/Google+Friend+Connect+Generate+Code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="76" src="http://2.bp.blogspot.com/__B9vdicQTS4/TTLwQSVjZcI/AAAAAAAAAeU/2duNCIafaBQ/s800/Google+Friend+Connect+Generate+Code.png" width="400" /></a></div><br />
Selepas klik <b>Generate code</b>, tetingkap kod skrip follower akan dibuka. Highlight dan salin kod yang diberi untuk dimasukkan ke dalam sidebar blog:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/__B9vdicQTS4/TTLxXz-QXwI/AAAAAAAAAec/YbJlOcX81-I/s1600/Google+Friend+Connect+Create+The+HTML+Code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="http://1.bp.blogspot.com/__B9vdicQTS4/TTLxXz-QXwI/AAAAAAAAAec/YbJlOcX81-I/s800/Google+Friend+Connect+Create+The+HTML+Code.png" width="400" /></a></div><br />
Dalam dashboard blogger pilih <b>Design | Page Elements</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ZYAMWQ_WApE2J1oDm04htBJELnIsskqHemy60qKPlD0?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s288/Design%20Page%20Elements.png" height="78" width="288" /></a></div><br />
Pilih salah satu <b>Add a Gadget</b> untuk sidebar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/sq-ZtcU6Ncq9NPyh5fL5fw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s400/Add%20a%20Gadget.png" height="355" width="400" /></a></div><br />
Dalam tetingkap <b>Configure Add a Gadget</b> pilih <b>HTML/JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/geqcONDGGyUp6CGHM1RCLw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPuOFg0vmOCqIBDJSjP81iOb1UIt5CsiEOZJ6MbAIvo7kkWtRebuNJt4Utkwf9z53CQ8LLl1Rb2pym8kdq7PaZ0THACFDz9ZrbUZ80urGdO7QYqQ5x63gxUMRmmDJ03RQPg7P6kOpGsA/s288/Add%20a%20Gadget%20HTML%20JavaScript.png" height="76" width="288" /></a></div><br />
Paste masukkan kod skrip <b>Follower</b> dalam ruangan <b>Content</b> dan klik <b>SAVE</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/4nMBwxjroW-NwMSqFiNNyQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s400/Configure%20HTML%20JavaScript.png" height="359" width="400" /></a></div><br />
Contoh Gadget <b>Follower</b> dari <b>Google Friend Connect</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/LjbBtp4KFOaW3xuii5hcwg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCxpgsDTgfyTYr8Ke-xIdxfek5upndz7HmLwoMPqAEGUv85S92vQSfmze_sGyN6AP_2Igxnd0uDE22qvk7vlaf_75tJ2Bh40i460ZlJkF4mX4BqVeyk4LDq3nFhvjU4IdAQcMraQiOXfk/s800/Follower%20Gadget%20Sample.png" height="291" width="341" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com2tag:blogger.com,1999:blog-4387530450509249392.post-89143996722595985222011-01-13T21:26:00.000+08:002011-01-13T21:26:49.944+08:00Hos JavaScript Dalam Project Hosting On Google CodeJika sebelum ini kita menyediakan satu panduan bagaimana untuk menghoskan fail javascript di <b>Google Site</b> kali ini kita sediakan pula panduan bagaimana menghoskan fail javascript di <b>Project Hosting On Google Code</b>.<br />
<br />
Log masuk menggunakan ID dan katalaluan yang sama dengan yang digunakan untuk <b>Blogger</b> di <a href="http://code.google.com/projecthosting/" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">Project Hosting On Google Code</a>.<br />
<br />
Klik <b>Project Hosting on Google Code</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcMrt8NDU5l4kS3vR2B7IBlIONcDm5bFcTppmegRqyJrwCsZaDO6uCM3r_OLz2m1655XriNzTemkCnP3WmM7cl5OMfWqmGwe5djwm-eRhGxAUDazyDpMw-TYqzhUzsr9aKjv6ud8oEvAo/s1600/Google+Project+Hosting.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcMrt8NDU5l4kS3vR2B7IBlIONcDm5bFcTppmegRqyJrwCsZaDO6uCM3r_OLz2m1655XriNzTemkCnP3WmM7cl5OMfWqmGwe5djwm-eRhGxAUDazyDpMw-TYqzhUzsr9aKjv6ud8oEvAo/s800/Google+Project+Hosting.png" width="400" /></a></div><br />
Sebelum mencipta projek baru untuk tujuan hos fail javascript sila buat carian terlebih dahulu sekiranya terdapat fail javascript yang sama dalam simpanan Google Code. Jika tidak terdapat skrip yang sama ada disimpan klik <b>Create a new project</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/zh7ns6xcTmaoaFVSNW2MZA?feat=embedwebsite"><img height="214" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZRwQN8Ezsu1KXORSfZEtg0s7uuuXjEtxzD3f3OJMIsTyBPM25GcBZSUIQb1QztC4wADUn9kCbZi8ACI7IRXrznPYIOY-m3dmNcIv3cIsz1QEJ7GC5_CXIPhjx1Qpn8BcGhyVUW6u7l2o/s400/Google%20Project%20Hosting%20Search%20Project.png" width="400" /></a></div><br />
Dalam muka <b>Create a project</b> isi maklumat yang dikehendaki. Kesemua ruangan mesti diisi termasuk summary dan description. Taip nama projek dengan huruf kecil tanpa jarak. Bila selesai klik <b>Create Projek</b>: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeY_1gSTjgaVF-vP0zCZ9kr_zDVbxlB07UeVTtqS5rM-USrwXc8Px4xc6LOEA2SRyfMPGwFaOtHhd1aISmTyOcuWToY6FnyG1sdkd15OA7q-bLMuYt2NF43YlrAxr4Zt_7kkGGuDzQz0/s1600/Google+Project+Hosting+Project+Particular.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="219" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMeY_1gSTjgaVF-vP0zCZ9kr_zDVbxlB07UeVTtqS5rM-USrwXc8Px4xc6LOEA2SRyfMPGwFaOtHhd1aISmTyOcuWToY6FnyG1sdkd15OA7q-bLMuYt2NF43YlrAxr4Zt_7kkGGuDzQz0/s320/Google+Project+Hosting+Project+Particular.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><br />
Untuk muatnaik skrip klik <b>Downloads</b> dalam muka berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzeB6IGXQcSkq6sCCyW0R16LhVnvCaYHBdF6y6r25XB2fEQgcLj3k47VgD1HNTNiT2fd5_rK5CNptzIA0S9hvM6VvKrOMAvmEGmqS-BJ3P75sgmRk1-Cgy7hoZ6o9MgdUd5lGzlk2fPI/s1600/Google+Project+Hosting+Downloads.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipzeB6IGXQcSkq6sCCyW0R16LhVnvCaYHBdF6y6r25XB2fEQgcLj3k47VgD1HNTNiT2fd5_rK5CNptzIA0S9hvM6VvKrOMAvmEGmqS-BJ3P75sgmRk1-Cgy7hoZ6o9MgdUd5lGzlk2fPI/s320/Google+Project+Hosting+Downloads.png" width="320" /></a></div><br />
Kemudian dalam muka berikutnya <b>klik new download</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX1iKQRb-QtFSM0OA0AVzAKEHxTGC1WEpi7vpIxhQpiLMI0oOMCSjlGvHsT739ZXpUgp3R0SLcqunO5XACw-OjHas-Sz6rb5YipyB0UUWDdPthmc8A2ECFGq3UT8h7crqJI4xedZNJSd8/s1600/Google+Project+Hosting+New+Download.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX1iKQRb-QtFSM0OA0AVzAKEHxTGC1WEpi7vpIxhQpiLMI0oOMCSjlGvHsT739ZXpUgp3R0SLcqunO5XACw-OjHas-Sz6rb5YipyB0UUWDdPthmc8A2ECFGq3UT8h7crqJI4xedZNJSd8/s1600/Google+Project+Hosting+New+Download.png" /></a></div><br />
Dalam muka new download berikutnya isikan maklumat yang diperlukan dalam ruangan yang disedaiakan. Browse dan dapatkan fail javascript berkenaan. Pilih label dan klik <b>Submit file</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/7rH-corcaoJok3kYgSGxIw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv195d8xk47dba4Z77aQ56UKXQwkavJJVqUXZcq6MnjMW33pE2Cw7cl4uRgxdhcsH_18gedNW1Q_0639U9Hn1d5jOg1mVM3gRFCwevpFAu_CSXXbxorEo64RZu_VBkp86Fz72p2lmfwi4/s400/Google%20Project%20Hosting%20Browse%20dan%20Submit%20File.png" height="205" width="400" /></a></div><br />
Seterusnya fail akan disenaraikan dalam senarai Google Code. Untuk mendapatkan alamat URL pautan fail javascript klik pada nama fail:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/NH1O_FUTDwEwGrCm2b-Skw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga24t6kEjjMPh9rCIRpxJMwcwKHHvGHvwCBeZ8-XnLKO4ASwPOHnij2vLZUHMpQhkjehsL_t7edZBDa7GdarE3hWsWpSqP4eSbdpS3285jk8-AGHIGaNS42RTJRmlO1ryIeoRE7HYAxGI/s400/Google%20Project%20Hosting%20File%20List.png" height="159" width="400" /></a></div><br />
Dalam muka berikutnya Google Code akan memaparkan maklumat fail javascript. Klik dengan mouse sebelah kanan pada nama fail dan klik <b>Copy link location</b>. Alamat URL pautan akan disimpan dalam memori anda dan boleh di paste di mana-mana untuk mencatatnya:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/yqK9KNIT4XRx0yohkqiY7A?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtH1HyrwwQoNSM2UFSJhnBR6DYOm24rAopn1Dac1Ra1KksM4yvKymDxXjOTFI3Lyzs_Tq7wHsSzrJhidbjPKWfDAp7AuvC3e20uBc_b4MvUk4y5IVolxqqa-sGm_0wpZivcYifVyvBWxw/s400/Google%20Project%20Hosting%20Link%20Location.png" height="281" width="400" /></a></div><br />
<br />
Contoh alamat URL pautan :<br />
<br />
<div style="padding-left: 50px;"><span style="color: red;">http://translucentslideshow.googlecode.com/files/translucentslideshow.js</span><br />
</div><br />
Sila hoskan lain-lain fail javascript yang akan digunakan dalam blog di <b>Project Hosting On Google Code</b>. Di masa lain jika anda log masuk semula, klik <b>Downloads</b> untuk melihat senarai fail javascript yang dihoskan. Klik dengan mouse sebelah kanan pada nama fail dan klik Copy link location untuk mendapatkan alamat URL pautannya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/KhypDuwKjjMqismL2xeoqw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheT6crXne5FMqyHpjY4UTXXUy_-aRaiIPU92SuFa3tD9dNMNNY4NwsI0dvxXux-HRHE0RmVRABdfIqsiA5x_bgQWK1eF75P_uyvcpgTQwrbapYpWccJzjBeTWeP_IrlRs4_MEz0u5N2oM/s400/Google%20Project%20Hosting%20File%20List%202.png" height="189" width="400" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com0tag:blogger.com,1999:blog-4387530450509249392.post-47423357252721478232011-01-10T12:35:00.001+08:002011-01-10T12:43:43.928+08:00Cara Pinda Tarikh Post | Date HeaderPanduan bagaimana cara untuk pinda <b>Date Header</b> untuk tukar jenis tulisan, besar atau kecikkan saiz tulisan atau untuk tukar warna tulisan.<br />
<br />
Log masuk dalam Blogger pilih <b>Design | Edit HTML</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohjcyqPj3MjQxAOWNo3T_ocCHRkIFUW0qhIy8soeBbULTHkklvKzizRlN3CRyM9RcdNMKKKIRsV9EEh8NsxL5TKUZzVjxzasSD_XxXvzXTM1eMJf6ds-7oM6jPs2O8DWPmj9qSN2e7ro/s1600/Design+Edit+HTML.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="78" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohjcyqPj3MjQxAOWNo3T_ocCHRkIFUW0qhIy8soeBbULTHkklvKzizRlN3CRyM9RcdNMKKKIRsV9EEh8NsxL5TKUZzVjxzasSD_XxXvzXTM1eMJf6ds-7oM6jPs2O8DWPmj9qSN2e7ro/s320/Design+Edit+HTML.png" width="320" /></a></div><br />
Kemudian cari kod CSS (Cascade Style Sheet) berikut dalam kod template:<br />
<br />
<div style="padding-left: 50px;"><b style="color: red;">h2.date-header {<br />
margin-top:0;<br />
margin-right: 0px;<br />
margin-bottom: 0px;<br />
margin-left: 0px;<br />
font-size: 85%;<br />
line-height:2em;<br />
letter-spacing: 0em;<br />
}</b><br />
<br />
Pinda atau masukkan beberapa tambahan seperti berikut:<br />
<br />
<b style="color: red;">h2.date-header {<br />
margin:0px 0px 0px 0px;<br />
font-size: 125%;<br />
line-height: 2em;<br />
letter-spacing: 0.2em;<br />
font-family: Trebuchet MS, Times New Roman, Times, serif;<br />
font-style: italic;<br />
color: red; /* untuk kod sedbarang warna ganti color: #990000; */<br />
}</b><br />
<br />
turutan <b style="color: red;">margin: 0px Top 0px Right 0px Bottom 0px left (Atas, kanan, bawah, kiri)</b><br />
<b style="color: red;">font-family:</b> sebarang nama font family standard yang dikenal oleh Blogger<br />
<b style="color: red;">font-size:</b> ukuran tulisan (dalam 85%; atau dalam ukuran 14px; atau dalam ukuran 1.5em;) <br />
<b style="color: red;">color:</b> warna tulisan red; blue; yellow; green; atau kod warna;<br />
</div><br />
Selepas pinda <b>Preview</b> dulu dan <b>Save Template</b> jika memuaskan.<br />
<br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNArfk0Fe_Np04YSgYP-DZHW4bBDsYSdH8x-zFFh9TKeBqwTfhKuuUhANun2WztDkX6XgzP18r8RIrOmk54TyfxllwdE7ORVj-C_w2JnRZFeI0kkE0GDro2dHs7qy0rj_FatN7iy0_aw/s1600/2314306055_6e155743a31.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoNArfk0Fe_Np04YSgYP-DZHW4bBDsYSdH8x-zFFh9TKeBqwTfhKuuUhANun2WztDkX6XgzP18r8RIrOmk54TyfxllwdE7ORVj-C_w2JnRZFeI0kkE0GDro2dHs7qy0rj_FatN7iy0_aw/s320/2314306055_6e155743a31.jpg" width="209" /></a></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com4tag:blogger.com,1999:blog-4387530450509249392.post-85804392559613507732011-01-08T23:07:00.000+08:002011-01-08T23:07:54.138+08:00Butang Like Face BookPanduan menyediakan butang like dari FaceBook dalam blog.<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/LIgfJuQ5RoYb4lNsnpBPZg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_amN7JGUmSAAPmCHl4z60kx8zCm7WisHR4oB4FfM4bVjLejjzw3BieiXjgdK7t-TCP4A4-wpQ_85YP5EdMFIJCfmrcuQknwI5q_E-awb27wD51OmnVOIhiUw_h0-CnZaXtlOKVfiDtD0/s800/FaceBook%20Like%20Button.png" height="72" width="60" /></a></div><br />
Untuk mendapatkan kod skrip button sila layaran <a href="http://developers.facebook.com/docs/reference/plugins/like" style="text-decoration: none; color: blue;" target="_blank">http://developers.facebook.com/docs/reference/plugins/like</a>.<br />
<br />
Isi maklumat dan pilihan dalam borang yang disediakan dan klik <b>Get Code</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/7U_DFqUjwITcHdzNA5y_yw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOyZn7Ug_cfFEueQOT-GvujknlDLAadc7SG1KaPZx41MktbQgJvtFZdZABZZtw5ZraTDdv-deZL2pFpYs4VrpN66_K80Vn5d5BICgjznbTqpguPynVhuuYXd2YoPs60OFvUaOmeZIeQgE/s400/FaceBook%20Like%20Button%20Configurator.png" height="400" width="349" /></a></div><br />
Highlight dan salin kod skrip yang diberi berikutnya:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/0zYXDwph8mTRiscvjbPQRg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAcWXthMzGFG-55lAHLF4RM781EK-4WpYxVAxS_0f_lwHVA-NjRmUItgjECePgxTp1wEPaaV_maHQDWPoQWjRG0MPt9iMOG7Z3oFbxYEEM5HTunummHqr4k3KPV4QkvVJsCMfS7I2gIcc/s400/FaceBook%20Like%20Button%20Plugin%20Code.png" height="325" width="400" /></a></div><br />
Jika butang Like Facebook ingin dipamirkan dalam sidebar blog pilih <b>Design | Page Elements</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ZYAMWQ_WApE2J1oDm04htBJELnIsskqHemy60qKPlD0?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFDMK-1H94zIy1Qv8y_AIR0piNtYNcsD0CfjfBwi5ACQ34QCNktiv4uzGnMWjpK4pF2yN9fXZr-PJtaW_JmIllBKoFUYGk-sVMB6KwdjIeCjpwzBEOq3hLZKCpY_k15YsQ3xWVDePfD0/s288/Design%20Page%20Elements.png" height="78" width="288" /></a></div><br />
Pilih salah satu <b>Add a Gadget</b> untuk sidebar:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/sq-ZtcU6Ncq9NPyh5fL5fw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghaZLFu68GpvytIIUe0zelx3JFZfaMg3PF6MTtgBBfLj135t04I1FHpiIplf8aGtagH112_uVnA9Kt9CAyJJTMDkHsGSp6qAk_ZNbV1pgUuZS5oyktn9XUmy2NTz-lsbTEcpSJAz2VoFg/s400/Add%20a%20Gadget.png" height="355" width="400" /></a></div><br />
Dalam tetingkap <b>Configure Add a Gadget</b> pilih <b>HTML/JavaScript</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/geqcONDGGyUp6CGHM1RCLw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzPuOFg0vmOCqIBDJSjP81iOb1UIt5CsiEOZJ6MbAIvo7kkWtRebuNJt4Utkwf9z53CQ8LLl1Rb2pym8kdq7PaZ0THACFDz9ZrbUZ80urGdO7QYqQ5x63gxUMRmmDJ03RQPg7P6kOpGsA/s288/Add%20a%20Gadget%20HTML%20JavaScript.png" height="76" width="288" /></a></div><br />
Paste masukkan kod skrip dalam ruangan <b>Content</b> dan klik <b>SAVE</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/4nMBwxjroW-NwMSqFiNNyQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5Hvgd29X973oYU6hmxKm307lrkLU4gSqyjZcxNBebMWHOG1hMaQqwnVqGNwJyVnYNJ9cu5bC2mZGdl39oWXapxdEhxM_pPDUzqUerfJ1OwZSn55LiF-0VGTurHUttsXStIkGLCvEdvSM/s400/Configure%20HTML%20JavaScript.png" height="359" width="400" /></a></div><br />
Jika butang Like Facebook di bahagian bawah pos blog pilih <b>Design | Edit HTML</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/TDzl_0vFFp7Ne6ihlgZFAhJELnIsskqHemy60qKPlD0?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhohjcyqPj3MjQxAOWNo3T_ocCHRkIFUW0qhIy8soeBbULTHkklvKzizRlN3CRyM9RcdNMKKKIRsV9EEh8NsxL5TKUZzVjxzasSD_XxXvzXTM1eMJf6ds-7oM6jPs2O8DWPmj9qSN2e7ro/s288/Design%20Edit%20HTML.png" height="71" width="288" /></a></div><br />
Tandakan kotak <b>Expand widget templates</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/HLYJWEsHEIBYrgamlACXMxJELnIsskqHemy60qKPlD0?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRs9kFtIQ7Hlk0E94i88YmJJfjE6tFYF-nxiYJxUkh4q-O5MWAx6wV-xTOMCgWjIvJLJcmXSgd1VduRiI2gcp5_z6xIxr70HX5Neu2EP8rxOYTwUQtJNlQCj-_VXNM8bRluvNszn7OjEU/s800/Expand%20Widget%20Templates.png" height="31" width="183" /></a></div><br />
Cari kod <b><div class='post-footer-line post-footer-line-3'></b> seperti berikut:<br />
<br />
<div style="padding-left: 25px;"><table border="1" cellpadding="10" cellspacing="0" width="400"><tbody>
<tr><td><br />
<b style="color: red"><div class='post-footer-line post-footer-line-3'><br />
<span class='post-location'><br />
<b:if cond='data:top.showLocation'><br />
<b:if cond='data:post.location'><br />
<data:postLocationLabel/><br />
<a expr:href='data:post.location.mapsUrl' target='_blank'><br />
<data:post.location.name/></a><br />
</b:if><br />
</b:if><br />
</span><br />
</div></b><br />
</td></tr>
<tbody></table></div><br />
Paste masukkan kod skrip butang Like Facebook sebelum <b></div></b>:<br />
<br />
<b>Preview</b> dan klik <b>Save Template</b>.<br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com10tag:blogger.com,1999:blog-4387530450509249392.post-60907031501303034652010-11-16T14:26:00.003+08:002011-01-02T15:09:16.798+08:00Shopping Cart Dalam BlogPanduan bagaimana menyediakan kemudahan <b>Add to Cart</b> blogger yang mengendalikan blog jualan online (shopping). <b>Add to Cart</b> adalah salah satu ciri kemudahan untuk pelanggan anda.<br />
<br />
Dalam panduan ini kita akan menggunakan kemudahan <b>Paypal Shopping Cart</b>. Siapa yang masih belum mempunyai akaun dengan <b>Paypal</b> sila daftar buka akaun percuma terlebih dahulu di: <br />
<br />
<a href="https://www.paypal.com/my/cgi-bin/webscr?cmd=_flow&SESSION=cjS3FpFgVw3SEload3DsniPrdinXr6zN1SFtYzvBOtqpk5dQpbo5o5ftgiS&dispatch=5885d80a13c0db1f8e263663d3faee8d9384d85353843a619606282818e091d0" style="text-decoration: none; color: blue; font-weight: bold;">Create your Paypal account</a><br />
<br />
Untuk blog jualan online sila pilih akaun jenis <b>Premier</b> dari tiga pilihan yang diberi. Ikut panduan seterusnya. Jika belum memiliki sebarang kad kredit tinggal kosong ruangan kad kredit:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/Pf2npZEZGG04QvGrWstlqQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGpXPI6dQk1lEXGniLApu6qMihBawXWru4PDfzn9mXQ-dfb9gs1xUhyphenhyphenKkNs_HCnuoG04GqgCwuQa9PD3TcN6J_yAR2oe8ryJKkirRHXC8XNossgZb6SpmFLKwdvTZxnVVgYX6T4vFyY3U/s800/Paypal%20Create%20Premier%20Account.png" height="209" width="246" /></a></div><br />
1. Setelah akaun diluluskan log masuk ke dalam <b>Pay Pal</b> dan klik tab <b>Merchant Services</b>: <br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/lDZ09llbRO-aboIVXBBaQA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfWlpOHok8zxqjM3a6F_x98Bt79Fid_Ygnh07D3CODQmgOlDFPphwr_mVpjSdhyphenhyphenqg4OoSw746V25NoFlNbnKB67TmHstFDp18TCBoSiHC1SyNHoXUZt_MJHQlqcsRjAjaESFsKHT25UXE/s400/Paypal%20Merchant%20Services%20Tab.png" height="89" width="400" /></a></div><br />
2. Dalam muka <b>Merchant Tools</b> berikutnya dalam ruangan <b>PayPal Website Payments Standard</b> pilih <b>Paypal Shopping Cart</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ujboE8ujtZPb4jFW2JKCvA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCAjK0gcSjaD3zWDElt-gKQeTaScy-4LnDUORe4gEpdeja-_gn77XkZ19GcxkzPvB_zNC3-IJNptTDA-cxaKK0iGaPanOdLpx46OyYm9k6z0hGKvBaimqQgqMuvUXH2kdknRB1N8mRVdE/s400/Paypal%20Shopping%20Cart.png" height="181" width="400" /></a></div><br />
3. Berikutnya muka untuk mengisi maklumat dalam <b>Shopping Cart</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/kYe9JM4IcpbYzdZAojc55g?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8qTpeXCYgzuZOlZwzgpop4i69hMJfF6dWQV09dPleoJUnJTNQvl3YvQEsNMhD2fz0kyfYq_Ez1q6aWgaMS2CNtDFJkiJ7tpAPAy6VzqlpAfBWZKEYhSAgsSx3RzCrF-tAT64OOY4tZT0/s400/Paypal%20Shopping%20Cart%202.png" height="400" width="391" /></a></div><br />
<div style="padding-left: 25px;">3.1 Ruangan <b>Choose a button type</b> pilih <b>Shopping Cart</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/cGR0YU6MmNe9UZR0rt4LUw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtqbNHYpxcMmtB3QDGXNeY3vj8mWs0HfXmOW6WqgPOTdOsByHXuv7XXhfjqQJ0sdDBTiI1rOcVNhbEKOmKTh0JMe_awTS2F8_ktgOISPlLnnSqjLWNLPGBAc2W9qY2_TTKGEky0ettBMI/s288/Paypal%20Shopping%20Cart%203.png" height="65" width="288" /></a></div><br />
3.2 Ruangan <b>Item name</b> taip masukkan nama barangan yang dijual dan dalam ruangan <b>Item ID</b> taip masukkan kod atau no pengenalan barang jika ada:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/6nZzo9oY7psxN5OvnWvagQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghVibFLH2acxbjqJ_mVmquoYkB2RupQ1I4mMCPmTZCQ4XR91hgQt7k_IZ9TMp9InycoA5CvOyw0bpQku0ief3oAyvfRI4_zUMOm9tA_mbsFnF8MPEslpYvag2A6o4X1YWPQR09J5X3qOM/s288/Paypal%20Shopping%20Cart%204.png" height="89" width="288" /></a></div><br />
3.3 Ruangan <b>Price</b> masukkan harga barangan dan dalam ruangan <b>Currency</b> pilih matawang yang digunakan. Tidak ada Ringgit Malaysia jika membuat urusniaga melalu PayPal, sila gunakan Dolar Amerika:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/v0qgq1EzQdwqJq7L-zeKqg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7lbBaViObwHnGJ3Y7AUjECJJlLDGU3TlyIVxTjQz1hv9gM3QADIcTm2SZKF4FVY_dW5lwjJf-17mQIo71YLZQSbrrQyzhdIxRhX-ha1K9sf8XoTk6FztGyhUollzkBM_dF1cnQqvPftM/s800/Paypal%20Shopping%20Cart%205.png" height="139" width="275" /></a></div><br />
3.4 Jika perlu tik tandakan kotak <b>Drop down menu with price/option</b> (maksudnya drop down menu jika ada sebarang pilihan dibawah barangan di para 3.2). Jika membuat pilihan ini skrin di bawah para 3.4.1 akan dibuka:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/3WYbHEIBbhkEuEZL2CB6RQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9URzWeV6-OPyrRDoFH_chBz5O7Du9ZX90FPbMytlnIb_Nh5aK8o_EjKiKn0noJtnz8ch6dx-VR4EbnhyphenhyphenMJfVTh8MGk2YVtNinzL2L3zGfSusM4oisKsmXWFdAXok0RfGH5pTmUn9fsf8/s400/Paypal%20Shopping%20Cart%206.png" height="108" width="400" /></a></div><br />
<div style="padding-left: 50px;">3.4.1 Dalam ruangan <b>Name of drop-down menu</b> taip masukkan sebarang nama untuk menu ini:<br />
<br />
3.4.2 Dalam ruangan <b>Menu option name</b> taip masukkan pilihan yang terdapat di bawah barangan para 3.2. Taip masukkan harganya dalam ruangan <b>Price</b> dan pilih matawang dalam ruangan <b>Currency</b>. Ulang proses ini dibawahnya jika ada lagi pilihan:<br />
<br />
3.4.3 Tik tandakan kotak <b>Add drop-down menu</b> sekiranya 3 pilihan di atas tidak mencukupi:<br />
<br />
3.4.4 Tia tandakan kotak <b>Add text field</b> jika ingin menambah ruangan medan (medan maksudnya ruangan <b>Menu option name</b> <b>Price</b> <b>Currency</b>: <br />
<br />
3.4.5 Lihat contoh yang ditunjukkan disebelahnya:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/N9jWLWiNVWvQJlljJWvvQQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0Cr6qCAmKUQoHmsbcjOMq9pN0bPIiwYHiJVN0ahDL29dKxDc9k6wrnOSHXhJD8gYznhwxbIMJ9VYZyFSo8DeZwEdOJm_ImrX4eprQtXa0Iin1Mc34ycTb-KrN_C1Uggq2CTdEK_wd3Y/s400/Paypal%20Shopping%20Cart%207.png" height="281" width="400" /></a></div></div><br />
3.5 Ruangan <b>Shipping</b> taip masukkan kos harga penghantaran yang dikenakan:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/OSanc_dZ0Vic2ynxwa9WAw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GQRm9hOaq7nC0Hmg4Vk2317jvVv58NOcLPlhx7YY59zlS-BTHgHTHB92Bt4r33Sbyjl-4CXCxBAHYanRm9QE7NNLPnIP_nDMGiD3IUOl_iejGM7dtPDprYoIesF7SWAcG06XxhHI6iU/s800/Paypal%20Shopping%20Cart%208.png" height="112" width="265" /></a></div><br />
3.6 Ruangan <b>Tax</b> taip masukkan berapa peratus cukai yang dikenakan jika ada:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/poOlS1Dn4U5edcgTYX_Guw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4oItvqU9HJm-VQaXAMf1qAVPIXgETqXQEkoich10zXDm4W_8eoL31Hrk1cKeHIfFF0GQNmCe9G5X2Bp0vCb9EwQDhaFIJ58H-eoHMZlFZN8CYkiv1kozOWYAYwyROhqzfmD4SN2_QjGU/s800/Paypal%20Shopping%20Cart%209.png" height="91" width="165" /></a></div><br />
3.7 Ruangan <b>Merchant account IDs</b> klik tandakan butang <b>Use my primary email address alamat-email-anda@yahoo.com</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/fT_pezJ4nCC6qLYdF3n7bA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv2NuX4RjA-k6A-nwVislO8jqDoBl2RgB08R_t5QmRP30dhuyNsFLKYxfr4V0Hsi73KkBWwry51Eu-KQdH-FiXQdwqN0HHXhw6_xO0d6biUiSoNLjGteFIuf-5DPMcPwY0ms_TjzQ1zSE/s288/Paypal%20Shopping%20Cart%2010.png" height="67" width="288" /></a></div><br />
3.8 Klik pilih <b>Step 2. Track inventory Profit & Loss (optional)</b> untuk mengikuti perkembangan barangan yang dijual:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/wbERSJ_HeVpm5LoVRzNwTw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ2UpheEDpqwdpyuZh80oBQuDx0wtjX8aRAdIf8qyweEuq0AvHSVL-oIrwXRVi7gqL1Rl5xk0oSnt6viXnN2kwnTUUvx0ybUiT_p5VCFqgaNlY4jWFaVuUGn7LiP0tI0KUVwk0JS5p-kw/s400/Paypal%20Shopping%20Cart%2011.png" height="28" width="400" /></a></div><br />
<div style="padding-left: 50px;">3.8.1 Maklumat dan pilihan yang perlu dibuat untuk pilihan <b>Track inventory</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/KuqE1QztePNbtm2_YQksLA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN2ebbyNqfLPdlS1GLj87eqEw24lg0EaWH4Q5uqblZgKKRVqQ__zU0w2ehnBfed7PDePC3sAlv-QHxVTMxnrF8XGC1tX-pvCNLI0EzQT2OnuzxITqNiwGJ8j6Lohn8gYlpuf7ScZjQsvo/s400/Paypal%20Shopping%20Cart%2012.png" height="400" width="393" /></a></div></div><br />
3.9 Pilihan <b>Customize advance features (optional)</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/43WRN3_qQVL7mnVuf4evZQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgburDG4rUQsLa6rdiuWJ-02ueDd-dw4UZifh8Je_zZTF928k76dETVD1qEa8xxBxErL8kmIiUXsKRj6-lapCU6NmLI29XqV2KNcs_uZMX5EzC8AMBFqm2m_zNJi40r02Jzgb2qsyOAhe8/s400/Paypal%20Shopping%20Cart%2013.png" height="400" width="356" /></a></div><br />
3.10 Setelah diisi semuanya klik butang <b>Create Button</b> dalam contoh di atas:<br />
</div><br />
4. Selepas itu kod skrip untuk <b>Shopping Cart</b> akan diberi seperti di bawah. Klik <b>Select Code</b> dan salin skrip yang dihighlight untuk dimasukkan dalam blog:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/XVDHSe8SfF8nJYzL_mWtsA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXkcTwe1Nu6NFuExjHR_AXo_yWQf_9vRACfb3517fof1gAcFQZTdIMtub7cAvz2zq_D_iU1SlQOzJK9ZUWoUfD2JS51joBNtCDKHOWQZDfsNME-_LNZYZwLXHIZTN6Gmn3EHYk5Fl3oZE/s400/Paypal%20Shopping%20Cart%20Script%20Code.png" height="117" width="400" /></a></div><br />
5. Paste masukkan kod skrip yang disalin dalam pos blog di mana ikon <b>Shopping Cart</b> perlu dipamirkan. Jangan lupa pilih mode <b>Edit HTML</b> dalam pos semasa pastekan skrip.<br />
<br />
6. Contoh <b>Shopping Cart PayPal</b> dengan tiga pilihan dibawah satu barang:<br />
<br />
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post"><input type="hidden" name="cmd" value="_s-xclick"><br />
<input type="hidden" name="hosted_button_id" value="XSUX3BDRVRA2E"><br />
<table><tr><td><input type="hidden" name="on0" value="Pilihan:">Pilihan:</td></tr>
<tr><td><select name="os0"><br />
<option value="Pilihan pertama">Pilihan pertama $30.00</option><br />
<option value="Pilihan kedua">Pilihan kedua $30.00</option><br />
<option value="Pilihan ketiga">Pilihan ketiga $28.00</option><br />
</select> </td></tr>
</table><input type="hidden" name="currency_code" value="USD"><br />
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><br />
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"><br />
</form><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com15tag:blogger.com,1999:blog-4387530450509249392.post-33474658720385932312010-09-01T13:57:00.004+08:002011-01-02T15:09:31.677+08:00Cara Untuk Bagi Pengunjung Blog Muat Turun Sebarang FailPanduan bagaimana cara menggunakan khidmat muat naik dan muat turun dari laman <a href="http://www.mediafire.com/" style="text-decoration: none; font-weight: bold; color: blue;" target="_blank">Mediafire.com</a>, untuk memberikan pengunjung blog kita kemudahan memuat turun sebarang fail yang ingin dikongsi bersama. <br />
<br />
Jika anda bercadang untuk berkongsi dengan orang lain sebarang ebooks, fail-fail PDF atau lain-lain dokumen pertama sekali sediakan dan simpan dulu dokumen berkenaan dalam komputer sendiri. <br />
<br />
Bagi memudahkan panduan satu buku (eBook) bertajuk <b>Sheikh Muhammad 'Abd Wahhab Tokoh Yang Dizalimi</b> akan dijadikan contoh bagaimana cara memuat naik ke dalam <b>Mediafire</b> dan juga cara mendapatkan alamat URL pautannya.<br />
<br />
1. Daftar dan ahli percuma dulu di laman <a href="http://www.mediafire.com/" style="text-decoration: none; font-weight: bold; color: blue;" target="_blank">Mediafire.com</a>.<br />
<br />
<div style="padding-left: 25px;">1.1. Dalam muka utama <b>Mediafire</b> klik <b>Signup</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/sT92rhbrCX7QkkyUOcflLQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjszkoHyWHfDHYUxMwimZ_nqH0-c3w59QtcGc1LiizbKv9xUut3J2gfxycrbXD_6Zr18WXe1ennj2KnK1Y2a_nqOx5Eh092Orj13RJylBo2wYuFZWvRp3CSL6N7nb5ohP2pDdMQCgiZAOQ/s400/MF%20Signup.png" /></a></div><br />
1.2 Muka <b>Create Your Account</b> akan dibuka. Taip masukkan nama, alamat email dan kata laluan pada tempat yang diperlukan:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/Q3uuNRvMmkazmbfu89kB6g?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiRXt6Eg5tsOUfhjLvAB49f2yb2iYuT86OkxLMC3_JHsW_uo8_SdGyrr2FmREXnKoyor-IWO39gTszyk8-lCesaoUoWWEtFb7nQNbPjZDnIpMPX4k8LjERX4_u1wlZwDZ1aF1yqrxXR00/s288/MF%20Create%20Account%201.png" /></a></div><br />
1.3 Seterusnya muka pilihan <b>Plan</b> akan dibuka. Pilih <b>Select Plan</b> bawah pilihan <b>Basic Free</b> untuk plan percuma atau pilih salah satu plan berbayar jika perlukan kemudhan yang lebih besar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ZhIfi4e_9HSMAfvtqUj3uA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQIoYO1rfr-n74D_AjOw2oXEHxuYVYAHDbWKtStnICPe_raVaPKa5TYkv8ycEuRswYLXY2FGCIw4F9WpGhlDBhphkMfPhn_JxP-VMNoXui81YluZi-Ir2-s3zWQqFinHixgt0d_awX9hk/s288/MF%20Select%20Plan%20Basic%20Free.png" /></a></div><br />
1.4 Berikutnya muka <b>Welcom to your new My Files Page</b> akan dibuka, klik <b>Upload files</b> untuk muatnaik fail atau dokumen:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/n9zzHJPx-Am24xu3hxYWFg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu6NP7CjnhKYXF9wqsh8ZXwVxbTperJNwye_WKKpc-ixG4CHHXDhzZGuT02TfZB6aINvLtYqZr8ARaJohQ08n6laOLPVRU3Cj2DXlhtUHWEKSQZz4c46s78vuNjo_ogxH2sSYUbgm7rjQ/s288/MF%20First%20Time%20Upload%20Files.png" /></a></div><br />
1.5 Dalam muka <b>Upload to "My Files"</b> berikutnya pilih <b>Click Here to Upload</b>, komputer akan prompt anda bagi mendapatkan fail yang perlu dimuat naik kedalam <b>Mediafire</b> dari dalam komputer sendiri. Pilih fail berkenaan dan klik Ok:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/vjLEdp5hQRCezRJavZyyfA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgraeF1SQ5GEz0K9XtAVhNDIjWvFRQ2oLSz2SuHM8CRvQBIzfqLEyxp91QVqOTMuNdzOLyCAI2mGzwp-SJHOk1s07o869bN5GjhulGpxr7uQ6qIV6E81AR7CgLCwl-K_W6SmZzjUA6nw9k/s288/MF%20First%20Time%20Upload%20Files.png" /></a></div><br />
1.6 Dalam muka berikutnya nama fail yang dimuat naik akan ditunjukkan seperti berikut. Klik <b>Begin Uploading Files</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/zbTIjnyTBW-Oi0q9oFUtqw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicki1NjlCM_O_QtTfJ-lZEd1bhAvfqwByCil8sVxL_8L3-DacyXk2B7z_UBprBWfUWYWRnaTBgNszzsWzRfxF4vwo3SD5Tksy002t4OH8m7-2Zque27qSN7-p6lOAuIB9eq4zHg0d3xZs/s288/MF%20First%20Time%20Upload%20Files%203.png" /></a></div><br />
1.7 Berikutnya <b>Mediafiles</b> akan menunjukkan skrin proses sedang memuatnaik fail sedang berjalan. Setelah selesai muat naik fail klik <b>Return to my files</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/849tsurocc_vmla3Gw3_xg?feat=embedwebsite"><img src="http://lh4.ggpht.com/_AkrTrvrxAwY/THypor9NQ7I/AAAAAAAABOM/SjpliPSDzak/s288/MF%20First%20Time%20Upload%20Files%204.png" /></a></div></div><br />
2. Selepas ini skrin <b>My Files</b> anda akan dibuka. Skrin yang sama ini juga yang akan dibuka bila kita log masuk kedalam <b>Mediafire</b> kemudian nanti. Dalam skrin ini klik butang <b>Share</b> untuk mendapatkan alamat URL pautan fail:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/lHd16IM2CgzzJRSmigUMrg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiitzmAGcdolEu3meIBzGpta880CyGHiMEFgOYfXT87L6DwAs9eXlKqyr82lKy_5ZqRJ721Ayoh7qg_KA0Cm8H1CBzc0-0h-h8CxApd6JSEZ2_hD7-tozQFvuOfE9yVmZZhmakggfzl1lg/s288/MF%20File%20Manager%20View%201.png" /></a></div><br />
<div style="padding-left: 25px;">2.1 Di bawah menu <b>Share</b> menu <b>File Info</b> akan dibuka. Klik butang <b>Copy Link</b> bahagian <b>URL with File Name</b> untuk mendapatkan alamat URL pautan fail. Bila butang <b>Copy Link</b> ini anda klik bermakna alamat URL pautan fail ada tersimpan dalam memori komputer anda, paste di mana-mana untuk mendapatkan alamat URL ini:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/b8SGoWTa_Lcl_oSHZ87ysA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJmpSSyvb-eoKzPSKoQvsJt2Xpn6FGuBtE9sMJTRseox6F5anghACWl1skdgx1uYg8LS3UpYhu2ryXTZwKvlhe9V_GQb5Om87Uso9i00uSigelhkGZvRjZkv2tUJHZ6q106erv02Fb26o/s288/MF%20Share%20Copy%20Link.png" /></a></div><br />
2.2 Contoh alamat URL pautan fail seperti ini: <br />
<br />
<table cellspacing=2 cellpadding=5 border=1 bodercolor=#000000 style="width: 450px;"><tbody>
<tr><td><b style="color: blue;">http://www.mediafire.com/file/5cqoc2amv88t82j/Sheikh%20Muhammad%20Abd%20al%20Wahhab%20Tokoh%20Yang%20Dizalimi.pdf</b><br />
</td></tr>
</tbody></table><br />
2.3 Alamat URL pautan ini akan ditunjukkan dalam sidebar blog anda sebagai pautan bagi pengunjung yang ingin memuat turun eBook yang telah disimpan. <br />
</div><br />
3. Contoh kod supaya alamat URL pautan untuk muat turun di <b>Mediafire</b> boleh diklik oleh pengunjung adalah seperti berikut. Pastikan alamat URL pautan yang anda buat sendiri di <b>Mediafire</b> dan tajuk dokumen berkenaan (warna biru) yang dimasukkan. Contoh ini adalah bagi satu fail sahaja, jika ada lebih dari satu fail sila ulang proses di atas dan copy setiap satu alamat URL pautan, kod yang sama perlu dibuat untuk pautan kepada fail lain:<br />
<br />
<table cellspacing=2 cellpadding=5 border=1 bodercolor=#000000 style="width: 450px;"><tbody>
<tr><td><b style="color: red;"><a href="<b style="color: blue;">http://www.mediafire.com/file/5cqoc2amv88t82j/Sheikh%20Muhammad%20Abd%20al%20Wahhab%20Tokoh%20Yang%20Dizalimi.pdf</b>" style="text-decoration: none; font-weight: bold;" target="_blank"><b style="color: blue;">Sheikh Muhammad 'Abd Wahhab Tokoh Yang Dizalimi</b></a></b><br />
</td></tr>
</tbody></table><br />
<br />
4. Log masuk kedalam <b>Blogger</b>. Dalam papan pemuka Blogger pilih <b>Design</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/3D2YFKxZRZWeWEB974yh2JETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0yc7Tbue4GIx15RDUGiKpdEikJvphdQjhW5ICjMl3q_h7jDi19QD15bK5bfQwE3a0kiQhT2eC9oAQbB4mDsPxDuvCuKyLOaIVbADPeT2Aa1NaqU4zR-u0gG8TJ2AAWwVKxshddmgFXI/s288/Dashboard%20Design.png" /></a></div><br />
<div style="padding-left: 25px;">4.1 Kemudian pilih bawah <b>Design</b> klik pilih <b>Page Elements</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ygHqA6Uy3Iv3x9kwAWAGtZETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT2GnGxtFcOZiogHITScbOt7Yiv4Z4J5YKyC3EjJiu15D2URuEChU_TsqnTWgk_TnQ_nrxN95D7b7dp-ZcX9Y1-VKgiGucPHCb8tqcQj2us6bc5OM1T5CwgIVbhzZf15c6Gbcuzlra_L4/s288/Design%20Page%20Elements.png" /></a></div><br />
4.2 Lepas itu pilih salah satu <b>Add a Gadget</b> di mana alamat URL pautan akan ditunjukkan dalam sidebar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/iMVTfi0d-8Zjdz1yDyXtbJETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuRix-VSKoE4JZY3tKGB2uOW01H6CCXTukqSk2BtxygBR6ZI-VxapyDi5zmfcrE-SEqoVRIdv6ESDxOMjKUjM8gA9-O42R1TKH_GKQHA3j6UnY0X8JuANlEzx9TGoF09kyRv8ZV9ALCE/s288/Add%20a%20Gadget.png" /></a></div><br />
4.3 Dalam skrin <b>Configure Add a Gadget</b> berikutnya pilih <b>HTML/JavaScript</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/6yYVSj6PbMMZ6p5o6S6k5ZETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE4bAPF-GIpproohOV5P8oR4CiPLoB7VJ4Y8Q92f2zz0oItxEIGuLEWAD2DsOE-tVtEDNgQWbn0sFm0m9iui60inzZk9HdhQ_iDcwsUReVvZzsn7CkcKGws63yLbz8ntiBzJzlHwbA18o/s288/Add%20a%20Gadget%20HTML%20JavaScript.png" /></a></div><br />
4.4 Masukkan kod di para 3 di atas kedalam ruangan <b>Content</b> dan klik <b>Save</b> seperti berikut:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/odGRasgBIxhy7e_bfd9lRpETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRmcv1238l2DorWIcOPPTeFsOLve5Td8TEu2qxEEJ6hGNnUjXjH3t2hniOr1IJFc9aKdXpZeZHlICMSnb_2feSTYRauK9nYSbMwAg5BCT1_uhhQm-_0G21aAetKzlsC_4ZnSKEEwxePo/s288/Configure%20HTML%20JavaScript%20Box.png" /></a></div></div><br />
5. Dalam sidebar blog anda pautan ini akan ditunjukkan lebih kurang seperti berikut:<br />
<br />
<div style="text-align: center;"><b style="color: blue;">MUAT TURUN BUKU<br />
<br />
Sheikh Muhammad 'Abd Wahhab Tokoh Yang Dizalimi</b><br />
</div><br />
<div style="padding-left: 25px;">5.1 Bila pengunjung yang datang klik pada nama buku di atas, pengunjung akan dibawa ke laman <b>mediafire</b> seperti berikut:"<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/EusdmqQKgqKP4y2sp6fnBQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiis5X3jhqyS2PhcnoOCuvpF77JFjdZY3Ta8X7fJYBnvv9xWaF5sf4a7GOYw3OePPRHV3-8QjebFQLyu8qh7dP-tVWIKkybcEvHgmVWBYXbYb0jae7W0h7uxD9ectudtX2echWZtk7DdE/s400/MF%20Screen%20To%20Download%201.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/R-5gDlx0-oBzT4pt6_fiAg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTZDwVp8Cngi34j1p2Eu1ilGKFCayWcu_2YrFAdskuYTrStQNgs2KB4hRctLeJPsdr3ca4LOUrwdKPZsbunyhCtHjDilnfQiXfLZhHC6oc3H0ZH2bXBTt0xQvfLuJamvIbs97lSAqyaSE/s288/MF%20Screen%20To%20Download%202.png" /></a></div><br />
5.2 Pengunjung akan klik butang <b>Click here to start download</b> dan seterusnya fail akan di muat turun.<br />
</div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com6tag:blogger.com,1999:blog-4387530450509249392.post-85463987083860582952010-08-15T16:22:00.003+08:002011-01-02T15:10:55.404+08:00Kenapa Blog Terlalu Lembap Bila Dibuka?Kenapa sesetengah blog mengambil masa yang terlalu lama untuk dibuka? Pengunjung akan lari meninggalkan blog anda kerana terpaksa menunggu dalam kadar masa yang agak lama untuk dibuka. Menjadi tanggungjawab anda untuk mencari punca berlaku kelembapan.<br />
<br />
Widget yang berlebihan, gambar-gambar atau grafik yang terlalu banyak dalam blog, kod-kod skrip dari pihak ketiga yang selalu tersangkut untuk dibuka, terlalu banyak slideshow dan banyak lagi punca-punca lain adalah antara beberapa sebab blog mengambil masa yang lama untuk dibuka sepenuhnya.<br />
<br />
Anda boleh menggunakan khidmat <b>Pingdom Tools</b> untuk menentukan punca-punca yang menyebabkan blog terpaksa mengambil masa yang lama untuk dibuka. Setiap satu punca yang dibuka melalui blog anda akan dicatat kepantasan masanya, dari situ anda boleh mengambil keputusan untuk membuang atau menukar punca mana yang mendatangkan masalah.<br />
<br />
Buka laman web <b>Pingdom Tools</b> di sini <a href="http://tools.pingdom.com/fpt/" style="font-weight: bold;" target="_blank">http://tools.pingdom.com/fpt/</a>.<br />
<br />
Taip alamat URL blog anda tanpa "http://" dan tanpa "/" dalam ruangan yang disedikan dan klik <b>Test now</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/YU2DwN9ULYnP96cc9ffogA?feat=embedwebsite"><img src="http://lh3.ggpht.com/_AkrTrvrxAwY/TGefjBE7v3I/AAAAAAAABLs/22kJLn3XsTU/s400/Pingdom%201.png" /></a></div><br />
Skrol sedikit kebawah untuk melihat keputusan ujian:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/XIIU7E9vTPkslXWV7u-8Pg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3YdjS3aoKRRIM9NQZtyQVtP8NHcpNAKr3hODSgU5KUQ9yuy9iq0Mqq9VUnwGNtducUWPdGDj8fBAZJTlC0BeKe53UJgB8W-8k7DHncFjaF0WE6TkDy847yUAT4Mx-osXvAlutR50Mco/s400/Pingdom%202.png" /></a></div><br />
Geraf jumlah masa yang di ambil untuk membuka satu URL:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/qoczzG2eJGkUosJjSj0wOg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi00GqbjEFkWIL00fMwOyhQp8JfxTG3XjouDmChgCBT2iwOPdYguCcE1MNgGW1UR4XPv3DMLiMQLfQ4-23WDbFZ4B6efJCjveI93PlQIYO_N_Mw5wc-zpghNK8zybsRRusRnjKkWhuR1v8/s400/Pingdom%203.png" /></a></div><br />
Alamat URL laman dan saiz yang dibuka:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/xiEwQvAjAf3Cptq04ULRvQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKkzAU5r7n5RNmxi0r8-Rza8WAUDKeyB19eYOTNvUar8z0MfvYr3U5IfVVR5HNzbzm8PWnlK6D_cg5y_EcEwiNj9Lct7HzaCHbAg8L73XzLGVbqGpqCU_lurnO9HZEnXIhwDPHMOY9w0/s400/Pingdom%204.png" /></a></div><br />
Daripada keputusan ujian yang ditunjukkan anda boleh mengambil keputusan untuk tidak menggunakan mana-mana URL yang lambat untuk dibuka.<br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com6tag:blogger.com,1999:blog-4387530450509249392.post-39533698252140333722010-07-25T18:30:00.001+08:002010-07-25T18:33:57.948+08:00Hantar Pos Blog Melalui EmelPanduan bagaimana cara untuk menghantar pos blog melalui emel.<br />
<br />
Log masuk ke dalam blogger melalui <a style="text-decoration: none; color: blue;" href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>.<br />
<br />
Dalam papan pemuka blogger pilih <b>Settings</b> dan pilih <b>Email & Mobile</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/MSgkXAP9dqeh0Z3EwfKUGw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT79RL1VF9pN7p0f825CHPBssBdqY8hL9D4tSlm4YHaZdVk9t4Hmb6JQl7Xe3zXuiWWibr2jhlqe0yKlbbuLQ0C9jAHY9T3CWFNCB1vrVC3AD4ahNu85kWfh1BV0vZGIRq7JCRk0TxvKg/s288/Dashboard%20Settings.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/8kMg5jytWRn_PBHe6xgkog?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Lz6BPfl8bguFK_Z030BFD7Eb7Aleg5ueVn-xVuGNOfvAlXgxeANoJ-6-Uk5WCB5FcB7bGn4QZ4errvrGaHDNm4VguRWlBw1NQZH_f60lSBVQyLAvQcrq26Jjx51aalZ8cj47fjG8yrE/s288/Settings%20Email%20and%20Mobile.png" /></a></div><a name='more'></a><br />
Bawah <b>Email & Mobile</b> bahagian <b>Posting Options</b> taip <b>katarahsia</b> alamat email blogger dalam ruangan <b>Email Posting Address</b> - (<b style="color: blue;">nama-anda.<b style="color: red;">kata-rahsia</b>@blogger.com</b>).<br />
<br />
Pastikan <b>kata-rahsia</b> tidak jatuh ketangan orang lain kerana orang lain boleh menghantar pos kedalam blog anda melalui alamat emel ini.<br />
<br />
Tanda butang <b>Publish emails immediately</b> jika pos yang dihantar perlu terus disiarkan.<br />
<br />
Tanda butang <b>Save emails as drft posts</b> jika pos yang dihantar perlu disimpan sebagai deraf terlebih dahulu tidak disiarkan.<br />
<br />
dan klik <b>SAVE SETTINGS</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/JJLN-EBIoQAxx-GdKoGfYg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg78jtb-c2_AZf8VBpOVsKwmGWw9icHR1uGwPuCPSM8etklRtvXUjvko6OnzQkvLJ3u_rKEotTbxXGMd6a5OI_MZQGC2oXwSuGThjoPCAxgTW1hi3y4GQcGMbleizea-Li0HWnAErTICaI/s400/Blogger%20Posting%20Options.png" /></a></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com1tag:blogger.com,1999:blog-4387530450509249392.post-55839761820046973832010-07-19T14:49:00.002+08:002010-07-19T14:54:37.268+08:00Cuba Blogger Dengan Pelayar Internet Google ChromePanduan bagaimana cara memasang, menguji dan menggunakan pelayar internet <b style="color: blue;">Google Chrome</b>. Muat turun di sini <a href="http://www.google.com/chrome/intl/en/p/blogger.html?hl=en&brand=CHHB&utm_campaign=en&utm_source=en-et-bg&utm_medium=et" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">Google Chrome Download</a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/_SfqdHJ6KPoQ6hD8Ynh6lw?feat=embedwebsite"><img src="http://lh5.ggpht.com/_AkrTrvrxAwY/TEPZyPGlZ0I/AAAAAAAAA74/1mWQTPUeiWE/s800/Chrome%20logo.png" /></a></div><br />
Contoh pelayar internet <b style="color: blue;">Google Chrome</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/MerGa2h3gY2g0oP-Qt0r1g?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWEVlpJPHiXReyTNAOeKkJ-P2u0QOzWwmGTGmWnfQLfTQXz2oQ3ohogQDbIWgsMNR8crnEoAPLDD-KoO-JexcR_PsNVOxEQMQey37XdY26fRZg0QHKLHRwTNA1Wd-VXWp1xT72JP3Cjq8/s800/Chrome%20sample.png" /></a></div><a name='more'></a><br />
klik butang <b style="color: blue;">Download Google Chrome</b> untuk muat turun:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/tKD1vODCz58bNb9GcsNlCQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJ86uD4-MQ2Umd0aS8RcRZ4AK1ShU1czdIMMLM0IVCSYeXTvPYkS4mggFGH9tAqJ7zzmCpszfYNGjdyic4VAcibQaTxRYeRBRL0sOtwPkT7Ra5PWoO7n6CoTFpu0Op5dUl8lLqHsgFBI/s288/Chrome%20Download%20Button.png" /></a></div><br />
muka seterusnya <b style="color: blue;">Terms of Service</b> klik butang <b style="color: blue;">Accept and Install</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/2x48dptGLAjnawfe0tHuTg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRewWlc-FIS4THIhTOo8NNsOXZez8wMmwPZPI9GnANkSb-sWJyXAm3_wOb20g9_6908sY7HKM5Shm2DMHZpPuaKWkRNwvyTwn9cta_M-xBIckB7r_r-C8RETG_j6HNcSqbjLHSLOa3SNc/s400/Chrome%20Accept%20and%20Install.png" /></a></div><br />
<b style="color: blue;">Google Chrome</b> akan terus dimuat turun diikuti dengan proses <b style="color: blue;">Install</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/Vt15ZqpumYL1tAVM0pRR0w?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSWchmcn3n1ITGXn6d2B-Y9kuBQ7TYDoAVd7rlRgqwL24GX9xLwscxEHYDp4LCnrRRrayuZDFgAaeNc3vnfeqPbzUpzv8DFxroWHN3LFGfTgjgYQyPfiXGrfDMkrZA_-7ynU1VbcuZZMg/s400/Chrome%20Installer%201.png" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/HqOn_7oqvMKjWIuKxUFYiw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6RmCwBxUO-b50pyJMWaLXjHDJEyKqOatjrxg952r7ibtnNUuyYNDdw9RLpxANVs105LiyC9-7z4_q1iUi48HXM4-0yFPhq3vLbU6MWcUKMYvSFLpvfNMjtSLEKxrp3yRSokn6nbkCFYc/s400/ScreenHunter_01%20Jul.%2019%2012.11.gif" /></a></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com0tag:blogger.com,1999:blog-4387530450509249392.post-12592722367999059222010-07-18T02:08:00.002+08:002011-01-02T15:11:35.826+08:00Halang Copy Dengan Right Click MouseSkrip untuk menghalang orang cuba copy apa-apa maklumat dalam blog kita dengan klik mouse sebelah kanan.<br />
<br />
Highlight dan salin kod skrip berikut untuk dimasukkan kedalam sidebar atau footer blog:<br />
<br />
<div style="padding-left: 50px;"><table border="1" cellspacing="3" cellpadding="0" style="width: 420px;"><tbody>
<tr><td style="padding: 15px;"><script language=JavaScript><br />
<!--<br />
<br />
//Disable right mouse click Script<br />
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive<br />
//For full source code, visit http://www.dynamicdrive.com<br />
<br />
var message="Function Disabled!";<br />
<br />
///////////////////////////////////<br />
function clickIE4(){<br />
if (event.button==2){<br />
alert(message);<br />
return false;<br />
}<br />
}<br />
<br />
function clickNS4(e){<br />
if (document.layers||document.getElementById&&!document.all){<br />
if (e.which==2||e.which==3){<br />
alert(message);<br />
return false;<br />
}<br />
}<br />
}<br />
<br />
if (document.layers){<br />
document.captureEvents(Event.MOUSEDOWN);<br />
document.onmousedown=clickNS4;<br />
}<br />
else if (document.all&&!document.getElementById){<br />
document.onmousedown=clickIE4;<br />
}<br />
<br />
document.oncontextmenu=new Function("alert(message);return false")<br />
<br />
// --> <br />
</script><br />
</td></tr>
</tbdody></table></div><br />
Log masuk ke dalam papan pemuka bloggger melalui <a href="http://draft.blogger.com/" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">Blogger in Draft</a>. Pilih <b>Design</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/3D2YFKxZRZWeWEB974yh2JETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0yc7Tbue4GIx15RDUGiKpdEikJvphdQjhW5ICjMl3q_h7jDi19QD15bK5bfQwE3a0kiQhT2eC9oAQbB4mDsPxDuvCuKyLOaIVbADPeT2Aa1NaqU4zR-u0gG8TJ2AAWwVKxshddmgFXI/s288/Dashboard%20Design.png" /></a></div><br />
Bawah <b>Design</b> pilih <b>Page Element</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/bJa4hpetUkacevOtmVC6MJETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4KR6n5JeYWrBQYQBR4LmQo6h7m9uJx1vgWXLXuHYCMnQyOh9EcM5PP7CLHi6qM5IWSOp0ZNYUssnO1Nr925H-U3_UrpXMTubh36ek1l09o0HUZOnhidlNe0ptyXrwU-bvr_ZhqdMN1Hk/s288/Design%20Page%20Elements.png" /></a></div><br />
Kemudian pilih satu <b>Add a Gadget</b> dalam bahagian sidebar atau footer blog:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/iMVTfi0d-8Zjdz1yDyXtbJETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuRix-VSKoE4JZY3tKGB2uOW01H6CCXTukqSk2BtxygBR6ZI-VxapyDi5zmfcrE-SEqoVRIdv6ESDxOMjKUjM8gA9-O42R1TKH_GKQHA3j6UnY0X8JuANlEzx9TGoF09kyRv8ZV9ALCE/s288/Add%20a%20Gadget.png" /></a></div><br />
Kemudian dalam tetingkap <b>Configure Add a Gadget</b> pilih <b>HTML/JavaScript</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/6yYVSj6PbMMZ6p5o6S6k5ZETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE4bAPF-GIpproohOV5P8oR4CiPLoB7VJ4Y8Q92f2zz0oItxEIGuLEWAD2DsOE-tVtEDNgQWbn0sFm0m9iui60inzZk9HdhQ_iDcwsUReVvZzsn7CkcKGws63yLbz8ntiBzJzlHwbA18o/s288/Add%20a%20Gadget%20HTML%20JavaScript.png" /></a></div><br />
Kemudian dalam tetingkap <b>Configure HTML/JavaScript</b> paste masukkan kod skrip di atas dalam ruangan <b>Content</b> dan klik <b>SAVE</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/cAzj9c1G2Zxi1m477RaTLZETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMtn6eLA5e1U29lZAoPlyi1Rv-h-tRLiemu_NYGNeWAyPiXoXfHJfMf7_BFbyDJm29TyULiWS9SUVwgI6dwAdPgLdZB0lAF9ap00vSknGKKvvQ9qpmA4aFF1G6DCiMmYbEfJ0bJGRzXus/s288/Configure%20HTML%20JavaScript%20Box%202.png" /></a></div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com14tag:blogger.com,1999:blog-4387530450509249392.post-56657128757662443202010-07-11T12:10:00.022+08:002011-01-02T15:11:49.295+08:00Modify Template Blog dgn Template Designer<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/L9w7EHh9mQM-fNVB1rJv5w?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQJDIXRD_BlE7geVBxho-YfieTN7JqR4FW-nbf_rZv-lkiTLyBzSTQYFikG5EyWucYgNacSRCmsuogMHjhMcDX9LAOsEvKSpKQ9YzP-W3XlioyafmAdGa5njsY7FlVH6-dmzm1pXJHiI/s400/Blogger%20Template%20Designer.png" /></a></div><br />
<b style="color: blue;">Blogger Template Designer</b> adalah adalah satu fungsi baru diperkenalkan untuk anda mengurus rekabentuk blog sendiri. Kita boleh memilih satu dari pelbagai template yang disediakan, memilih imej, warna-warna dan struktur kolom yang sesuai dengan kehendak sendiri.<br />
<br />
1. Log masuk ke dalam Blogger melalui <a href="http://draft.blogger.com/" style="color: blue; font-weight: bold; text-decoration: none;" target="_blank">Blogger in Draft</a>.<br />
<br />
2. Dalam papan pemuka Blogger pilih <b style="color: blue;">Design</b> bagi blog yang akan dipinda:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/C1AECTYetPAh4S-8k6RVgg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdBV3Ba8089WmFAIBlUlcprKD05VSiqD96NypGBj8oqCh9BsgaAJoFN3d4H_NWhfOoRD1q2j6IvsfmTkhOmf00eoJf5x9jhsaLgL4hXpMfqBNw_Jd9WnaVjkNPUPHfVMKGjC0CvxOr7uw/s288/Dashboard%20Design.png" /></a></div><br />
3. Dalam muka berikutnya bawah <b style="color: blue;">Design</b> klik <b style="color: blue;">Template Designer</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/I3tU8l1IUJiPY1wymQx_aBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQS3szZRyf2hw4sTOYtDqItU4WVOSHxpxMYQ9bnQYLCBPRUG6BgApxqW0bu9ZWgPaa5LtSqNnmrcJFi09CGnLI4LOYJTXUkBMM4hSVY5begqkE6arBl5_w88fwja7bO6lzOMoP-dvtyPBl/s288/Design%20Template%20Desingner.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><b style="color: blue;"></b><br />
<b style="color: red;"></b><br />
muka panel kawalan <b style="color: blue;">Blogger Template Designer</b><br />
<br />
4. Bahagian <b style="color: blue;">Templates</b> dalam muka panel kawalan <b style="color: blue;">Blogger Template Designer</b>. Jika template yang digunakan sekarang boleh dibaca oleh Blogger ianya akan ditunjukkan dalam <b style="color: blue;">Live on Blog</b> dan di bahagian bawahnya. Jika tidak boleh dibaca bahagian ini akan dibiarkan kosong:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/gtG91SibtSgxt-cWlAJXpg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiDQesg5ZisGhc3Y9vriUCGCxmDEm-NRJJ_lOivVCB9hYHoUGRKRbJPHxjVyAmfCfH5zaMPTjQKQOUEPr8GCtVow5ySe3odCMigPK-h-1On0PbfhgA_oDPBStAPPc5N9_wQGb3VSE3hf4/s400/Template%20Designer%20Main%20First%20Page.png" height="237" width="400" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/W2zTad8nZLmyMlRquXaJHg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ErFssivFH6ZsYPAH4vFch9wMivZGnltoyxFIeOV6Wj7SF0Z9IENoeM3FRQKcmtOzGvjqEp8xarnN8s7rFBHuXODMeMeumvzpX5sH_asAFRbnnQgZAarKH9UN_2LSayhGqGmRtoo2CgE/s800/Template%20Designer%20Button%20APPLY%20TO%20BLOG.png" height="49" width="355" /></a></div><br />
<div style="padding-left: 25px;">4.1 Ada enam (6) plihan template yang disediakan dalam bahgaian ini, sila klik untuk pilih satu yang disukai:<br />
<br />
<div style="padding-left: 50px;"><ul><li><b style="color: blue;">Simple</b></li>
<li><b style="color: blue;">Picture Window</b></li>
<li><b style="color: blue;">Aewsome Inc</b></li>
<li><b style="color: blue;">Watermark</b></li>
<li><b style="color: blue;">Ethreal</b></li>
<li><b style="color: blue;">Travel</b></li>
</ul></div><br />
4.2 Kemudian setiap satu pilihan template yang dibuat dibawahnya ada sub pilihan untuk template yang sama seperti dalam contoh di atas. Klik pilih satu:<br />
<br />
4.3 Selepas selesai pilih klik <b style="color: red;">APPLY TO BLOG</b><br />
<br />
4.4 Klik <b style="color: blue;">View Blog</b> untuk melihat contoh template.</div><br />
5. Pilihan bahagian <b style="color: blue;">Background</b> adalah ruangan untuk memilih warna latar belakang atau memilih antara imej yang disediakan bagi template blog: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/Onb7q-18BZCmQf4zbt22jA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfwMbEUodNVqfuKNtB1ITqeVXEjkwL4-cIKbIHMmZMeWBMhZtRGU8RMDhmqP5vOU8WjVof70-YB9P7dje8QPJIVJ8mFfosas7kMI6u88AoVsPE97y8FLMtfYrQC5MZ-ezTWPOXyhbkzOU/s400/BTD%20Background.png" /></a></div><br />
<div style="padding-left: 25px;">5.1 Klik <b style="color: blue;">Background Image</b> untuk memilih imej latarbelakang blog dari pelbagai pilihan yang disediakan. Dalam tetingkap <b style="color: blue;">Select Background Image</b> yang dibuka klik setiap satu ketegori sebelah kiri untuk milihat contoh imej yang dipamirkan. Kemudian pilih satu yang disukai. Klik <b style="color: red;">DONE</b> selepas buat pilihan: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/qACGjsHQQFAkK6GPRzA4ug?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjScNjmRs8RIebnDG1gLnryWvd950TbPBymSzJwrHRMpq4_yBPrdO4_JKO4Q3bVCR8aC7DsggqLfCx8Kdt7DhVzdIG5QUFNpiPhizEy88DOCD-mw-MsAtzEAYD0-V7gJB7fHhxDQfRBTJA/s400/BTD%20Background%20Choices.png" /></a></div><br />
5.2 Warna latar belakang blog boleh dipinda di bawah pilihan <b style="color: blue;">Main color theme</b> atau dalam pilihan <b style="color: blue;">Suggested color themes</b>.<br />
<br />
5.3 Selepas pilihan dan pindaan warna latar belakang blog dibuat klik <b style="color: red;">APPLY TO BLOG</b>. <br />
<br />
5.4 Klik <b style="color: blue;">Use default background and colors</b> untuk batalkan semua pilihan yang telah dibuat untuk kembali kepada set asal.<br />
<br />
5.5 Klik<b style="color: blue;">View Blog</b> untuk melihat pindaan yang telah dibuat.</div><br />
6. Bahgaian <b style="color: blue;">Layout</b>. Ada tiga (3) sub-pilihan di bawah <b style="color: blue;">Layout</b> iaitu pilihan <b style="color: blue;">Body Layout</b>, pilihan <b style="color: blue;">Footer Layour</b> dan pilihan <b style="color: blue;">Adjust Width</b>: <br />
<br />
<div style="padding-left: 25px;">6.1 <b style="color: blue;">Body Layout</b>: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/MfljjVG5o5rCQxuVW7WQlg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbRahX-hkhH-56JKzAA20RKVEi8wy9SbNd7pczezU_YNRIgn4biFkMHRXCz80HMQfoU5ul67crjKrG5FV2CwDVCApp2AYjTAL3YhknAhBzQ5baCzYo_EJLJdtXOYMgEeph-2WgphpUkc/s400/BTD%20Layout%20Body%20Layout.png" /></a></div><br />
<div style="padding-left: 50px;">6.1.1 klik salah satu <b>Layout</b> dari pilihan yang disediakan untuk struktur <b>Header</b>, <b>Body Post</b> dan <b>Sidebar</b>.<br />
<br />
6.1.2 selepas pilih satu klik <b style="color: blue;">APPLY TO BLOG</b>.<br />
<br />
6.1.3 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog.</div><br />
6.2 <b style="color: blue;">Footer layout</b> pilih satu footer layout dalam pilihan yang diberi:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/NQ2LWGoAsWBHKnFYqnNeWQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrxkV5o-S8Wv8t_m9SQoq85sm3SE1WPLA-IGskCpqofjih1bJiOPGRBGGkBR6KCBTzhCh4GOzNsHC9eNAyHfKAng8r0i0DSyzRYs5LvnRcQ3-UIDS7Ty9e_0KCJ6DPnf8pZhVBv47Bh7c/s400/BTD%20Layout%20Footer%20Layout.png" /></a></div><br />
<div style="padding-left: 50px;">6.2.1 klik salah satu <b>Footer Layout</b> dari tiga pilihan yang disediakan.<br />
<br />
6.2.2 selepas pilih satu klik <b style="color: blue;">APPLY TO BLOG</b>.<br />
<br />
6.2.3 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog.</div><br />
6.3 <b style="color: blue;">Adjust width</b>: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/rSugMrIikHe7GCc45tfWHA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLaTbr9fydkPivURIadFhclD4c8CSkFSlzMiJeZBdfXc-4PUbQS2lm0kxp2XS6o7F0Pm8idu6uG2b9JmnZukKOOwB4QLqzMDa8y1shzEZhdAfkFmwsb3pSOfpaad5HuwYPps_M8NAb-9k/s400/BTD%20Layout%20Adjust%20Width.png" /></a></div><br />
<div style="padding-left: 50px;">6.3.1 alihkan <b>arrow</b> ukuran untuk menentukan ukuran bagi sidebar kiri, body post dan sidebar kanan blog.<br />
<br />
6.3.2 selepas pilih ukuran klik <b style="color: blue;">APPLY TO BLOG</b>.<br />
<br />
6.3.3 klik <b style="color: blue;">Reset widths to template default</b> untuk batalkan pindaan dan pilihan yang dibuat untuk kembali ke set asal sebelumnya.<br />
<br />
6.3.4 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog.</div></div><br />
7. <b style="color: blue;">Advance</b>. sub-pilihan di bawah <b style="color: blue;">Advance</b> adalah: <br />
<br />
<div style="padding-left: 50px;"><ul><li><b style="color: blue;">Page Text</b></li>
<li><b style="color: blue;">Backgrounds</b></li>
<li><b style="color: blue;">Links</b></li>
<li><b style="color: blue;">Blog Title</b></li>
<li><b style="color: blue;">Tabs Text</b></li>
<li><b style="color: blue;">Tabs background</b></li>
<li><b style="color: blue;">Date Header</b></li>
<li><b style="color: blue;">Post</b></li>
<li><b style="color: blue;">Post Footer</b></li>
<li><b style="color: blue;">Gadgets</b> </li>
<li><b style="color: blue;">Footer</b> </li>
<li><b style="color: blue;">Footer Links</b></li>
<li><b style="color: blue;">Add CSS</b></li>
</ul></div><br />
<div style="padding-left: 25px;">7.1 <b style="color: blue;">Page Text</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/lbl8X1xzbxo0AuxYfNFd_Q?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO09yQtdKl1fjsX5y6BdQl6h9VjOpo1pCpvvC-7SGuuBi2sn2SjUPrY07da3qGTIsEMjkTRLKaEu1O1P_ZA1Yqkn_V55zSXHfJekp3H38ZRBjY2lf3KXvkvtXY2e73vLJWxGsDWGw3xDo/s400/BTD%20Advanced%20Page%20Text.png" /></a></div><br />
<div style="padding-left: 50px;">7.1.1 pilih jenis tulisan dalam ruangan <b style="color: blue;">font</b>;<br />
<br />
7.1.2 di bawahnya pilih saiz tulisan ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>; <br />
<br />
7.1.3 pilih warna tulisan dalam ruangan <b style="color: blue;">Text Color</b>, atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau pilih dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.1.4 lepas selesai pilihan klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.1.5 klik <b style="color: blue;">Clear advanced changes to page text</b> untuk batalkan semua pilihan dan kembali ke set asal sebelumnya;<br />
<br />
7.1.6 klik <b style="color: blue;">View Blog</b> untuk pratonton;</div><br />
7.2 <b style="color: blue;">Backgrounds</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/YRYICQAoOHdwQuvB_0yiRw?feat=embedwebsite"><img src="http://lh3.ggpht.com/_AkrTrvrxAwY/TEqYxMhQLBI/AAAAAAAABGM/P9Qp_i609dQ/s400/BTD%20Advanced%20Backgrounds.png" /></a></div><br />
<div style="padding-left: 50px;">7.2.1 <b style="color: blue;">Outer Background</b> untuk pilih warna latar dibelakang <b>Header</b>, <b>Body Post</b> dan <b>Sidebar</b>. Boleh juga pilih warna dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.2.2 <b style="color: blue;">Header Background</b> untuk pilih warna latar bagi header blog. Boleh juga pilih warna dari dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.2.3 <b style="color: blue;">Post Background</b> untuk pilih warna latar bagi body post blog. Boleh juga pilih warna dari dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.2.4 selepas pilih warna klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.2.5 klik <b style="color: blue;">Clear advanced changes to background</b> untuk batalkan semua pilihan dan kembali ke set asal sebelumnya;<br />
<br />
7.2.6 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog;<br />
</div><br />
7.3 <b style="color: blue;">Links</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/cJeR9CWYhN0TMdN7BwriWQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUGLcv4-rRyLJSPZmfoDPZ8MWev4cZ11AGqx-EhdO7QagfE20hOin39NF2xIBDy94A76x4VPcmzh0lfOi8nSubuGuxcu1xUmNsSy-Z3x0PEZzXijZIBV3DJtCVBrl3F2geb_nwkT2gGbA/s400/BTD%20Advanced%20Links.png" /></a></div><br />
<div style="padding-left: 50px;">7.3.1 <b style="color: blue;">Link Color</b> untuk pilih warna tulisan dalam semua pautan atau capaian yang terdapat dalam blog. Boleh juga pilih warna tulisan dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.3.2 <b style="color: blue;">Visited Color</b> untuk pilih warna tulisan bagi pautan atau capaian yang telah diklik dan telah dilawati. Boleh juga pilih warna dari dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.3.3 <b style="color: blue;">Hover Color</b> untuk pilih warna tulisan bagi pautan atau capaian yang diletak mouse cursur diatasnya. Bila mouse cursor diletak diatas pautan warnanya bertukar mengikut warana yang dipilih dalam bahgian ini. Boleh juga pilih warna dari dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.3.4 selepas pilih warna klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.3.5 klik <b style="color: blue;">Clear advanced changes to background</b> untuk batalkan semua pilihan dan kembali ke set asal sebelumnya;<br />
<br />
7.3.6 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog;<br />
</div><br />
7.4 <b style="color: blue;">Blog Title</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/XpcwH-em2rJTzu8SzcZ9bA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWH73qRyHoKrVmOyTe10p5Fe5ixu8BSnLrTy0lQ6PmVCqTH_yBvxM-6PZ0GUAAkTJRtw-l-AI5P42Alo79_15QgPJo0HRkJBMgzXC8U2MN0FQfAOw8HAOP4M45hkAnNQORZ-yJVmYV0lI/s400/BTD%20Advanced%20Blog%20Title.png" /></a></div><br />
<div style="padding-left: 50px;">7.4.1 pilih jenis tulisan tajuk blog dalam ruangan <b style="color: blue;">font</b>;<br />
<br />
7.4.2 di bawahnya pilih saiz tulisan tajuk blog ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>; <br />
<br />
7.4.3 pilih warna tulisan tajuk blog dalam ruangan <b style="color: blue;">Text Color</b>, atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau pilih dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.4.4 lepas selesai pilihan klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.4.5 klik <b style="color: blue;">Clear advanced changes to blog title</b> untuk batalkan semua pilihan dan kembali ke set asal sebelumnya;<br />
<br />
7.4.6 klik <b style="color: blue;">View Blog</b> untuk pratonton;</div><br />
7.5 <b style="color: blue;">Tabs Text</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/XpcwH-em2rJTzu8SzcZ9bA?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWH73qRyHoKrVmOyTe10p5Fe5ixu8BSnLrTy0lQ6PmVCqTH_yBvxM-6PZ0GUAAkTJRtw-l-AI5P42Alo79_15QgPJo0HRkJBMgzXC8U2MN0FQfAOw8HAOP4M45hkAnNQORZ-yJVmYV0lI/s400/BTD%20Advanced%20Blog%20Title.png" /></a></div><br />
<div style="padding-left: 50px;">7.5.1 pilih jenis tulisan untuk tab dalam ruangan <b style="color: blue;">font</b>;<br />
<br />
7.5.2 di bawahnya pilih saiz tulisan ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>; <br />
<br />
7.5.3 pilih warna tulisan tab dalam ruangan <b style="color: blue;">Text Color</b>, atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau pilih dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.5.4 pilih warna tulisan tab (tab yang diklik untuk dipilih) dalam ruangan <b style="color: blue;">Selected Color</b>, atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau pilih dalam <b style="color: blue;">Suggested colors</b>;<br />
<br />
7.5.5 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.5.6 klik <b style="color: blue;">Clear advanced changes to tabs text</b> untuk batalkan semua pilihan yang telah dibuat dan kembali ke pilihan set asal;<br />
<br />
7.5.7 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.6 <b style="color: blue;">Tabs background</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/KumJRaTqXowuqbj4cG26gQ?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Q0-CiQAaO7LjOpDDUzqYQGUBRGY-7fgjzeMdKmFIPJsKbCXqL_ANHHH_JqQ7CTKhYBO-GVFDm3D8mnqxWGr7HfCLWdQU01xFrBKdVwnr8fa0YC1R1iKfHwd4q4SohsfFygTc3GvAlfE/s400/BTD%20Advanced%20Tabs%20Background.png" /></a></div><br />
<div style="padding-left: 50px;">7.6.1 <b style="color: blue;">Background Color</b> untuk pilih warna tulisan latarbelakang tab;<br />
<br />
7.6.2 <b style="color: blue;">Selected Color</b> untuk pilih warna latarbelakang tab ketika diklik untuk dipilih;<br />
<br />
7.6.3 <b style="color: blue;">Separator Color</b> untuk pilih warna latarbelakang garis pemisah (separator) tab;<br />
<br />
7.6.4 selepas pilih warna klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.6.5 klik <b style="color: blue;">Clear advanced changes to tabs background</b> untuk batalkan semua pilihan dan kembali ke set asal sebelumnya;<br />
<br />
7.6.6 klik <b style="color: blue;">View Blog</b> untuk lihat contoh blog;<br />
</div><br />
7.7 <b style="color: blue;">Date Header</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/DAJpHGndrDdy5GpcUVc7VRi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAiwbt3PUp7luND5pwXbNUkf9tCcgB4Saumm2ui6ATPt386ELRY2P6kQiA1IN0P1ie7GurUXR8nK8BKHnILTTc7IuTskt0KyosfZO8Ymh4NGtcS4_bKr1NfyCWJLiWbiiN98zl8yjtLlnw/s400/Designer%20Advanced%20Date%20Header.png" /></a></div><br />
<div style="padding-left: 50px;">7.7.1 pilih jenis tulisan untuk tarikh pos (date header) dalam ruangan <b style="color: blue;">Font</b>;<br />
<br />
7.7.2 di bawahnya pilih saiz tulisan untuk tarikh pos ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>; <br />
<br />
7.7.3 pilih warna tulisan tarikh pos dalam ruangan <b style="color: blue;">Text color</b> atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.7.4 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.7.5 klik <b style="color: blue;">Clear advanced changes to date header</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.7.6 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.8 <b style="color: blue;">Post</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/qMyci8qY2Hix9PR6FUt8ow?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_w6hqlwMCBA8PbNnh1NQ7yk-9Zqv-f977dcyzq2uwIDIzW9LrP5CFJKzxjiZ8QNXjRghuJI4hYu9NlYpnpapA1ZtnrUpmVx9F5kmr44HboLgpxDMv8JwnYMG3HzmRJYYiXfCrLkPmm44/s400/BTD%20Advanced%20Post.png" /></a></div><br />
<div style="padding-left: 50px;">7.8.1 <b style="color: blue;">Title Font</b> pilih jenis tulisan tajuk pos blog;<br />
<br />
7.8.2 di bawahnya pilih saiz tulisan pos blog ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>);<br />
<br />
7.8.3 <b style="color: blue;">Footer Text Color</b> untuk pilih warna tulisan bagi post footer. Boleh pilih warna tulisan dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.8.4 <b style="color: blue;">Border color</b> untuk pilih warna border pos blog. Boleh juga pilih dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.8.5 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.8.6 klik <b style="color: blue;">Clear advanced changes to post</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.8.7 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.9 <b style="color: blue;">Post Footer</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ERD-CDg--XeUj4lztjVjtRi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDqpgW1k_Tt8ruoPUPt1T90XtcMqb4meI4AL4s9cmckFR8n6rgIIkk4bJOPB0hVACwUZKJjv_ycfiBRbF4_sFFAJrTSm3SV0D_jIXQ2LsYP0k8MMbzTL_BQStp4KN06TlTbzXIbTJ9LkUK/s400/Designer%20Advanced%20Post%20Footer.png" /></a></div><br />
<div style="padding-left: 50px;">7.9.1 pilih warna tulisan untuk post footer dalam ruangan <b style="color: blue;">Text color</b> atau pilih dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.9.2 selepas pilih warna klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.9.3 klik <b style="color: blue;">Clear advanced changes to post footer</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.9.4 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.10 <b style="color: blue;">Gadgets</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/WrkIgvLlcHluZLWqi7V6Gg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtVfbNVc7k83wkD_1Csx0fK6XY9ZVvJuTDzeOWkoMoFFfAGS8jxCMnBzrPCfhqMc6iWqMd1j8JCeyx6KkItixhnDezsG8YXrbLHebc_CQrZUcJOmyYNeC9zKNqchvgTMw-rJm8hOCxkE/s400/BTD%20Advanced%20Gadgets.png" /></a></div><br />
<div style="padding-left: 50px;">7.10.1 pilih jenis tulisan untuk tajuk gadget dalam ruangan <b style="color: blue;">Font</b>;<br />
<br />
7.10.2 di bawahnya pilih saiz tulisan tajuk gadget ("<b>B</b>" untuk tulisan <b>bold</b>, "<i>I</i>" untuk tulisan <i>italic</i>); <br />
<br />
7.10.3 pilih warna tulisan tajuk gadget dalam ruangan <b style="color: blue;">Title color</b> atau pilih dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.10.4 pilih warna alternate tajuk gadget dalam ruangan <b style="color: blue;">Alternate color</b> atau pilih dari dalam <b style="color: blue;">Colors from this template</b> atau dalam <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.10.5 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.10.6 klik <b style="color: blue;">Clear advanced changes to gadgets</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.10.7 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.11 <b style="color: blue;">Footer</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/H2BatwcpZC03MTtQHiNMIg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXK9997jugZzHJsQZUMDZz1Z6J5e19Wi5tqxTaXxNCR4N34R5itH2VY-W0MzvaZ223lFvndE4sM2KkfW69U_K2uKPuS7gvH0Yp8aq-THdRTSVbuCdbtyFDoanBUTGQl9kmWFwHliyFMA0/s400/BTD%20Advanced%20Footer.png" /></a></div><br />
<div style="padding-left: 50px;">7.11.1 taip kod hexadecimal warna atau pilih warna tulisan untuk footer blog dalam ruangan <b style="color: blue;">Text color</b> atau pilih warna dari dalam <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.11.2 taip kod hexadecimal warna atau pilih warna lain tajuk gadget untuk footer blog dalam ruangan <b style="color: blue;">Gadget Title color</b> atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.11.3 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.11.4 klik <b style="color: blue;">Clear advanced changes to footer</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.11.5 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.12 <b style="color: blue;">Footer Links</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/H2BatwcpZC03MTtQHiNMIg?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXK9997jugZzHJsQZUMDZz1Z6J5e19Wi5tqxTaXxNCR4N34R5itH2VY-W0MzvaZ223lFvndE4sM2KkfW69U_K2uKPuS7gvH0Yp8aq-THdRTSVbuCdbtyFDoanBUTGQl9kmWFwHliyFMA0/s400/BTD%20Advanced%20Footer.png" /></a></div><br />
<div style="padding-left: 50px;">7.12.1 taip kod hexadecimal warna atau pilih warna tulisan pautan footer blog dalam ruangan <b style="color: blue;">Link color</b> atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.12.2 taip kod hexadecimal warna atau pilih warna pautan footer yang telah diklik dan dilawati dalam ruangan <b style="color: blue;">Visited color</b> atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.12.3 Hover bermaksud warna pada pautan footer blog bila mouse cursor diletak diatas pautan. Taip kod hexadecimal warna atau pilih warna hover dalam ruangan <b style="color: blue;">Hover color</b> atau pilih dari dalam palet warna <b style="color: blue;">Colors from this template</b> atau dalam palet warna <b style="color: blue;">Suggested colors</b>; <br />
<br />
7.12.4 selepas pilih klik <b style="color: red;">APPLY TO BLOG</b>;<br />
<br />
7.12.5 klik <b style="color: blue;">Clear advanced changes to footer links</b> untuk batalkan pilihan yang telah dibuat dan kembali ke set asal sebelumnya;<br />
<br />
7.12.6 klik <b style="color: blue;">View Blog</b> untuk pratonton;<br />
</div><br />
7.13 <b style="color: blue;">Add CSS</b>:<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://picasaweb.google.com/lh/photo/yACDScfmHMkJhGipcsEJxw?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUhI9DWQMuSGngch6rTLZYFRvDvMjMg_F17qo3SKE_28mSuLenskfa9YCh8E9D72w7fn8trzBlwpF0ITo6sDUG1qZmARibft5zBreqRE_QdjXWMP248VgIqwcvQ2BAtGgBM4GFD7cLDL4/s400/BTD%20Advanced%20Add%20CSS.png" /></a></div><br />
<div style="padding-left: 50px;">7.13.1 pilihan ini adalah untuk mereka yang tahu menulis kod CSS atau HTML sendiri dalam ruangan yang disediakan.</div></div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-inline-policy: continuous; background: none repeat scroll 0% 0% transparent; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com0tag:blogger.com,1999:blog-4387530450509249392.post-40365087293581881482010-07-09T22:42:00.022+08:002011-01-02T15:12:01.056+08:00Muatturun Video YoutubeMengapa anda perlu muatturun video dari youtube?<br />
<br />
Sekiranya ada di antara video youtube yang sangat anda minati, anda boleh muatturun video ini untuk disimpan dalam komputer sendiri. Kemudian nanti video ini boleh ditonton pada bila-bila masa dan boleh dikongsi dengan rakan lain. Bagaimanapun youtube tidak membenarkan pengguna memuat turun video untuk disimpan. Youtube hanya membenar kita menghantar alamat URL hyperlink video kepada rakan lain dan mengundangi mereka menyaksikan video ini dalam laman web youtube.<br />
<br />
Jika tidak dimuatturun video youtube ini mungkin satu hari atas sebab-sebab tertentu akan dihapus oleh tuan yang memuatnaiknya ke youtube. Atau atas masalah pelanggaran hak cipta sesuatu video sudah tidak lagi boleh ditonton oleh umum. Sebelum video ini hilang segeralah anda muatnaik video berkenaan dan menyimpannya dalam komputer sendiri.<br />
<br />
Fail video yang dimuatturun dari youtube adalah fail video dalam format <b>FLV</b> (flash video files). Fail dalam format <b>FLV</b> boleh disimpan dalam komputer sendiri tetapi memerlukan <b>FLV Player</b> untuk menontonnya. Ada banyak laman web dalam internet menyediakan servis muatturun <b>FLV Player</b>.<br />
<br />
<b>Cara muatturun fail video youtube</b>.<br />
<br />
1. Buka dan logmasuk laman web <a href="http://www.youtube.com/" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">http://www.youtube.com/</a>. Boleh log masuk menggunakan nama pengguna dan katalaluan yang sama dengan yang digunakan dalam blogger. Cari video yang dikehendaki: <br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/wI9UD3d6Al47MZ4tjdsw6Bi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRb6xkJittoYwljY7ym8zrnBvQsYVpdjozt89ONuNuj8MThHb2129qKfLpJr-bX8rsRao-pRRS6GZ86HAqpodvBFbrB-q9qnaKScXNPgr5ZRuOYAyBibjR-McxR0a9GAhbS6SgaaWJ-6pf/s400/Utube%20Search%20Video.png" /></a></div><br />
2. Bila video telah di buka, highlight dan salin alamat URL video dalam bahagian <b>address bar</b> pelayar internet yang digunakan. Highlight, klik mouse sebelah kanan dan pilih <b>Copy</b>, alamat URL video telah disimpan dalam memori komputer anda:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/3RWn6BML7AjtSEUobm6OBRi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWzBtBehCAxJSlZL5y7L2jJpyEqyQnDxPGisSrk_Q8B567Uj2t7ND-cpFcPNlP7zbND73RrPUojL9r5ceTSqol2mt1Ap49v3tW_cI5FPqrGQpz0ehUQMUyFQvMHdngKrHEJxaLD1im-jLA/s400/Utube%20Video%20URL%20Address.png" /></a></div><br />
3. Langkah seterusnya buka laman web <a href="http://keepvid.com/" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">http://keepvid.com/</a>. <br />
<br />
<div style="padding-left: 25px;">3.1 Paste masukkan alamat URL video youtube dalam ruangan <b>URL</b> yang disediakan. Kemudian klik <b>DOWNLOAD</b>:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/5iBZjnqyV822uUmZdzJ4KBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqItf4MSQHMFvojwBwfA3SKY2WCLmGxQOfx5TdM-h06QJ50ZvGJRfSA4Gh2RCKXEQg49WdFjiOQpr39x6qrpl0SBdBTXpkt_49x7ZBioQRAXAx8X_7W8OHaHHjGkF0XD4O4EcC3b6E62s4/s400/Keepvid%20paste%20URL%20Address.png" /></a></div><br />
<div style="padding-left: 25px;">3.2 Seterusnya dalam tetingkap <b>Download Links</b> <b>Keepvid</b></div>akan cuba membuka <b>Java Appalet</b>. Pilihan <b>Java</b> mestilah terlebih dahulu diactivate dalam pelayar internet yang digunakan. Jika <b>Keepvid</b> berjaya membuka <b>Java Appalet</b>, beberapa format fail akan ditunjukkan untuk dimuatturun seperti berikut:<br />
<br />
<div style="padding-left: 25px;">3.3 klik pilih <b>Download FLV High Quality 640x380</b>:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/c0xldfuuBjvhS41KSi8iLxi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjji89oKd7hEdp7rtRuggxlJqadQ9zBUQf5lKzOEfm8bZQDFIin6Dz4TrDo_ijqzvw6wz0QHT_cKvW6f60sfholAkulO4hu-vtfE6Ves-x09JmSF9TwzBGm6va64cJ9D1iOR__Qp1eu0tRL/s400/Keepvid%20File%20List%20To%20Download.png" /></a></div><br />
<div style="padding-left: 25px;">3.4 Fail dimuatturun untuk disimpan dalam komputer sendiri(ini contoh window XP lama, window 7 ada dengan interface tersendiri):</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ZVpO87RLi7dGzByhju2MrBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZgo6yRrWFsS2-Mtsf8lT9ZFo50RsIQoORd9R6lXUGfoRxco2J4k4tL2nPuB5MpBJ9V95Mk6ttX8feIiNApg5YV3iBucXwp8cMk3AEMV7QY6sG8K32j6cwkqsgB0T7Y_hb5K4EzuYwCPr/s288/Keepvid%20Save%20File.png" /></a></div><br />
<div style="padding-left: 25px;">3.5 Pilih muatturun fail dalam format <b>3GP</b> untuk muatnaik fail video kedalam <b>telefon bimbit</b>.</div><br />
4. Muatturun <b>FLV Player</b>:<br />
<br />
<div style="padding-left: 25px;">4.1 Untuk menonton fail video dalam format <b>FLV</b> yang dimuatturun kita memerlukan <b>FLV Player</b>. Untuk muatturun <b>FLV Player</b> buka laman web <a href="http://download.cnet.com/FLV-Player/3000-13632_4-10467081.html" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">http://download.cnet.com/FLV-Player/3000-13632_4-10467081.html</a>, dan klik <b>Download Now</b>:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/bBqJ8FMJ7ZkoifOdcdjz0Ri4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_CebtmvDs9CdLvWTD55DyCWsTC6f1bhOdrrPV6_Lu9IBk3d7Y_HMKu-ZyQgGB2pKdoMdEdPP27rS1DCo8whWmp6-yrMvSzhfCWdNqxjquiUEmpvC6TDcjjsmLuRZQorsdfeDWYlzp72kS/s800/FLV%20Download%20Now.png" /></a></div><br />
<div style="padding-left: 25px;">4.2 Simpan fail <b>flvplayer_setup.exe</b> dalam komputer sendiri untuk diinstall:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/yJlVqaUStXFqCC64jiXcwRi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SMWuqdGlxo1ZRdjr-7Rx0ALq4oxLkF7p7l7bhRF3msJpzTEyv0PhKje64blUpaCLhexbrz2P78Oen8TUaCpFrNktTeVZwCnhSy1NLL3JYklpiKDQYI1sgC_TEUTNmY3Pch9kQEJ9wtiI/s288/FLV%20Save%20File.png" /></a></div><br />
<div style="padding-left: 25px;">4.3 <b>Run</b> fail <b>flvplayer_setup.exe</b> ikut window atau <b>operating system</b> yang digunakan dalam komputer sendiri untuk install <b>FLV Player 2.0</b>:</div><br />
<div style="padding-left: 25px;">4.4 Berikutnya tetingkap <b>FLV Player 2.0 (Build 25) Setup</b> akan dibuka. Klik butang <b>Next</b>:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/T9rqbgsE-cFVYL8ot3soWxi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidBX_Qof9b3EE3-tPux0LDeCG9OlzjVrpl1ZYpT5KnJ7SExw7RKMVzA5T2p9dRKFuEh9jP9o6XQL6qmdMfLZsMydgOXC5QhzBk8edEcNAFSDx8jeMIfAiJAk58_XW7d_x2aAe_F4jLgPQa/s400/FLV%20Install%201.png" /></a></div><br />
<div style="padding-left: 25px;">4.5 Dalam tetingkap <b>License Agreement</b> seterusnya klik <b>I Agree</b>:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/ID80DN2hem5Gb3vaauemdhi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheg5fdzpAp7CKzP2xX9vEuhrxVQz0FRpDPeJYfiDKEZ15MWjgRl2J7hUy8zS76VLqZokXYNq94lklcgrTrXnTd7QgV6Nx6ipsvAem5qFzV-VQ8L-rZME9nWHEM8GXbnm2QGmF-u3lVr96M/s400/FLV%20Install%202.png" /></a></div><br />
<div style="padding-left: 25px;">4.6 Dalam tetingkap <b>Choose Install Location</b> seterusnya pilih masukkan lokasi direktori dalam mana <b>FLV Player</b> akan diinstall: </div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/3fxFacpnSg3ddFZb8KVE5hi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6_gMYyonSggyEMWoCOyHq3jRY1FW569H_-Omyj6Hto9MQ-GNdSqfyIdLpfNGsTs-FmdqBjy-Sqpj4Fd1pnXTYNFwZ-JvD4naNA_jfoeAmlW_s8zMUmpMgYEbvXlpDkoyUhi7umykn6Ln/s400/FLV%20Install%203.png" /></a></div><br />
<div style="padding-left: 25px;">4.6 Dalam tetingkap <b>Choose Components</b> tik tandakan kotak yang diperlukan dan klik <b>Next</b>: </div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/9fZwpd46falPdaTakGUp-xi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQgwdXdyGAVd2SHXAzz_ql59O_PZbP_TDTTOy-AqyTI-cNgsjosnmKELTKtsiqb5svx0xTBGiBoCjBifLQWKSRuZY91WjfdUIrdZ0ffzDohqkQKLy8NRBylaSz4WIXWOT4-7SrGixKk0ON/s400/FLV%20Install%204.png" /></a></div><br />
<div style="padding-left: 25px;">4.7 Dalam tetingkap <b>Choose Start Menu Folder</b> pilih nama <b>Start Menu Folder</b> dan klik <b>Install</b>:</div><div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/92P2EGIy4T5liIcBPbtVcBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioPeaFMRlc657EPaQggpVK0-uzdGhzTW27PA7IIS3K-nH6q3x36T5siZeRMlDXEneM3dWx9OtzfQ7gp4P-AY5DqNBiahunYrERy3vTzEqLHhGLvyxp-KDGrQl6rGr_-7ExKr9q372awgGh/s400/FLV%20Install%205.png" /></a></div><br />
<div style="padding-left: 25px;">4.8 Dalam tetingkap seterusnya <b>Installation</b> telah selesai, klik <b>Finish</b> untuk disempurnakan:</div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/buOTIgcXOPTlXpV3ckifehi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzHE6WA__prFeElsaIP1RbOTOgixyCe5BidUaZlRZuV0lNG8oneTKSfa3OxsGpszfmuN4Z9iT-xSFxjS5fCQwZ1quKbvHWPGL_rFC1hyQT-j1pUkchZIZRvTgxkbk2DT-0Acq6pf2Un-lh/s400/FLV%20Install%206.png" /></a></div><br />
5. Setelah selesai diinstall, <b>FLV Player 2.0</b> sedia untuk dibuka dan digunakan. Buka dan klik ikon untuk buka fail video yang telah dimuatturun di atas:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/LZ5V0Ps7C8UTa9txtKQTjBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiKrucnYHzHQFWR255hj4lN4QLHybwvpHdYZ3xiyLaqbsV9ujHsEZdBMiHU_2p_EOB9ORYRJ6nNpfpbZb7dtXCJiLeDEi8dYDz9nwus3ZS5ym4QGA1laQa2bmYXqQ-pRFH7cP-Wm77H1Pq/s800/FLV%20Install%207.png" /></a></div><br />
6. Cari dan pilih fail <b>flv video</b> berkenaan dan klik <b>Open</b>: <br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/H6MS_0SD1WyfrIROo2-cdBi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggU8vxmIH1cgziTlzo1K2KTlxykFQGftGAxpHdc8granW2dVvf8auPJ16ASEcJPlVs4sa7dyLdmEWWxcJs0jtzcbdPm7Izhdr5WkjZhI0Ie7A0ED23y2yzhkupBdIX5JYQr6kFEXD6qYeB/s400/FLV%20Install%208.png" /></a></div><br />
7. Video akan ditayangkan:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/xiqEeIdzLgTNmTLGo8Xonhi4zq-E34peRS_YGMh6hW8?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMY1dTfY5DOh4XqBZrHpbMziypLxDDfwi1QOZjN__jp_FdnhMeHVz3C9VsRqxCGULnxLdFW3oe-SjlchWCCqX-q1NMthrrAX39G1E1kQVkMSOOY6EMbJJr_RDRfZT9ujSNbXdD6oTG6uni/s400/FLV%20Install%209.png" /></a></div><br />
<br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com0tag:blogger.com,1999:blog-4387530450509249392.post-69071785025619297512010-07-09T14:12:00.003+08:002011-01-02T15:12:12.769+08:00Pasang Flag Counter Pengunjung BlogPanduan bagaimana memasang <b>Flag Counter</b> pengunjung dalam blog. <br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/beF84sUmsDgeiuNNvIkLC61egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpphredPO4H5ffvGnrc8w7u6I6xPZ0eT5lnxtQOv44uQcm2bj_ig1Zh4mJhVtvLRj0fFgAH3ddgnuccV81-PhjJMLwgRiWH5uxbz9jcOpReuxJEmtq9aOEordxmZtBQEnV_ATkeMGhh_0/s800/FC%20Malaysian%20Flag.png" /></a></div><br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/IJ0casLDMj7RbdDvLORttK1egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMApp_EfWh-JKQc8-sJ4MuwjlmotVoFLV3Hj2_3kWLhm1h9THC6ng571w5LKI0xF-MmerYNgWhwGmkIcOxeyFeHo6jb37WxuIOOyoCSvA2S-w5ONIBjO7-0pGR6ezydZ_aGQeJ4JGKzEs/s800/FC%20Sample.png" /></a></div><br />
Nampaknya kebanyakkan blog sahabat nampaknya sangat suka menggunakan widget dari <b>Widego.net</b>. <b>Widego.net</b> sebenarnya banyak mengganggu kelancaran blog bila dibuka, menggunakan pop-up window silih berganti untuk iklan mereka yang sangat mengganggu, ada kalanya browser menjadi <b>freeze</b> tidak bergerak. <br />
<br />
Jadi kepada pengguna <b>Widgeo.net</b> apa kata cuba pula menggunakan <b>Flag Counter</b> yang lebih smooth dan lancar.<br />
<br />
Cara menyediakannya:<br />
<br />
1. Log masuk ke laman web <a href="http://s07.flagcounter.com/more/YSs" style="text-decoration: none; color: blue; font-weight: bold;" target="_blank">Flag Counter</a>.<br />
<br />
2. Klik pilih <b>GET YOURS!</b>: <br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/n9acO02EOEk_t70KUCbvVK1egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrdlESf70ebHpXZ-53Sf1zevqdcZTdGSoxC90DuLY4WEObh0y9bkZYaP-AnCmus76EOn0zHvcskqs6R5Nnc7fD2Q59m8Vc6bmymaXUnZOfW6bxZ3qtmSU1vNIJOSWsxICQzEBwDtoSmYc/s400/FC%20Get%20Yours.png" /></a></div><br />
3. Dalam muka <b style="color: blue;">INSTANTLY CREATE YOUR FREE FLAG COUNTER</b> berikutnya klik pilih maklumat yang perlu:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/2x3UUEFfq67FAbKRjOMNsa1egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDMKbF8z-ZHBWCuDQaa80jpDnpQZjstyLdDKpkEQU2AOUvEe8UqUtlQv_yY2mJZYddY-7A3pZaY1POXGkJX0y0WRXE1LdHTFuFgEnTOTo4DOAK4mqSxD1QLOmkT1V43D4hbzvlwq6WWF4/s400/FC%20Create%20Flag%20Counter%201.png" /></a></div><div style="padding-left: 64px;"><table border="0" cellspacing="5" cellpadding="0" style="width: 450px; font-size: 11px;"><tbody>
<tr> <td style="width: 150px;"><b style="color: blue;">Show on your site:</b></td><td>pilih <b style="color: blue;">Top Countries</b> atau <b style="color: blue;">Flag Map new!</b> Contoh ditunjukkan di bawah <b style="color: blue;">Example Flag Counter with your choices</b></td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Maximum Flags to Show:</b></td><td>pilih berapa bilangan maksima flag yang perlu ditunjuk</td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Columns of Flags:</b></td><td>pilih berapa bilangan kolom (lajur) diperlukan</td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Label on Top of Counter:</b></td><td>pilih <b style="color: blue;">visitors</b></td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Background Color:</b></td><td>pilih kod warna latar belakang petak</td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Text color:</b></td><td>pilih kod warna tulisan</td> </tr>
<tr> <td style="width: 150px;"><b style="color: blue;">Border color:</b></td><td>pilih kod warna garisan border</td> </tr>
</tbdody></table></div><br />
<div style="padding-left: 25px;">3.1 Kemudian di sebelah kanan tik tandakan kotak <b>Show Country Codes</b> untuk tunjukkan kod negara, tik tandakan kotak <b>Show Pageview Count</b> untuk tunjukkan bilangan pageview. Kemudian klik <b>GET YOUR FLAG COUNTER</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/Uq-kMs5LaCvf7uxxeAUp761egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSnU5Bx-WB6usSb7WAy4pyp8qkzs9IFzM8LruMd-BT5ma37zMD25exJRwfuuyjzA64SwcwkyY1_wJlV183Pthc8jxtnqfEHnzTvNELyTIbwgo9KlAZYU9_I7Gaskeh_PJiRM9LVt9bANA/s800/FC%20Create%20Flag%20Counter%202.png" /></a></div></div><br />
4. Kemudian dalam muka <b style="color: blue;">HERE'S THE HTML CODE FOR YOUR NEW FLAG COUNTER...</b> highlight dan salin kod skrip dalam ruangan <b>Code for Websites:</b> untuk dimasukkan ke dalam sidebar blog:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/f8_4bShYYYxVlms2Yq2lzq1egs1tn6nPiKKVyNN5TNI?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAojQT-W4S08Bg4g0msw8SKkrXPWRo88zUHfKWBZ2EHFG0WpHt8-0YgBV_dY0WKj5S7IWydo4JkrJLPfZqbpi0HOrC0ONaNx7ox0okod8geeq93SL3tqMxLytwkSV1gBJt9OwNJ3mqfOE/s400/FC%20Script%20Code.png" /></a></div><br />
5. Kod skrip <b>Flag Counter</b>:<br />
<br />
<div style="padding-left: 25px;"><table border="2" cellspacing="5" cellpadding="0" style="width: 450px; font-size: 12px;"><tbody>
<tr> <td style="padding: 15px;"><br />
<a href="http://s05.flagcounter.com/more/UfuH"><img src="http://s05.flagcounter.com/count/UfuH/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=12/viewers=0/labels=0/" alt="free counters" border="0"></a></td></tr>
</tbody></table></div><br />
6. Paste masukkan kod skrip di atas kedalam sidebar blog.<br />
<br />
<div style="padding-left: 25px;">6.1 Dalam Blogger pilih <b>Design | Page Elements</b><br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/bJa4hpetUkacevOtmVC6MJETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4KR6n5JeYWrBQYQBR4LmQo6h7m9uJx1vgWXLXuHYCMnQyOh9EcM5PP7CLHi6qM5IWSOp0ZNYUssnO1Nr925H-U3_UrpXMTubh36ek1l09o0HUZOnhidlNe0ptyXrwU-bvr_ZhqdMN1Hk/s800/Design%20Page%20Elements.png" /></a></div><br />
6.2 Pilih salah satu <b>Add a Gadget</b> bahagian sidebar blog:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/iMVTfi0d-8Zjdz1yDyXtbJETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJuRix-VSKoE4JZY3tKGB2uOW01H6CCXTukqSk2BtxygBR6ZI-VxapyDi5zmfcrE-SEqoVRIdv6ESDxOMjKUjM8gA9-O42R1TKH_GKQHA3j6UnY0X8JuANlEzx9TGoF09kyRv8ZV9ALCE/s400/Add%20a%20Gadget.png" /></a></div><br />
6.3 Dalam tetingkap <b>Configure Add a Gadget</b> pilih <b>HTML/JavaScript</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/6yYVSj6PbMMZ6p5o6S6k5ZETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE4bAPF-GIpproohOV5P8oR4CiPLoB7VJ4Y8Q92f2zz0oItxEIGuLEWAD2DsOE-tVtEDNgQWbn0sFm0m9iui60inzZk9HdhQ_iDcwsUReVvZzsn7CkcKGws63yLbz8ntiBzJzlHwbA18o/s400/Add%20a%20Gadget%20HTML%20JavaScript.png" /></a></div><br />
6.4 Dalam tetingkap <b>Configure HTML?javaScript</b> masukkan tajuk dalam ruangan <b>Title</b> jika perlu, paste masukkan kod skrip dalam ruangan <b>Content</b>:<br />
<br />
<div style="text-align: center;"><a href="http://picasaweb.google.com/lh/photo/odGRasgBIxhy7e_bfd9lRpETfBlTiGRnuZI7Avcnk8s?feat=embedwebsite"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfRmcv1238l2DorWIcOPPTeFsOLve5Td8TEu2qxEEJ6hGNnUjXjH3t2hniOr1IJFc9aKdXpZeZHlICMSnb_2feSTYRauK9nYSbMwAg5BCT1_uhhQm-_0G21aAetKzlsC_4ZnSKEEwxePo/s400/Configure%20HTML%20JavaScript%20Box.png" /></a></div></div><br />
Sekian, selamat mencuba dan selamat berjaya.<br />
<br />
Sebarang pautan balik dari blog anda adalah sangat-sangat dihargai. URL <b style="color: blue;">http://calipso-tutorialblogger.blogspot.com/</b>.<br />
<br />
Salam hormat dari<br />
<br />
<div style="padding-left: 25px;"><a href="http://calipso-tutorialblogger.blogspot.com/" target="_blank"><b style="color: blue;">Tutorial Blogger Blospot</b></a><br />
<img src="http://signatures.mylivesignature.com/54487/281/1B45064615740980676DCD3C128CDC69.png" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent none repeat scroll 0% 0%; border: 0pt none ! important;" /><br />
<img alt="" border="0" src="http://emoticons4u.com/happy/058.gif" style="display: block;" /></div>Calipsohttp://www.blogger.com/profile/05303704471275505772noreply@blogger.com2