tag:blogger.com,1999:blog-42932794166602405312024-03-13T18:57:46.100+08:00.:::. MSue RoomZ .:::...Bukan nak memandai atau mengajar , cuma nak berkongsi ilmu pengetahuan kepada sesiapa yang sudi ..Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comBlogger279125tag:blogger.com,1999:blog-4293279416660240531.post-59020953638243061562010-12-10T13:09:00.003+08:002010-12-10T13:12:36.149+08:00Cara Pasang Top Pengomen Berawan<span class="dropcaps">A</span>ssalamualaikum , hari ini Msue nak kongsi ngan korang sume cara nak buat <span style="font-size:130%;"><span style="color: rgb(153, 153, 0); font-weight: bold;">top pengomen berawan .</span></span> bukan sahaja label yang boleh berbentuk awan malah top pengomen pun boleh dibuat menjadi berawan .<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_hhvKRfZDO9k/S4OKV7joz4I/AAAAAAAAAqQ/CuBzfTQpAf4/s1600-h/Screenshot+Studio+capture+%23010.png"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 342px; height: 276px;" src="http://1.bp.blogspot.com/_hhvKRfZDO9k/S4OKV7joz4I/AAAAAAAAAqQ/CuBzfTQpAf4/s400/Screenshot+Studio+capture+%23010.png" alt="" id="BLOGGER_PHOTO_ID_5441344884162744194" border="0" /></a><br /><br /><br />1.<span style="font-style: italic; color: rgb(255, 102, 0);"> Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot .</span><br /><br />2. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Design- Add a Gadget - Javascript/HTML .</span><br /><br />3. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Copy kod</span></span> di bawah dan <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">pastekan ke dalamnya .</span></span><br /><br /><div class="code"><br /><!-- Top Commentators Cloud Start--><br /><div style="text-align:justify;line-height:1.2;"><br /><script type="text/javascript"><br />function cCloud(feed) {<br />max = 0;<br />min = 10000;<br />//finding highest and lowest count<br />for (i=0;i<feed.count;i++)<br />{<br />ccCount = feed.value.items[i].commentcount * 1;<br />if (ccCount > max)<br />{<br />max = ccCount;<br />}<br />if (ccCount < min)<br />{<br />min = ccCount;<br />}<br />}<br />ccCountD = "";<br />display = "";<br />for (j=0;j<feed.count;j++)<br />{<br />ccdiff = feed.value.items[j].commentcount - min;<br />ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";<br />ccUrl = "'" + feed.value.items[j].authorurl + "'";<br />ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count<br />ccName = feed.value.items[j].title + ccCountD;<br />ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name<br />display = display + ccLName;<br />}<br />document.write(display);<br />}<br /></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?<br />YourBlogUrl=<span style="color: rgb(255, 0, 0);">http://msueroomz.blogspot.com</span><br />&Exclusions=Anonymous,Greenlava<br />&ShowHowMany=<span style="color: rgb(0, 0, 153);">20</span><br />&Order=alphabet<br />&_callback=cCloud<br />&_id=cfa196644e1d6159c9183548c4b5e2f5<br />&_render=json"<br />type="text/javascript"></script><br /></div><br /><!-- Top Commentators Cloud End --><br /></div><br /><br /><br /><br />4. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan <span style="font-style: italic; color: rgb(255, 102, 0);">Save Template .</span><br /><br /><br /><span style="font-size:130%;"><span style="font-weight: bold;">Note: <span style="color: rgb(255, 0, 0);">Pada highlight merah</span> tukarkan ngan url blog korang . <span style="color: rgb(0, 0, 153);">Highlight biru </span>adalah jumlah top komen yang korang nak pamerkan</span><br /></span><br /><br /><br /><br /><span style="color: rgb(0, 0, 153);">Via - </span><a style="color: rgb(0, 0, 153);" href="http://bloggersentral.blogspot.com/">BloggerSentral</a><br /><br /><p><br /><img style="border: 0pt none ;" src="http://signatures.mylivesignature.com/54487/311/028D1322B85226DF18F8836189B87A79.png" align="left" /><br /></p>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-52780995386126463172010-12-03T12:28:00.001+08:002010-12-03T12:31:56.478+08:00Cara Meletakkan Iklan Di Sebelah Kiri / Kanan Post<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi ngan korang sume bagaimana nak<span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;"> Letakkan Iklan Pada Sebelah Kiri / Kanan Di Ruangan Post</span><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S9EV91JseKI/AAAAAAAABm8/bcobcUCbNTQ/s1600/iklan+tepi.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 234px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S9EV91JseKI/AAAAAAAABm8/bcobcUCbNTQ/s400/iklan+tepi.jpg" alt="" id="BLOGGER_PHOTO_ID_5463171974961068194" border="0" /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br /><div class="code"><br /><div class='post-header-line-1'/><br /></div><br /><br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;"> Copy kod </span> dibawah ini .<br /><br /><div class="code"><br /><div style='display:block;float:<span style="color: rgb(0, 0, 153); font-weight: bold;">left</span>;margin: 0px 10px 0px 0px;'><br /><span style="color: rgb(255, 0, 0);">KOD IKLAN ANDA DISINI</span><br /></div><br /></div><br /><br />Note: Pada <span style="color: rgb(0, 0, 153); font-style: italic; font-weight: bold;">highlight biru</span> adalah <span style="color: rgb(0, 0, 153); font-style: italic; font-weight: bold;">kedudukan iklan </span>yang korang nak samada kiri atau kanan<br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;"> Pastekan dibawahnya </span><br /><br />5. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-75588584064819654662010-12-03T11:18:00.002+08:002010-12-03T11:21:26.378+08:00Semudah Alif Ba Ta Menukar Favicon<span class="dropcaps">A</span>ssalamualaikum . . .Msue ingin berkongsi ngan korang yang sudi sahaja <span style="font-size:130%;"><span style="color: rgb(153, 153, 0); font-weight: bold;">Bagaimana Nak Tukar Favicon Semudah Alif Ba Ta </span></span>pada blog korang .<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_hhvKRfZDO9k/S4DlmqkFVmI/AAAAAAAAApg/F0igQjTpTWg/s1600-h/favicon-screenshot.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 292px; height: 115px;" src="http://2.bp.blogspot.com/_hhvKRfZDO9k/S4DlmqkFVmI/AAAAAAAAApg/F0igQjTpTWg/s400/favicon-screenshot.jpg" alt="" id="BLOGGER_PHOTO_ID_5440600802286982754" border="0" /></a><br /><br /><br />1. Korang kecilkan saiz imej yang korang nak buat sebagai favicon di sini --> <span style="font-size:130%;"><a style="color: rgb(0, 0, 153); font-weight: bold;" href="http://www.favicongenerator.com/">Favicon Genarator</a></span><br /><br />2.<span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;"> Upload gambar </span></span>yang korang nak jadikan favicon dari komputer korang .<br /><br />3. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Generate Favicon</span> .<br /><br />4. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Download Favicon</span> .<br /><br />5.<span style="font-style: italic; color: rgb(255, 102, 0);"> Login</span> ke<span style="font-style: italic; color: rgb(255, 102, 0);"> Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="font-size:130%;"><span style="font-weight: bold; color: rgb(0, 153, 0);">Cari kod</span></span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><div class="code"><br />]]></b:skin><br /></div><br /><br />4 . <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Copy kod</span></span> di bawah dan <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">pastekan di bawahnya </span></span>.<br /><br /><div class="code"><br /><link href='<span style="color: rgb(255, 0, 0);">Url Favicon Korang</span>' rel='shortcut icon'/><br /></div><br /><br />5. <span style="color: rgb(255, 102, 0); font-style: italic;">Preview</span> dan <span style="color: rgb(255, 102, 0); font-style: italic;">Save Template</span> jika tiada error .<br /><br /><span style=";font-family:Kristen ITC;font-size:130%;"><br /><span style="font-weight: bold;">Note : </span><span style="color: rgb(255, 0, 0); font-weight: bold;">Pada highlight</span><span style="font-weight: bold;"> korang tukarkan ngan url favicon tadi . </span></span><br /><br /><br /><span style=";font-family:Chiller;font-size:170%;"><span style="color: rgb(153, 153, 0); font-weight: bold;">Cara untuk mendapatkan url .</span></span><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Klik posting</span> .<br /><br />2.<span style="font-size:130%;"><span style="font-weight: bold; color: rgb(0, 153, 0);"> Uplaod gambar favicon</span></span> yang korang download tadi dan <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">copy urlnya </span></span>.<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S4DjiaBs9VI/AAAAAAAAApY/ntbDrsRKSM8/s1600-h/url.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 320px; height: 82px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S4DjiaBs9VI/AAAAAAAAApY/ntbDrsRKSM8/s400/url.jpg" alt="" id="BLOGGER_PHOTO_ID_5440598530105079122" border="0" /></a><br /><br /><br />3. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Pastekan </span></span>pada highlight di atas tadi .Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-50983608990743825662010-12-03T11:02:00.002+08:002010-12-03T11:06:17.868+08:00Cara Memasang Page Views Counter Pada Post<span class="dropcaps">A</span>ssalamualaikum , hari ini MSue ingin berkongsi sedikit ilmu ngan korang yang sudi , bagaimana cara memasang<span style="font-size:130%;"><span style="color: rgb(0, 0, 153); font-weight: bold;"> Page Views Counter Pada Post</span></span> . Maksudnye korang leh tahu bape banyak orang yang da tengok atau view artikel yang korang terbitkan itu .<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_hhvKRfZDO9k/SxMYxjnp5sI/AAAAAAAAAds/HOJ-SaCEiGQ/s1600/Untitled.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 234px; height: 71px;" src="http://1.bp.blogspot.com/_hhvKRfZDO9k/SxMYxjnp5sI/AAAAAAAAAds/HOJ-SaCEiGQ/s400/Untitled.jpg" alt="" id="BLOGGER_PHOTO_ID_5409694817056319170" border="0" /></a><br /><br /><br />1.<span style="color: rgb(255, 102, 0); font-style: italic;"> Login</span> ke <span style="color: rgb(255, 102, 0); font-style: italic;">Blogspot</span> seperti biasa .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design = Edit HTML</span>(Tandakan pada kotak Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Cari kod</span></span> di bawah (Gunakan CTRL F Untuk Memudahkan Korang Mencarinya)<br /><br /><div class="code"><br /><div class='post-body entry-content'><br /></div><br /><br />4. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Pastekan </span></span>kod di bawah <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">di bawah</span></span> kod tersebut<br /><br /><div class="code"><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='hit-counter'><br />&lt;a href=&#39;http://csharpdotnetfreak.blogspot.com&#39; rel=&#39;follow&#39;&gt;<br /><script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> &lt;/a&gt;<br /></div></b:if><br /></div><br /><br />5.<span style="color: rgb(255, 102, 0); font-style: italic;"> Preview</span> dan <span style="color: rgb(255, 102, 0); font-style: italic;">Save Template</span> .<br /><br />6. <span style="font-weight: bold; color: rgb(0, 153, 0);">Kalau xjumpa</span> kod tersebut , korang <span style="font-style: italic; color: rgb(0, 153, 0); font-weight: bold;">cari kod</span> di bawah ini dan<span style="font-weight: bold; color: rgb(0, 153, 0);"> pastekan dibawahnya. </span><br /><br /><div class="code"><br /><div class='post-header-line-1'/><br /></div><br /><br /><br />7. <span style="font-weight: bold; color: rgb(0, 153, 0);">Kalau xjumpa juga </span>, korang cari kod dibawah ini pula dan <span style="font-weight: bold; color: rgb(0, 153, 0);">pastekan dibawahnya .</span><br /><br /><div class="code"><br /><data:post.body/><br /></div>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-52259441439320019412010-12-03T10:06:00.001+08:002010-12-03T10:09:34.920+08:00Membina Latar Belakang Berbeza Disetiap Posting/Artikel<span class="dropcaps">A</span>ssalamualaikum , tengahari ini Msue nak kongsi korang macam mana korang nak <span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">Membina Latar Belakang Berbeza Disetiap Posting/Artikel </span>korang tanpa perlu menukar apa-apa kod, korang cuma perlu meletakkan kod dibawah untuk meletakkan imej atau warna yang dikehendaki.<br /><br /><br /><br />Untuk background colour posting korang..pada<span style="color: rgb(255, 0, 0); font-style: italic; font-weight: bold;"> hightlight merah </span>korang tukar ngan <span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);">kod warna</span> korang kehendaki..Pada <span style="color: rgb(0, 0, 153); font-style: italic; font-weight: bold;">highlight biru </span>adalah <span style="font-style: italic; color: rgb(0, 0, 153); font-weight: bold;">Text korang </span><br /><br /><br /><div class="code"><br /><div style="background: <span style="color: rgb(255, 0, 0);">#cccc00</span>;"><br /><span style="color: rgb(0, 0, 153);">TEXT KORANG KAT CINI</span><br /></div><br /></div><br /><br /><br />Untuk meletak background image pada posting korang..pada<span style="color: rgb(255, 0, 0); font-style: italic; font-weight: bold;"> hightlight merah </span>korang tukar ngan <span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);">URL IMAGE</span> korang kehendaki..Pada <span style="color: rgb(0, 0, 153); font-style: italic; font-weight: bold;">highlight biru </span>adalah <span style="font-style: italic; color: rgb(0, 0, 153); font-weight: bold;">Text korang </span><br /><br /><br /><br /><div class="code"><br /><div style="background: url('<span style="color: rgb(255, 0, 0);">URL IMAGE</span>');"><br /><span style="color: rgb(0, 0, 153);">TEXT KORANG KAT CINI</span><br /></div><br /></div><br /><br /><span style="font-style: italic; color: rgb(255, 102, 0);">Selamat mencuba..</span><img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://s269.photobucket.com/albums/jj72/myem0/001/qq/qq-emoticon-006.gif" alt="hehe" title="hehe" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-3334798501430714152010-12-03T09:51:00.001+08:002010-12-03T09:54:43.990+08:00Cara Memindahkan Blog Lama Ke Blog Baru<span class="dropcaps">A</span>ssalamualaikum , Kali ini Msue ingin berkongsi ngan korang bagaimana cara untuk <span style="font-size: 21px; "><span style="font-weight: bold; color: rgb(0, 0, 153); ">Memindahkan Blog Lama Ke Blog Baru Secara Automatik</span></span> , korang mungkin tidak mahu kehilangan peminat di blog lama korang kan ? ? Jadi korang boleh gunakan tutorial ini .<br /><br /><a href="http://2.bp.blogspot.com/_hhvKRfZDO9k/SxdgbgXqK_I/AAAAAAAAAhs/RmaaZUEKTvI/s1600-h/One+Way+Arrow_opt.jpg"><img src="http://2.bp.blogspot.com/_hhvKRfZDO9k/SxdgbgXqK_I/AAAAAAAAAhs/RmaaZUEKTvI/s400/One+Way+Arrow_opt.jpg" alt="" id="BLOGGER_PHOTO_ID_5410899502970842098" border="0" style="margin-top: 0px; margin-right: auto; margin-bottom: 10px; margin-left: auto; display: block; text-align: center; cursor: pointer; width: 260px; height: 336px; " /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0); ">Login</span> ke<span style="font-style: italic; color: rgb(255, 102, 0); "> Blogspot </span>.<br /><span id="formatbar_Buttons" style="display: block; "><span class=" on down" id="formatbar_Italic" title="Italic" style="display: block; "><img src="http://www.blogger.com/img/blank.gif" alt="Italic" class="gl_italic" border="0" /></span></span><br />2. Klik <span style="color: rgb(255, 102, 0); font-style: italic; ">Design</span> - <span style="font-style: italic; color: rgb(255, 102, 0); ">Edit HTML</span>(Tandakan pada kotak <span style="font-style: italic; color: rgb(255, 102, 0); ">Expand widget</span>)<br /><br />3.<span style="font-size: 21px; "><span style="color: rgb(0, 153, 0); font-weight: bold; "> Cari kod </span></span>di bawah(Gunakan <span style="font-style: italic; color: rgb(0, 153, 0); ">Ctrl + F</span> untuk mekudahkan korang mencarinya) .<br /><br /><div class="code"><br /><head><br /></div><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-size: 21px; "><span style="font-weight: bold; ">Pastekan kod </span></span>di bawah ini <span style="font-size: 21px; "><span style="color: rgb(0, 153, 0); font-weight: bold; ">di bawah atau selepas</span></span> kod tersebut .<br /><br /><div class="code"><br /><meta content='0;url=<span style="color: rgb(255, 0, 0); ">http://blogbaru.blogspot.com</span>' http-equiv='refresh'/><br /></div><br /><br />5. <span style="font-style: italic; color: rgb(255, 102, 0); ">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0); "> Save template</span><img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /> .<br /><br /><span style="font-weight: bold; "><span style="color: rgb(204, 51, 204); ">Note: Pada</span> <span style="color: rgb(255, 0, 0); ">highlight merah<span style="color: rgb(204, 51, 204); "> </span></span><span style="color: rgb(204, 51, 204); ">korang tukarkan dengan url blog baru korang yang korang ingin pindahkan .</span></span><br /><br /><br /><br />Via - <a href="http://www.thetricks.net/">The Trick</a>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-53860615380168649642010-12-02T15:22:00.003+08:002010-12-02T15:26:38.020+08:00Cara Memasang Link Direct To This Post Pada Bawah Post Blog<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak pasang <span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">Link Direct To This Post </span>. Ia juga mampu menaikan trafik blog korang .Jika artikel yang korang buat best , pengunjung blog korang boleh berkongsi dan juga menyimpan melalui copy link.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-unyCEpgDI/AAAAAAAACSI/uhS6JnOFw48/s1600/link.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 120px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-unyCEpgDI/AAAAAAAACSI/uhS6JnOFw48/s400/link.jpg" alt="" id="BLOGGER_PHOTO_ID_5470650650363265074" border="0" /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><pre><div class="csscode"><br /><data:post.body/><br /></div></pre><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah .<br /><br /><pre><div class="code"><br /><b><hr color='<span style="color: rgb(255, 0, 0);">#27729B</span>'/><marquee align='center' direction='<span style="color: rgb(153, 102, 51);">left</span>' scrollamount='<span style="color: rgb(0, 153, 0);">3</span>' width='100%'><span style="color: rgb(0, 0, 153);">Copy Link Dibawah Jika Korang Berminat Dengan Tutorial</span> <data:post.title/></marquee><hr color='<span style="color: rgb(255, 0, 0);">#27729B</span>'/></b><br/><br /><span style="color: rgb(0, 0, 153);">Link Directly To This Post</span> :<br/><br /><textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/><br /><span style="color: rgb(0, 0, 153);">Link To The Homepage</span> :<br/><br /><textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:blog.homepageUrl/>&quot;&gt;<data:blog.title/>&lt;/a&gt;</textarea><br /></div></pre><br /><br /><br />Note: Merah = <span style="color: rgb(255, 0, 0);">Warna garisan atas dan bawah</span> , <span style="color: rgb(0, 0, 153);">biru = Ayat</span> , <span style="color: rgb(153, 102, 51);">Coklat = arahan marquee</span> , <span style="color: rgb(0, 153, 0);">Hijau = kelajuan marquee</span> . <span style="font-weight: bold; color: rgb(153, 51, 153);">Tukarkannya</span><br /><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan dibawahnya</span><br /><br />6. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" /><br /><br /><span style="color: rgb(153, 51, 153); font-style: italic; font-weight: bold;">Jika korang hanya nak pamerkan hanya pada title post dan disembunyikan pada homepage(halaman utama) , korang tengok di sini --></span> <blink><a href="http://msueroomz.blogspot.com/2010/04/menyembunyikan-widget.html" target="blank">Sembunyikan Widget</a></blink>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-85687233054164204152010-12-02T15:17:00.000+08:002010-12-02T15:18:32.426+08:00Pasang Page Peel Di Blog Anda<span class="dropcaps">A</span>ssalamualaikum , petang yangpanas dan baik ini MSue ingin berkongsi ngan korang bagaimana <span style="font-size:130%;"><span style="color: rgb(0, 0, 153); font-weight: bold;">Memasang Page Peel </span></span>atau dengan bahasa mudah<span style="font-size:130%;"><span style="color: rgb(0, 0, 153); font-weight: bold;"> Muka Surat Selak</span></span> pada bahagian atas penjuru blog korang .<br /><br />1.<span style="font-style: italic;"> </span><span style="color: rgb(255, 102, 0);"><span style="font-style: italic;">Login</span> </span>ke <span style="color: rgb(255, 102, 0); font-style: italic;">Blogspot</span> seperti biasa .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design </span>- <span style="color: rgb(255, 102, 0); font-style: italic;">Edit HTML</span>(Tandakan pada kotak <span style="color: rgb(255, 102, 0); font-style: italic;">Expand widget</span>)<br /><br />3. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Cari kod</span></span> di bawah (Gunakan <span style="color: rgb(0, 153, 0); font-style: italic;">Ctrl + F</span> untuk memudahkan korang mencari)<br /><br /><div class="code"><br />]]></b:skin><br /></div><br /><br />4. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Pastekan kod</span></span> di bawah ini <span style="font-size:130%;"><span style="color: rgb(51, 204, 0); font-weight: bold;"><span style="color: rgb(0, 153, 0);">di bawah</span> </span></span>kod tersebut<br /><br /><div class="code"><br /><style type='text/css'><br />img { behavior: url(iepngfix.htc) }<br />#pageflip {<br />position: relative;<br />right: 0; top: 0;<br />float: right;<br />}<br />#pageflip img {<br />width: 50px; height: 52px;<br />z-index: 99;<br />position: absolute;<br />right: 0; top: 0;<br />-ms-interpolation-mode: bicubic;<br />}<br />#pageflip .msg_block {<br />width: 50px; height: 50px;<br />overflow: hidden;<br />position: absolute;<br />right: 0; top: 0;<br />background: url(<span style="color: rgb(0, 0, 153);">http://1.bp.blogspot.com/_LZtXSNcp76A/SwfKGkyNaMI/AAAAAAAAAmA/4MybL0iiLcQ/s320/PageSubscribe.png</span>) no-repeat right top;<br />}<br /></style><br /><br /><script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function(){<br /><br />//Page Flip on hover<br /><br />$(&quot;#pageflip&quot;).hover(function() {<br />$(&quot;#pageflip img , .msg_block&quot;).stop()<br />.animate({<br />width: &#39;307px&#39;,<br />height: &#39;319px&#39;<br />}, 500);<br />} , function() {<br />$(&quot;#pageflip img&quot;).stop()<br />.animate({<br />width: &#39;50px&#39;,<br />height: &#39;52px&#39;<br />}, 220);<br />$(&quot;.msg_block&quot;).stop()<br />.animate({<br />width: &#39;50px&#39;,<br />height: &#39;50px&#39;<br />}, 200);<br />});<br /><br /><br />});<br /></script><br /></div><br /><br /><br />5. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Cari kod</span></span> ini di bawah ini pula .<br /><br /><div class="code"><br /><body><br /></div><br /><br />6. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Pastekan kod</span></span> dibawah ini<span style="font-weight: bold;font-size:130%;"><span style="color: rgb(0, 153, 0);"> di bawah</span></span> kod tersebut .<br /><br /><div class="code"><br /><div id='pageflip'><br /><a href='<span style="color: rgb(255, 0, 0);">http://feeds2.feedburner.com/msueroomz</span>'><img alt='' src='http://4.bp.blogspot.com/_LZtXSNcp76A/SwfKDG6SAhI/AAAAAAAAAl4/GT-uqh6aeOo/s320/pageflip.png'/></a><br /><div class='msg_block'/><br /></div><br /></div><br /><br /><span style="font-weight: bold;">Note:</span><span style="font-weight: bold; color: rgb(0, 0, 153);"> Pada highlight biru tukarkan dengan image pilihan korang sendiri </span><span style="font-weight: bold;">, <span style="color: rgb(255, 0, 0);">h</span></span><span style="color: rgb(255, 0, 0); font-weight: bold;">ighlight merah korang tukarkan dengan url pilihan korang .</span><br /><span style="font-size:130%;"><br /><br /><br /><br />Via - <a href="http://maribinablog.blogspot.com/">NescafeAis<br /></a><br /><br /></span>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-662392087682352172010-12-02T14:51:00.002+08:002010-12-02T14:55:17.435+08:00Semudah ABC Membina Right Header<span class="dropcaps">A</span>ssalamualaikum , Hari ini Msue ingin berkongsi bagaimana hendak <span> <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" >Membina Right Header Semudah ABC</span></span></b><span class="Apple-style-span" ><b>.</b></span></span> Tujuannya korang boleh memasukkan apa - apa di dalam header . Ia akan membuatkan header korang lebih menarik berbanding biasa .<br /><blink><a href="http://www.nrl-sue89.blogspot.com/">Header Yang Ada Follower didalamnya</a></blink><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S392rWNYOFI/AAAAAAAAApA/kmd0m6Ddi2A/s1600-h/stail+header.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 295px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S392rWNYOFI/AAAAAAAAApA/kmd0m6Ddi2A/s400/stail+header.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5440197361954994258" /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 153, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 153, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 153, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(51, 204, 0);font-size:130%;"><span style="font-weight: bold;">Cari kod</span></span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><div class="code"><br />#header {<br />margin: 5px;<br />border: 1px solid $bordercolor;<br />text-align: center;<br />color:$pagetitlecolor;<br />}<br /></div><br /><br />4. Tambahkan kod di bawah ini di dalamnya .<br /><div class="code"><br />width: 300px;<br />float: left;<br /></div><br /><span style="font-size:130%;"><br /><span style="font-weight: bold; color: rgb(0, 0, 153);">Ia akan jadi seperti ini</span></span><br /><br /><div class="code"><br />#header {<br /><span style="color: rgb(255, 0, 0);">width: 300px;</span> <span style="color: rgb(255, 0, 0);"><br />float: left;</span><br />margin: 5px;<br />border: 1px solid $bordercolor;<br />text-align: center;<br />color:$pagetitlecolor;<br />}<br /></div><br /><br /><span style="font-weight: bold;">Note:</span><span style="color: rgb(255, 0, 0); font-weight: bold;"># header</span><span style="font-weight: bold;"> korang kene dikecilkan sedikit supaya ade ruang untuk right header yang korang nak letak . nilai </span><span style="color: rgb(255, 0, 0); font-weight: bold;">width:300px</span><span style="font-weight: bold;"> korang boleh tentukan sendiri . float:left adalah kedudukan header korang yang asal.msue letakkannya dibahagian kiri</span><br /><br />5. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Copy kod</span></span> di bawah dan <span style="font-weight: bold;font-size:130%;"><span style="color: rgb(51, 204, 0);">pastekan di bawahnya (no. 3)</span> </span><br /><div class="code"><br />#rightheader {<br />margin: 5px;<br />width: 300px;<br />float: right;<br />border: 1px solid $bordercolor;<br />text-align: center;<br />color:$pagetitlecolor;<br />}<br /></div><br /><br />6. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Cari kod</span></span> di bawah ini .<br /><br /><div class="code"><br /><div id='header-wrapper'><br /><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Blog Korang (Header)' type='Header'/><br /></b:section><br /></div><br /></div><br /><br />7. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Copy kod</span></span> di bawah<br /><br /><div class="code"><br /><b:section class='header' id='rightheader' showaddelement='yes'><br /></b:section><br /></div><br /><br />8. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Pastekannya</span></span> seperti di bawah<br /><br /><div class="code"><br /><div id='header-wrapper'><br /><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='Blog Anda (Header)' type='Header'/><br /></b:section><br /><span style="color: rgb(255, 0, 0);"><b:section class='header' id='rightheader' showaddelement='yes'></span> <span style="color: rgb(255, 0, 0);"></b:section></span><br /></div><br /></div><br /><br /><center>Hasilnya seperti di bawah</center><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_hhvKRfZDO9k/S3D1NOyWy0I/AAAAAAAAAns/ZfkQrQCTUi0/s1600-h/header2de1.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 81px;" src="http://1.bp.blogspot.com/_hhvKRfZDO9k/S3D1NOyWy0I/AAAAAAAAAns/ZfkQrQCTUi0/s400/header2de1.jpg" alt="" id="BLOGGER_PHOTO_ID_5436114357892598594" border="0" /></a><br /><br /><span style="font-weight: bold;">Note: Korang boleh padamkam <span style="color: rgb(0, 0, 153);">border: 1px solid $bordercolor;</span> jika korang tidak mahu border pada <span style="color: rgb(0, 0, 153);">#header</span> dan juga <span style="color: rgb(0, 0, 153);">#rightheader</span></span><br /><br /><br /><br />Via - <a href="http://muncet.blogspot.com/">Muncet</a>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-3138994981312156522010-11-30T15:44:00.002+08:002010-12-15T10:35:20.080+08:00Membina Reply Pada Komen<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat<span style="font-style: italic; font-weight: bold; color: rgb(153, 153, 0);"> Reply Pada Komen </span>, ia berfungsi untuk korang balas komen seseorang yang komen di blog korang. <span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">Lepas dah siap korang buat reply to comment ini</span> , Korang boleh gantikan reply to comment dengan image / icon disini <blink><a href="http://msueroomz.blogspot.com/2010/05/menukar-reply-to-comment-kepada-image.html">Menukar Reply To Comment Kepada Image</a></blink><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_hhvKRfZDO9k/S9eWT4yFmrI/AAAAAAAABok/9qDlOP26dbQ/s1600/reply.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 221px;" src="http://2.bp.blogspot.com/_hhvKRfZDO9k/S9eWT4yFmrI/AAAAAAAABok/9qDlOP26dbQ/s400/reply.jpg" alt="" id="BLOGGER_PHOTO_ID_5465001941241535154" border="0" /></a><br /><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><div class="code"><br /><b:include data='comment' name='commentDeleteIcon'/><br /></div><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah .<br /><br /><div class="code"><br /><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=<span style="color: rgb(255, 0, 0); font-weight: bold;">BLOG ID KORANG</span>&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span><br /></div><br /><br /><br />Note:<span style="font-style: italic; font-weight: bold; color: rgb(255, 0, 0);"> Pada highlight , gantikan dengan Blog ID korang.</span><br /><br /><u style="font-weight: bold; color: rgb(0, 153, 0);">Cara Dapatkan Blog ID</u><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S9eZUrZItSI/AAAAAAAABos/EzsK5YsYTQM/s1600/get+your+blogger+id.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 37px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S9eZUrZItSI/AAAAAAAABos/EzsK5YsYTQM/s400/get+your+blogger+id.jpg" alt="" id="BLOGGER_PHOTO_ID_5465005253361972514" border="0" /></a><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan dibawahnya</span><br /><br />6. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" /><br /><br /><br /><span style="font-style: italic; font-weight: bold; color: rgb(153, 51, 153);">Note: Pastikan komen korang berada pada bawah post . kalau popup memang xakan menjadi</span>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-64118432915096320942010-11-30T14:19:00.010+08:002010-11-30T15:26:49.242+08:00Memasang Komen Facebook Ke Dalam Blog PostAssalamualaikum.Msue nak kongsi ngan korang bagaimana cara untuk memasang <span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" >Komen Facebook ke dalam blog</span> </span></b></span>korang .<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSkGoXLU7I/AAAAAAAACs0/CIWCXzjdJyM/s1600/Screenshot%2BStudio%2Bcapture%2B%2523022.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 85px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSkGoXLU7I/AAAAAAAACs0/CIWCXzjdJyM/s400/Screenshot%2BStudio%2Bcapture%2B%2523022.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5545237475020723122" /></a><br /><br /><br />1.<i><span class="Apple-style-span" > Bina</span></i> ----> <a href="http://www.facebook.com/developers/createapp.php">Aplikasi Facebook</a><br /><br />2. Pada website pada membina aplikasi fabook tadi.Korang <span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" >masukkan URL blog</span></span></b></span><span class="Apple-style-span" > </span>korang seperti contoh dibawah .<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSdpEMJZsI/AAAAAAAACsU/TRyoDsKS0Qs/s1600/Screenshot%2BStudio%2Bcapture%2B%2523024%2Bcopy.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 141px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSdpEMJZsI/AAAAAAAACsU/TRyoDsKS0Qs/s400/Screenshot%2BStudio%2Bcapture%2B%2523024%2Bcopy.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5545230370024810178" /></a><br /><br /><br />3. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" >Copy API KEY</span></span></span></b> dan pastekannya dimana - mana dahulu..apabila korang sudah siap membina aplikasi facebook.API KEY akan digunakan kemudian<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_hhvKRfZDO9k/TPScAbJBveI/AAAAAAAACsM/KTt0DCwOiKQ/s1600/Screenshot%2BStudio%2Bcapture%2B%2523023%2Bcopy.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 295px;" src="http://1.bp.blogspot.com/_hhvKRfZDO9k/TPScAbJBveI/AAAAAAAACsM/KTt0DCwOiKQ/s400/Screenshot%2BStudio%2Bcapture%2B%2523023%2Bcopy.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5545228572299476450" /></a><br /><br /><br /><br />4.<span class="Apple-style-span" > <i><span class="Apple-style-span">Login</span></i></span> ke <i><span class="Apple-style-span"><span class="Apple-style-span" >Blogspot</span></span></i>.<br /><br />5. Klik <i><span class="Apple-style-span">D<span class="Apple-style-span" >esign - Edit HTML</span></span></i>(Tandakan pada kotak Expand Widget)<br /><br />6.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span" >Copy kod</span> </span></span></b>dibawah dan letakkannya seperti contoh dibawah<br /><br /><div class="code"><br />xmlns:fb='http://www.facebook.com/2008/fbml'<br /></div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSfHUMo_lI/AAAAAAAACsc/1SqvyoIbKHs/s1600/Screenshot%2BStudio%2Bcapture%2B%2523025.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 136px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/TPSfHUMo_lI/AAAAAAAACsc/1SqvyoIbKHs/s400/Screenshot%2BStudio%2Bcapture%2B%2523025.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5545231989229551186" /></a><br /><br />7.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" > Cari kod</span></span></span></b><span class="Apple-style-span" > </span>dibawah<br /><br /><div class="code"><br /></body><br /></div><br /><br />8.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span" >Copy kod</span></span></span></b> dibawah<br /><br /><div class="code"><br /><script src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US' type='text/javascript'/><script type='text/javascript'>FB.init('<span class="Apple-style-span"><span class="Apple-style-span" >API KEY</span>'</span>);</script><br /></div><br /><br />9.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span" >Pastekan diatas</span></span></span></b> kod tersebut diatasnya .<br /><br />Note : <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" >Pada highlight tukarkan dengan API KEY yang korang copy tadi</span></span></span></b><br /><br />10. <i><span class="Apple-style-span"><span class="Apple-style-span" >Preview</span></span></i> dan <i><span class="Apple-style-span"><span class="Apple-style-span" >save template</span></span></i> jika tida error.<br /><br />11. Klik <i><span class="Apple-style-span">A<span class="Apple-style-span" >dd a Gadget - HTML / Javascript</span>.<br /></span></i><br />12. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" >Copy kod</span></span></span></b> dibawah .<br /><br /><div class="code"><br /><fb:comments></fb:comments><br /></div><br /><br />atau<br /><br /><div class="code"><br /><fb:comments width="350"></fb:comments><br /></div><br /><br />13. <span class="Apple-style-span"><i><span class="Apple-style-span" >Save</span></i></span><br /><br />14. <i><span class="Apple-style-span"><span class="Apple-style-span" >Lokasikannya</span></span></i> seperti contoh dibawah<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPShdQh_7MI/AAAAAAAACsk/lpMYEgIviZc/s1600/Screenshot%2BStudio%2Bcapture%2B%2523026.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 268px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPShdQh_7MI/AAAAAAAACsk/lpMYEgIviZc/s400/Screenshot%2BStudio%2Bcapture%2B%2523026.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5545234565225770178" /></a><br /><br />15.<span class="Apple-style-span" > <i><span class="Apple-style-span">Save</span></i></span><br /><br />16. <span class="Apple-style-span"><i><span class="Apple-style-span" >Tampilkan</span></i></span> kotak komen tersebut<span class="Apple-style-span"><i> <span class="Apple-style-span" >hanya pada ruangan post</span></i></span> disembunyi di ruangan homepage . ----> <a href="http://msueroomz.blogspot.com/2010/04/menyembunyikan-widget.html">Display pada ruangan post sahaja</a><br /><br />17. Klik <span class="Apple-style-span"><i><span class="Apple-style-span" >Setting - Comments</span></i></span>..tandakan pada<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span" >hide comment</span></span></span></b> seperti contoh dibawah<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPSj4HnAouI/AAAAAAAACss/ElY9Hntkvqw/s1600/Screenshot%2BStudio%2Bcapture%2B%2523027.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 320px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPSj4HnAouI/AAAAAAAACss/ElY9Hntkvqw/s400/Screenshot%2BStudio%2Bcapture%2B%2523027.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5545237225710592738" /></a><br /><br />18. <i><span class="Apple-style-span"><span class="Apple-style-span" >Save setting</span></span></i><span class="Apple-style-span" > </span>dan siap .<br /><br /><br />Via - <a href="http://www.jejaktrend.com/">Jejak Trend</a>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-46694636681805812182010-11-30T13:40:00.003+08:002010-11-30T14:08:14.443+08:00Memasang Feautured Post Slideshow Pada Blog Anda<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPSUoIj4axI/AAAAAAAACr8/8YzjXh6_J_s/s1600/Screenshot%2BStudio%2Bcapture%2B%2523021.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 163px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/TPSUoIj4axI/AAAAAAAACr8/8YzjXh6_J_s/s400/Screenshot%2BStudio%2Bcapture%2B%2523021.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5545220458413583122" /></a><br />Assalamualaikum..Msue nak kongsi ngan korang bagamana nak <span class="Apple-style-span" ><b><span class="Apple-style-span" style="font-size: large;">Memasang Feautured Post Slideshow</span></b></span> menggunakan JQuery di blog korang .<br /><br />1.<span class="Apple-style-span"><i> <span class="Apple-style-span" >Login</span></i></span> ke <i><span class="Apple-style-span"><span class="Apple-style-span" >Blogspot</span></span></i> .<br /><br />2. Klik <span class="Apple-style-span"><i><span class="Apple-style-span" >Design - Edit HTML</span></i></span>(Tandakan Pada Kotak Expand Widget)<br /><br />3. <span class="Apple-style-span"><b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span" >Cari kod</span></span></b></span> dibawah<br /><br /><div class="code"><br /></head><br /></div><br /><br />4. <b><span class="Apple-style-span" style="font-size: large; "><span class="Apple-style-span"><span class="Apple-style-span" >Copy Kod</span></span></span></b> dibawah<br /><br /><div class="code"><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><br /><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />$(document).ready(function() {<br /><br />//Execute the slideShow, set 6 seconds for each images<br />slideShow(3000);<br /><br />});<br /><br />function slideShow(speed) {<br /><br /><br />//append a LI item to the UL list for displaying caption<br />$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');<br /><br />//Set the opacity of all images to 0<br />$('ul.slideshow li').css({opacity: 0.0});<br /><br />//Get the first image and display it (set it to full opacity)<br />$('ul.slideshow li:first').css({opacity: 1.0});<br /><br />//Get the caption of the first image from REL attribute and display it<br />$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));<br />$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));<br /><br />//Display the caption<br />$('#slideshow-caption').css({opacity: 0.7, bottom:0});<br /><br />//Call the gallery function to run the slideshow<br />var timer = setInterval('gallery()',speed);<br /><br />//pause the slideshow on mouse over<br />$('ul.slideshow').hover(<br /> function () {<br /> clearInterval(timer);<br /> },<br /> function () {<br /> timer = setInterval('gallery()',speed);<br /> }<br />);<br /><br />}<br /><br />function gallery() {<br /><br /><br />//if no IMGs have the show class, grab the first image<br />var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));<br /><br />//Get next image, if it reached the end of the slideshow, rotate it back to the first image<br />var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));<br /><br />//Get next image caption<br />var title = next.find('img').attr('title');<br />var desc = next.find('img').attr('alt');<br /><br />//Set the fade in effect for the next image, show class has higher z-index<br />next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);<br /><br />//Hide the caption first, and then set and display the caption<br />$('#slideshow-caption').animate({bottom:-70}, 300, function () {<br /> //Display the content<br /> $('#slideshow-caption h3').html(title);<br /> $('#slideshow-caption p').html(desc);<br /> $('#slideshow-caption').animate({bottom:0}, 500);<br />});<br /><br />//Hide the current image<br />current.animate({opacity: 0.0}, 1000).removeClass('show');<br /><br />}<br /><br />//]]><br /></script><br /><br /><style type="text/css"><br />ul.slideshow {<br />list-style:none;<br />width:600px;<br />height:240px;<br />overflow:hidden;<br />position:relative;<br />margin:0;<br />padding:0;<br />font-family:Arial,Helvetica,Trebuchet MS,Verdana;<br />;<br />}<br />ul.slideshow li {<br />position:absolute;<br />left:0;<br />right:0;<br />}<br />ul.slideshow li.show {<br />z-index:500;<br />}<br />ul img {<br />width:600px;<br />height:240px;<br />border:none;<br />}<br />#slideshow-caption {<br />width:600px;<br />height:70px;<br />position:absolute;<br />bottom:0;<br />left:0;<br />color:#fff;<br />background:#000;<br />z-index:500;<br />}<br />#slideshow-caption .slideshow-caption-container {<br />padding:5px 10px;<br />z-index:1000;<br />}<br />#slideshow-caption h3 {<br />margin:0;<br />padding:0;<br />font-size:16px;<br />}<br />#slideshow-caption p {<br />margin:5px 0 0 0;<br />padding:0;<br />}<br /></style><br /></div><br /><br />5.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span" >Pastekan Diatas</span></span></span></b><span class="Apple-style-span" > </span>kod diatas<br /><br />6. Klik <i><span class="Apple-style-span"><span class="Apple-style-span" >Preview</span> </span></i>dan <span class="Apple-style-span"><i><span class="Apple-style-span" >Save Template</span></i></span> jika tiada error.<br /><br />7. Klik <i><span class="Apple-style-span">A<span class="Apple-style-span" >dd a Gadget - HTML/Javascript</span></span></i><br /><br />8. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" >Copy kod</span></span></span></b> dibawah<br /><br /><div class="code"><br /><ul class="slideshow"><br /><br /><li><a href="<span class="Apple-style-span" >URL POST 1</span>"><img src="<span class="Apple-style-span" >http://3.bp.blogspot.com/_4HKUHirY_2U/TEVd7gbRVeI/AAAAAAAABGc/J-aSBfN0rhw/s1600/1.jpg</span>" title="<span class="Apple-style-span" >INI ADALAH TITLE FEAUTURED POST 1</span>" alt="<span class="Apple-style-span" >Ini Adalah Featured Post 1 Description.</span>" /></a></li><br /><br /><li><a href="<span class="Apple-style-span" >URL POST 2</span>"><img src="h<span class="Apple-style-span" >ttp://2.bp.blogspot.com/_4HKUHirY_2U/TEVd7zgT63I/AAAAAAAABGk/9vJ6VYTYGWM/s1600/2.jpg</span>" title="<span class="Apple-style-span" >INI ADALAH TITLE FEAUTURED POST 2</span>" alt="<span class="Apple-style-span" >Ini Adalah Featured Post 2 Description.</span>" /></a></li><br /><br /><li><a href="<span class="Apple-style-span" >URL POST 3</span>"><img src="<span class="Apple-style-span" >http://4.bp.blogspot.com/_4HKUHirY_2U/TEVd8JKsDaI/AAAAAAAABGs/vzECCT1mDws/s1600/3.jpg</span>" title="<span class="Apple-style-span" >INI ADALAH TITLE FEAUTURED POST 3</span>" alt="<span class="Apple-style-span" >Ini Adalah Featured Post 3 Description.</span>" /></a></li><br /><br /><li><a href="<span class="Apple-style-span" >URL POST 4</span>"><img src="<span class="Apple-style-span" >http://1.bp.blogspot.com/_4HKUHirY_2U/TEVd8VPgRRI/AAAAAAAABG0/O4yhLEWG5UU/s1600/4.jpg</span>" title="<span class="Apple-style-span" >INI ADALAH TITLE FEAUTURED POST 4</span>" alt="<span class="Apple-style-span" >Ini Adalah Featured Post 4 Description.</span>" /></a></li><br /><br /></ul><br /></div><br /><br />Note : <span class="Apple-style-span" ><b><span class="Apple-style-span" style="font-size: large;">Gantikan Pada Highlight diatas</span></b></span><br /><br />9. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span" >Pastekan</span></span></span></b> kedalamnya.<br /><br />10.<span class="Apple-style-span" > </span><i><span class="Apple-style-span"><span class="Apple-style-span" >Save</span> </span></i>dan <i><span class="Apple-style-span"><span class="Apple-style-span" >View Blog</span></span></i>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-57057558304146741982010-11-30T13:19:00.002+08:002010-11-30T13:22:11.916+08:00Memasang Page Navigation Google Pada Blog Anda<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak<span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">Membuat Page Navigation seperti Google Pada Blog</span> Kini korang boleh memasangnya di blog korang<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_CrOY-QJpI/AAAAAAAACb8/EmT1eyaGjNs/s1600/google+stail.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 122px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_CrOY-QJpI/AAAAAAAACb8/EmT1eyaGjNs/s400/google+stail.jpg" alt="" id="BLOGGER_PHOTO_ID_5472061810965227154" border="0" /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Design</span>- <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span>(<span style="color: rgb(255, 0, 0); font-weight: bold;font-size:150%;">JANGAN</span> Tandakan pada kotak Expand widget)<br /><br />3.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;font-size:130%;"> Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /><span style="color: rgb(255, 0, 0); font-weight: bold;"></b:section></span><br /></div><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah ini<br /><br /><div class="code"><br /><script type='text/javascript'><br /><br />var home_page_url = location.href; <br /><br /><br />var pageCount=10;<br />var displayPageNum=6;<br />var upPageWord =&#39;Previous&#39;;<br />var downPageWord =&#39;Next&#39;;<br /><br /><br />function showpageCount(json) {<br />var thisUrl = home_page_url;<br />var htmlMap = new Array();<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= &#39;&#39;;<br />var upPageHtml =&#39;&#39;;<br />var downPageHtml =&#39;&#39;;<br /><br /><br /><br />htmlMap[htmlMap.length]=&#39;/&#39;;<br />postNum++;<br /><br />for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {<br /><br /> <br /> var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);<br /> timestamp = encodeURIComponent(timestamp1);<br /> var title = post.title.$t;<br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> thisNum = postNum;<br /> }<br /> <br /> postNum++;<br /> htmlMap[htmlMap.length] = &#39;/search?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;<br /> <br />}<br /><br />var banyaknomer = htmlMap.length;<br />if (json.feed.entry.length % pageCount == 0){<br /> var banyaknomer = htmlMap.length -1 ;<br /> postNum=postNum-1;<br />};<br /><br /> <br />for(var p =0;p&lt; banyaknomer;p++){<br /> if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br /> if(fFlag ==0 &amp;&amp; p == thisNum-2){<br /> if(thisNum==2){<br /> upPageHtml = &#39;&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }else{<br /> upPageHtml = &#39;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }<br /> <br /> fFlag++;<br /> }<br /> <br /> if(p==(thisNum-1)){<br /> if(p==0){<br /> html += &#39;&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+thisNum+&#39;&lt;/td&gt;&#39;;<br /> }else{<br /> html += &#39;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+thisNum+&#39;&lt;/td&gt;&#39;;<br /> }<br /> }else{<br /> if(p==0){<br /> html += &#39;&lt;td&gt;&lt;a href=&quot;/&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;&#39;;<br /><br /> }else{<br /> html += &#39;&lt;td&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }<br /> }<br /> <br /> if(eFlag ==0 &amp;&amp; p == thisNum){<br /> downPageHtml = &#39;&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> eFlag++;<br /> }<br /> }<br />}<br /> <br />if(thisNum&gt;1){<br /> html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;<br />}<br />html2 = &#39;&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page (&#39;+(postNum-1)+&#39;) &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;&#39;;<br />html3 = &#39;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&#39;;<br />html = html2+html;<br /> <br />if(thisNum&lt;(postNum-1)){<br /> html += downPageHtml; <br />}else{<br /> html += &#39;&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&#39;;<br />}<br /><br /><br /> <br />if(postNum==1) postNum++;<br />html += html3+ &#39;&lt;/div&gt;&#39;;<br /> <br /><br />var pageArea = document.getElementsByName(&quot;pageArea&quot;);<br />var blogPager = document.getElementById(&quot;blog-pager&quot;);<br /><br />if(postNum &lt;= 2){<br /> html =&#39;&#39;;<br />}<br /><br />for(var p =0;p&lt; pageArea.length;p++){<br /> pageArea[p].innerHTML = html;<br />}<br /><br /><br />if(pageArea&amp;&amp;pageArea.length&gt;0){<br /> html =&#39;&#39;;<br />}<br /><br />if(blogPager){<br /> blogPager.innerHTML = html;<br />}<br /><br /><br />}<br /><br /><br />function showpageCount2(json) {<br /><br />var thisUrl = home_page_url;<br />var htmlMap = new Array();<br />var isLablePage = thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;<br />var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.length) : &quot;&quot;;<br />thisLable = thisLable.indexOf(&quot;?&quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&quot;?&quot;)) : thisLable;<br />var thisNum = 1;<br />var postNum=1;<br />var itemCount = 0;<br />var fFlag = 0;<br />var eFlag = 0;<br />var html= &#39;&#39;;<br />var upPageHtml =&#39;&#39;;<br />var downPageHtml =&#39;&#39;;<br /><br /><br /><br />var labelHtml = &#39;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;max-results=&#39;+pageCount+&#39;&quot;&gt;&#39;;<br />var thisUrl = home_page_url; <br /><br />htmlMap[htmlMap.length]=labelHtml;<br />postNum++;<br /><br />for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {<br /> var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);<br /> timestamp = encodeURIComponent(timestamp1);<br /><br /> <br /> var title = post.title.$t;<br /><br /> if(thisUrl.indexOf(timestamp)!=-1 ){<br /> thisNum = postNum;<br /> }<br /> <br /> if(title!=&#39;&#39;) postNum++;<br /> htmlMap[htmlMap.length] = &#39;/search/label/&#39;+thisLable+&#39;?updated-max=&#39;+timestamp+&#39;&amp;max-results=&#39;+pageCount;<br /> <br /> itemCount++;<br />}<br /><br />var banyaknomer = htmlMap.length;<br />if (json.feed.entry.length % pageCount == 0){<br /> var banyaknomer = htmlMap.length -1 ;<br /> postNum=postNum-1;<br />};<br /> <br />for(var p =0;p&lt; banyaknomer;p++){<br /> if(p&gt;=(thisNum-displayPageNum-1) &amp;&amp; p&lt;(thisNum+displayPageNum)){<br /> if(fFlag ==0 &amp;&amp; p == thisNum-2){<br /> <br /> <br /> <br /> if(thisNum==2){<br /> upPageHtml = labelHtml +&#39;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }else{<br /> upPageHtml = &#39;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: 0pt 0pt; margin-left: auto; width: 44px;&quot;&gt;&lt;/span&gt;&lt;div style=&quot;margin-right: 8px;&quot;&gt;&#39;+ upPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }<br /> <br /> fFlag++;<br /> }<br /> <br /> <br /> <br /> <br /> <br /> if(p==(thisNum-1)){<br /> if(p==0){<br /> html += &#39;&lt;span class=&quot;csb&quot; style=&quot;background-position: -26px 0pt; width: 18px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+thisNum+&#39;&lt;/td&gt;&#39;;<br /> }else{<br /> html += &#39;&lt;td class=&quot;cur&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -44px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+thisNum+&#39;&lt;/td&gt;&#39;; <br /> }<br /> }else{<br /> if(p==0){<br /> html = &#39;&lt;td&gt;&#39;+labelHtml+&#39;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;1&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }else{<br /> html += &#39;&lt;td&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -60px 0pt; width: 16px;&quot;&gt;&lt;/span&gt;&#39;+ (p+1) +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> }<br /> }<br /><br /> <br /> if(eFlag ==0 &amp;&amp; p == thisNum){<br /> downPageHtml = &#39;&lt;td class=&quot;b&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&lt;span class=&quot;csb ch&quot; style=&quot;background-position: -76px 0pt; margin-right: 34px; width: 66px;&quot;&gt;&lt;/span&gt;&#39;+ downPageWord +&#39;&lt;/a&gt;&lt;/td&gt;&#39;;<br /> eFlag++;<br /> }<br /> }<br />}<br /><br /><br /> <br /> <br />if(thisNum&gt;1){<br /> if(!isLablePage){<br /> html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;<br /> }else{<br /> html = &#39;&#39;+upPageHtml+&#39; &#39;+html +&#39; &#39;;<br /> }<br />}<br /> <br />html2 = &#39;&lt;table id=&quot;nav&quot; style=&quot;margin: auto auto 1.4em; border-collapse: collapse;text-align: center; direction: ltr;&quot; align=&quot;center&quot;&gt;&lt;tbody&gt;&lt;tr valign=&quot;top&quot;&gt;&lt;td class=&quot;b&quot;&gt;Page (&#39;+(postNum-1)+&#39;) &lt;/td&gt;&lt;td class=&quot;b&quot;&gt;&#39;;<br />html3 = &#39;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&#39;;<br />html = html2+html;<br /> <br />if(thisNum&lt;(postNum-1)){<br /> html += downPageHtml; <br />}else{<br /> html += &#39;&lt;td class=&quot;b&quot;&gt;&lt;span class=&quot;csb&quot; style=&quot;background-position: -76px 0pt; width: 42px;&quot;&gt;&lt;/span&gt;&lt;/td&gt;&#39;;<br />}<br /> <br />if(postNum==1) postNum++;<br />html += html3+ &#39;&lt;/div&gt;&#39;;<br /> <br />var pageArea = document.getElementsByName(&quot;pageArea&quot;);<br />var blogPager = document.getElementById(&quot;blog-pager&quot;);<br /><br />if(postNum &lt;= 2){<br /> html =&#39;&#39;;<br />}<br /><br />for(var p =0;p&lt; pageArea.length;p++){<br /> pageArea[p].innerHTML = html;<br />}<br /><br />if(pageArea&amp;&amp;pageArea.length&gt;0){<br /> html =&#39;&#39;;<br />}<br /><br />if(blogPager){<br /> blogPager.innerHTML = html;<br />}<br /><br /><br />}<br /><br /><br /></script><br /><br /><script type='text/javascript'><br /><br /> var thisUrl = home_page_url;<br /> if (thisUrl.indexOf(&quot;/search/label/&quot;)!=-1){<br /> if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){<br /> var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?updated-max&quot;));<br /> }else{<br /> var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;max&quot;));<br /> }<br /> }<br /><br /> var home_page = &quot;/&quot;;<br /> if (thisUrl.indexOf(&quot;?q=&quot;)==-1 &amp;&amp; thisUrl.indexOf(&quot;.html&quot;)==-1){ <br /> if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){ <br /> document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;)<br /> }else{document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/posts/full/-/&#39;+lblname1+&#39;?alt=json-in-script&amp;callback=showpageCount2&amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39;)<br /> }<br /> }<br /></script><br /></div><br /><br /><br />5. <span style="color: rgb(255, 0, 0); font-weight: bold;font-size:130%;">Pastekan dibawah highlight merah diatas</span><br /><br />6.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;"> Cari kod</span></span> di bawah<br /><br /><div class="code"><br />]]></b:skin><br /></div><br /><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah<br /><br /><div class="code"><br />#nav a,#nav a:visited,.blk a{color:#000}<br />#nav a{display:block}<br />#nav .b a,#nav .b a:visited{color:#20c}<br />#nav .i{color:#a90a08;font-weight:bold}<br />.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}<br />.ss{background-position:0 -88px;position:absolute;left:0;top:0}<br />.cps{height:18px;overflow:hidden;width:114px}<br />.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}<br />#nav td{padding:0;text-align:center}<br /></div><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan diatasnya</span><br /><br />9. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span><br /><br />10. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Layout - Add a Gadget - Label</span><br /><br />11. <span style="font-style: italic; color: rgb(255, 102, 0);">Save</span><br /><br /><span style="font-style: italic; font-weight: bold; color: rgb(153, 51, 153);">Note: Step 10 - 11 Korang xpayah buat kalau dah ada label pada sidebar .</span><br /><br />12. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Layout</span> - <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span> (Tandakan pada kotak Expand widget)<br /><br />13.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;font-size:130%;"> Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br /></div><br /><br />14. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah dan <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">gantikannya</span><br /><br /><div class="code"><br /><script type='text/javascript'><br />var lblname = &quot;<data:label.name/>&quot;;<br /><br />lblname2 = encodeURIComponent(lblname);<br />var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=10&#39;;<br />document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);<br /></script><br /></div><br /><br />15. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span><br /><br />16. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Setting - Formatting</span><br /><br />17. Pada<span style="font-style: italic; color: rgb(255, 102, 0);"> show at most</span> , <span style="color: rgb(0, 153, 0); font-style: italic; font-weight: bold;">tukarkan kepada 6 post</span> seperti gambar / image dibawah<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_C2uL8BOmI/AAAAAAAACcE/1Baf8tUejYk/s1600/6post.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 172px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_C2uL8BOmI/AAAAAAAACcE/1Baf8tUejYk/s400/6post.jpg" alt="" id="BLOGGER_PHOTO_ID_5472074451849919074" border="0" /></a><br /><br />18.<span style="font-style: italic; color: rgb(255, 102, 0);"> Save Setting</span> dan <span style="font-style: italic; color: rgb(255, 102, 0);">view</span> <img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-66500400623158848682010-11-30T12:53:00.003+08:002010-11-30T13:05:44.847+08:00Cuztomize Twitter Update Mengikut Citarasa Anda<font class="dropcaps">A</font>ssalamualaikum , Pada hari ini Msue ingin berkongsi ngan korang sume bagaimana nak <font style="font-size:130%;"><font style="color: rgb(51, 255, 51);"><b>Customize Twitter update korang .</b></font><br /></font><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_hhvKRfZDO9k/S391wzslvFI/AAAAAAAAAo4/3s-M0NbbRN8/s1600-h/twitter+update.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 209px; height: 323px;" src="http://2.bp.blogspot.com/_hhvKRfZDO9k/S391wzslvFI/AAAAAAAAAo4/3s-M0NbbRN8/s400/twitter+update.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5440196356258249810"></a><br /><br /><br />1.<font style="font-style: italic; color: rgb(255, 153, 0);"> Login </font>ke <font style="font-style: italic; color: rgb(255, 153, 0);">Blogspot</font> .<br /><br />2. Klik<font style="font-style: italic; color: rgb(255, 153, 0);"> Design - Add A Gadget - Javascript/HTML</font><br /><br />3. <font style="color: rgb(204, 51, 204);font-size:130%;"><font style="font-weight: bold;">Copy kod </font></font>di bawah dan<font style="color: rgb(204, 51, 204);font-size:130%;"><font style="font-weight: bold;"> pastekan ke dalamnya .</font></font><br /><br /><div class="code"><br /><div<font style="color: rgb(102, 0, 204);"> <font style="color: rgb(51, 51, 255);"><--Add Style Here --></font></font> id="twitter_div"><br /><ul id="twitter_update_list"></ul><br /><a href="http://twitter.com/<font style="color: rgb(204, 51, 204);">msueroomz</font>" id="twitter-link" style="display:block;text-align:center;"></a><br /></div><br /><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script><br /><script type="text/javascript" src="http://twitter.com/statuses/user_timeline/<font style="color: rgb(204, 51, 204);">msueroomz</font>.json?callback=twitterCallback2&amp;count=<font style="color: rgb(0, 153, 0);">5</font>"></script><br /></div><br /><br /><font style="font-size:130%;"><font style="font-weight: bold;">Note: Pada </font><font style="color: rgb(204, 51, 204); font-weight: bold;">highlight ungu</font><font style="font-weight: bold;"> korang tukarkan ngan username twitter korang , </font><font style="color: rgb(0, 153, 0); font-weight: bold;">highlight hijau</font><font style="font-weight: bold;"> itu adalah berapa jumlah status yang korang ingin pamerkan .</font></font><br /><br /><br />4.<font style="font-size:130%;"><font style="color: rgb(204, 51, 204); font-weight: bold;">Pastekan kod stail </font></font>yang ada di bawah mengikut citarasa korang pada <font style="font-size:130%;"><font style="color: rgb(51, 51, 255); font-weight: bold;">highlight biru diatas.</font></font><br /><br /><font style="font-size:130%;"><br /><font style="font-weight: bold;">Note: Pada</font><font style="font-weight: bold; color: rgb(255, 0, 0);"> highlight merah</font><font style="font-weight: bold;"> korang tukar tukarkan mengikut kesesuaian .</font></font><br /><br /><br /><font style=";font-family:Chiller;font-size:160%;"><font style="font-weight: bold;">Kod stail untuk background warna</font></font><br /><br /><div class="code"><br />style="background: <font style="color: rgb(255, 0, 0);">#ffcc00</font>;"<br /></div><br /><br /><br /><font style=";font-family:Kristen ITC;font-size:130%;"><font style="font-weight: bold;">Kod stail untuk background image</font></font><br /><br /><div class="code"><br />style="background: url(<font style="color: rgb(255, 0, 0);">http://i921.photobucket.com/albums/ad54/nurulsue/love/emo-1-1.png</font>)center left no-repeat; padding-left: 50px;"<br /></div><br /><br /><font style="font-weight: bold;">center left adalah posisi tengah sebelah kiri atau korang boleh tukar ngan posisi lain . center center , top center , top left , top right , bottom left , bottom right , bottom center </font><br /><br /><br /><br /><br /><font style=";font-family:Monotype Corsiva;font-size:130%;"><font style="font-weight: bold;">Kod stail untuk border</font></font><br /><br /><div class="code"><br />style="border:<font style="color: rgb(255, 0, 0);"> 3px solid #cccccc</font>; padding: 5px;"<br /></div><br /><br /><font style="font-size:130%;"><br /><font style="font-weight: bold;">Note: Korang leh gak gabungkan kod antara kod background image + background warna + border . Bergantung pada citarasa korang .</font><br /></font><br /><br /><font style="color: rgb(0, 0, 153); font-weight: bold;">Via - </font><a style="color: rgb(0, 0, 153); font-weight: bold;" href="http://www.bloggerbuster.com/">Amanda</a><br /><br /><br /><br /><p><br /><img style="border: 0pt none ;" src="http://signatures.mylivesignature.com/54487/311/028D1322B85226DF18F8836189B87A79.png" align="left"><br /></p>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-84393206660690769662010-11-30T12:46:00.002+08:002010-11-30T13:08:12.165+08:00Pasangkan Related Post With Thumbnail Bergerak Di Blog Anda<span class="dropcaps">A</span>ssamualaikum , Sebelum ni Msue ade buat tutorial tentang cara membuat <blink><a href="http://msueroomz.blogspot.com/2010/02/memasang-adik-related-post.html">Adik Related Posted</a></blink> Pagi ni Msue nak kongsi ngan korang sume bagaimana nak buat <span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">related post bergerak</span> . Ia akan buat blog korang lebih cool .<br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_hhvKRfZDO9k/S7KnRY1ECrI/AAAAAAAABNA/pdGiY_dE5y4/s1600/related+posts+bergerak.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 179px;" src="http://2.bp.blogspot.com/_hhvKRfZDO9k/S7KnRY1ECrI/AAAAAAAABNA/pdGiY_dE5y4/s400/related+posts+bergerak.jpg" alt="" id="BLOGGER_PHOTO_ID_5454606015863720626" border="0" /></a><br /><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><div class="code"><br /></head><br /></div><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah .<br /><br /><div class="code"><br /><!--Related Posts with thumbnails Scripts and Styles Start--><br /><!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type="text/css"><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;<br />}<br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br />#related-posts a:hover {<br />background-color:#d4eaf2;<br />}<br /></style><br /><script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/><br /><!-- remove --></b:if><br /><!--Related Posts with thumbnails Scripts and Styles End--><br /></div><br /><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan di atasnya</span><br /><br />6. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Cari kod</span> di bawah<br /><br /><div class="code"><br /><data:post.body/><br /></div><br /><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah<br /><br /><div class="code"><br /><!-- Marquee Related Posts with Thumbnails Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop><br /><h3><b>Related Posts</b></h3><br /><marquee align='center' direction='right' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4' width='100%'><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br />var maxresults=50;<br />var relatedpoststitle=&quot;&quot;;<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script></marquee><br /></div><div style='clear:both'/><br /></b:if><br /><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><br /></b:if><br /></b:if><br /><!-- Marquee Related Posts with Thumbnails Code End--><br /></div><br /><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan dibawahnya</span><br /><br />9. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" /><br /><br /><br /><br />Via - <a href="http://serba-seru.blogspot.com/">SerbaBlog</a><br /><br /><br /><br /><p><br /><img style="border: 0pt none ;" src="http://signatures.mylivesignature.com/54487/311/028D1322B85226DF18F8836189B87A79.png" align="left" /><br /></p>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-36154431494707511742010-11-25T11:41:00.002+08:002010-11-25T11:45:19.758+08:00Membina Hide/Show Element<span class="dropcaps">A</span>ssalamualaikum..setelah sekian lama menyepi,kini MsueRoomZ kembali..Kali ini Msue ingin berkongsi ngan korang bagaimana hendak membuat <span style="font-size:130%;"><span style="color: rgb(0, 0, 153); font-weight: bold;">Show/Hide Url atau Elements</span></span> . Ia macam dropdown menu tetapi yang ini menggunakan fungsi hide/show . Korang boleh gunakan untuk meletakkan korang punya link list ataupun element tertentu untuk menjimatkan ruang di sidebar korang .<br /><br />1.<span style="font-style: italic; color: rgb(255, 102, 0);"> Login</span> ke<span style="font-style: italic; color: rgb(255, 102, 0);"> Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Design</span> - <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span>(Tandakan pada kotak<span style="color: rgb(255, 102, 0); font-style: italic;"> Expand widget</span>)<br /><br />3. <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">Cari kod </span></span>di bawah .<br /><br /><div class="code"><br /></head><br /></div><br /><br />4.<span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;"> Pastekan kod</span></span> di bawah ini <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">di atas atau sebelumnya</span></span> .<br /><br /><div class="code"><br /><style type="text/css"><br />.texthidden {display:inline}<br />.shown {display:block}<br /></style><br /><br /><br /><script type="text/javascript"><br />document.write('<style>.texthidden {display:none} </style>');<br /></script><br /><br /><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><br /></div><br /><br />5. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan <span style="color: rgb(255, 102, 0); font-style: italic;">Save template</span> .<br /><br />6. Klik pada<span style="font-style: italic; color: rgb(255, 102, 0);"> Add a Gadget</span> - <span style="color: rgb(255, 102, 0); font-style: italic;">HTML/Javascript</span> .<br /><br />7. <span style="font-size:130%;"><span style="color: rgb(0, 153, 0); font-weight: bold;">Masukkan kod</span></span> di bawah <span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;">ke dalamnya</span></span> .<br /><br /><br /><div class="code"><br /><ul><a href="javascript:void(0);" onclick="expandcollapse('<span style="color: rgb(0, 0, 153);">KEYWORD</span>')"> [+/-] Kategori</a></ul><br /><br /><ul class="texthidden" id="<span style="color: rgb(0, 0, 153);">KEYWORD</span>"><br /><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://linkataulinkelement.com</span>"><span style="color: rgb(255, 0, 0);">NAMA LINK ATAU NAMA ELEMENT 1</span></a></li><br /><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://linkataulinkelement.com</span>"><span style="color: rgb(255, 0, 0);">NAMA LINK ATAU NAMA ELEMENT 2</span></a></li><br /><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://linkataulinkelement.com</span>"><span style="color: rgb(255, 0, 0);">NAMA LINK ATAU NAMA ELEMENT 3</span></a></li><br /><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://linkataulinkelement.com</span>"><span style="color: rgb(255, 0, 0);">NAMA LINK ATAU NAMA NAMA ELEMENT 4</span></a></li><br /><br /><li><a href="<span style="color: rgb(255, 0, 0);">http://linkataulinkelement.com</span>"><span style="color: rgb(255, 0, 0);">NAMA LINK ATAU NAMA ELEMENT 5</span></a></li><br /><br /></ul><br /></div><br /><br /><span style="font-weight: bold;">Note: <span style="color: rgb(255, 0, 0);">Highlight merah - tukarkan yang bersesuaian </span>, <span style="color: rgb(0, 0, 153);">Highlight biru -Pada perkataan KEYWORD Gantikan ngan keyword korang sendiri(pastikan keywordnya sama)</span></span><br /><br /><br />Via - <a href="http://muncet.blogspot.com/">Muncet </a>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-89090804550967100812010-11-25T10:59:00.006+08:002010-11-25T11:30:31.577+08:00Membina Label Cloud Dengan Cara MudahAssalamualaikum,pagi ni msue nak kongsi bagaimana nak buat nak buat<b><span class="Apple-style-span"><span class="Apple-style-span" style="font-size: large;"> <span class="Apple-style-span">label cloud ataupun label berawan dengan cara yang mudah</span></span></span></b>..kepada yang newbie pun boleh melakukannya jika ikut arahan dibawah .<div><br /></div><div><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/TO3X8_n1l7I/AAAAAAAACn4/t2E1qmZK4HA/s1600/Screenshot%2BStudio%2Bcapture%2B%2523017.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 102px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/TO3X8_n1l7I/AAAAAAAACn4/t2E1qmZK4HA/s400/Screenshot%2BStudio%2Bcapture%2B%2523017.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5543324159233595314" /></a><br /><br />1.<i><span class="Apple-style-span"> <span class="Apple-style-span">Login</span></span></i> ke<span class="Apple-style-span"> <i><span class="Apple-style-span">Blogspot</span></i></span> .<br /><br />2. Klik <i><span class="Apple-style-span"><span class="Apple-style-span">Design - Edit HTML</span></span></i>(<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span">JANGAN</span></span></span></b> tandakan pada Expand Widget)<br /><br />3. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span">Cari kod</span></span></span></b> dibawah<br /><br /><div class="code"><br />]]></b:skin><br /></div><br /><br />4.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span">Pastekan</span> </span></span></b>kod dibawah<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span">sebelum</span></span></span></b> kod diatas<br /><br /><div class="code"><br />/* Label Cloud Styles<br />----------------------------------------------- */<br />#labelCloud {text-align:center;font-family:arial,sans-serif;}<br />#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !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 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 {padding-left:0.2em;font-size:9px;color:#000}<br />#labelCloud .label-cloud li:before{content:"" !important}<br /></div><br /><br />5.<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span">Cari kod</span></span></span></b> dibawah<br /><br /><div class="code"><br /></head><br /></div><br /><br />6.<b><span class="Apple-style-span" style="font-size: large;"> <span class="Apple-style-span"><span class="Apple-style-span">Pastekan</span></span></span></b> kod dibawah<b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"> <span class="Apple-style-span">diatas kot</span></span></span></b><span class="Apple-style-span"> </span>tersebut.<br /><br /><div class="code"><br /><script type='text/javascript'><br />// Label Cloud User Variables<br />var cloudMin = 1;<br />var maxFontSize = 24;<br />var maxColor = [0,0,255];<br />var minFontSize = 14;<br />var minColor = [0,0,0];<br />var lcShowCount = false;<br /></script><br /></div><br /><br />7. <span class="Apple-style-span" style="font-size: large;"><b><span class="Apple-style-span"><span class="Apple-style-span">Cari kod</span></span></b></span> dibawah .<br /><br /><div class="code"><br /><b:widget id='Label1' locked='false' title='Labels' type='Label'/><br /></div><br /><br />8. <b><span class="Apple-style-span" style="font-size: large;"><span class="Apple-style-span"><span class="Apple-style-span">Gantikan</span></span></span></b> dengan kod dibawah .<br /><br /><div class="code"><br /><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 /><br /><div class='widget-content'><br /><div id='labelCloud'/><br /><script type='text/javascript'><br /><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 /><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 /><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 /><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 /><br /></b:includable><br /></b:widget><br /></div><br /><br />9.<i><span class="Apple-style-span"> <span class="Apple-style-span">Preview</span></span></i> dan<span class="Apple-style-span"><i> <span class="Apple-style-span">Save Template</span></i></span> jika tiada error</div>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-10006370209133542442010-05-19T12:31:00.007+08:002010-11-25T10:39:45.841+08:00Horizon Sub Navigation Versi 2 Yang Lebih Cool<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat <span style="font-weight: bold; color: rgb(153, 153, 0); font-style: italic;">horizon sub navigation yang lebih cool</span> dari yang sebelum ini . Korang boleh tengok tutorialnya disini --> <blink><a href="http://msueroomz.blogspot.com/2010/04/sub-navigation-bar-menu-bar.html">Sub Navigation</a></blink><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S_NxWFnh6qI/AAAAAAAACcg/tdinNKFAFII/s1600/subnavi.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 135px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S_NxWFnh6qI/AAAAAAAACcg/tdinNKFAFII/s400/subnavi.jpg" alt="" id="BLOGGER_PHOTO_ID_5472842596464323234" border="0" /></a><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Design</span> - <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span>( Tandakan pada kotak Expand widget)<br /><br />3.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;font-size:130%;"> Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br />]]></b:skin><br /></div><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah<br /><br /><div class="code"><br />ul#topnav {<br />margin: 0; padding: 0;<br />float: left;<br />width:<span style="color: rgb(255, 0, 0); font-weight: bold;"> 660px</span>;<br />list-style: none;<br />position: relative;<br />font-size: 1.2em;<br /> background: <span style="color: rgb(255, 0, 0); font-weight: bold;">#C86595</span>;<br />}<br />ul#topnav li {<br />float: left;<br />margin: 0; padding: 0;<br />border:<span style="color: rgb(255, 0, 0); font-weight: bold;"> 3px outset #EC0982</span>;<br />}<br />ul#topnav li:hover {<br />border: <span style="font-weight: bold; color: rgb(255, 0, 0);">3px inset #EC0982</span>;<br />}<br />ul#topnav li a {<br />padding: 10px 15px;<br />display: block;<br />color: <span style="color: rgb(255, 0, 0); font-weight: bold;">#FFFFFF</span>;<br />text-decoration: none;<br />}<br />ul#topnav li span {<br />float: left;<br />padding: 15px 0;<br />position: absolute;<br />left: 0; top:35px;<br />display: none;<br />width: 660px;<br />background: <span style="color: rgb(255, 0, 0); font-weight: bold;">#F83A9F</span>;<br />border: <span style="color: rgb(255, 0, 0); font-weight: bold;">outset 3px #EC0982; </span><br /> -moz-border-radius: 10px;<br /><br />}<br />ul#topnav li:hover span {<br />display: block;<br />}<br />ul#topnav li span a {<br />display: inline;<br />}<br />ul#topnav li span a:hover {<br />text-decoration: underline;<br />color: <span style="color: rgb(255, 0, 0); font-weight: bold;">#000000</span>;<br />font-weight:bold;<br />border: <span style="color: rgb(255, 0, 0); font-weight: bold;">inset 3px #EC0982</span>;<br />-moz-border-radius: 10px;<br /><br />}<br /></div><br /><br /><span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);">Note: Tukarkan pada highlight diatas . </span><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan diatasnya</span><br /><br />6.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;font-size:130%;"> Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /></head><br /></div><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah<br /><br /><div class="code"><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script type='text/javascript'><br />$(document).ready(function() {<br /><br />$(&quot;ul#topnav li&quot;).hover(function() { //Hover over event on list item<br />$(this).css({ &#39;background&#39; : &#39;<span style="color: rgb(0, 153, 0); font-weight: bold;">#F83A9F</span> &#39;}); //Add background color and image on hovered list item<br />$(this).find(&quot;span&quot;).show(); //Show the subnav<br />} , function() { //on hover out...<br />$(this).css({ &#39;background&#39; : &#39;none&#39;}); //Ditch the background<br />$(this).find(&quot;span&quot;).hide(); //Hide the subnav<br />});<br /><br />});<br /></script><br /></div><br /><br /><span style="font-weight: bold; color: rgb(0, 153, 0);">Note :Gantikan Highlight hijau diatas dengan kod warna mengikut citarasa korang . Highlight hijau berkenaan lokasinya adalah seperti yang image dibawah</span><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_hhvKRfZDO9k/S_NxnQNa62I/AAAAAAAACco/kIEDXZNWOxM/s1600/lokasi.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 97px;" src="http://1.bp.blogspot.com/_hhvKRfZDO9k/S_NxnQNa62I/AAAAAAAACco/kIEDXZNWOxM/s400/lokasi.jpg" alt="" id="BLOGGER_PHOTO_ID_5472842891365378914" border="0" /></a><br /><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan diatasnya</span><br /><br />9.<span style="color: rgb(0, 153, 0);font-size:130%;"><span style="font-weight: bold;font-size:130%;"> Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /><div id='content-wrapper'><br /></div><br /><br />10. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Copy kod</span> dibawah<br /><br /><div class="code"><br /><ul id='topnav'><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Home</span></a></li><br /><br /><li><br /><a href='#'><span style="color: rgb(255, 0, 0); font-weight: bold;">About</span></a><br /><span><br /><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">The Company</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">The Team</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Careers</span></a><br /></span><br /></li><br /><br /><li><br /><a href='#'><span style="font-weight: bold; color: rgb(255, 0, 0);">Services</span></a><br /><span><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">What We Do</span></a><br /><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Our Process</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Testimonials</span></a><br /></span><br /></li><br /><br /><li><br /><a href='#'><span style="color: rgb(255, 0, 0); font-weight: bold;">Portfolio</span></a><br /><span><br /><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Website</span></a><br /><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Development</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">Identity</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">SEO</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Design</span></a><br /></span><br /></li><br /><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Contact</span></a></li><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Email Me</span></a></li><br /><br /><li><br /><a href='#'><span style="font-weight: bold; color: rgb(255, 0, 0);">Social Web</span></a><br /><span><br /><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">Twitter</span></a><br /><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Facebook</span></a><br /></span><br /></li><br /><br /></ul><br /></div><br /><br /><br /><span style="color: rgb(153, 51, 153); font-weight: bold; font-style: italic;">Note: Tukarkan Pada highlight diatas </span><br /><br />11. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;">Pastekan diatasnya</span><br /><br />12. <span style="font-style: italic; color: rgb(255, 102, 0);"> Preview</span> dan <span style="font-style: italic; color: rgb(255, 102, 0);">Save template</span> <img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-14581013638342866472010-05-17T17:22:00.004+08:002010-05-17T17:56:18.063+08:00Membuat Fancy Image Hover<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat<span style="font-weight: bold; font-style: italic; color: rgb(153, 153, 0);"> Membuat Fancy Image Hover</span><br /><a href="http://msuetest3.blogspot.com/2010/05/blog-post.html" target="_blank"><img src="http://i921.photobucket.com/albums/ad54/nurulsue/demogif.gif" /></a><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Layout</span> - <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span>( Tandakan pada kotak Expand widget)<br /><br />3.<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;font-size:130%;" > Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br />]]></b:skin><br /></div><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br />ul.thumb {<br />float: left;<br />list-style: none;<br />margin: 0; padding: 10px;<br />width: 360px;<br />}<br />ul.thumb li {<br />margin: 0; padding: 5px;<br />float: left;<br />position: relative;<br />width: 110px;<br />height: 110px;<br />}<br />ul.thumb li img {<br />width: 100px; height: 100px;<br />border: 1px solid #ddd;<br />padding: 5px;<br />background: #f0f0f0;<br />position: absolute;<br />left: 0; top: 0;<br />-ms-interpolation-mode: bicubic;<br />}<br />ul.thumb li img.hover {<br />background:url(thumb_bg.png) no-repeat center center;<br />border: none;<br /><br /></div><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />6.<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;font-size:130%;" > Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /></head><br /></div><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><br /><script type='text/javascript'><br />$(document).ready(function(){<br /><br />//Larger thumbnail preview<br /><br />$(&quot;ul.thumb li&quot;).hover(function() {<br />$(this).css({&#39;z-index&#39; : &#39;10&#39;});<br />$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()<br /> .animate({<br /> marginTop: &#39;-110px&#39;,<br /> marginLeft: &#39;-110px&#39;,<br /> top: &#39;50%&#39;,<br /> left: &#39;50%&#39;,<br /> width: &#39;174px&#39;,<br /> height: &#39;174px&#39;,<br /> padding: &#39;20px&#39;<br /> }, 200);<br /><br />} , function() {<br />$(this).css({&#39;z-index&#39; : &#39;0&#39;});<br />$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()<br /> .animate({<br /> marginTop: &#39;0&#39;,<br /> marginLeft: &#39;0&#39;,<br /> top: &#39;0&#39;,<br /> left: &#39;0&#39;,<br /> width: &#39;100px&#39;,<br /> height: &#39;100px&#39;,<br /> padding: &#39;5px&#39;<br /> }, 400);<br />});<br /><br />//Swap Image on Click<br />$(&quot;ul.thumb li a&quot;).click(function() {<br /><br /> var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name<br /> $(&quot;#main_view img&quot;).attr({ src: mainImage });<br /> return false; <br />});<br /><br />});<br /></script><br /></div><br /><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />9.<span style="font-style: italic; color: rgb(255, 102, 0);"> Preview</span> dan<span style="color: rgb(255, 102, 0); font-style: italic;"> save template</span><br /><br /><hr color='#27729B'/><span style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;">Untuk Memasuk Pada Posting</span><hr color='#27729B'/><br /><br />1. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">New Post</span><br /><br />2. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br /><ul class="thumb"><br /><li><a href="<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE"</span> alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="color: rgb(255, 0, 0); font-weight: bold;">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /><li><a href="<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>"><img src="<span style="font-weight: bold; color: rgb(255, 0, 0);">URL IMAGE</span>" alt="" /></a></li><br /></ul><br /></div><br /><br /><span style="font-style: italic; font-weight: bold; color: rgb(153, 51, 153);">Note:Tukarkan pada highlight merah diatas</span><br /><br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan kedalamnya</span><br /><br />4. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Publish post</span><img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-80909959124811676452010-05-17T15:25:00.006+08:002010-05-17T16:22:28.006+08:00Membuat Fancy Navigation<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak <span style="font-style: italic; font-weight: bold; color: rgb(153, 153, 0);">Membuat Fancy Navigation .</span> Ia akan membuatkan blog korang nampak lain dari orang lain .<br /><a href="http://msuetest3.blogspot.com/" target="_blank"><img src="http://i921.photobucket.com/albums/ad54/nurulsue/demogif.gif" /></a><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_DyaSacV-I/AAAAAAAACcM/YihCHFEzZc4/s1600/fancy.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 92px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S_DyaSacV-I/AAAAAAAACcM/YihCHFEzZc4/s400/fancy.jpg" alt="" id="BLOGGER_PHOTO_ID_5472140080688420834" border="0" /></a><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Layout</span> - <span style="font-style: italic; color: rgb(255, 102, 0);">Edit HTML</span>( Tandakan pada kotak Expand widget)<br /><br />3.<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;font-size:130%;" > Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /><div id='content-wrapper'><br /></div><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br /><ul id='topnav'><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">Home</span></a></li><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Services</span></a></li><br /><li><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="color: rgb(255, 0, 0); font-weight: bold;">Twitter</span></a></li><br /><li><a href=<span style="font-weight: bold; color: rgb(255, 0, 0);">'http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Blog</span></a></li><br /><li><a href=<span style="font-weight: bold; color: rgb(255, 0, 0);">'http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">AboutMe</span></a></li><br /><li><a href='<span style="font-weight: bold; color: rgb(255, 0, 0);">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Email</span></a></li><br /><li><a href='<span style="color: rgb(255, 0, 0); font-weight: bold;">http://msueroomz.blogspot.com/</span>'><span style="font-weight: bold; color: rgb(255, 0, 0);">Label</span></a></li><br /></ul><br /></div><br /><br /><span style="color: rgb(153, 51, 153); font-weight: bold; font-style: italic;">Note: Tukarkan Pada highlight diatas </span><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br /><br />6.<span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;font-size:130%;" > Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br /></head><br /></div><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><br /><script type="text/javascript"><br /><br /><br />$(document).ready(function() {<br /><br /><br />$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag<br /><br />$("#topnav li").each(function() { //For each list item...<br /> var linkText = $(this).find("a").html(); //Find the text inside of the a tag<br /> $(this).find("span").show().html(linkText); //Add the text in the span tag<br />});<br /><br />$("#topnav li").hover(function() { //On hover...<br /> $(this).find("span").stop().animate({<br /> marginTop: "-40" //Find the span tag and move it up 40 pixels<br /> }, 250);<br />} , function() { //On hover out...<br /> $(this).find("span").stop().animate({<br /> marginTop: "0" //Move the span back to its original state (0px)<br /> }, 250);<br />});<br /><br /><br />});<br /></script><br /></div><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />9. <span style="color: rgb(0, 153, 0);font-size:130%;" ><span style="font-weight: bold;font-size:130%;" > Cari kod</span></span> di bawah<br /><br /><div class="csscode"><br />]]></b:skin><br /></div><br /><br />10. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="code"><br />ul#topnav {<br />margin: 10px 0 20px;<br />padding: 0;<br />list-style: none;<br />font-size: 1.1em;<br />clear: both;<br />float: left;<br />width:<span style="color: rgb(255, 0, 0); font-weight: bold;"> 660px</span>;<br />}<br />ul#topnav li{<br />margin: 0;<br />padding: 0;<br />overflow: hidden;<br />float: left;<br />height:40px;<br />}<br />ul#topnav a, ul#topnav span {<br />padding: 10px 20px;<br />float: left;<br />text-decoration: none;<br />text-transform: uppercase;<br />clear: both;<br />height: 20px;<br />line-height: 20px;<br />}<br />ul#topnav a {<br />color: <span style="color: rgb(255, 0, 0); font-weight: bold;">#FFFFFF</span>;<br />background: url(<span style="color: rgb(255, 0, 0); font-weight: bold;">http://3.bp.blogspot.com/_NGLN8-IACTs/SijR-xmNY3I/AAAAAAAAPSw/EOaH4vs7h1c/s1600/red1.gif</span>) repeat-x left bottom;<br />}<br />ul#topnav span {<br />color:<span style="font-weight: bold; color: rgb(255, 0, 0);"> #000000</span>;<br />background: url(<span style="color: rgb(255, 0, 0); font-weight: bold;">http://4.bp.blogspot.com/_NGLN8-IACTs/SijSQ9weNjI/AAAAAAAAPTQ/KdNBPJffom8/s1600/orange1.jpg</span>) repeat-x left top;<br />}<br /></div><br /><br /><span style="font-weight: bold; color: rgb(153, 51, 153);">Note:Tukarkan pada highlight diatas</span><br /><br /><br />11. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />12. <span style="font-style: italic; color: rgb(255, 102, 0);"> Preview</span> dan <span style="font-style: italic; color: rgb(255, 102, 0);">Save template</span> <img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-33203219211576999292010-05-12T12:06:00.006+08:002010-05-12T13:12:00.603+08:00Pesanan Pada Bawah Title Posting Dengan Bersama Title Posting<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat <span style="color: rgb(255, 102, 0); font-style: italic; font-weight: bold;">Pesanan Pada Bawah Title Posting Dengan Bersama Title Posting </span>. <blink><a href="http://diaryumi.blogspot.com/" target="blank">DEMO<br /></a></blink><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-owDLg2yOI/AAAAAAAACRw/QBKzxyM_dxI/s1600/pesanan.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 95px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-owDLg2yOI/AAAAAAAACRw/QBKzxyM_dxI/s400/pesanan.jpg" alt="" id="BLOGGER_PHOTO_ID_5470237528583227618" border="0" /></a><br /><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Layout - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><div class="csscode"><br /><data:post.body/><br /></div><br /><br />4.<span style="color: rgb(255, 102, 0); font-style: italic;"> Jika korang meggunakan readmore , korang cari kod dibawah ini</span><br /><br /><div class="csscode"><br /><b:if cond='data:blog.pageType != &quot;item&quot;'><br /></div><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah .<br /><br /><div class="code"><br /><hr color='<span style="color: rgb(0, 0, 153);">#ff0000</span>'/><marquee align='center' direction='<span style="color: rgb(153, 51, 153);">left</span>' scrollamount='<span style="color: rgb(0, 153, 0);">3</span>' width='80%'><br /><b><span style="color: rgb(255, 0, 0);">Selamat Membaca Artikel</span> <data:post.title/> <span style="color: rgb(255, 0, 0);">Sila beri komen yang membina</span></b><br /></marquee><hr color='<span style="color: rgb(0, 0, 153);">#ff0000</span>'/><br /></div><br /><br /><br />Note: <span style="color: rgb(0, 0, 153); font-style: italic; font-weight: bold;">Biru = warna garisan atas dan bawah</span> ,<span style="color: rgb(255, 0, 0);"> <span style="font-style: italic; font-weight: bold;">merah = ayat</span></span><span style="font-style: italic; font-weight: bold;"> </span>, <span style="color: rgb(0, 153, 0); font-style: italic; font-weight: bold;">hijau= kelajuan marquee </span>,<span style="font-style: italic; font-weight: bold; color: rgb(153, 51, 153);"> ungu = arahan pergerakan marquee </span>. Tukarkan kesemua yang dihighlight ini mengikut citarasa korang .<br /><br /><br />6. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />7. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-91330874810628965032010-05-12T10:52:00.007+08:002010-05-12T11:40:14.581+08:00Cara Mudah Dapatkan IP Address Sesuatu Blog<span class="dropcaps">A</span>ssamualaikum , Sebelum ini Msue ade berkongsi ngan korang <blink><a href="http://msueroomz.blogspot.com/2010/05/ban-ip-address.html" target="blank">cara nak Ban IP Address sesuatu Blog</a></blink> .Hari ini Msue nak kongsi lagi ngan korang sume bagaimana <span style="font-style: italic; font-weight: bold; color: rgb(153, 153, 0);">Cara Mudah Dapatkan IP Address Sesuatu Blog .</span><br /><br /><br />1. Klik<span style="font-style: italic; color: rgb(255, 102, 0);"> Start Pada Komputer / Laptop korang </span>.<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-oiIdelbeI/AAAAAAAACRo/T3TvWFOcvZc/s1600/start.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 52px; height: 62px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-oiIdelbeI/AAAAAAAACRo/T3TvWFOcvZc/s400/start.jpg" alt="" id="BLOGGER_PHOTO_ID_5470222226142096866" border="0" /></a><br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Run</span><br /><br />3. Dalam Ruangan tersebut<span style="color: rgb(0, 153, 0); font-style: italic; font-weight: bold;font-size:130%;" > taipkan kod dibawah </span>. Lihat gambar dibawah.<br /><br /><div class="code"><br />cmd<br /></div><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-oagwVkQaI/AAAAAAAACRQ/J4g19EHnLJo/s1600/ip1.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 205px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-oagwVkQaI/AAAAAAAACRQ/J4g19EHnLJo/s400/ip1.jpg" alt="" id="BLOGGER_PHOTO_ID_5470213847428383138" border="0" /></a><br /><br /><br /><br />4.<span style="color: rgb(0, 153, 0); font-style: italic; font-weight: bold;font-size:130%;" > Taipkan kod dibawah ini selepas cursor yg berkelip - kelip</span> tersebut. Lihat contoh gambar dibawah<br /><br /><div class="code"><br />ping msueroomz.blogspot.com<br /></div><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-od5sooTGI/AAAAAAAACRY/ZCN6J-nC9m4/s1600/ip+2.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 201px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-od5sooTGI/AAAAAAAACRY/ZCN6J-nC9m4/s400/ip+2.jpg" alt="" id="BLOGGER_PHOTO_ID_5470217574466210914" border="0" /></a><br /><br />5. Tekan <span style="color: rgb(255, 102, 0); font-style: italic;">Enter </span>. Ia akan jadi seperti ini .<br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-ofaIaqUsI/AAAAAAAACRg/HDUrdUbSnY0/s1600/ip3.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 204px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-ofaIaqUsI/AAAAAAAACRg/HDUrdUbSnY0/s400/ip3.jpg" alt="" id="BLOGGER_PHOTO_ID_5470219231191257794" border="0" /></a><br /><br />6. <span style="font-weight: bold; font-style: italic; color: rgb(0, 153, 0); font-size:130%;">Copy IP Address</span><br /><br />7. <span style="font-style: italic; color: rgb(255, 102, 0);">Siap</span>Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-70353737771324325942010-05-12T09:03:00.004+08:002010-05-12T10:22:20.362+08:00Membuat Nombor Pada Komen Dengan Icon / Image<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak <span style="color: rgb(153, 153, 0); font-style: italic; font-weight: bold;">Membuat Nombor Pada Komen Dengan Icon / Image</span><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-oCopyBgnI/AAAAAAAACRI/oMWHNzZl5M8/s1600/kokmen.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 244px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-oCopyBgnI/AAAAAAAACRI/oMWHNzZl5M8/s400/kokmen.jpg" alt="" id="BLOGGER_PHOTO_ID_5470187594828579442" border="0" /></a><br /><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Layout - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><br /><div class="csscode"><br /><dl id='comments-block'><br /></div><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah .<br /><br /><br /><div class="code"><br /><script type='text/javascript'>var CommentsCounter=0;</script><br /></div><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan dibawahnya</span> seperti contoh dibawah .<br /><br /><div class="code"><br /><dl id='comments-block'><br /><span style="color: rgb(255, 0, 0);"><script type='text/javascript'>var CommentsCounter=0;</script> </span><br /></div><br /><br /><br />6. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> di bawah<br /><br /><div class="csscode"><br /><data:commentPostedByMsg/><br /></div><br /><br />7. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah .<br /><br /><div class="code"><br /><span class='comm-num'><br /><a expr:href='data:comment.url' title='Comment Link'><br /><script type='text/javascript'><br />CommentsCounter=CommentsCounter+1;<br />document.write(CommentsCounter)<br /></script><br /></a><br /></span><br /></div><br /><br />8. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan dibawahnya</span><br /><br />9. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> di bawah<br /><br /><div class="csscode"><br /></head><br /></div><br /><br />10. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah .<br /><br /><div class="code"><br /><style type="text/css"><br />.comm-num a:link, .comm-num a:visited {<br />color: <span style="color: rgb(255, 0, 0);">white !important</span>;<br />text-decoration: none !important;<br />background: url(<span style="color: rgb(255, 0, 0);">http://i50.tinypic.com/egx3t3.jpg</span>) no-repeat;<br />width: <span style="color: rgb(255, 0, 0);">50</span>px;<br />height: <span style="color: rgb(255, 0, 0);">48</span>px;<br />float: right;<br />display: block;<br />margin-right: 5px;<br />margin-top: -15px; /*comments-counter position*/<br />text-align: center;<br />font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;<br />font-size: 15px;<br />font-weight: normal;<br />}<br /><br />.comm-num a:hover, .comm-num a:active {<br />color:<span style="color: rgb(255, 0, 0);"> gray !important</span>;<br />text-decoration: none !important;<br />}<br /></style><br /></div><br /><br /><br /><span style="color: rgb(153, 51, 153); font-style: italic; font-weight: bold;">Note: Tukarkan yang dihighlight </span> Contoh Background yang boleh korang gunakan dibawah ini<br /><br /><img src="http://i47.tinypic.com/2efny2q.jpg" /><img src="http://i46.tinypic.com/72t34m.jpg" /><img src="http://i46.tinypic.com/6zlo2h.jpg" /><img src="http://i46.tinypic.com/15oi82x.jpg" /><img src="http://i47.tinypic.com/2nhnk82.jpg" /><img src="http://i50.tinypic.com/2iswr9x.jpg" /><img src="http://i47.tinypic.com/a3m8ue.jpg" /><img src="http://i47.tinypic.com/14dh847.jpg" /><img src="http://i50.tinypic.com/xdckth.jpg" /><img src="http://i49.tinypic.com/2l91q3a.jpg" /><img src="http://i49.tinypic.com/2zzhr4o.jpg" /><img src="http://i49.tinypic.com/2vugahu.jpg" /><img src="http://i48.tinypic.com/vxm5w1.jpg" /><img src="http://i50.tinypic.com/24xko7m.jpg" /><img src="http://i46.tinypic.com/df97c4.jpg" /><img src="http://i48.tinypic.com/33coxp2.jpg" /><img src="http://i47.tinypic.com/99m5on.jpg" /><img src="http://i45.tinypic.com/29m6t5f.jpg" /><img src="http://i49.tinypic.com/2608rih.jpg" /><img src="http://i47.tinypic.com/345zj44.jpg" /><img src="http://i50.tinypic.com/66m69g.jpg" /><img src="http://i50.tinypic.com/egx3t3.jpg" /><img src="http://i48.tinypic.com/352kaba.jpg" /><img src="http://i49.tinypic.com/dq4opk.jpg" /><img src="http://i48.tinypic.com/106ezjk.jpg" /><img src="http://i49.tinypic.com/2wcids5.jpg" /><img src="http://i46.tinypic.com/bhlyya.jpg" /><img src="http://i50.tinypic.com/34qqq1c.jpg" /><img src="http://i45.tinypic.com/fwt7kj.jpg" /><img src="http://i48.tinypic.com/65tvmg.jpg" /><img src="http://i48.tinypic.com/o5oupx.jpg" /><img src="http://i47.tinypic.com/rc4qj6.jpg" /><br /><br />Note Tambahan :<span style="font-style: italic; font-weight: bold; color: rgb(255, 102, 0);"> Klik Kanan pada salah satu image / icon diatas - Properties </span>dan <span style="color: rgb(255, 102, 0); font-style: italic; font-weight: bold;">copy image address / image location</span><br /><br />11. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan diatasnya</span><br /><br />12. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-76621341463714243002010-05-11T13:53:00.007+08:002010-05-12T10:49:00.559+08:00Membuat Fungsi Refresh Secara Automatik Versi 2<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana Membuat Fungsi Refresh Secara Automatik Versi 2 ,Sebelum ini Msue ade watkan tutorial <blink><a href="http://msueroomz.blogspot.com/2010/03/refresh-secara-automatik.html" target="blank">membuat refresh secara automatik versi 1</a></blink><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-j0xVrDzrI/AAAAAAAACQ4/o41xcaRvsB4/s1600/WedgewoodPharmacyRefresh-hr.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 216px;" src="http://3.bp.blogspot.com/_hhvKRfZDO9k/S-j0xVrDzrI/AAAAAAAACQ4/o41xcaRvsB4/s400/WedgewoodPharmacyRefresh-hr.jpg" alt="" id="BLOGGER_PHOTO_ID_5469890875909983922" border="0" /></a><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Layout - Edit HTML </span>( tandakan pada kotak expand widget )<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> dibawah (gunakan CTRL + F untuk memudahkan korang mencarinya)<br /><br /><div class="code"><br /><head><br /></div><br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Copy kod</span> dibawah<br /><br /><div class="csscode"><br /><meta content="<span style="color: rgb(255, 0, 0); font-weight: bold;">10</span>" equiv="refresh"><br /></div><br /><br /><br />Note : Pada <span style="font-style: italic; font-weight: bold; color: rgb(255, 0, 0);">highlight adalah masa refresh dalam bentuk saat , tukarkan mengikut kehendak korang . </span><br /><br /><br />4. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Pastekan dibawahnya</span><br /><br />5. <span style="font-style: italic; color: rgb(255, 102, 0);">Save</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Preview</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" height="50" width="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" height="50" width="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.comtag:blogger.com,1999:blog-4293279416660240531.post-65184693231492673862010-05-11T13:07:00.006+08:002010-05-12T00:57:09.720+08:00Menukar Reply To Comment Kepada Image<span class="dropcaps">A</span>ssamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat reply to comment kepada image , jika korang belum buat , korang boleh tengok disini tutorial die . <blink><a href="http://msueroomz.blogspot.com/2010/04/membuat-reply-to-comment.html" target="blank">Membuat Reply To Comment</a></blink><br /><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-jo7lLX36I/AAAAAAAACQw/UwmVFtytduw/s1600/image+reply+komen.jpg"><img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 400px; height: 383px;" src="http://4.bp.blogspot.com/_hhvKRfZDO9k/S-jo7lLX36I/AAAAAAAACQw/UwmVFtytduw/s400/image+reply+komen.jpg" alt="" id="BLOGGER_PHOTO_ID_5469877857731207074" border="0" /></a><br /><br /><br /><span style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);font-size:140%;" >Sebelum Korang Ikut Tutorial ni..Pastikan korang dah buat </span><blink style="font-weight: bold; font-style: italic; color: rgb(255, 0, 0);"><a href="http://msueroomz.blogspot.com/2010/04/membuat-reply-to-comment.html" target="blank">Membuat Reply To Comment</a></blink><br /><br /><br /><br />1. <span style="font-style: italic; color: rgb(255, 102, 0);">Login</span> ke <span style="font-style: italic; color: rgb(255, 102, 0);">Blogspot</span> .<br /><br />2. Klik <span style="font-style: italic; color: rgb(255, 102, 0);">Layout - Edit HTML</span>(Tandakan pada Expand Widget)<br /><br />3. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Cari kod</span> di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .<br /><br /><br /><div class="csscode"><br />[Reply to comment]<br /></div><br /><br />5. <span style="color: rgb(0, 153, 0); font-weight: bold;font-size:130%;" >Gantikannya</span> dengan kod dibawah ini<br /><br /><br /><div class="code"><br /><img alt='Reply To This Comment' src='http://img705.imageshack.us/img705/8646/reply05.png'/><br /></div><br /><br />6. <span style="font-style: italic; color: rgb(255, 102, 0);">Preview</span> dan<span style="font-style: italic; color: rgb(255, 102, 0);"> Save template</span> .<img class="emoticon" src="http://blogimage.roodo.com/onion_club/d5f02ecd.gif" alt=":okay:" title=":okay:" width="50" height="50" /><img class="emoticon" src="http://i30.tinypic.com/30j0fbs.jpg" alt="yahoo" title="yahoo" width="50" height="50" />Suehttp://www.blogger.com/profile/07809537146018118242noreply@blogger.com