tag:blogger.com,1999:blog-56535508906295566172024-02-20T12:02:22.391+02:00AlmansuQie™ Tips & Tutorial BlogAlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.comBlogger109125tag:blogger.com,1999:blog-5653550890629556617.post-31367323966034165272010-11-01T17:59:00.005+02:002010-11-01T19:23:48.824+02:00Memasukkan Quran dalam PowerPoint<div style="text-align: justify;"><bt>A</bt>ssalamualaikum...Ana rasa mungkin ramai dikalangan kita yang mengalami kesulitan untuk memasukkan penulisan al Quran dalam <span style="font-weight: bold;">Microsoft Power Point</span>.. Ana pun pening bila nak buat slide yang memerlukan ayat2 quran. Bila guna cara copy paste biasa ayat quran akan jadi terbalik. <span id="fullpost">Cari punya cari jumpa satu cara yang Ana kira paling mudah dan disukai ramai. Nak tau ikut step dibawah.<br /><br />1. Buka perisian <span style="font-weight: bold;">Microsoft Word</span>...<br /><br />2. Klik kat <span style="font-weight: bold; color: rgb(255, 0, 0);">Add-Ins</span> => <span style="color: rgb(255, 0, 0);">Quran</span>..Kalau xde download kat <a style="color: rgb(0, 0, 153);" href="http://www.ziddu.com/download/9669545/SetupQuranInWord2003.zip.html">SINI</a>. Extract file guna <a style="color: rgb(0, 0, 153);" href="http://www.ziddu.com/download/9669584/wrar36b2.exe.html">Winrar</a>. Install Quran tersebut..<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9zOo6rdQTpwsqfilX7gx9YMkQHbgvmktsGhQCimpFXQ3XTXGtWVohqnio74k_rvCJFJ4XEIsfXXBZnwhUuqpHsdORxPweSQbsZazi607zzwPV9HUEWuzbWwKaFvNNaHoj1OrQ7sKwFaC/s1600/90.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 200px; height: 112px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9zOo6rdQTpwsqfilX7gx9YMkQHbgvmktsGhQCimpFXQ3XTXGtWVohqnio74k_rvCJFJ4XEIsfXXBZnwhUuqpHsdORxPweSQbsZazi607zzwPV9HUEWuzbWwKaFvNNaHoj1OrQ7sKwFaC/s200/90.jpg" alt="" id="BLOGGER_PHOTO_ID_5534625356621777986" border="0" /></a><br />Get All : Untuk Ayat al-Quran dan Terjemahan.<br />Get Ayat : Untuk Ayat al-Quran sahaja.<br />Get Terjemah : Untuk Terjemahan sahaja.<br /><br />3. Pilihla surat dan ayat yang nak dipaparkan. Pastu editla ayat2 tu kasi cantik, tukar color ke ape ke, ikut suka la..sebagaimana yang dikehendaki pada slide nanti.<br /><br />4. Pastu klik <span style="font-style: italic;">Ctrl+A</span> dan <span style="font-style: italic;">Copy</span> ayat2 tersebut.<br /><br />5. Buka Perisian <span style="font-weight: bold;">Microsoft PowerPoint</span>.<br /><br />6. Pada ruangan <span style="color: rgb(255, 0, 0); font-weight: bold;">Home</span> > klik tanda anak panah di bawah fungsi <span style="font-weight: bold; color: rgb(255, 0, 0);">Paste</span> => pilih => <span style="color: rgb(255, 0, 0); font-weight: bold;">Paste Special <span style="color: rgb(0, 0, 0);">=></span> Paste as</span> : <span style="font-style: italic; color: rgb(0, 0, 153);">Picture (Enhanced Metafile)</span> atau <span style="font-style: italic; color: rgb(0, 0, 153);">Microsoft Office Word Document Object.</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3CP7lN0UYa-5M4nEPwSptcDu_2iKI4uIm9K65nhkXhdOTxdjEl_DPluUIn6wgPHLg6fjS1E3EiF0bECn9pttMltEG6E-gC_E-7gDQMLGlriTZGZKx_jj_Qcx_b_rn65mdD7VlMwxtWRfE/s1600/word4.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 200px; height: 120px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3CP7lN0UYa-5M4nEPwSptcDu_2iKI4uIm9K65nhkXhdOTxdjEl_DPluUIn6wgPHLg6fjS1E3EiF0bECn9pttMltEG6E-gC_E-7gDQMLGlriTZGZKx_jj_Qcx_b_rn65mdD7VlMwxtWRfE/s200/word4.jpg" alt="" id="BLOGGER_PHOTO_ID_5534630949240359458" border="0" /></a><br />7. Dah siap.......Selamat Mencuba</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com81tag:blogger.com,1999:blog-5653550890629556617.post-22278511231403773342010-04-24T10:40:00.004+02:002010-04-24T11:04:29.776+02:00Cara Memasang Total Post & Total Komen<div style="text-align: justify;"><bt>A</bt>ssalamualaikum..Pekabor semua?? Sebagai permulaan setelah lama meniggalkan dunia blogging..kira post pertama yang ditulis di tanahair ni..kita mula dengan perkara mudah aje..Pasang Total Post dan Total Komen.<br /><br />Macam biasa dalam keadaan Loggin. Copy kod2 dibawah dan paste di <span style="color: rgb(255, 0, 0);">Add a Gadget</span> => <span style="color: rgb(255, 0, 0);">HTML/Javascript</span>.<span id="fullpost"><br /><br /><p class="alert"><script style="text/javascript"><br /><br />function numberOfPosts(json) {<br />document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');<br />}<br />function numberOfComments(json) {<br />document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');<br />}<br /></script><br /><ul><li><script src="http://<span style="color: rgb(255, 0, 0);">NAMABLOG</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li><br /><br /><li><script src="http://<span style="color: rgb(255, 0, 0);">NAMABLOG</span>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul></p><br />Gantikan text merah dengan nama blog Antum..Dah siap klik save yer..</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com141tag:blogger.com,1999:blog-5653550890629556617.post-69262343227640236702009-09-10T14:34:00.004+02:002009-09-10T14:42:58.107+02:00Alamat Blog Ini Diciplak !!<div style="text-align: justify;"><bt>U</bt>ntuk makluman semua..Alamat blog ni telah diciplak.. Ana baru dapat tahu tadi. Dengan hanya kesalahan pada satu huruf akan membawa anda ke laman Mega Site of Bible Studies and Information.<br /><br />Cuba klik link ni <a href="http://almansuqie-tips.blogpot.com/" target="_blank">http://almansuqie-tips.blogpot.com</a><span id="fullpost"><br /><br />Cuma sebagai peringatan pada pengunjung & mengelakkan fitnah. Untuk masuk ke blog ni pastikan alamat diisi dengan betul. Alamat diatas hanya ditulis dengan blogpot. Tanpa huruf S. Ana sangat kecewa dengan keadaan ini.<br /><br />Harap Maklum..</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com21tag:blogger.com,1999:blog-5653550890629556617.post-58736022570381929762009-09-06T10:46:00.009+02:002009-09-06T11:42:27.912+02:00Blog Ini Akan Ditutup !!!!!! Yahoo!<div style="text-align: justify;"><bt>A</bt>ssalamualaikum... Rasanya dah lama sangat tak update blog ni dengan tutorial dan tips. Dan rasanya banyak soalan dan permintaan yang belum dijawab dan ditunaikan. Ape² pun bebanyak terima kasih kepada pengunjung setia blog ini yang masih sudi datang walaupun sudah lama tidak dikemaskini.<span id="fullpost"><br /><br />Nampaknya minat untuk membikin blog semakin meningkat. Follower blog ini pun dah melebihi 200 orang. Ana mintak maaf <img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/77.gif" alt="49" title="49" />kalau ade soalan berbentuk email yang tidak terjawab. Pertanyaan di <a href="http://almansuqie-tips.blogspot.com/2009/06/ubahsuai-penampilan-cbox-anda.html" target="_blank">Cbox</a> yang tidak sempat dilayan. <a href="ymsgr:sendim?almansuqie">YM</a> yang tidak direply. Komen tanpa respon dan juga <a href="http://almansuqie-tips.blogspot.com/2009/05/cara-invite-kengkawan-edit-blog.html" target="_blank">permintaan</a> untuk mencantikkan blog yang tidak dibalas.<br /><br />Untuk makluman, <a href="http://almansuqie-tips.blogspot.com/2009/01/almansuqie-service.html" target="_blank">AlmansuQie Blogger Services</a> terpaksa Ana hentikan setakat ini dan akan beropersi semula di lain waktu jika diizinkan Allah.<br />Sebenor-benornye... Kami akan pulang ke tanahair tidak lama lagi. <img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/banana.gif" alt="47" title="47" />Jika diizinkan akan berangkat sebelum Raya Fitrah ini.. Ini la sebabnya dah lama xngadap blog. Terpaksa menguruskan dan menyelesaikan segala urusan disini.<br /><br />Ermm..Pada sahabat semua mintak doakan segala urusan kami dipermudahkan. Kalau ada masalah dalam mengedit blog boleh tinggalkan komen pada tutorial yang sepatutnya.. Insyaallah Ana akan kembali mengaktifkan blog ini di Malaysia nanti.<br /><br /><span style="color: rgb(255, 0, 0);"><blink>Jangan percaya</blink></span> tajuk post ni ek.. saje wat gempak..<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/24.gif" alt="24" title="24" />Ana xkan tutup. Ini ruang kita berkongsi maklumat dan banyak manfaat kan.. Gunala yang mana ada di dalam blog ini yer.. Segala kekurangan harap dimaafkan.<br /><br />Sekian.. Thanks to all... Syukran 3ala Hudhurikum..<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/6.gif" alt="06" title="06" /></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com16tag:blogger.com,1999:blog-5653550890629556617.post-9535005182737159752009-08-22T16:36:00.009+02:002009-08-22T17:00:38.188+02:00Adobe Photoshop 7 ME (Arabic)<div style="text-align: justify;"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 113px; height: 112px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzOMucb-4SMnDC3Y8VGFnR03QpaP9f-1L63cy7B3LdlVdFvHKVXBJit-jA_MX4fPlduFE3IB6rRh4Q-B2stAhYcuWtyKKwwfbNMRTNxOQH5ij0iVtcLkqAe5bCerjodVvCaZFb49pMGPWM/s200/adobe.1.jpg" alt="" id="BLOGGER_PHOTO_ID_5372798691750800018" border="0" /><bt>B</bt>agi yang berminat dengan perisian photoshop, Ana hadiahkan dengan software <span style="color: rgb(51, 51, 255);">Adobe Photoshop 7 ME (Middle Eastern)</span>. Photoshop 7 ME ini available untuk banyak font termasuk Arabic.<span id="fullpost"> Lebih memudahkan Antum untuk membuat sebarang design menggunakan tulisan Arab. Klik link dibawah untuk Muat Turun.<br /><br /><a href="http://www.4shared.com/file/27971993/bcf18047/Adobe_Photoshop_7_mepart1.html?dirPwdVerified=55e1936f" target="_blank">Adobe Photoshop 7 me.part1.rar</a><br /><a href="http://www.4shared.com/file/27974073/1a7d6674/Adobe_Photoshop_7_mepart2.html?dirPwdVerified=55e1936f" target="_blank">Adobe Photoshop 7 me.part2.rar</a><br /><br />Pas klik link diatas akan muncul laman 4shared. Klik butang download seperti dibawah.<br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 162px; height: 46px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRZU9jo_eP_XeFZymDcPXH7XBJNhFo_du8R552og95AJwKDMW9DZ94i2TcYtrUfAnawtNnhuqtSnIXpQmwd_KMc6GIoVN-XMklPdld1bu0U7zUjvnTDfKMgblM29t8k_ZlMDKdnE7SIEDO/s200/doen.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5372801564796802274" />Kemudian akan loading beberapa saat. Dah siap klik link macam kat bawah ni yerk.<br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 190px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZZYX-q7GveziJk35Ay-PhwfPy1F8K28BkEOF7SZKXeSololdG1Hdhnq4t9Qu8ecBTj_V3Du2eXXprgfWFwpPOPaYSuCJDT_3te-AoYnzCPOn_e1A-HOEuF5an74OvbEp4Dy2aHLXVaO9w/s200/hgf.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5372803135350868482" /><br /><br /><br /><span style="font-size:78%;">Syukran Ila: <a href="http://forum.bnateeen.com/t5000/" target="_blank">Banatien</a></span></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com4tag:blogger.com,1999:blog-5653550890629556617.post-88629018729321383272009-07-27T16:29:00.009+03:002009-07-27T17:10:55.628+03:00Cara Memasang Meta Tag Di Blog<div style="text-align: justify;"><bt>R</bt>asanya meta tag ni dah kurang popularnya. Tapi masih boleh digunakan untuk memudahkan blog kita diindeks oleh enjin pencarian like <a href="http://www.google.com.eg/" target="_blank">Google</a>, <a href="http://search.yahoo.com/" target="_blank">Yahoo!</a>, <a href="http://www.msn.com/" target="_blank">MSN</a>, <a href="http://www.amazon.com/" target="_blank">Amazon</a> dan macam2 lagi.. Tapi jangan ingat bila dah pasang Meta Tag ni blog kita sudah mesra dengan enjin pencarian. Tapi ini salah satu cara untuk blog kita mudah diindeks. Ha ini soalan abang Man kita..<span id="fullpost"><br /><br /><p class="blockquote"><a href="http://easyreadquran.blogspot.com/" target="_blank">man</a>: tuan, mcmana nak masukkan meta tag dlm blog...free punyer bleh? dah cuba try test tp xjd2 pun...</p><br />Ni cara pasangnye..Loggin ke Blogger. Pilih <span style="color: rgb(255, 0, 0);">Layout</span> dan kebahagian <span style="color: rgb(255, 0, 0);">Edit HTML</span>. Cari kod ni. Dibahagian paling atas.<br /><br /><p class="alert"><meta content='<span style="color: rgb(255, 0, 0);">Description Blog Antum Disini</span>' name='description'/><br /><meta content='<span style="color: rgb(255, 0, 0);">Keyword Blog Antum Disini</span>' name='keywords'/><br /><meta content='<span style="color: rgb(255, 0, 0);">Nama Blog Antum Sini</span>' name='author'/></p><br />Tukar text merah bersesuaian dengan blog Antum. Lihat Contoh:<br /><br /><p class="alert"><meta content='<span style="color: rgb(255, 0, 0);">Tips dan Tutorials Mudah Untuk Mencantikkan Blog</span>' name='description'/><br /><meta content='<span style="color: rgb(255, 0, 0);">Tips,Triks,Hacker,Tutorials Blog</span>' name='keywords'/><br /><meta content='<span style="color: rgb(255, 0, 0);">AlmansuQie™ Tips Blog</span>' name='author'/></p><br />Dah siap klik Preview. Kalau xde error klik Save yer..<br /><br /></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com21tag:blogger.com,1999:blog-5653550890629556617.post-74345529569778466812009-07-25T20:56:00.000+03:002009-07-25T04:25:18.144+03:00Widget Posting Terkini Bergambar<div style="text-align: justify;"><bt>S</bt>ebelum ini Ana ada 'post'kan <a href="http://almansuqie-tips.blogspot.com/2008/11/cara-menampilkan-posting-terkini.html" target="_blank">Cara Menampilkan Posting Terkini</a>. Untuk kali ini ada sedikit kelainan. Widget terbaru ciptaan <a href="http://bloggertricks.com/" target="_blank">Kranthi</a> ni memang cool la. Siap dengan gambar thumbnails dan bilangan komen sekali. Ana pun terus beralih ke widget ini.<span id="fullpost"><br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 236px; height: 197px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6-_DhIvoHYjIdxSMNonUpzc2pyLS_3tr0Nq4VN2iWDveZJIJLM7aZfw6oYx-a4LetCbq0cOtHMIobd-ha7EHer0XtvhNkGYZ8-Amh4kUFdQQiiNtGQMEgaO5bQvz3meTeU0pU78aqBy1Z/s320/rpo.jpg" alt="" id="BLOGGER_PHOTO_ID_5347999725325203618" border="0" />Ok caranya. Dalam keadaan Loggin.<span style="color: rgb(255, 0, 0);"> Layout</span> => <span style="color: rgb(255, 0, 0);">Page Elements</span> => <span style="color: rgb(255, 0, 0);">Add a Gadget</span> => <span style="color: rgb(255, 0, 0);">HTML/Javascript</span>. Tambahkan dengan kod berikut.<br /><br /><p class="alert"><script language="JavaScript"><br />imgr = new Array();<br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";<br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";<br />showRandomImg = true;<br /><span style="color: rgb(51, 51, 255);">boxwidth</span> = 236;<br />cellspacing = 8;<br /><span style="color: rgb(204, 51, 204);">borderColor</span> = "#FBFBEF";<br /><span style="color: rgb(102, 102, 204);">bgTD</span> = "#ffffff";<br /><span style="color: rgb(255, 0, 0);">thumbwidth</span> = 40;<br /><span style="color: rgb(255, 0, 0);">thumbheight</span> = 40;<br /><span style="color: rgb(0, 153, 0);">fntsize</span> = 12;<br /><span style="color: rgb(204, 102, 0);">acolor</span> = "#666";<br /><span style="color: rgb(204, 0, 0);">aBold</span> = true;<br />icon = " ";<br />text = "comments";<br />showPostDate = false;<br />summaryPost = 40;<br />summaryFontsize = 10;<br />summaryColor = "#666";<br />icon2 = " ";<br /><span style="color: rgb(204, 153, 51);">numposts</span> = 10;<br /><span style="color: rgb(102, 0, 204);">home_page</span> = "http://almansuqie-tips.blogspot.com/";<br /></script><br /><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script></p><br /><br />Keterangan:<br /><br /><span style="color: rgb(51, 51, 255);">boxwidth</span> - Lebar Widget Ini (Tukar sesuai dengan sidebar Antum)<br /><span style="color: rgb(102, 102, 204);">bgTD</span> - Warna background (Tukar sesuai dengan template Antum)<br /><span style="color: rgb(204, 51, 204);">borderColor</span> - Warna Border (Tukar dengan warna yang Antum suka)<br /><span style="color: rgb(255, 0, 0);">thumbwidth & thumbheight</span> - Lebar dan Tinggi Gambar (yang asal dah ok)<br /><span style="color: rgb(0, 153, 0);">fntsize</span> - Saiz tulisan untuk tajuk post.<br /><span style="color: rgb(204, 102, 0);">acolor</span> - Warna tajuk post.<br /><span style="color: rgb(204, 0, 0);">aBold</span> - Untuk tebalkan tajuk atau tidak. (true atau false)<br /><span style="color: rgb(153, 153, 0);">numposts</span> - Jumlah post yang ingin dipaparkan.<br /><span style="color: rgb(102, 0, 204);">home_page</span> : http://almansuqie-tips.blogspot.com (Tukar dengan alamat blog Antum)<br /><br />Edit apa2 yang patut yer.. Kalau nak guna kod warna klik <a href="http://almansuqie-tips.blogspot.com/2008/11/mick-color-code.html" target="_blank">SINI</a>. Dah siap save.<br /><br />p/s : Pastikan Antum pilih <span style="color: rgb(51, 51, 255);">YES</span> pada <span style="color: rgb(255, 0, 0);">Settings</span> => <span style="color: rgb(255, 0, 0);">Site Feed</span> => <span style="color: rgb(255, 0, 0);">Full</span> => <span style="color: rgb(255, 0, 0);">Allow Blog Feeds</span>.<br /><br /><span style="font-size:78%;">Sumber Asli : <a href="http://bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html" target="_blank">Bloggertriks</a></span></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com11tag:blogger.com,1999:blog-5653550890629556617.post-87599547969375134622009-07-19T16:45:00.003+03:002009-07-19T16:53:52.899+03:00Memasang Email Form Pada Blog<div style="text-align: justify;"><bt>S</bt>atu laman yang berjudul EmailMe Form ini menyediakan satu layanan percuma untuk kita membuat emel form dan boleh disumbatkan kedalam blog atau web masing2. Untuk mudah difahami, sesiapa pun boleh menghantar sebarang maklumat ke emel kita terus dari blog. Contoh klik <a href="http://www.emailmeform.com/fid.php?formid=304329" target="_blank">SINI</a>. Boleh juga diletakkan terus formnya begini.. <span id="fullpost"><form method="post" action="http://www.emailmeform.com/fid.php?formid=328678" enctype="multipart/form-data" charset="UTF-8"><table bg="" style="color: rgb(255, 255, 255);" border="0" cellpadding="2" cellspacing="0"><tbody><tr><td><div id="mainmsg"><br /></div></td></tr></tbody></table><br /><table bg="" style="color: rgb(255, 255, 255);" border="0" cellpadding="2" cellspacing="0"><tbody><tr valign="top"> <td nowrap="nowrap"><span style="color: rgb(0, 0, 0);font-family:Verdana;font-size:85%;" >Your Name</span></td> <td><input name="FieldData0" size="30" type="text"> </td></tr><tr valign="top"> <td nowrap="nowrap"><span style="color: rgb(0, 0, 0);font-family:Verdana;font-size:85%;" >Your Email Address</span></td> <td><input name="FieldData1" size="30" type="text"> </td></tr><tr valign="top"> <td nowrap="nowrap"><span style="color: rgb(0, 0, 0);font-family:Verdana;font-size:85%;" >Subject</span></td> <td><input name="FieldData2" size="30" type="text"> </td></tr><tr valign="top"> <td nowrap="nowrap"><span style="color: rgb(0, 0, 0);font-family:Verdana;font-size:85%;" >Message</span></td> <td><textarea name="FieldData3" cols="40" rows="10"></textarea><br /></td></tr><tr valign="top"> <td nowrap="nowrap"><span style="color: rgb(0, 0, 0);font-family:Verdana;font-size:85%;" >Attachment</span></td> <td><input name="FieldData4" value="" size="40" type="file"> </td></tr><tr> <td colspan="2"><br /></td></tr><tr> <td><br /></td> <td align="right"><input name="hida2" value="" maxlength="100" size="3" style="display: none;" type="text"><input class="btn" value="Send email" name="Submit" type="submit"> <input class="btn" value=" Clear " name="Clear" type="reset"></td></tr><tr><td colspan="2" align="center"><br /></td></tr></tbody></table></form>Ini cara membuatnya.. Masuk kelaman <a href="http://www.emailmeform.com/" target="_blank">EmailMeForm</a> ini. Klik sign up for free disebelah kanan.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 390px; height: 158px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw5h_99nRcJy4oTYHt5lfqcxjreZnNTKY4UoUEwatplP_rSKaA9xtzQQl5jS5hyphenhyphenYPiUUOeTUnBwYbBDg7xI5QqD1o2fEpPJVnDNDgx7A1QAyItPwF65hI8NtrC1R5tExBnjVSgFqO6UmM/s400/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5359846884030858114" border="0" />Lengkapkan maklumat di ruangan seperti diatas. Dah siap, klik sign up dan kod pengaktifan akan dihantar ke emel Antum. Buka emel Antum dan aktifkannya.<br /><br />Setelah sign in. Klik Create New Form di halaman panel Antum.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 196px; height: 329px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMwdxR5ZeLZWbOW9ylN4apS5FavJRQO7u1RtS5Ymexe6R63mmRlljMa7uUAAMJ0Ia1yKyEW1YqN1pHRG4yYR808N3us42pIn9la-Uipqg1AT8JJy5Qhu6wxBvphgcx9Dmqvqc9BEFD-UfA/s400/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5359849434724945682" border="0" />Lengkapkan maklumat pada step pertama ini.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9wVynYA1Cxa6a036Q6-vpVBBTwvjRpRxCoYwxNZI6JzdJNo-6nhosUXZtiR90gormAQ7CXwPReYfrORSYid4jM3T7jnWl61BP7dNqQ8IDvo87Bu2UU-GgFCBxEmvVL_iCl-Y4gQxFEco/s1600-h/3.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 115px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9wVynYA1Cxa6a036Q6-vpVBBTwvjRpRxCoYwxNZI6JzdJNo-6nhosUXZtiR90gormAQ7CXwPReYfrORSYid4jM3T7jnWl61BP7dNqQ8IDvo87Bu2UU-GgFCBxEmvVL_iCl-Y4gQxFEco/s400/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5359851166598446322" border="0" /></a>Dah siap klik lagi next hingga selesai sampai step keenam.. Ana xdapat nak tunjuk satu2.kalau xfaham boleh tinggalkan komen yer..</span><br /><br /></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com52tag:blogger.com,1999:blog-5653550890629556617.post-47498901634216125332009-07-09T08:27:00.005+03:002009-07-11T13:23:14.262+03:00Hide/Show Elements Di Sidebar<div style="text-align: justify;"><bt>P</bt>ernah tengok expandable posting x? Contoh kat blog Ana yang ini <a href="http://almansuqie.blogspot.com/" target="_blank">AlmansuQie</a>. Cara membuatnya <a href="http://almansuqie-tips.blogspot.com/2008/11/membuat-baca-selanjutnya.html" target="_blank">disini</a>. Ok, kali ni kita nak buat hide/show widget pada sidebar pulak. Sekaligus dapat menjimatkan ruang. <a href="http://www.renjer06.blogspot.com/" target="_blank">Redhwan</a> ade tertanya2. Boleh juga gunakan cara ini untuk hide/show pautan.<span id="fullpost"><br /><br /><p class="blockquote"><a href="http://www.renjer06.blogspot.com/" target="_blank">Redhwan</a>: Assalamualaikum..Tanye sikit, macam mana nak buat pautan kita pada sidebar boleh expand dan collapse macam blog archive?</p><br />1. Pertama masuk ke Layout => Edit HTML dan tambahkan kod berikut selepas kod <span style="color: rgb(255, 0, 0);">]]></b:skin></span>.<br /><br /><p class="alert"><style type="text/css"><br />.texthidden {display:inline}<br />.shown {display:block}<br /></style><br /><script type="text/javascript"><br />document.write('<style>.texthidden {display:none} </style>');<br /></script><br /><script type="text/Javascript"><br />function expandcollapse (postid) {<br />whichpost = document.getElementById(postid);<br />if (whichpost.className=="shown") {<br />whichpost.className="texthidden";<br />}<br />else {<br />whichpost.className="shown";<br />}<br />}<br /></script></p><br />2. Klik save template dan selesai di bahagian ini. Pergi ke bahagian <span style="color: rgb(255, 0, 0);">page Elements</span> => <span style="color: rgb(255, 0, 0);">Add a Gadget</span> => <span style="color: rgb(255, 0, 0);">HTML/Javascript</span>. Tambah kod ni..<br /><br /><p class="alert"><ul><a href="javascript:void(0);" onclick="expandcollapse('<span style="color: rgb(51, 51, 255);">keyword</span>')"> <span style="color: rgb(204, 51, 204);">[+/-] Pautan</span></a></ul><br /><ul class="texthidden" id="<span style="color: rgb(51, 51, 255);">keyword</span>"><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://link.com</span>"><span style="color: rgb(255, 0, 0);">Link 1</span></a></li><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://link.com</span>"><span style="color: rgb(255, 0, 0);">Link 2</span></a></li><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://link.com</span>"><span style="color: rgb(255, 0, 0);">Link 3</span></a></li><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://link.com</span>"><span style="color: rgb(255, 0, 0);">Link 4</span></a></li><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://link.com</span>"><span style="color: rgb(255, 0, 0);">Link 5</span></a></li><br /></ul></p><br />4. Tukarkan link2 berwarna merah dengan link Antum yer.. Text biru mesti nama yang sama. Warna ungu boleh ditukar jadi perkataan atau gambar. Yang ni khas untuk pautan. Untuk sembunyikan widget pulak buat macam ni.<br /><br /><p class="alert"><ul><a href="javascript:void(0);" onclick="expandcollapse('<span style="color: rgb(51, 51, 255);">Cbox</span>')"> <span style="color: rgb(204, 51, 204);">[+/-] Kotak Jerit</span></a></ul><br /><ul class="texthidden" id="<span style="color: rgb(51, 51, 255);">Cbox</span>"><br /><span style="color: rgb(255, 0, 0);">...............kod cbox disini...............</span><br /><span style="color: rgb(255, 0, 0);">...............kod cbox disini...............</span></ul></p><br />5. Macam tu la jugak pada mana widget yer. Siap!! Selamat mencuba!!</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com7tag:blogger.com,1999:blog-5653550890629556617.post-90745517348807766812009-07-08T10:36:00.006+03:002009-07-08T11:32:33.890+03:00Cara Justify Text Di Sidebar<div style="text-align: justify;"><bt>B</bt>iasanya text2 yang ada disidebar akan berada di posisi kiri. Memang kurang menarik. Samada text menggunakan gadget <span style="color: rgb(255, 0, 0);">text</span>, <span style="color: rgb(255, 0, 0);">HTML/Javascript</span> atau <span style="color: rgb(255, 0, 0);">Bloglist</span>. Kita boleh justifykan text tersebut dengan beberapa cara. Ada 3 cara yang biasa Ana gunakan. Sebenarnya nak jawab soalan Man di Cbox ni..<span id="fullpost"><br /><br /><p class="blockquote"><a href="http://easyreadquran.blogspot.com/" target="_blank">man</a>: tuan, mcmana nk buat text yg kita create dlm gadget supaya center alignment atau justified? text nmpak xmnarik sbb tersandar sebelah kiri je...</p><br />Ok...kita boleh justify pada semua text di sidebar atau pada widget2 tertentu saja. Kalau nak justifykan semua, cari kod berikut dalam Edit HTML Antum.<br /><br /><p class="alert">.sidebar {<br />......<br />......<br /><span style="color: rgb(255, 0, 0);">text-align:justify;</span><br />}</p><br />Tambah saja kod merah seperti diatas.<br /><br />Kalau nak justifykan pada widget tertentu, boleh pilih 2 cara ni.<br /><br />Antum bukak Layout => Add a Gadget. Pilih HTML/Javascript atau Text. Masukkan kod merah seperti contoh dibawah.<br /><br /><p class="alert"><span style="color: rgb(255, 0, 0);"><div style="text-align: justify;"></span>The Al-Qur'an is fully Approved by THE MINISTRY OF HOME AFFAIRS MALAYSIA (KDN) with assistance from THE DEPARTMENT OF ISLAMIC DEVELOPMENT MALAYSIA (JAKIM)<br />(Ref. No. KDN.Q.03/914/2.3/Q/77/98)<span style="color: rgb(255, 0, 0);"></div></span></p><br />Cara kedua ni pening sikit yer..Kalau susah guna aje 2 cara diatas. Masuk ke Edit HTML dan cari id untuk widget text Antum.. Lihat contoh.<br /><br /><p class="alert"><b:widget id='<span style="color: rgb(255, 0, 0);">BlogList1</span>' locked='false' title='' type='BlogList'/><br /><b:widget id='<span style="color: rgb(51, 51, 255);">HTML2</span>' locked='false' title='Laman Pilihan' type='HTML'/><br /><b:widget id='<span style="color: rgb(204, 51, 204);">Text3</span>' locked='false' title='Hadis' type='Text'/></p><br />Text merah tu contoh id untuk BlogList Widget. Biru untuk id HTML/javascript. Ungu untuk gadget text.<br /><br />Jika sudah dikenalpasti widget yang ingin dijustifykan, tambah kod begini sebelum kod <span style="color: rgb(255, 0, 0);">]]></b:skin></span>.<br /><br /><p class="alert">#<span style="color: rgb(255, 0, 0);">BlogList1</span> {<br />text-align:justify;<br />}<br />atau<br /><br />#<span style="color: rgb(51, 51, 255);">HTML2</span> {<br />text-align:justify;<br />}<br />atau<br /><br />#<span style="color: rgb(204, 51, 204);">Text3</span> {<br />text-align:justify;<br />}</p><br /><br />Preview dan lihat hasilnya.. Kalu jadi save la.<br /><br />Ok selesai, harap membantu. Pilih mana2 cara yang mudah. Selamat mencuba!!</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com3tag:blogger.com,1999:blog-5653550890629556617.post-35865946228254972762009-07-07T02:29:00.005+03:002009-07-07T02:55:50.113+03:00Link Dibuka Dengan New Tab<div style="text-align: justify;"><bt>S</bt>ebarang link yang ditambah dalam blog kita samada dibahagian sidebar, posting, atau dimana saja adalah boleh dibuka dengan tab yang baru.. Dengan cara yang sangat mudah. Semudah mengupas kekacang.. Ok untuk yang belum tahu boleh rujuk cara ni yer..<span id="fullpost"><br /><br />Boleh gunakan salah satu kod dibawah.<br /><br /><p class="alert">1. <span style="color: rgb(255, 0, 0);">target="_blank"</span><br />2. <span style="color: rgb(255, 0, 0);">target="_new"</span></p><br />Caranya, tambah kod diatas tu pada akhir setiap alamat. Contoh dibawah.<br /><br /><p class="alert">1. <a href="http://almansuqie-tips.blogspot.com" <span style="color: rgb(255, 0, 0);">target="_blank"</span>><br />2. <a href="http://almansuqie-tips.blogspot.com" <span style="color: rgb(255, 0, 0);">target="_new"</span>></p><br />Tambah la kod tu kat mana2 je link yang kita nak bukakan di tab yang baru.. Kat tab vertikal pun boleh yer abang man.</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com12tag:blogger.com,1999:blog-5653550890629556617.post-2777323184484440572009-07-06T13:00:00.001+03:002009-07-06T17:30:06.947+03:00Request Tutorial & Pertanyaan Disini<div style="text-align: justify;"><bt>R</bt>uangan ini untuk sesapa yang nak mintak tunjuk ajar peribadi berkenaan blog masing2. Atau ada pertanyaan berkenaan kod HTML yang payah untuk Ana jelaskan di Cbox. Mana2 kod atau script yang berkaitan akan Ana post disini. Pertanyaan dari <a href="http://easyreadquran.blogspot.com/"target="_blank">Man</a>...Masalah pada menu vertikel..ade icon yang menghiasi.<span id="fullpost"><br /><br /><p class="blockquote"><a href="http://easyreadquran.blogspot.com/" target="_blank">Man</a>: tuan, tolong saya buat menu tab vertical...dah copy paste tp ada prob skit dgn display dkt blog...easyreadquran.blogspot.com...tq.</p><br />Cari kod ni dalam template kamu Man...<br /><br /><p class="alert">.sidebar ul li {<br /><span style="color: rgb(255, 0, 0);">list-style: disc url(http://www.blogblog.com/moto_son/diamond.gif) inside;</span><br />vertical-align: top;<br />padding: 0;<br />margin: 0;<br />}</p><br />Delete kod berwarna merah..Insyaallah akan hilang icon tu..<br /><br /><p class="blockquote"><a href="http://www.kamsiah-yusoff.blogspot.com/" target="_blank">kamsiah</a>: salam...akak nak tanya,boleh ke akak 'hilangkan' link tab yg dah disediakn kat tempalte akak..kalau boleh camner caranya?</p><br />Ok kak.. buang salah satu dari kod berikut..<br /><br /><p class="alert">-------------tab akak yang atas------------------<br /><br /><div id='NavbarMenu'><br /><div id='NavbarMenuleft'><br /><ul id='nav'><br /><li><a href='http://kamsiah-yusoff.blogspot.com/'>Home</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/feeds/posts/default'>Posts RSS</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/feeds/comments/default'>Comments RSS</a></li><br /><li><a href='#'>Edit</a></li><br /></ul><br /></div><br /><div id='NavbarMenuright'><br /><br /><div id='search'><br /><form action='/search' id='searchform' method='get'><br /><input id='s' name='q' type='text' value=''/><br /><input id='searchsubmit' type='submit' value='Search'/><br /></form><br /></div><br /></div><br /></div><br /><br />-------------------Ni UNTUK TAB YANG BAWAH---------------------<br /><br /><div style='clear:both;'></div><br /><div id='outer-wrapper'><div id='wrap2'><br /><div id='content-wrapper'><br /><div id='navigation'><br /><ul><br /><li class='selected'><a href='http://kamsiah-yusoff.blogspot.com'>Home</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/2008/03/awards.html'>Awards and Gift</a></li><br /><br /><li><a href='http://kamsiah-yusoff.blogspot.com/2008/03/photo.html'>Photo's Gallery</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/2009/03/resepi.html'>My Recepies</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/2008/03/hobi.html'>Hobbies</a></li><br /><li><a href='http://kamsiah-yusoff.blogspot.com/2008/03/buku.html'>My Books</a></li><br /><li><a href='http://friendster.com/kamsiah70'>My Friendster</a></li><br /></ul><br /></div></p><br />Kalau xnak dua2 delete je seme kod tu</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com38tag:blogger.com,1999:blog-5653550890629556617.post-41300033576207830392009-07-03T04:34:00.003+03:002009-07-30T06:41:57.072+03:00Blog² Pilihan AlmansuQie™<div style="text-align: justify;"><img style="margin: 0pt 0pt 2px 10px; float: right; cursor: pointer; width: 80px; height: 80px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYJhsKs9UQAksPwbwHat-pKFgP9VbU2nYwkEsPJLH3iQeKIqEXYLPa9bEgAKifpsotn5JIJhTAEWHnw5rWvEugtWMSXd74bddPOOKwcSsGFL5o-dS_C4uqFfmoQHN8yhEzVjqenPuApd7j/s200/join.gif" alt="" id="BLOGGER_PHOTO_ID_5349061786213769522" border="0" /><bt>A</bt>ssalamualaikum semua.. Ruangan Blog Terpilih dibahagian bawah akan digantikan dengan widget lain tidak lama lagi.. Semua link2 sahabat akan di letakkan dalam posting ini sekaligus jadi Blogroll Ana. Sesape yang 'link'kan Ana di blognya saja akan tersenarai. Jadi, bagi sahabat2 yang sudah menge'link'kan Ana dan tidak tersenarai, sila tinggalkan alamatnya di ruangan komentar yer.<br /></div><br /><span style="color: rgb(204, 51, 204);font-size:180%;" >Ikhwah</span><br /><img src="http://tiny.cc/UFDFm"><a href="http://hafizaiman95.blogspot.com/" target="_blank">Hafiz Aiman</a><img src="http://tiny.cc/UFDFm"><a href="http://arab2u.blogspot.com/" target="_blank">Ust Amir</a><img src="http://tiny.cc/UFDFm"><a href="http://afais.blogspot.com/" target="_blank">Fairuz Alex</a><img src="http://tiny.cc/UFDFm"><a href="http://al-aman.blogspot.com/" target="_blank">Al Aman</a><img src="http://tiny.cc/UFDFm"><a href="http://storyoftheotherrealme.blogspot.com/" target="_blank">Nuruddin Ray</a><img src="http://tiny.cc/UFDFm"><a href="http://zulikhwan.via.my/" target="_blank">Zul Ikhwan</a><img src="http://tiny.cc/UFDFm"><a href="http://sautulqalbii.blogspot.com"target="_blank">Abu Sout</a><img src="http://tiny.cc/UFDFm"><a href="http://syekhulislam.blogspot.com/" target="_blank">Syekhul Islam</a><img src="http://tiny.cc/UFDFm"><a href="http://www.lubukzai.com/" target="_blank">Lubuk Zai</a><img src="http://tiny.cc/UFDFm"><a href="http://abihanan.blogspot.com/" target="_blank">Mustakim Alex</a><img src="http://tiny.cc/UFDFm"><a href="http://syamsulbrutals.blogspot.com/" target="_blank">Syamsul</a><img src="http://tiny.cc/UFDFm"><a href="http://www.kedaibestari.blogspot.com/" target="_blank">Kedai Bestari</a><img src="http://tiny.cc/UFDFm"><a href="http://www.kembaramursyid.blogspot.com/" target="_blank">KembaraMursyid</a><img src="http://tiny.cc/UFDFm"><a href="http://terataionline.blogspot.com/" target="_blank">TerataiOnline</a><img src="http://tiny.cc/UFDFm"><a href="http://munauzaattakiri.blogspot.com/" target="_blank">Jiwa Terasing</a><img src="http://tiny.cc/UFDFm"><a href="http://serbanhijau.blogspot.com/" target="_blank">Datuk Sir</a><img src="http://tiny.cc/UFDFm"><a href="http://ranumsetia.blogspot.com/" target="_blank">Sana-Sini Blog</a><img src="http://tiny.cc/UFDFm"><a href="http://hijau-putih.blogspot.com/" target="_blank">Farhan Rais</a><img src="http://tiny.cc/UFDFm"><a href="http://generasimuallimin.blogspot.com/" target="_blank">Ridzuan AlKindy</a><img src="http://tiny.cc/UFDFm"><a href="http://wanhanafi.blogspot.com/" target="_blank">Wan Hanafi</a><br /><br /><span style="color: rgb(204, 51, 204);font-size:180%;" >Akhawat</span><br /><img src="http://tiny.cc/UFDFm"><a href="http://ummihumaira.blogspot.com/"target="_blank">Ummi Humaira</a><img src="http://tiny.cc/UFDFm"><a href="http://haryanies.blogspot.com/" target="_blank">Haryanies</a><img src="http://tiny.cc/UFDFm"><a href="http://serikandisufiey.blogspot.com/" target="_blank">Green Heart</a><img src="http://tiny.cc/UFDFm"><a href="http://www.aisyahulya.blogspot.com/" target="_blank">Aisyah Ulya</a><img src="http://tiny.cc/UFDFm"><a href="http://pixylala.blogspot.com/" target="_blank">Mis Ziera</a><img src="http://tiny.cc/UFDFm"><a href="http://hidayahlela.blogspot.com/" target="_blank">Koleksi Hidayah</a><img src="http://tiny.cc/UFDFm"><a href="http://umusyeda.blogspot.com/" target="_blank">Mujahidah Asrar</a><img src="http://tiny.cc/UFDFm"><a href="http://www.tinta-aisya.blogspot.com/" target="_blank">Tinta Aisya</a><img src="http://tiny.cc/UFDFm"><a href="http://penatpilih.blogspot.com/" target="_blank">Nur Ilham</a><img src="http://tiny.cc/UFDFm"><a href="http://izzmarzuki.blogspot.com/" target="_blank">Kak Izzah</a><img src="http://tiny.cc/UFDFm"><a href="http://kak-awwa.blogspot.com/" target="_blank">Kak Awwa</a><img src="http://tiny.cc/UFDFm"><a href="http://adihasy.blogspot.com/" target="_blank">Madihays</a><img src="http://tiny.cc/UFDFm"><a href="http://akal-fikiran.blogspot.com/"target="_blank">Uwais Alqarnain</a><img src="http://tiny.cc/UFDFm"><a href="http://cahyamardhiah.blogspot.com/" target="_blank">Cahaya Mardhiah</a><img src="http://tiny.cc/UFDFm"><a href="http://syauqah-wardah89.blogspot.com/" target="_blank">SyauQah Wardah</a><img src="http://tiny.cc/UFDFm"><a href="http://zanariahmohdnasir.blogspot.com/" target="_blank">Miss Zana</a><img src="http://tiny.cc/UFDFm"><a href="http://bebasterbangmelayang.blogspot.com/" target="_blank">Kak Tie</a><img src="http://tiny.cc/UFDFm"><a href="http://learningbioisfun.blogspot.com/" target="_blank">Kak Zurainy</a><img src="http://tiny.cc/UFDFm"><a href="http://bahiyahbakar.blogspot.com/" target="_blank">Bahiyah</a><img src="http://tiny.cc/UFDFm"><a href="http://masyithahrazali.blogspot.com/" target="_blank">Masyitah</a><img src="http://tiny.cc/UFDFm"><a href="http://afzanur.blogspot.com/" target="_blank">Afzanur</a><img src="http://tiny.cc/UFDFm"><a href="http://ainnurfarihah.blogspot.com/" target="_blank">Ainur Farihah</a><img src="http://tiny.cc/UFDFm"><a href="http://qurainie.blogspot.com/" target="_blank">Qurainie</a><img src="http://tiny.cc/UFDFm"><a href="http://ustazahcyber.blogspot.com/" target="_blank">Ummu Naielah</a><img src="http://tiny.cc/UFDFm"><a href="http://funmuffin.blogspot.com/" target="_blank">Farah Deeba</a><img src="http://tiny.cc/UFDFm"><a href="http://zimilekedah.blogspot.com/" target="_blank">MamaQaypo</a><img src="http://tiny.cc/UFDFm"><a href="http://abidsakina.blogspot.com/" target="_blank">Nurul Aiman</a><img src="http://tiny.cc/UFDFm"><a href="http://anissmyloveina.blogspot.com/" target="_blank">Bintu Hasan</a><br /><br /><span style="font-size:180%;"><span style="color: rgb(204, 51, 204);">Pendidikan</span></span><br /><img src="http://tiny.cc/UFDFm"><a href="http://cinta1315.wordpress.com/" target="_blank">Cikgu Maz</a><img src="http://tiny.cc/UFDFm"><a href="http://pkgrembaunsdk.blogspot.com"target="_blank">PKG Rembau</a><img src="http://tiny.cc/UFDFm"><a href="http://labsksk.blogspot.com/"target="_blank">Cikgu Dee</a><img src="http://tiny.cc/UFDFm"><a href="http://cikgu-nizam.blogspot.com/" target="_blank">Cikgu Nizam</a><img src="http://tiny.cc/UFDFm"><a href="http://www.darulquran.gov.my/" target="_blank">Darul Quran KKB</a><img src="http://tiny.cc/UFDFm"><a href="http://ikatanhuffazbersaudara.blogspot.com/" target="_blank">I-Hub Darul Quran</a><img src="http://tiny.cc/UFDFm"><a href="http://pkgpilah@blogspot.com/" target="_blank">PKG Kuala Pilah</a><img src="http://tiny.cc/UFDFm"><a href="http://ppikpab.blogspot.com/" target="_blank">PPIKPAB</a><img src="http://tiny.cc/UFDFm"><a href="http://pkgjohol.blogspot.com/" target="_blank">PKG Johol</a><img src="http://tiny.cc/UFDFm"><a href="http://www.cikguazleen.com/" target="_blank">Cikgu Azleen</a><img src="http://tiny.cc/UFDFm"><a href="http://doaharian.blogspot.com/" target="_blank">Doa Harian</a><img src="http://tiny.cc/UFDFm"><a href="http://pondokdarussalam.blogspot.com/" target="_blank">Pondok Dar Salam</a><img src="http://tiny.cc/UFDFm"><a href="http://malqlaloh.blogspot.com/" target="_blank">Maahad Ansori</a><img src="http://tiny.cc/UFDFm"><a href="http://skbandartua.blogspot.com/" target="_blank">SK Bandar Tua</a><img src="http://tiny.cc/UFDFm"><a href="http://ppikpab.blogspot.com/" target="_blank">PPIKPAB</a><br /><br /><span style="color: rgb(204, 51, 204);font-size:180%;" >All For Blog</span><br /><img src="http://tiny.cc/UFDFm"><a href="http://www.tiny.cc/" target="_blank">Tiny Url</a><img src="http://tiny.cc/UFDFm"><a href="http://www.graphicsarcade.com/backgrounds/" target="_blank">Graphics Arcade</a><img src="http://tiny.cc/UFDFm"><a href="http://www.bigoo.ws/" target="_blank">Bigoo.ws</a><img src="http://tiny.cc/UFDFm"><a href="http://www.myem0.com/" target="_blank">Emoticon</a><img src="http://tiny.cc/UFDFm"><a href="http://adiwidget.blogspot.com/" target="_blank">AdiWidget™</a><img src="http://tiny.cc/UFDFm"><a href="http://www.widgetbox.com/widget/contact-emailer-version3-rajwidgetbox" target="_blank">Contact Emailer</a><img src="http://tiny.cc/UFDFm"><a href="http://www.flashvortex.com/" target="_blank">Flash Vortex</a><img src="http://tiny.cc/UFDFm"><a href="http://www.myhibah.tk/" target="_blank">My Hibah</a><br /><br /><span style="color: rgb(204, 51, 204);font-size:180%;" >Peribadi</span><br /><img src="http://tiny.cc/UFDFm"><a href="http://shoubrawie.blogspot.com/" target="_blank">Shoubrawi</a><img src="http://tiny.cc/UFDFm"><a href="http://kembara-sufie.blogspot.com/" target="_blank">Kembara Sufie</a><img src="http://tiny.cc/UFDFm"><a href="http://pibgsrasu.blogspot.com/" target="_blank">PIBGSRASU</a><img src="http://tiny.cc/UFDFm"><a href="http://umrahbestari.blogspot.com/" target="_blank">Umrah Bestari</a><img src="http://tiny.cc/UFDFm"><a href="http://alhuzaifie.blogspot.com/" target="_blank">Huzaifah Rifaie</a><img src="http://tiny.cc/UFDFm"><a href="http://ummu-rifaie.blogspot.com/" target="_blank">Ummu Rifaie</a><img src="http://tiny.cc/UFDFm"><a href="http://ez-zehra.blogspot.com/" target="_blank">Fatimah</a><img src="http://tiny.cc/UFDFm"><a href="http://villa-kasturi.blogspot.com/" target="_blank">Villa Kasturi</a>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com73tag:blogger.com,1999:blog-5653550890629556617.post-57316165244392592112009-07-01T10:47:00.000+03:002009-07-03T08:09:43.190+03:00Mengetahui Tahap Keberatan Blog<div style="text-align: justify;"><bt>G</bt>hairah untuk menghiasi dan mencantikkan blog. Apa yang menarik dan cantik mesti nak disumbatkan ke dalam blog. Tanpa disedari blog kita semakin berat loadingnya. Bila dah berat orang pun xnak datang blog kita lagi. Sape yang rugi kan.. kita ngn blog kita jugak...<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/29.gif" alt="29" title="29" /><span id="fullpost"><br /><br />Ok kat bawah ni ade bendalah yang boleh kita guna untuk mengetahui saiz blog kita dan tahap kecepatan loadingnya. Mudah je nak guna bendalah ni, cuma masukkan alamat blog atau web dah klik check.. Hasilnya akan muncul dibawah. Perhatikan "<span style="color: rgb(255, 0, 0);">Saiz</span>" blog Antum tu.. "<span style="color: rgb(255, 0, 0);">Load Time</span>" dan "<span style="color: rgb(255, 0, 0);">Avarege Speed per KB</span>" akan berubah2.<br /><br />Kalau saiz blog tu melebihi 150 kb, cuba la usaha untuk kecilkannya. Kasi buang aje widget2 yang kurang manfaatnya tu. Seperti jam, kalendar, animasi, dan sebagainyala. Dan paling penting jumlah posting yang dipaparkan tidak melebihi 7. Ok jom uji test..<!-- iWEBTOOL - www.iwebtool.com - Website Speed Test --><br /><br /><form method="get" name="pageform" action="http://www.iwebtool.com/tool/tools/speed_test/speed_test.php" target="pageframe" onsubmit="return validate(this);"><br /><br /><table style="border-collapse: collapse;" border="0" width="100%"><tbody><tr><td valign="top" height="91"><table class="tooltop" style="border-collapse: collapse;" width="100%" height="76"><tbody><tr><td><table style="border-collapse: collapse;" border="0" cellspacing="5" width="100%"><tbody><tr><td colspan="5" valign="top"><b><span style="font-size:85%;">Masukkan Alamat Web/Blog (Maksima 10)</span></b></td></tr><tr><td colspan="4" valign="top"><textarea rows="11" name="domain" style="width: 100%;"></textarea></td><td> </td></tr><tr><td><input value="Check!" style="float: left;" type="submit"></td><td><span style="font-size:78%;">(contoh: almansuqie-tips.blogspot.com)</span></td><td> </td><td colspan="2"> </td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td><iframe name="pageframe" class="toolbot" width="100%" frameborder="0" height="251"></iframe><br /></td></tr><tr><td height="39"> </td></tr></tbody></table></form></span><span id="fullpost"></span><span id="fullpost"></span><span id="fullpost"></span><span id="fullpost"><br /><br /><br /><script language="JavaScript"><br /><br />function validate(theform) {<br /><br />if (theform.domain.value == "") { alert("No domain provided"); return false; }<br /><br />return true;<br /><br />}<br /><br /></script><p><a href="http://www.iwebtool.com/" target="_blank"><span style="font-size:78%;">Powered by iWEBTOOL</span></a></p><!-- iWEBTOOL - www.iwebtool.com - Website Speed Test --><br /> </span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com17tag:blogger.com,1999:blog-5653550890629556617.post-9115202187133115202009-06-30T05:19:00.007+03:002009-06-30T09:46:10.575+03:00Cenderahati Buat Semua Follower<div style="text-align: justify;"><bt>S</bt>emalam berniat nak kasi hadiah kat follower blog ni yang ke-seratus.. Sebelum tu Ana ucapkan Terima kasih pada seme follower ye. Tanpa Antum siapala AlmansuQie ini.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/5.gif" alt="05" title="05" /> Ok follower kita yang bertuah ni Ana nak kasi ape yer. Nak bagi gift jauhla plak.<span id="fullpost"> Ana rasa baik kita kenali yang keseratus ni.. Hadiah Review bolehla kan?<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif" alt="04" title="04" /><br /><br />Namanya Noorashikin Binti Uyub. Tajuk blog TamanLamanku. Mem'famours'kan dirinya dengan nikname Ekino.. Mula2 Ana ingat orang jepun mana sesat masuk blog ni, sekali Melayu la plak<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/10.gif" alt="10" title="10" /> Boleh baca profile lengkapnya <a href="http://tamanceritera.blogspot.com/2009/02/about-me.html"target="_blank">Disini</a>.<br /><br />Kenapa Ana rasa nak review blog Ekino ni?<br /><br />Pertama.. Blognya memang colorfull abis. Dihiasi dengan 3 warna utama, hijau, pink dan putih. Warna yang menyejukkan mataku ini. Ana memang suka blog yang colorfull dan berwarna cerah. Kalau warna gelap mataku akan kabur.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/43.gif" alt="43" title="43" /> Maklumla dah semakin tua ni. Templatenye direka oleh <a href="http://mydarlingwonderland.via.my/"target="_blank">julietANNA</a>.<br /><br />Terus apa lagi ya.. Ok blog ni boleh dikategorikan sebagai blog peribadila. Nak tau lebih pila sana na.. <a href="http://tamanceritera.blogspot.com/"target="_blank">Ekino</a>.<br /><br />Ok yang last. Ape kurengnya.. Blog ni ade pasang soundtrack. Ini hanya pandangan Ana. Lagu pada blog hanya akan buatkan pengunjung lari, termasuk Ana sendiri. Ana suka buka banyak blog dalam satu masa, pakai speaker luar pulak tu, mana blog yang bernyanyian tu mesti Ana close tanpa sempat baca. Tak jadi nak jalan2. Bayangkan kalau 5 blog dengan lagu masing2. <img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/headache2.gif" alt="48" title="48" />boleh pusing kan. hehe.. Ini hanya pandangan, kalau tuan blog selesa dengan semua tu, terpulangla kan, dah memang blog die.<br /><br />Sampai sini saja. Antum boleh kunjung ke blog Ekino untuk melihat secara life. Ok.. ni gift untuk semua Follower Ana. Harap sudi terima. Ini hasil photoshop dalam keadaan kelam kabut. Sekodar jela ek. Tapi kalau memberatkan blog Antum, xpayahla amik yer. <br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnBuavBm2tff_bZRb736KgBevDnihj1ti9yetiGk1dr5IPv4PbeQ7xMlBf4FqnFUp_U_r_odvev6q0FmGqgVetSunRYLO9fhM6Rx6IcuxxXcr0j92R795FLcf8uMYkZKBBheoQlOG34n1/s1600-h/Nice.gif"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 199px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnBuavBm2tff_bZRb736KgBevDnihj1ti9yetiGk1dr5IPv4PbeQ7xMlBf4FqnFUp_U_r_odvev6q0FmGqgVetSunRYLO9fhM6Rx6IcuxxXcr0j92R795FLcf8uMYkZKBBheoQlOG34n1/s200/Nice.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5353004155747126578" /></a><br /></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com3tag:blogger.com,1999:blog-5653550890629556617.post-2456043393677101762009-06-24T19:11:00.005+03:002009-06-24T19:48:50.795+03:00Cara Membuat Banner Di Blog<div style="text-align: justify;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FSADc3sOFblCOf1-wAkAAAOSlEaldQolbaBnQxSTyc2bRZQ3EWydNxS7aXzzJii6s0icrtumWN41DgCI8oi834mM6niAHUz7BZwI8_MaahyphenhyphenYDZrjlkn-W5QELlfkelhnPihR4VrqZhGv/s1600-h/images.jpeg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 100px; height: 130px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_FSADc3sOFblCOf1-wAkAAAOSlEaldQolbaBnQxSTyc2bRZQ3EWydNxS7aXzzJii6s0icrtumWN41DgCI8oi834mM6niAHUz7BZwI8_MaahyphenhyphenYDZrjlkn-W5QELlfkelhnPihR4VrqZhGv/s200/images.jpeg" alt="" id="BLOGGER_PHOTO_ID_5350935921593964978" border="0" /></a><bt>E</bt>ntri kali bukanla tutorial atau trik yer. Sekadar ingin menjelaskan saja. Ramai gak yang tanya cara nak buat Banner ni. Ponin den dibuatnye. Ok untuk buat banner ni senang la bagi orang yang berotak kreatif dan <span id="fullpost">mahir dalam rekabentuk grafik juga menggunakan software yang power2 la. Ana pula, yang kurang kreatif ni hanya bemula dengan <span style="color: rgb(51, 51, 255);">Adobe Photoshop 7</span>, pastu <span style="color: rgb(51, 51, 255);">CS3</span> dan sekarang <span style="color: rgb(51, 51, 255);">CS4</span> untuk menghasilkan sebarang banner dan grafik.<br /><br />Ana rasa masih ramai yang tak tahu apekebenda adobe photoshop ni. Memang susah nak jelaskan dan mengajar adobe di ruangan ini. Ana dulu pun bertalaqqi dengan guru2 adobe dari Shoubra berkenaan cara2 asas menggunakan photoshop ni. Sampai sekarang xpandai2 lagi.<br /><br />Bagi yang sudah ada software photoshop ni, boleh la cari tutorial berkenaan dengannya. Banyak sangat.. Ana cadangkan cari tutorial dari youtube kerana mudah difahami lebih jelas melalui video. Klik <a style="color: rgb(255, 0, 0);" href="http://www.youtube.com/watch?v=Pvq8Ia16NmE" target="_blank">SINI</a> untuk lihat contoh tutorial dari youtube.<br /><br />Selesai berkenaan adobe. Ana cuba cari laman yang menyediakan layanan membuat banner ni. Jumpa la satu dan ini Ana rasa yang terbaik. Antum boleh cuba membuat sebarang banner dengan ukuran pelbagai di <a style="color: rgb(255, 0, 0);" href="http://bannerfans.com/banner_maker.php" target="_blank">Banner Fans</a> ini. Harap dapat membantu.<br /><br />Untuk menghasilkan Button rujuk <a style="color: rgb(255, 0, 0);" href="http://almansuqie-tips.blogspot.com/2009/03/cara-membuat-brilliant-button.html">SINI</a><br /><br />Wallahua'lam.</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com6tag:blogger.com,1999:blog-5653550890629556617.post-60561558541353799492009-06-24T03:51:00.010+03:002009-06-24T04:27:31.841+03:00Disable Sesetengah Komen Pada Post<div style="text-align: justify;"><bt>U</bt>ntuk pengetahuan pada yang belum tahu, sebenarnya kita boleh disable mana2 komen pada sesuatu post tanpa menjejaskan komen pada post2 yang lain. Mungkin ramai yang sudah tahu caranya. Kekadang kita menulis sesuatu entry tanpa mahukan sebarang reaksi dari pembaca.<span id="fullpost"> Ade ke orang yang xnak dikomen artikelnye???<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/39.gif" alt="39" title="39" /> Adela kot.. Kalau x nape blogger menyediakan kemudahan ini.<br /><br />Ok caranya yang tersangat mudah. Pada ruangan post editor, klik Post Option. Sebaris je dengan ruangan menulis label. Boleh lihat screenshoot dibawah.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDjYdKwipvYxV3jrDRP13Wysu1tt1x6xAMJIg_vq7MZuhfu0kvsjJCR7O4jIOajaIEeiV-eE6UqyEKZbhVQ7LC00OdgrgOHpyZubhEFFd-SJ2d9YkK5FaeO2CxK2aHj51z3tju86IvQCnZ/s1600-h/post.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 200px; height: 70px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDjYdKwipvYxV3jrDRP13Wysu1tt1x6xAMJIg_vq7MZuhfu0kvsjJCR7O4jIOajaIEeiV-eE6UqyEKZbhVQ7LC00OdgrgOHpyZubhEFFd-SJ2d9YkK5FaeO2CxK2aHj51z3tju86IvQCnZ/s200/post.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5350699545114362018" /></a>Pilih Don't allow untuk disable. Show existing tu tuk paparkan komen2 yang dah ade. Kalau xnak paparkan semuanya klik yang bawah sekali. Ok... Siap</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com0tag:blogger.com,1999:blog-5653550890629556617.post-7610260273705504052009-06-21T18:36:00.008+03:002009-06-22T05:20:11.525+03:00Mengubah Saiz Lebar Colom<div style="text-align: justify;"><img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 100px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOJHIdikv57rgC3h0i6wgrYojyLfdu_QgKCt_h0q8UpmAVmHOJlzB2MrrvUh8CJ4fvFcJBUPS6GHp6gaPRwE1rZhRSt__RO4Ho-YK-Fvue17tnCo_fSo5Iweso_Y9mFDklrPPz9_cT2m26/s200/free_mambo_template-b.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5349969899003843138" /><bt>C</bt>erita pasal template ni.. Ada yang tanya macam mana nak ubah saiz colom yang ada dalam template kita? Untuk kali ini Ana akan cuba bagi tips yang mudah tapi pening. <img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif" alt="04" title="04" /><span id="fullpost">Sekaligus dapat menambah kefahaman kita berkenaan kod CSS. Walaupun Ana sendiri xtau ape tu CSS.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif" alt="04" title="04" /> Untuk pengetahuan, sebenarnya mana2 template yang kita download dan gunakannya boleh diubah saiz dan bentuknya, warna juga gayanya. Makna kata boleh ubah dari sebuah pondok usang menjadi banglow mewah!<br /><br />Ok kekadang ade template cantik yang kita guna tapi saiz colom tidak memuaskan hati kita. Untuk itu, lihat caranya. Ini kod bagi colom di blog yang tersedia pada template Minima.<br /><br /><p class="alert">#header-wrapper {<br /><span style="color: rgb(255, 0, 0);">width:900px;</span><br />margin:0 auto 10px;<br />border:1px solid $bordercolor;<br />}<br />#outer-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 900px;</span><br />margin:0 auto;<br />padding:10px;<br />text-align:justify;<br />font: $bodyfont;<br />}<br />#main-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 435px;</span><br />margin-left: 20px;<br />margin-right: 20px;<br />float: left;<br />}<br />#sidebar-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 220px;</span><br />float: right;<br />}<br />#newsidebar-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 200px;</span><br />float: left;<br />}<br />#footer-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 900px;</span><br />margin:0 auto;<br />padding:10px;<br />text-align:justify;<br />font: $bodyfont;<br />}</p><br />Kod2 merah adalah lebar setiap colom tersebut. Ana terangkan lebih lanjut. Bersedia untuk pening..<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/headache2.gif" alt="48" title="48" /><br /><br />1. Pertama, kod <span style="font-weight: bold;">header</span> dan <span style="font-weight: bold;">outer</span> ini.<br /><br /><p class="alert">#header-wrapper {<br /><span style="color: rgb(255, 0, 0);">width:900px;</span><br />margin:0 auto 10px;<br />border:1px solid $bordercolor;<br />}<br /><br />#outer-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 900px;</span><br />margin:0 auto;<br />padding:10px;<br />font: $bodyfont;<br />}</p><br />Ok sekarang size <span style="font-weight: bold;">header</span> kita adalah 900px. Juga saiz <span style="font-weight: bold;">outer</span>. <span style="font-weight: bold;">Outer</span> ni kita xnampak sebenarnya. Die ni kotak yang merangkumi <span style="font-weight: bold;">main wrapper</span> dan <span style="font-weight: bold;">sidebar</span>. Jika kita ingin mengubah lebar <span style="font-weight: bold;">header</span>, <span style="font-weight: bold;">outer</span> juga wajib diubah. Biasanya saiz kedua ni mesti sama.<br /><br />2. Seterusnya pada bahagian <span style="font-weight: bold;">Main Wrapper</span> dan <span style="font-weight: bold;">Sidebar</span>. Ana gabungkan keduanya untuk mudah difahami.<br /><br /><p class="alert">#main-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 435px;</span><br />margin-left: 20px;<br />margin-right: 20px;<br />float: left;<br />}<br />#sidebar-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 220px;</span><br />float: right;<br />}<br />#newsidebar-wrapper {<br /><span style="color: rgb(255, 0, 0);">width: 200px;</span><br />float: left;<br />}</p><br /><span style="font-weight: bold;">Main wrapper</span> ni adalah kotak untuk posting kita. Dengan saiz 435. <span style="font-weight: bold;">Sidebar</span> adalah kotak samada dikiri atau kanan. Jika kita mahu mengubah saiz <span style="font-weight: bold;">sidebar</span>, maka saiz <span style="font-weight: bold;">main wrap</span> juga mesti diubah.<br /><br />Contoh: Dengan lebar <span style="font-weight: bold;">header</span> dan <span style="font-weight: bold;">outer</span> 900px. kita ingin membesarkan colom <span style="font-weight: bold;">main</span>/posting dengan 520px. Maka kita mesti mengecilkan saiz <span style="font-weight: bold;">sidebar</span> sedia ada kepada 150px atau bla bla.. Begitu juga sebaliknya. Jika <span style="font-weight: bold;">sidebar</span> dibesarkan, maka saiz <span style="font-weight: bold;">main</span>/post mesti ditambah nilainya.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/40.gif" alt="40" title="40" /> Penatnye nak wat teori ni..<br /><br />Begitula pada mana2 bahagian pun. Harap xpening lagi.<br /><br />Tambahan: kod <span style="font-weight: bold;">margin</span>. Adalah kod untuk jarak satu colom dengan yg lain. Boleh diubah begini.<br /><br /><p class="alert">margin:10px; (jarak kiri kanan atas bawah adalah 10px)<br />margin-left:5px; (jarak kiri saja 5px)<br />margin-right:5px; (jarak kanan saja 5px)<br />margin-top:5px; (jarak atas saja 5px)<br />margin-bottom:5px; (jarak bawah saja 5px)</p><br />Sekian unutuk kali ini.. Selamat Mencuba..</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com13tag:blogger.com,1999:blog-5653550890629556617.post-87877859158867904122009-06-14T14:46:00.009+03:002009-06-29T06:02:25.129+03:00Ubahsuai Penampilan Cbox Anda<div style="text-align: justify;"><bt>S</bt>ebelum ini Ana ada buat tutorial berkenaan <a href="http://almansuqie-tips.blogspot.com/2009/02/cara-memasang-chat-box.html" terget="_blank">Cara Memasang Cbox</a> pada blog. Untuk kali ini, Ana akan cuba memberi sedikit sentuhan untuk mencantikkan lagi <a href="http://cbox.ws/index.php">Cbox</a> kita agar tidak terlalu suram dan memboringkan..<br /><br />1. Ok perkara pertama yang perlu kita utamakan adalah warna Cbox kita.<span id="fullpost"> Kalau boleh kasi masyuk dengan warna template kita. Banyak yang Ana jumpa masih menggunakan warna default, blue classic! Ok untuk tukar warna klik <span style="color: rgb(255, 0, 0);">Look & Feel</span> => <span style="color: rgb(255, 0, 0);">Edit Style</span> pada akaun Cbox Antum. Cuba suaikan warna cbox Antum dibahagian ini.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 180px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidRajfCzb8uElc0qeN4kLqzVXxD6eql9J4Vorpu3wwibinjUS8dHHcTvl8v1_n_KNMdKFP7hZOePT5iSP8_-n46QxiXg1HGXU_dPGribmlvjkuD4o1VlulKQlvmU4VleYIJ9z25kEpXeQU/s400/3.jpg" alt="" id="BLOGGER_PHOTO_ID_5347152032571425938" border="0" />Dah berpuas hati klik butang Apply dan siap.<br /><br />2. Seterusnya menggantikan Smiley sedia ada dengan yang lebih menarik.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 124px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBuFYm1j-mJbGJsP0AnaWJIYD1FPbkF9qfFWugsIx5-x1ng46GDY7kH7sEOwoE_sHKKOuBGKlIZIXA-X1OLJkiZo76Zp8zAGk_2whRxdZjiikAFH4-mPIwyGsRUBYOWJYi8d1Eq7NSoEae/s400/2.jpg" alt="" id="BLOGGER_PHOTO_ID_5347152032721329730" border="0" />Klik <span style="color: rgb(255, 0, 0);">Options</span> => <span style="color: rgb(255, 0, 0);">Smilies</span>. Delete smilies yang lama tu kalau xminat. pastu ganti dengan link yang baru. Untuk smilies YM9 guna link ini. Cuma tukar nombornya saja untuk smilies yg lain.<br /><br /><p class="alert">http://i302.photobucket.com/albums/nn113/aburifaie/smiley/1.gif</p><br />Lihat Contoh Ini:<br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 78px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWH4YmqByLUxKq0hGhqDf5_CH1Kj6FMmV87K350pWR2npxEcx-rx29h3sS3OpU6wuiJr9_Bs_TcbNu5OEix59byBnTLqS2HoOmOh3ns4SZ7GE-NIbdha17HbOo5WQ6pr5Yv0WMg4_XvXVk/s400/5.jpg" alt="" id="BLOGGER_PHOTO_ID_5347206032694648754" border="0" />Klik new row untuk menambah smilies. Jangan lupa disimpan (save) jika sudah selesai menambah link dan kodnya.<br /><br />3. Trik berikut ini adalah cara untuk memendekkan link url yg diisi pada Cbox.Cth: <span style="color: rgb(51, 51, 255);">[link]</span>, <span style="color: rgb(51, 51, 255);">[Email]</span>. Kalau pada Shoutmix akan diset secara auto. Tapi tidak pada Cbox.<br /><br />Klik <span style="color: rgb(255, 0, 0);">Options</span> => <span style="color: rgb(255, 0, 0);">Posting Options</span>.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 124px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJEctZ_7rIEeEx00jt0NQO2Go8sV4oNk6oTSZjlUsFEC6S048Z9FX3Ywj2bHnPTRT1tEO-_vrtqxW1TUlaDd-CZcodIdIAHedJaLLwIVyPHn88oOwTUv6IxandbSfUyQEJBV_zkiutLKa/s400/1.jpg" alt="" id="BLOGGER_PHOTO_ID_5347152026335900658" border="0" /><br />Pada bahagian <span style="color: rgb(51, 51, 255);">Message Options</span>, klik <span style="color: rgb(255, 0, 0);">On(Short Link)</span> pada Autolinking.<br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 388px; height: 116px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhThUNPCe7YKcDiTr94Xc3VmJh2UCJMHaBRbmWgAZ1IV6i3GzaDVQAxdAQl-ZiBp3QP3BJC8Vcvx0AqZ-52kMlAG-VnxvSZDpaZtq4Ze00ZRaECcqEb9gdOOzrc52hTNE82293BIFybyPLh/s400/4.jpg" alt="" id="BLOGGER_PHOTO_ID_5347152036328360146" border="0" />Klik butang Save jika selesai.<br /><br />4. Ok Trik terakhir untuk kali ini ialah untuk menambah text atau gambar pada Cbox. Tengok Cbox Ana. Ade ditambah dengan flash. Mungkin disini ada yang keliru. Harap dapat faham. Buka kod Cbox Antum yang ada di blog.<br /><br /><p class="alert"><!-- BEGIN CBOX - www.cbox.ws - v001 --><br /><div id="cboxdiv" style="text-align: center; line-height: 0"><br /><span style="color: rgb(255, 0, 0);"><tr></span><br /><span style="color: rgb(255, 0, 0);"><td align="center"></span><br /><span style="color: rgb(255, 0, 0);"><img style="border-top:#F804FF 1px solid;border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="<span style="color: rgb(51, 51, 255);">http://i302.photobucket.com/albums/nn11213/aburifaie/pesan-11.gif</span>"/></span><br /><span style="color: rgb(255, 0, 0);"></td></span><br /><span style="color: rgb(255, 0, 0);"></tr></span><br /><span style="color: rgb(255, 0, 0);"><tr></span><br /><span style="color: rgb(255, 0, 0);"><td align="center"></span><br /><div><iframe frameborder="0" marginheight="2" marginwidth="2" height="250" src="http://www2.cbox.ws/box/?boxid=184583126&amp;boxtag=2765&amp;sec=main" id="cboxmain" scrolling="auto" style="border:#F804FF 1px solid;" width="320" allowtransparency="yes" name="cboxmain"></iframe></div><br /><span style="color: rgb(255, 0, 0);"><tr></span><br /><span style="color: rgb(255, 0, 0);"><td align="center"></span><br /><span style="color: rgb(255, 0, 0);"><img style="border-left:#F804FF 1px solid;border-right:#F804FF 1px solid" width="320" src="<span style="color: rgb(51, 51, 255);">http://i302.photobucket.com/albums/nn11453/aburifaie/slidbox.gif</span>"/></span><br /><span style="color: rgb(255, 0, 0);"></td></span><br /><span style="color: rgb(255, 0, 0);"></tr></span><br /><span style="color: rgb(255, 0, 0);"><tr></span><br /><span style="color: rgb(255, 0, 0);"><td align="center"></span><br /><div><iframe frameborder="0" marginheight="2" marginwidth="2" height="78" src="http://www2.cbox.ws/box/?boxid=188345126&amp;boxtag=2765&amp;sec=form" id="cboxform" scrolling="no" style="border:#F804FF 1px solid;border-top:1px solid #F804FF" width="320" allowtransparency="yes" name="cboxform"></iframe></div><br /></td></tr></td></tr></div><br /><!-- END CBOX --><br/></p><br />Kod2 merah adalah yang akan ditambah tuk diisi dengan gambar atau flash. Antum cuma gantikan Link bewarna biru saja.. Ana harap Antum dapat tokok tambah sendiri. Trik ni sesuai bagi Antum yang sudah memahami kod2 html. Bagi newbie boleh wat slow2.<br /><br />OK..Harap Membantu...</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com13tag:blogger.com,1999:blog-5653550890629556617.post-3100849839589726682009-06-14T10:40:00.001+03:002009-06-14T10:43:37.991+03:00Memasang Label Berbentuk Awan<div style="text-align: justify;"><bt>L</bt>abel yang biasa kita gunakan adalah yang memanjang kebawah. Agak kurang menarikla. Sekarang kita boleh buat label yang lebih cantik dengan bentuk awan sekaligus dapat menjimatkan ruang di sidebar kita. Ni cara membuatnya.. Sebelum tu pastikan sekurang²nya ada satu post yang berlabel dan tambahkan label di sidebar Antum.</div><span id="fullpost"><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDf0ROdtbz3AGOZHFUJ_QctSAxamF65Ox3vfiXBx99Sx0ePIjrkvzPn0Cs1g37G5S715tg3N9rWQnStaFCdlIOKKDYUvgwO5GAJslea4Bl1JkZVwkON3TVKzOZ64o0OZQtWSER3DLuBMLY/s1600-h/cloud.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 195px; height: 200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDf0ROdtbz3AGOZHFUJ_QctSAxamF65Ox3vfiXBx99Sx0ePIjrkvzPn0Cs1g37G5S715tg3N9rWQnStaFCdlIOKKDYUvgwO5GAJslea4Bl1JkZVwkON3TVKzOZ64o0OZQtWSER3DLuBMLY/s200/cloud.jpg" alt="" id="BLOGGER_PHOTO_ID_5279243728694482834" border="1" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidV_ZwOfXkw4zJAsdsZXf6N1VtdQy3xT2VIQPg_1jKlgZeMQsmwVyeJc2huAwEtzf1f8CuEasZqkf1RfU7do85qppgH7ogq9x2R6t7J-Lk6aky3z-Rf58mlKF0Zmb04hJkmFQAkvZDWipU/s1600-h/cloud.jpg"></a><br />1. Loggin ke blogger => <span style="color: rgb(255, 0, 0);">Layout</span> => <span style="color: rgb(255, 0, 0);">Edit HTML</span> dan cari kode <span style="font-weight: bold; color: rgb(255, 0, 0);">]]></b:skin></span> kemudian tambahkan kode dibawah tepat diatasnya.<br /><br /><p class="alert">/* Label Cloud Styles<br />----------------------------------------------- */<br />#labelCloud {text-align:center;font-family:arial,sans-serif;}<br />#labelCloud .label-cloud li{display:inline;background-image:none<br />!important;padding:0 5px;margin:0;vertical-align:baseline<br />!important;border:0 !important;}<br />#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br />#labelCloud a img{border:0;display:inline;margin:0 0 0<br />3px;padding:0}<br />#labelCloud a{text-decoration:none}<br />#labelCloud a:hover{text-decoration:underline}<br />#labelCloud li a{}<br />#labelCloud .label-cloud {}<br />#labelCloud .label-count<br />{padding-left:0.2em;font-size:9px;color:#000}<br />#labelCloud .label-cloud li:before{content:"" !important}</p><br />2. Seterusnya cari kode <span style="font-weight: bold; color: rgb(255, 0, 0);"></head></span> dan tambahkan kode berikut diatasnya.<br /><br /><p class="alert"><script type='text/javascript'><br />// Label Cloud User Variables<br />var cloudMin = 1;<br />var maxFontSize = 20;<br />var maxColor = [<span style="font-weight: bold; color: rgb(255, 0, 0);">0,0,255</span>];<br />var minFontSize = 10;<br />var minColor = [<span style="font-weight: bold; color: rgb(255, 0, 0);">0,0,0</span>];<br />var lcShowCount = false;<br /></script></p><br />3. Gantikan kode warna tulisan yang telah dimerahkan mengikut kesesuaian blog Antum. Kode RGB <a style="color: rgb(204, 51, 204);" href="http://color.shawnolson.net/" target="_"blank"">DiSINI</a><span style="color: rgb(204, 51, 204);">.</span><br /><br />4. Kemudian cari kode dibawah. Tulisan merah bergantung pada tajuk label Antum.<br /><br /><p class="alert"><b:widget id='Label1' locked='false' title='<span style="color: rgb(255, 0, 0); font-weight: bold;">Labels</span>' type='Label'/></p><br />5. Gantikan kode diatas dengan yang dibawah ni yer..<br /><br /><p class="alert"><b:widget id='Label1' locked='false' title='Label Cloud' type='Label'><br /><b:includable id='main'><br /><b:if cond='data:title'><br /><h2><data:title/></h2><br /></b:if><br /><div class='widget-content'><br /><div id='labelCloud'/><br /><script type='text/javascript'><br />// Don't change anything past this point -----------------<br />// Cloud function s() ripped from del.icio.us<br />function s(a,b,i,x){<br />if(a&gt;b){<br />var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br />}<br />else{<br />var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br />}<br />return v<br />}<br />var c=[];<br />var labelCount = new Array();<br />var ts = new Object;<br /><b:loop values='data:labels' var='label'><br />var theName = &quot;<data:label.name/>&quot;;<br />ts[theName] = <data:label.count/>;<br /></b:loop><br />for (t in ts){<br />if (!labelCount[ts[t]]){<br />labelCount[ts[t]] = new Array(ts[t])<br />}<br />}<br />var ta=cloudMin-1;<br />tz = labelCount.length - cloudMin;<br />lc2 = document.getElementById('labelCloud');<br />ul = document.createElement('ul');<br />ul.className = 'label-cloud';<br />for(var t in ts){<br />if(ts[t] &lt; cloudMin){<br />continue;<br />}<br />for (var i=0;3 &gt; i;i++) {<br />c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br />}<br />var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br />li = document.createElement('li');<br />li.style.fontSize = fs+'px';<br />li.style.lineHeight = '1';<br />a = document.createElement('a');<br />a.title = ts[t]+' Posts in '+t;<br />a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';<br />a.href = '/search/label/'+encodeURIComponent(t);<br />if (lcShowCount){<br />span = document.createElement('span');<br />span.innerHTML = '('+ts[t]+') ';<br />span.className = 'label-count';<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />li.appendChild(span);<br />}<br />else {<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />}<br />ul.appendChild(li);<br />abnk = document.createTextNode(' ');<br />ul.appendChild(abnk);<br />}<br />lc2.appendChild(ul);<br /></script><br /><noscript><br /><ul><br /><b:loop values='data:labels' var='label'><br /><li><br /><b:if cond='data:blog.url == data:label.url'><br /><data:label.name/><br /><b:else/><br /><a expr:href='data:label.url'><data:label.name/></a><br /></b:if><br />(<data:label.count/>)<br /></li><br /></b:loop><br /></ul><br /></noscript><br /><b:include name='quickedit'/><br /></div><br /></b:includable><br /></b:widget></p><br />6. Dah siap.. cuba Preview dulu.. berhasil x?? Kalau sudah, save la templatenye yer..<br /><br /><span style="font-size:78%;"><span style="font-style: italic; font-weight: bold;">Sumber: </span><a style="font-style: italic; font-weight: bold;" href="http://phydeaux3.blogspot.com/" target="_"blank"">http://phydeaux3.blogspot.com/</a></span></span>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com3tag:blogger.com,1999:blog-5653550890629556617.post-54005493320687810712009-06-11T11:38:00.004+03:002009-07-16T21:39:00.178+03:00Iklan / Pesanan Ala2 Navbar<div style="text-align: justify;"><bt>M</bt>emasang barisan iklan atau pesanan ala2 navbar ini memang berguna. Ia juga boleh ditutup seakan2 sama dengan fungsi popup window. Macam2 kegunaannya, boleh diisi dengan iklan, pesanan, informasi dan apa saja yang Antum inginkan. Seperti blog ini, Ana sarankan pengunjung supaya menggunakan Firefox untuk paparan terbaik. Ok caranya..<span id="fullpost"><br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 210px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirYBYmZuao52tAlw3P07M4W_E8yzc-HUR5Pheq5sYPhNn76EIrspNInELskTd2Iaf55bTTPirTiXXbuYAbLu05cYgpmhTUnknj3HUsf5FNH7MqC_a16LDVYrOssnT9ixdja0QXFNY_RMuP/s400/ikln.jpg" alt="" id="BLOGGER_PHOTO_ID_5345986903644356258" border="0" />1. Dalam keadaan Loggin. Pada <span style="color: rgb(255, 0, 0);">Layout</span> pilih <span style="color: rgb(255, 0, 0);">Edit HTML</span>. Tambah kod berikut sebelum <span style="color: rgb(255, 0, 0);">]]></b:skin></span>.<br /><br /><p class="alert">#mta_bar {background:url(<span style="color: rgb(255, 0, 0);">http://i302.photobucket.com/albums/nn113/aburifaie/tabbiru.gif</span>);<br />border-bottom: 0px solid #808080; margin: 0 0 15px 0; padding: 4px 0; z-index: 100; top: 0; left: 0; width: 100%; height:23px;overflow: auto; position: fixed; }<br />* html #mta_bar{ /*IE6 hack*/<br />position: absolute; width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px"); }<br />#mta_bar .left { margin:3px;float: left; text-align: center; font-family: Georgia; font-size: 12px; font-weight: bold; font-style: normal; color: #FFFF66; width:92%;}<br />#mta_bar .right {margin:3px;font-family: Georgia; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}<br />#mta_bar .right a {font-size: 10px; color: #ffff66; text-decoration: none;}<br />#mta_bar .right a:hover {font-size: 10px; color: #ffff66; text-decoration: none;}<br />#left_bar a { text-decoration: none; color: #ffff66; }<br />#left_bar a:hover { text-decoration: none; color: #ffff66; }</p><br />2. Kod merah adalah warna latarbelakang. Lihat <a href="http://almansuqie-tips.blogspot.com/2009/01/cara-membuat-menu-tab-horizontal.html" target="_blank">DISINI</a> untuk warna lain.<br /><br />3. Seterusnya tambah kod dibawah sebelum kod <span style="color: rgb(255, 0, 0);"></head></span>.<br /><br /><p class="alert"><script src='http://www.geocities.com/almansuqie/Stript-ad.js' type='text/javascript'/></p><br />4. Akhir sekali tambah kod berikut selepas kod <span style="color: rgb(255, 0, 0);"><body></span>.<br /><br /><p class="alert"><div id='mta_bar'><br /><div id='left_bar'><span class='left'><a href='<span style="color: rgb(255, 0, 0);">http://www.mozilla.com/en-US/firefox/personal.html</span>' target='_blank'><span style="color: rgb(255, 0, 0);">Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</span></a></span></div><br /><span class='right' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;o-om.com.com&apos;;return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://i302.photobucket.com/albums/nn113/aburifaie/tutup.gif' style='cursor:hand;cursor:pointer;'/></span></div></p><br />5. Gantikan text merah dengan link dan kalimat Antum sendiri. Untuk text bergerak, tambah kod ini.<br /><br /><p class="alert">Contoh: <span style="color: rgb(51, 51, 255);"><marquee></span><span style="color: rgb(255, 0, 0);">Sila Gunakan Pelayar Firefox Untuk Paparan Terbaik</span><span style="color: rgb(51, 51, 255);"></marquee></span></p><br /><br />6. Dah siap klik save yer..<br /><br /><span style="font-size:78%;">Sumber Asli : <a href="http://www.o-om.com/" target="_blank">O-Om</a></span></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com6tag:blogger.com,1999:blog-5653550890629556617.post-904381510047597042009-06-10T09:15:00.000+03:002009-06-10T09:20:38.519+03:00Highlight Script/Kode Pada Postingan<div style="text-align: justify;"><bt>M</bt>embuat Highlight pada script atau kode di postingan akan lebih menampakkan pembaca. Macam blog ini. Setiap kali ada script/kode Ana akan highlightkan. Ini caranya.. Tapi Ana baru je upgrade highlight ni. <a href="http://brotherskl.blogspot.com/"target="_blank">BroSKL</a> boleh pakai yang ni dulu.<br /><br />1. Login ke blogger pastu pilih <span style="font-weight: bold; color: rgb(255, 0, 0);">Layout</span>--><span style="color: rgb(255, 0, 0); font-weight: bold;">Edit HTML</span><span id="fullpost"><br />2. Kemudian copy kode dibawah ini dan letakkan sebelum kode <span style="color: rgb(255, 0, 0); font-weight: bold;">]]></b:skin></span><br /><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 298px; height: 144px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJx-aMeNWCXsFAaAmjGTLCRpoa9K_kd-LUAAGbzyXbfz8l91MNMQDo3-THobzWRQjatcN6SUrmcmzbnixzG3eEFTr3JU0iljvoHpVxny42lReyzaoZ3ans5ZCWJb38ubMGVinTOi-DD1PB/s400/code.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5345568748458000034" /><p class="alert">.alert {<br /> background: <span style="color: rgb(255, 0, 0);">#DDE4FF</span>;<br />text-align: left;<br />padding: 5px 5px 5px 5px;<br />border: 1px solid #223344;}</p><br />Kode yang berwarna merah (<span style="color: rgb(255, 0, 0);">#DDE4FF</span>) adalah warna background kotak highlight, Antum tukarla mengikut kesesuaian template Antum.Boleh dapatkan script warna <a style="color: rgb(51, 51, 255);" href="http://almansuqie-tips.blogspot.com/2008/11/mick-color-code.html" target="_"blank"">DISINI</a>.<br /><br />3. Pastu klik butang save yer..<br /><br />Cara Posting..<br /><br />Tambahkan kode ini <span style="color: rgb(255, 0, 0); font-weight: bold;"><p class="alert"></span><span class="fullpost"> sebelum kode/script yang akan dihighlight. kemudian tambahkan kode<span style="color: rgb(255, 0, 0);"> <span style="font-weight: bold;"></p></span></span></span> diakhir script/Kode.<br /><br />Perhatikan contoh dibawah.<br /><br /><p class="alert"><span style="color: rgb(255, 0, 0); font-weight: bold;"><p class="alert"></span>.alert { <br />background: #DDE4FF;<br />text-align: left;<br />padding: 5px 5px 5px 5px;<br />border: 1px solid #223344;}<span style="color: rgb(255, 0, 0); font-weight: bold;"></p></span></p><br />Selamt Mencuba!!</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com1tag:blogger.com,1999:blog-5653550890629556617.post-82877119512670968112009-06-05T08:30:00.003+03:002009-06-12T11:38:08.613+03:00Memasang Auto Read More ( Terbaru)<div style="text-align: justify;"><bt>R</bt>ead More atau baca selanjutnya kali ini sangat mudah dan tidak memeningkan. Tidak seperti sebelum ini yang memerlukan kita menggunakan kod <span style="color: rgb(51, 51, 255);"><span class="fullpost"></span> atau <span style="color: rgb(51, 51, 255);"><span id="fullpost"></span> untuk memotong entri. Ramai jugak yang tanya Ana bab tanam kod tu, ramai xberjaya.<span id="fullpost"><br /><br />Read More terbaru ni canggih sikit, kerana pemotongan entry dilakukan secara automatik tanpa perlu memasukkan kod. Dan lagi, Read More ini boleh menampilkan gambar pertama yang ada dalam entri tu diawal entri, walaupun gambar tersebut berada di tengah atau dihujung. Ok tak nak terang banyak2, kita cuba terus.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/4.gif" alt="04" title="04" />. Ini contoh Auto Readmore yang Ana buat kat satu blog.<br /><br /><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 165px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBhS7Tybo7z9IJ2R1XTsYV0lavpGSYoGYzdnzgNHny1IFG2573idsoYqSY4ztEnYSdUmXgZoptN7ZZo7J6BDYporjXbj3ZANI5HtFSmH41zDKhXRkeDdrVE3l35pB8dZyYo6LUJieixPgH/s400/autoread.jpg" alt="" id="BLOGGER_PHOTO_ID_5339738646209314786" border="0" />Sebelum kita mula, pada yang dah guna Read More sebelum ni, pastikan remove kod2nya terlebih dahulu. Kalau rasa nak pakai Auto Read More ni la. Kalau malas xyahla.<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/10.gif" alt="10" title="10" /><br /><br /><p class="alert">1. <a href="http://almansuqie-tips.blogspot.com/2008/11/membuat-baca-selanjutnya.html" target="_blank">Cara Membuat Read More</a><br />2. <a href="http://almansuqie-tips.blogspot.com/2009/02/membuat-read-more-v2.html" target="_blank">Cara Membuat Read More v2</a></p><br />i. Ok ini caranya. Masuk ke <span style="color: rgb(255, 0, 0);">Edit HTML</span>. Tanda pada kotak <span style="color: rgb(255, 0, 0);">Expand Widget Template</span> yer.<br /><br />ii. Tambahkan kod dibawah sebelum kod <span style="color: rgb(255, 0, 0);"></head></span>.<br /><br /><p class="alert"><script type='text/javascript'><br /><span style="color: rgb(51, 51, 255);">var thumbnail_mode = "float" ;</span><br /><span style="color: rgb(51, 51, 255);">summary_noimg = 250;</span><br /><span style="color: rgb(51, 51, 255);">summary_img = 250;</span><br /><span style="color: rgb(51, 51, 255);">img_thumb_height = 120;</span><br /><span style="color: rgb(51, 51, 255);">img_thumb_width = 120;</span><br /></script><br /><script src='http://www.geocities.com/almansuqie/autoreadmore.js' type='text/javascript'/></p><br />iii. Keterangan kod diatas. Kod2 merah boleh diubah ikut selera masing2.<br /><br /><p class="alert">var thumbnail_mode = "<span style="color: rgb(255, 0, 0);">float</span>"; (<span style="color: rgb(51, 51, 255);">Kedudukan gambar thumbnail.("<span style="color: rgb(255, 0, 0);">float</span>") disebelah kiri. Kalau xmau ganti dengan ("<span style="color: rgb(255, 0, 0);">no-float</span>")</span>.<br />summary_noimg = <span style="color: rgb(255, 0, 0);">250</span>; <span style="color: rgb(51, 51, 255);">(Jumlah huruf yang ingin ditampilkan tanpa gambar thumbnail.)</span><br />summary_img =<span style="color: rgb(255, 0, 0);"> 250</span>; <span style="color: rgb(51, 51, 255);">(Jumlah huruf yang ingin ditampilkan beserta gambar thumbnail.)</span><br />img_thumb_height = <span style="color: rgb(255, 0, 0);">120</span>;<span style="color: rgb(51, 51, 255);"> (Tinggi Gambar)</span><br />img_thumb_width = <span style="color: rgb(255, 0, 0);">120</span>; <span style="color: rgb(51, 51, 255);">(Lebar Gambar)</span></p><br />iv. Seterusnya cari kod berikut. Gunakan Ctrl+f untuk lebih cepat.<br /><br /><p class="alert"><span style="color: rgb(255, 0, 0);"><data:post.body/></span></p><br />v. Dah jumpa? Gantikan/Replace dengan kod dibawah.<br /><br /><p class="alert"><b:if cond='data:blog.pageType != "item"'><br /><div expr:id='"summary" + data:post.id'><data:post.body/></div><br /><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script><br /><span class='rmlink' style='float:left'><a expr:href='data:post.url'><span style="color: rgb(255, 0, 0);">READ MORE -</span> <span style="color: rgb(51, 51, 255);"><data:post.title/></span></a></span><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p><br />vi. Tulisan <span style="color: rgb(255, 0, 0);">READ MORE -</span> diatas boleh diubah. Nak tulis baca lagi ke, ape ke, silakan. Kalau xnak ade tajuk lepas tulisan Read More tu, buang kod ini <span style="color: rgb(51, 51, 255);"><data:post.title/></span>.<br /><br />vii. Boleh preview dan lihat hasilnya. Kalau dah menjadi klik tombol Save tu.<br /><br />Selamat Mencuba.<br /><br /><span style="font-size:78%;">Sumber:<a href="http://www.o-om.com/2009/04/cara-pasang-auto-read-more-terbaru-part.html" target="_blank"> o-om.com</a></span></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com30tag:blogger.com,1999:blog-5653550890629556617.post-88204141864364766112009-06-05T00:45:00.000+03:002009-06-05T11:35:11.524+03:00Kembali Ke Alamat Asal<div style="text-align: justify;"><bt>A</bt>ssalamualaikum.. Ni nak kasi tau kat semua, blog ni kembali ke alamat asal dari <span style="color: rgb(51, 51, 255);">.via.my</span>. <img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/smiley/17.gif" alt="17" title="17" />Ana memilih untuk rujuk kembali setelah diceraikan beberapa ketika. Biasala kan pakai <a href="http://www.zonestraits.com"target="_blank">free domain</a> ni. Mesti ada kekurangan. Ada masalah dengannya. Sebelum ni pun ada sahabat yang ngadu xboleh nak buka blog ni.<span id="fullpost"> Tup2 Ana sendiri pun payah nak bukak sekarang ni. Xpela nati balik Malaysia boleh beli Domain sendiri kan. <span style="color: rgb(51, 51, 255);font-family:georgia;font-size:180%;" ><span style="font-weight: bold;">Ampun Maap</span></span> Semua Yer..<img class="emoticon" src="http://i302.photobucket.com/albums/nn113/aburifaie/77.gif" alt="49" title="49" /></span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com2tag:blogger.com,1999:blog-5653550890629556617.post-22196888762203869052009-06-01T21:18:00.006+03:002009-06-06T00:08:08.364+03:00Pasang Star Rating Pada Posting<div style="text-align: justify;"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 231px; height: 49px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVvNG_cQHZIpfdL45MM-hOAL8h7WnbXHMLnB4WaFIWkn8mL3j5-b0WAlKzgx2SWxgVCDffSQDo3dfsvYaMfIPXFhyE7VCHomoDkjC1faks8grpNo8fi-8Vub4BAPnOmh_KRnGXR_ys8s0q/s400/rate.JPG" alt="" id="BLOGGER_PHOTO_ID_5342432572435573138" border="0" /><bt>I</bt>ngin tahu rating sesuatu post dalam blog kita, boleh pasang widget ni. Seperti dibawah post ini ada lima bintang warna kuning. Kalau rasa post ni bagus boleh la bagi bintang skit. Ok ini disediakan kod javascript untuk ditanam dalam template. Caranya..<span id="fullpost"><br /><br />1. Macam biasa dalam kedaan <span style="color: rgb(255, 0, 0);">Loggin</span>. <span style="color: rgb(255, 0, 0);">Edit HTML</span>. Tanda pada kotak <span style="color: rgb(255, 0, 0);">Expand Widget Template</span>. Cari kod berikut.<br /><br /><p style="color: rgb(51, 51, 255);" class="alert"><p><data:post.body/></p></p><br />2. Dah jumpa, tambahkan kod berikut tepat dibawahnya.<br /><br /><p class="alert"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script language='JavaScript'><br />var OutbrainPermaLink=&#39;Your-Post-Permalink-Here&#39;;<br />var OB_demoMode = false;<br />var OB_Script = true;<br /></script><br /><script src='http://www.geocities.com/almansuqie/limabintang.js' type='text/javascript'/><br /></b:if></p><br />3. Tambahan: Kod <span style="color: rgb(51, 51, 255);"><p><data:post.body/></p></span> kemungkinan sudah berubah atau tiada lagi sekiranya Antum gunakan Read More. Tapi jangan kecewa, cuba cari tulisan Read More tu. Tambahkan kod diatas diakhir kod Read Morenya.<br /><br />4. Dah siap klik save..</span></div>AlmansuQie™http://www.blogger.com/profile/13907794432461385886noreply@blogger.com6