tag:blogger.com,1999:blog-46744379131510101412024-03-04T22:34:35.718-08:00TUTORIAL BLOGGER @ DQIS ONLINEhimpunan TUTORIAL | TRIKS | INFO | PELAJAR untuk BLOGGER & WEB di DQis OnlineD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.comBlogger19125tag:blogger.com,1999:blog-4674437913151010141.post-37795848483905382282010-03-30T21:40:00.000-07:002010-04-08T06:32:09.214-07:00CARA BUAT TAB MENU<style type="text/css"><br />
div.TabView div.Tabs<br />
{height: 30px;overflow: hidden}<br />
div.TabView div.Tabs a {float:left; display:block; width: 80px; /* Lebar Menu Utama Atas */<br />
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */<br />
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */<br />
border-bottom-width:0; text-decoration: none; font-family: "ARIAL NARROW", Serif; /* Font Menu Utama Atas */<br />
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */<br />
-moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}<br />
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {<br />
background-color: #ffffff; /* Warna background Menu Utama Atas */ }<br />
div.TabView div.Pages {clear:both; border:1px solid #ffffff; /* Warna border Kotak Utama */ overflow:hidden; background-color:#ffffff; /* Warna background Kotak Utama */ }<br />
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}<br />
div.TabView div.Pages div.Page div.Pad {padding: 10px 10px}<br />
</style><br />
<script type='text/javascript'><br />
//<![CDATA[<br />
function tabview_aux(TabViewId, id)<br />
{<br />
var TabView = document.getElementById(TabViewId);<br />
// ----- Tabs -----<br />
var Tabs = TabView.firstChild;<br />
while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;<br />
var Tab = Tabs.firstChild;<br />
var i = 0;<br />
do { if (Tab.tagName == "A")<br />
{ i++;<br />
Tab.href = "javascript:tabview_switch('"+TabViewId+"', "+i+");";<br />
Tab.className = (i == id) ? "Active" : "";<br />
Tab.blur();<br />
} }<br />
while (Tab = Tab.nextSibling);<br />
// ----- Pages -----<br />
var Pages = TabView.firstChild;<br />
while (Pages.className != 'Pages') Pages = Pages.nextSibling;<br />
var Page = Pages.firstChild;<br />
var i = 0; do {if (Page.className == 'Page')<br />
{ i++; if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";<br />
Page.style.overflow = "auto"; Page.style.display = (i == id) ? 'block' : 'none'; } }<br />
while (Page = Page.nextSibling);}<br />
// ----- Functions -------------------------------------------------------------<br />
function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }<br />
function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }<br />
//]]><br />
</script><br />
<form action="tabview.html" method="get"><br />
<div id="TabView" class="TabView"><br />
<div style="width: 265px;" class="Tabs"><br />
<a><b>NEW BLOGGER</b></a><br />
<a><b>TIPS / TRIK</b></a><br />
<a><b>FREE STUFF</b></a><br />
<br />
</div> <div style="width:265px; height:150px; " class="Pages"><br />
<div class="Page"> <div class="Pad"><br />
<br />
<div style="font-size:90%; text-align:LEFT; text-shadow:1px 1px 1px #adadad;"><a href="<b>http://dqisbizz-tutorial.blogspot.com/2010/03/daftar-email-gmail-anda.html</b>" target="_blank" title="<b>SILA KLIK">DAFTAR AKAUN GMAIL</b></a></div> <br />
<br />
<div style="font-size:90%; text-align:LEFT; text-shadow:1px 1px 1px #adadad;"><a href="<b>http://dqisbizz-tutorial.blogspot.com/2010/03/cara-nak-masukkan-edit-menu-di-linkbar.html</b>" target="_blank" title="<b>SILA KLIK">CARA NAK ADD @ EDIT LINKBAR</b></a></div><br />
</div> </div> <div class="Page"> <div class="Pad"><br />
<br />
<div style="font-size:90%; text-align:LEFT; text-shadow:1px 1px 1px #adadad;"><a href="<b>http://dqisbizz-tutorial.blogspot.com/2010/03/kaunter-pengunjung.html</b>" target="_blank" title="<b>SILA KLIK">DAPATKAN KAUNTER PENGUNJUNG</b></a></div> <br />
<br />
<div style="font-size:90%; text-align:LEFT; text-shadow:1px 1px 1px #adadad;"><a href="<b>http://dqisbizz-tutorial.blogspot.com/2010/03/cara-nak-install-traffic-feed.html</b>" target="_blank" title="<b>SILA KLIK">INSTALL TRAFFIC FEED</b></a></div> <br />
</div> </div> <div class="Page"> <div class="Pad"><br />
<br />
<div style="font-size:90%; text-align:LEFT; text-shadow:1px 1px 1px #adadad;"><a href="<b>http://dqisbizz-tutorial.blogspot.com/2010/03/free-background.html</b>" target="_blank" title="<b>SILA KLIK">FREE BLOGGER BACKGROUND</b></a></div><br />
</div></div></div></div></form><br />
<br />
<script type="text/javascript"><br />
tabview_initialize('TabView');<br />
</script>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-65661124772614566612010-03-30T02:38:00.000-07:002010-03-30T02:51:39.023-07:00FREE BACKGROUND<div style="text-align: center;"><span style="font-family: "Trebuchet MS",sans-serif;">FREE BACKGROUND UNTUK ANDA. </span><br />
<br />
<span style="font-family: "Trebuchet MS",sans-serif;">COPY DIRECT LINK DALAM KOTAK DIBAWAH DAN PASTE KAN DI TULISAN BERWARNA MERAH</span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"> </span><br />
<span style="font-family: "Trebuchet MS",sans-serif;"><b>DASHBOARD >> LAYOUT >> EDIT HTML >> CTRL F (body {)</b><br />
</span></div><br />
<br />
body {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: center;<br />
color: $textColor;<br />
background: #FDBBD4 url('<span style="color: red;">http://i915.photobucket.com/albums/ac355/dqis_online/background/linecolorfull1.jpg</span>');<br />
<br />
<br />
<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg</textarea></div></td> <td align="center">DQ002 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ003<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ003" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-flower1.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-flower1.jpg</textarea></div></td> <td align="center">DQ004<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ004" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/BROWCHOC1.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/BROWCHOC1.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ005<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ005" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-star1.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-star1.jpg</textarea></div></td> <td align="center">DQ006<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ006" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon2.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon2.jpg</textarea></div></td></tr>
<tr> <td align="center">DQ007<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ007" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/pink2.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/pink2.jpg</textarea></div></td> <td align="center">DQ008 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ008" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/pink.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/pink.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ009<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ009" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/pink3.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/pink3.jpg</textarea></div></td> <td align="center">DQ010 <br />
<a href="http://dqisbizz.blogspot.com/"><img 200="" alt="DQ010" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/pinkstar.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/pinkstar.jpg</textarea></div></td></tr>
<tr> <td align="center">DQ011<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ011" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-butterfly.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-butterfly.jpg</textarea></div></td> <td align="center">DQ012 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ012" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-flowpink.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-flowpink.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ013<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ013" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-gray.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-gray.jpg</textarea></div></td> <td align="center">DQ014<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ014" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-love.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-love.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ015<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ015" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/blue-pink.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/blue-pink.jpg</textarea></div></td> <td align="center">DQ016<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ016" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/blueturquise.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/blueturquise.jpg</textarea></div></td></tr>
<tr> <td align="center">DQ017<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ017" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/darkpurple.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/darkpurple.jpg</textarea></div></td> <td align="center">DQ018 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ018" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/darkpurpleflower.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/darkpurpleflower.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ019<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ019" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/greenkid.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/greenkid.jpg</textarea></div></td> <td align="center">DQ020 <br />
<a href="http://dqisbizz.blogspot.com/"><img 200="" alt="DQ020" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/green-retro.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/green-retro.jpg</textarea></div></td></tr>
<tr> <td align="center">DQ021<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ021" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon.jpg</textarea></div></td> <td align="center">DQ022 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ022" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/orrange.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/orrange.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ023<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ023" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/purple.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/purple.jpg</textarea></div></td> <td align="center">DQ024<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ024" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/yellow.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/yellow.jpg</textarea></div></td> </tr>
<tr> <td align="center">DQ025<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ025" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/yellow-purple.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/yellow-purple.jpg</textarea></div></td> <td align="center">DQ026<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ026" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/linecolorfull1.jpg" width="200" /></a><br />
<div align="center"><textarea cols="22" name="code" rows="4">http://i915.photobucket.com/albums/ac355/dqis_online/background/linecolorfull1.jpg</textarea></div></td></tr>
</tbody></table>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-79362380420546435822010-03-30T01:33:00.000-07:002010-03-30T01:33:12.554-07:00CARA NAK MASUKKAN & EDIT MENU DI LINKBARmudah saja tapi kena sabar ye... :) jom follow step by step<br />
<br />
<br />
<b>TAMBAH MENU DI LINKBAR</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8angCGDh2-3JCsikGbtaNjK_H2LzKU3Qz3bwwXftBf9UT_wa9xqPZkZNxidP_o6GoEUISoVpnzs7wwNyy3dwgBU_DdiJgd3GZqb4YKecdIIE1A8nQWjAzu6xQPtaqAEkOr1QYFjyvZOg/s1600/linkbar+add+new.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju8angCGDh2-3JCsikGbtaNjK_H2LzKU3Qz3bwwXftBf9UT_wa9xqPZkZNxidP_o6GoEUISoVpnzs7wwNyy3dwgBU_DdiJgd3GZqb4YKecdIIE1A8nQWjAzu6xQPtaqAEkOr1QYFjyvZOg/s400/linkbar+add+new.jpg" width="400" /></a></div><ul><li>DASHBOARD >> LAYOUT >> PAGE ELEMENT >> LINKBAR [edit]</li>
<li>apabila klik Edit pada LINKBAR, akan keluar window seperti di atas CONFIGURE LINK LIST</li>
<li>lihat pada bulatan merah.. masukkan NEW SITE URL (alamat page yang ingin kita pointkan) & NEW SITE NAME (tajuk @ menu) dan apabila selesai klik ADD LINK.</li>
<li>sila scroll ke bawah untuk cara mengisi NEW SITE URL </li>
</ul><br />
<b>EDIT MENU DI LINKBAR </b><br />
<div class="separator" style="clear: both; text-align: center;"><b> </b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Q_AhmAXzKH2jYZ7TKL3Y5OVc3VMkefwrstVEpg3jxKXfhjZ0fxYNTcxUZT6Q_dxjOdsrcD1nWMczOkD8gQou9mBlDgw3zz0Q6uR-ikb4EKNy8KxtwjMSBqQwl5JlIwoz6xmdnvez8bLI/s1600/linkbar+edit.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Q_AhmAXzKH2jYZ7TKL3Y5OVc3VMkefwrstVEpg3jxKXfhjZ0fxYNTcxUZT6Q_dxjOdsrcD1nWMczOkD8gQou9mBlDgw3zz0Q6uR-ikb4EKNy8KxtwjMSBqQwl5JlIwoz6xmdnvez8bLI/s400/linkbar+edit.jpg" width="400" /></a></div><ul><li>Untuk EDIT MENU LINKBAR SEDIADA, sila klik pada ruangan dalam bulatan. Pilih menu mana yang ingin di edit. Boleh edit NAME & URL. Klik pada butang EDIT dan win seperti dibawah akan dipaparkan</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9Fs1oD2WWqdzD9DoUhQHXnJLDm2YPVbWBNqXvxCQVCSK7Xwu9oV-0VPkGxLuqKWUXFrEfTb6qKn-gNCpqYpsNBbee0jceQNoKrN5GGEIbE_0SMq7oVeHaj6-wTVqDvYFECMCCChBwOAQ/s1600/linkbar+edit2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9Fs1oD2WWqdzD9DoUhQHXnJLDm2YPVbWBNqXvxCQVCSK7Xwu9oV-0VPkGxLuqKWUXFrEfTb6qKn-gNCpqYpsNBbee0jceQNoKrN5GGEIbE_0SMq7oVeHaj6-wTVqDvYFECMCCChBwOAQ/s400/linkbar+edit2.jpg" width="400" /></a></div><ul><li>anda boleh EDIT NAME & URL mengikut citarasa penampilan anda dan klik SAVE apabila selesai.</li>
<li>sila scroll kebawah untuk cara memasukkan URL</li>
</ul><br />
<span style="font-size: large;"><b>CARA UNTUK MEMASUKKAN NEW SITE URL & EDIT URL (sama kaedah)</b></span><br />
<ul><li> Setiap menu contohnya PRODUK perlu ada entry @ postnya tersendiri. Dimana apabila kita klik pada MENU PRODUK, secara automatik akan dipaparkan perihal tentang semua produk yang kita ada. </li>
<li>Setiap entry @ post MESTI mengandungi URL. </li>
<li>Kebiasaannya URL yang digunakan boleh diambil melalui 2 cara :</li>
<ul><li>Mengunakan URL entry / post anda</li>
<ul><li>apabila menggunakan URL entry / post, bila kita klik pada menu : hanya akan keluar paparan tentang ENTRY / POST itu sahaja </li>
</ul><li>Mengunakan URL daripada LABELS</li>
<ul><li>jika guna URL daripada LABELS, apabila kita klik pada menu, SETIAP ENTRY dibawah LABELS berkenaan akan dipaparkan dalam 1 halaman. contoh, jika kita ada entry dibawah labels BLOG : apabila kita klik pada menu BLOG di linkbar... semua entry dibawah labels blog tadi akan dipaparkan (contoh <a href="http://sham-cestbelle.blogspot.com/">di sini</a> klik pada menu blog)</li>
</ul></ul></ul> <br />
<b>CARA MENDAPATKAN URL untuk ENTRY / POST</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyUv22Ay5pReTaskntfPgws6e8XtXkS-zjplCNQ7Q30wHmEwbYtI3bKEynBgoLmKH41MMm9MRjJACl_qAr6RA1XmdAQAWNryzUxw0P03fm7yRJPswHzJcAigV0BzrAGdYlYeCIU5w-dSX/s1600/linkbar+view.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidyUv22Ay5pReTaskntfPgws6e8XtXkS-zjplCNQ7Q30wHmEwbYtI3bKEynBgoLmKH41MMm9MRjJACl_qAr6RA1XmdAQAWNryzUxw0P03fm7yRJPswHzJcAigV0BzrAGdYlYeCIU5w-dSX/s400/linkbar+view.jpg" width="400" /></a></div><ul><li> DASHBOARD >> POSTING >> EDIT POSTS</li>
<li>lihat pada bulatan berwarna kuning di atas, pilih tajuk yang ingin dijadikan menu dan klik VIEW</li>
<li>paparan entry yang dipilih akan keluar seperti dibawah </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQ5LsLC3sLWWAkzRhuWoxOskUiKSrgv1X_1K9VckTvX0suvQqR_DOwUcNy3aLC-tzkbfLRI1_Gum8bnMZxdgbZx7BUgTKr2aIP0RgeIoYbzh224Exnl7qF1wP54-aG3Yrup_OCujUuNYJ/s1600/linkbar+view+add.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQ5LsLC3sLWWAkzRhuWoxOskUiKSrgv1X_1K9VckTvX0suvQqR_DOwUcNy3aLC-tzkbfLRI1_Gum8bnMZxdgbZx7BUgTKr2aIP0RgeIoYbzh224Exnl7qF1wP54-aG3Yrup_OCujUuNYJ/s400/linkbar+view+add.jpg" width="400" /></a></div><ul><li>lihat pada bulatan berwarna merah di atas. itu adalah URL untuk entry yang telah dipilih.</li>
<li>copy URL tersebut dan paste kan di NEW SITE URL (add menu) atau di URL (edit menu) seperti gambar di atas sekali.</li>
</ul><br />
<b>CARA UNTUK MENDAPATKAN URL bagi LABELS</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRa5XURGK6sl-Ak4fDi2jzP3mqLXamzD1_Jbh9n1EFFqJF6R071JozqpSdrcxjgj_p0Yo6xfViPJAzXAIlgOB5zWUY9h9LHohYVm2q56e7Vddki8H6ef2J1Wk_zMIduYvlW3ao3k9tsZ5z/s1600/linkbar+label.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRa5XURGK6sl-Ak4fDi2jzP3mqLXamzD1_Jbh9n1EFFqJF6R071JozqpSdrcxjgj_p0Yo6xfViPJAzXAIlgOB5zWUY9h9LHohYVm2q56e7Vddki8H6ef2J1Wk_zMIduYvlW3ao3k9tsZ5z/s400/linkbar+label.jpg" width="400" /></a></div><ul><li> DASHBOARD >> POSTING >> EDIT POSTS</li>
<li>Lihat pada bulatan kuning di atas. Itu adalah menu yang ada dalam LABELS. </li>
<li>Klik pada LABELS yang ingin dijadikan menu</li>
<li>paparan berikut akan keluar</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqsbkGCGE52XIYnUC2gPdJH2FqMBs6MyxU9h8Ow6vIIJYh_XSEqJfH3Y56ka9oj4Xpr121tonoQfZdA5rIIKi9bQs5o2OgX8g8BrCntrcDrGbWc3bTZgGbQ0r_T0dOk5O95imVB1BH5r5X/s1600/linkbar+label2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqsbkGCGE52XIYnUC2gPdJH2FqMBs6MyxU9h8Ow6vIIJYh_XSEqJfH3Y56ka9oj4Xpr121tonoQfZdA5rIIKi9bQs5o2OgX8g8BrCntrcDrGbWc3bTZgGbQ0r_T0dOk5O95imVB1BH5r5X/s400/linkbar+label2.jpg" width="400" /></a></div><ul><li>semua tajuk untuk entry dibawah LABELS yang dipilih akan dipaparkan.. klik VIEW untuk melihat keseluruhan entry berkenaan seperti dibawah</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyq5477x4RlYRfFRGBX-M1OZtcLO9jiMPR67PYYUqCnBSC1gU2knKiWhF1kA_kRfxdDe7QGKMtNE-p96a7W7VPOlfpRICBsjEyp_YnKhJnZ5xbQ3H-xSO0z6OMSr26xND1dnlImI3XPt_g/s1600/linkbar+label3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyq5477x4RlYRfFRGBX-M1OZtcLO9jiMPR67PYYUqCnBSC1gU2knKiWhF1kA_kRfxdDe7QGKMtNE-p96a7W7VPOlfpRICBsjEyp_YnKhJnZ5xbQ3H-xSO0z6OMSr26xND1dnlImI3XPt_g/s400/linkbar+label3.jpg" width="400" /></a></div><ul><li> lihat bulatan dlm gambar di atas. Klik pada LABELS tersebut untuk mendapatkan URL </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQ5LsLC3sLWWAkzRhuWoxOskUiKSrgv1X_1K9VckTvX0suvQqR_DOwUcNy3aLC-tzkbfLRI1_Gum8bnMZxdgbZx7BUgTKr2aIP0RgeIoYbzh224Exnl7qF1wP54-aG3Yrup_OCujUuNYJ/s1600/linkbar+view+add.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWQ5LsLC3sLWWAkzRhuWoxOskUiKSrgv1X_1K9VckTvX0suvQqR_DOwUcNy3aLC-tzkbfLRI1_Gum8bnMZxdgbZx7BUgTKr2aIP0RgeIoYbzh224Exnl7qF1wP54-aG3Yrup_OCujUuNYJ/s400/linkbar+view+add.jpg" width="400" /></a></div><ul><li>nahhh.. dah pun dipaparkan URL bagi LABELS yang dipilih. </li>
<li>copy URL tersebut dan paste kan di NEW SITE URL (add menu) atau di URL (edit menu) seperti gambar di atas sekali.</li>
</ul><br />
SELAMAT MENCUBAD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-42665528769565097882010-03-30T00:46:00.000-07:002010-03-30T00:49:12.145-07:00CARA NAK INSTALL TRAFFIC FEEDKenapa install Traffic Feed???<br />
<br />
Hanya untuk ketahui dari mana pengunjung blog kita datang.. itu aje.. so kita dapat tau sampai mana info tentang blog kita tersebar..<br />
<br />
Copy kod dibawah dan paste kan di ADD A GADGET >> HTML / JAVASCRIPT<br />
<br />
<div align="center"><textarea cols="50" name="code" rows="6"> <script src="http://feedjit.com/serve/?bc=ffffff&amp;tc=494949&amp;brd1=336699&amp;lnk=494949&amp;hc=336699&amp;ww=250" type="text/javascript"></script><noscript><a href="http://feedjit.com/">Feedjit Live Blog Stats</a></noscript></textarea></div><br />
Selamat MencubaD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-64195908087310636412010-03-29T17:21:00.001-07:002010-03-29T17:21:15.863-07:00KAUNTER PENGUNJUNGSenang je nak dapat kaunter untuk kira pengunjung blog kita.. korang nampak tak sebelah sidebar blog ni..<br />
yang tunjukkan jumlah pengunjung tuh...?? hahh klik je kat situ.. terus masuk web perkhidmatan tu..<br />
<br />
okehh selamat mencubaD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-91460972395187462102010-03-29T17:05:00.000-07:002010-03-29T17:12:19.111-07:00CARA MASUKKAN GAMBAR DI POSTING<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7JDHAYdFqT2M-B8aehY5XBMKP3NrrRhxB7fvhT8jHZ7DTeAu3SvjJejsY4A6ZCW43dPPf0MCfFKKJo92FvQqLlbIZ7gMVq1svfRRBGeIqu-YfQmE9fe1ZVO3NR_xLGW9hY0I3PXxI2yq/s1600/GAMBAR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw7JDHAYdFqT2M-B8aehY5XBMKP3NrrRhxB7fvhT8jHZ7DTeAu3SvjJejsY4A6ZCW43dPPf0MCfFKKJo92FvQqLlbIZ7gMVq1svfRRBGeIqu-YfQmE9fe1ZVO3NR_xLGW9hY0I3PXxI2yq/s400/GAMBAR.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQtEHpmv4PG4JXs24ena_0-TFSlEv0eQAcRc8DiHlluHXbj6j0_L1Kd-AFfiA4MSKyNRLHMjOHI-dXULCTc4rwhkbbVfFtjU89_GSWuBQs-JXh0APMLMTFeU2zYqBzzP1GrqgZV6EwShS/s1600/BROWSE+GAMBAR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Klik pada icon INSERT IMAGE seperti dalam bulatan. Arahan seperti gambar dibawah akan keluar berikutnya,</li>
</ul><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQtEHpmv4PG4JXs24ena_0-TFSlEv0eQAcRc8DiHlluHXbj6j0_L1Kd-AFfiA4MSKyNRLHMjOHI-dXULCTc4rwhkbbVfFtjU89_GSWuBQs-JXh0APMLMTFeU2zYqBzzP1GrqgZV6EwShS/s1600/BROWSE+GAMBAR.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQtEHpmv4PG4JXs24ena_0-TFSlEv0eQAcRc8DiHlluHXbj6j0_L1Kd-AFfiA4MSKyNRLHMjOHI-dXULCTc4rwhkbbVfFtjU89_GSWuBQs-JXh0APMLMTFeU2zYqBzzP1GrqgZV6EwShS/s400/BROWSE+GAMBAR.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zcLtiALnhIS6mIwLCGPXwA-E2WZRo2OqkPQjmlfD_kv9L-W5MLVagPjHLnCw5cFbyEeL4mX5qNH_lW3d7sDZrky-9F0hawgpxOCT75l1AjwFKjMTp4J-9feVHa-Wc9g84RNIvYk5Sbwf/s1600/BROWSE+GAMBAR+PHOTOBUCKET.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><ul><li>Klik BROWSE untuk upload gambar dari simpanan anda dan tunggu sehingga gambar muncul dan klik OK. SEKIRANYA anda telah simpan gambar tersebut di <a href="http://dqisbizz-tutorial.blogspot.com/2010/03/upload-gambar-di-photobucket.html">photobucket</a> contohnya, boleh paste code seperti di bawah</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zcLtiALnhIS6mIwLCGPXwA-E2WZRo2OqkPQjmlfD_kv9L-W5MLVagPjHLnCw5cFbyEeL4mX5qNH_lW3d7sDZrky-9F0hawgpxOCT75l1AjwFKjMTp4J-9feVHa-Wc9g84RNIvYk5Sbwf/s1600/BROWSE+GAMBAR+PHOTOBUCKET.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8zcLtiALnhIS6mIwLCGPXwA-E2WZRo2OqkPQjmlfD_kv9L-W5MLVagPjHLnCw5cFbyEeL4mX5qNH_lW3d7sDZrky-9F0hawgpxOCT75l1AjwFKjMTp4J-9feVHa-Wc9g84RNIvYk5Sbwf/s400/BROWSE+GAMBAR+PHOTOBUCKET.jpg" width="400" /></a></div><ul><li>klik pada WEB ADDRESS dan copy DIRECT LINK gambar tersebut serta paste di IMAGE URL.</li>
<li>gambar daripada DIRECT LINK boleh dipaparkan besar mengikut saiz gambar tersebut berbanding gambar yang diupload dari BROWSER</li>
</ul><br />
SELAMAT MENCUBAD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-86487583652998423592010-03-29T16:41:00.000-07:002010-03-29T16:54:11.096-07:00CARA MASUKKAN VIDEO DI POSTINGhi.. ada yang bertanya macam mana nak masukkan video di posting..<br />
<br />
ini caranya...<br />
<ol><li>Video yang nak upload tuh mesti dah diupload dulu ditempat lain contoh di PHOTOBUCKET.. </li>
<ul><li><a href="http://dqisbizz-tutorial.blogspot.com/2010/03/upload-gambar-di-photobucket.html">refer sini kalo belum tahu macam mana nak upload gambar / video di photobucket</a></li>
</ul>
<li>klik pada SHARE di gambar untuk dapatkan GET LINK CODE</li>
<li>untuk video kita pilih<b><label class="albumLB"> Flash for websites & blogs</label> <span class="optiontext">(includes the tags you've added)</span></b></li>
<li><span class="optiontext">copy tersebut (contoh :<embed width="600" height="361" type="application/x-shockwave-flash" allowFullscreen="true" allowNetworking="all" wmode="transparent" src="http://static.photobucket.com/player.swf?file=http://vid0006.photobucket.com/albums/0006/pbhomepage/video4/babylaughedit.flv">)</span></li>
<ul><li><span class="optiontext">code ini perlu di PASTE di ruangan EDIT HTML pada ruangan posting anda.. (kerana itu adalah code) </span></li>
<li><span class="optiontext">klik preview untuk melihat hasilnya.. dan publish sekiranya berpuas hati...</span></li>
</ul></ol><br />
<embed allowfullscreen="true" allownetworking="all" height="361" src="http://static.photobucket.com/player.swf?file=http://vid0006.photobucket.com/albums/0006/pbhomepage/video4/babylaughedit.flv" type="application/x-shockwave-flash" width="600" wmode="transparent"></embed><br />
<br />
<br />
SELAMAT MAJU JAYAD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-22917922245417123272010-03-29T16:38:00.000-07:002010-03-29T16:38:18.303-07:00UPLOAD GAMBAR DI PHOTOBUCKETPhotobucket adalah salah satu platform untuk kita save gambar dan dapatkan link codenya. Banyak perkara dalam HTML menggunakan link code. Jadi ini lah resolusi terbaikkk untuk adaptasi HTML dlm urusan blog kita.<br />
<br />
photobucket boleh didapati di <a href="http://www.photobucket.com/">WWW.PHOTOBUCKET.COM</a> bagi yang masih belum ada akaun photobucket boleh la register di sana.. bagi yang dah ada, terus login guna username & password anda ok.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9vVTHZCni3HvXNLsGPuiAfuFb3R766rCkqHlXfjQrRxsKH675Wv2U0e9hO1oc07F8ZkNo6OA_F1O0DsgHAVgPcRntbeuFD1aLmRu640_tvWT14eZcB-O-gHplnn_fiZiI9IpChC2J92u/s1600/photobucket+upload.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9vVTHZCni3HvXNLsGPuiAfuFb3R766rCkqHlXfjQrRxsKH675Wv2U0e9hO1oc07F8ZkNo6OA_F1O0DsgHAVgPcRntbeuFD1aLmRu640_tvWT14eZcB-O-gHplnn_fiZiI9IpChC2J92u/s400/photobucket+upload.jpg" width="400" /></a></div><ul><li>Bila dah log in, page ini akan keluar.. </li>
<li>Klik UPLOAD IMAGES & VIDEOS untuk upload gambar anda.. pilih la gambar @ video mana yang berkenan nak upload</li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4r83uWkok4fHsypEF_APHCco1Bn73TomOeoANoWxggf4smOkbyOJ2wpsxwUW-rpH6wGDwPVoZtlIB9ARLX1jAXmPQ4PCggyhBDrJfzeHtQ_ei8bWyf0Sm7xsQUgROlgWET6XCaAANCXAs/s1600/photobucket+save.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4r83uWkok4fHsypEF_APHCco1Bn73TomOeoANoWxggf4smOkbyOJ2wpsxwUW-rpH6wGDwPVoZtlIB9ARLX1jAXmPQ4PCggyhBDrJfzeHtQ_ei8bWyf0Sm7xsQUgROlgWET6XCaAANCXAs/s400/photobucket+save.jpg" width="400" /></a></div><ul><li>Bila upload dah berjaya, akan keluar page ini..</li>
<li>Boleh ADD TITLE kalo nak.. kalo tanak lagi pun takpe.. nanti-nanti bila senang letak..</li>
<li>PASTIKAN klik SAVE & SHARE NOW </li>
</ul><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNzW3P0DTfQgMOV8GgRazbzhKzh8wQq2dJdWTlnK-5uJHLP4g7MBzr3Z7giU4IKz4yo-mVUfmiPC8-u_oZ68TR-vThrHBKGCw4dczEjsP82C-UgHjNN0V4R84kYWszf6Bgqb7MsR0fPqXs/s1600/photobucket+code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNzW3P0DTfQgMOV8GgRazbzhKzh8wQq2dJdWTlnK-5uJHLP4g7MBzr3Z7giU4IKz4yo-mVUfmiPC8-u_oZ68TR-vThrHBKGCw4dczEjsP82C-UgHjNN0V4R84kYWszf6Bgqb7MsR0fPqXs/s400/photobucket+code.jpg" width="400" /></a></div><ul><li>bila dah klik SAVE & SHARE NOW, akan keluar page ini yang mana kotak pertama adalah CODE berkenaan gambar / video berkenaan. </li>
<li>CODE nie semua amat berguna untuk kita apply dlm buat kotak, letak thumb dan sebagainya..</li>
<li>kebiasaannya kita akan gunakan DIRECT LINK</li>
<li>Cara nak guna kod, copy code yang ada, kemudian pastekan ke tempat yang kita nak..</li>
<li>RETURN TO ALBUM untuk kita tengok semua yang kita upload atau pun kita nak UPLOAD LAGI GAMBAR / VIDEO... </li>
</ul>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-38730507525252271162010-03-29T16:20:00.000-07:002010-03-29T16:22:28.926-07:00KOTAK PRODUK<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
<tr> <td align="center">DQ003<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ003" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-flower1.jpg" width="200" /></a></td> <td align="center">DQ004<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ004" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/BROWCHOC1.jpg" width="200" /></a></td> </tr>
</tbody></table><br />
Bagaimana nak buat kotak produk mcm kat atas??<br />
<br />
Kod HTML asas untuk kotak diatas adalah seperti berikut (COPY CODE INI SAHAJA): <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="6"> <table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody><br /> <tr> <td align="center">DQ001<br /> <a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002 <br /> <a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr><br /> </tbody></table></textarea></div><br />
SILA UBAH WORD YANG DI HIGHLIGHT MENGIKUT KESESUAIAN PRODUK DAN BLOG ANDA :<br />
<br />
<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody><br />
<tr> <td align="center"><span style="background-color: #e06666;">DQ001</span><br />
<a href="<span style="background-color: #ffe599;">http://dqisbizz-design.blogspot.com/</span>" target="new"><img alt="<span style="background-color: #e06666;">DQ001</span>" height="170" src="<span style="background-color: #93c47d;">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg</span>" width="200" /></a></td> <td align="center"><span style="background-color: #e06666;">DQ002 </span><br />
<a href="<span style="background-color: #ffe599;">http://dqisbizz-design.blogspot.com/</span>"><img 200="" alt="<span style="background-color: #e06666;">DQ002</span>" height="170" src="<span style="background-color: #93c47d;">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg</span>" width="200" /></a></td> </tr><br />
</tbody></table><br />
<br />
<span style="background-color: #e06666;">HIGHLIGHT KALER</span> = TAJUK<br />
<span style="background-color: #ffe599;">HIGHLIGHT KALER</span> = ALAMAT BLOG ANDA<br />
<span style="background-color: #93c47d;">HIGHLIGHT KALER</span> = DIRECT LINK GAMBAR ANDA<br />
<div style="text-align: center;"><b><br />
</b></div><div style="text-align: center;"><b>KOTAK MACAM NI AKAN KELUAR</b></div><table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
</tbody></table><br />
apabila dah selesai, boleh klik <b>PUBLISH POST</b><br />
<br />
SEKIRANYA ingin tambah kotak lagi dibawah kotak sediada. Kod yang sama masih digunakan cuma amik isinya sahaja.. begini caranya..<br />
<br />
KOD ASAL : <br />
<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody><br />
<div style="background-color: #b6d7a8;"><tr> <td align="center"><span style="background-color: white;">DQ001</span></div><div style="background-color: #b6d7a8;"><a href="<span style="background-color: white;">http://dqisbizz-design.blogspot.com/</span>" target="new"><img alt="<span style="background-color: white;">DQ001</span>" height="170" src="<span style="background-color: white;">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg</span>" width="200" /></a></td> <td align="center"><span style="background-color: #e06666;"><span style="background-color: white;">DQ002</span> </span></div><div style="background-color: #b6d7a8;"><a href="<span style="background-color: #b6d7a8;">http://dqisbizz-design.blogspot.com/</span>"><img 200="" alt="<span style="background-color: #b6d7a8;">DQ002</span>" height="170" src="<span style="background-color: #b6d7a8;">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg</span>" width="200" /></a></td> </tr></div><div style="background-color: #ffe599;"><tr> <td align="center"><span style="background-color: white;">DQ001</span></div><div style="background-color: #ffe599;"><a href="<span style="background-color: white;">http://dqisbizz-design.blogspot.com/</span>" target="new"><img alt="<span style="background-color: white;">DQ001</span>" height="170" src="<span style="background-color: white;">http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg</span>" width="200" /></a></td> <td align="center"><span style="background-color: #e06666;"><span style="background-color: white;">DQ002</span> </span></div><div style="background-color: #ffe599;"><a href="<span style="background-color: white;">http://dqisbizz-design.blogspot.com/</span>"><img 200="" alt="<span style="background-color: white;">DQ002</span>" height="170" src="<span style="background-color: white;">http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg</span>" width="200" /></a></td> </tr></div></tbody></table><br />
<br />
<span style="background-color: #b6d7a8;">COPY KOD YANG INI</span> DAN <span style="background-color: #ffe599;">PASTE KAN KOD TADI DI SINI</span><br />
Tukar kod yang berhighlight seperti DQ001 | http://dqisbizz-design.blogspot.com/ | dan sebagainya seperti di atas ke maklumat yang anda kehendaki.<br />
<br />
Kod tambahan tadi akan dipaparkan dalam bentuk seperti ini<br />
<table align="center" border="1" cellpadding="10" center="" style="width: 100px;"><tbody>
<tr> <td align="center">DQ001<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ001" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/black-dotflwr.jpg" width="200" /></a></td> <td align="center">DQ002 <br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ002" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/maroon-leave.jpg" width="200" /></a></td> </tr>
<tr> <td align="center">DQ003<br />
<a href="http://dqisbizz-design.blogspot.com/" target="new"><img alt="DQ003" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/brown-flower1.jpg" width="200" /></a></td> <td align="center">DQ004<br />
<a href="http://dqisbizz-design.blogspot.com/"><img 200="" alt="DQ004" height="170" src="http://i915.photobucket.com/albums/ac355/dqis_online/background/BROWCHOC1.jpg" width="200" /></a></td> </tr>
</tbody></table><br />
SELAMAT MENCUBAD'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-47102042541128412972010-03-29T14:26:00.000-07:002010-03-29T15:43:32.544-07:00KENALI DASHBOARD ANDA<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><b>DASHBOARD</b></div><div class="separator" style="clear: both; text-align: center;">Dashboard mengandungi summary EDITING yang boleh dilakukan oleh anda untuk blog. ada menu CREATE A BLOG (buat blog baru dlm 1 akaun) | NEW POSTS | EDIT POSTS | SETTING | LAYOUT | MONETIZE<b> </b></div><div class="separator" style="clear: both; text-align: center;"><b> </b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVrb0kBqvwboAvFVTJYZnWofsaTWD2iEKb3salt8MmSGSK0_R1EC6BQi52q1cLly551tFgXJPiIeHh9FbqQHG-P_6R1oUVtGQhifRevh5MZUguyiOTxVIan69vAinJQR2InxI-bP7WWibf/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVrb0kBqvwboAvFVTJYZnWofsaTWD2iEKb3salt8MmSGSK0_R1EC6BQi52q1cLly551tFgXJPiIeHh9FbqQHG-P_6R1oUVtGQhifRevh5MZUguyiOTxVIan69vAinJQR2InxI-bP7WWibf/s400/3.jpg" width="400" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"><b>P</b><b>OSTING</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGHMXlDn0kNf_I99_IGXXFb3t0h7wqy5v6oCylqRO7a0RS9B_yqBL0cUnPeWStDgL3_VdP1JD9nGJJKKgKRIJGG1ZpC8v_AVzvUSu3pCYPCcY6aM3FXhzA2aG2C5_mQeaRPRU8-fs1yANd/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGHMXlDn0kNf_I99_IGXXFb3t0h7wqy5v6oCylqRO7a0RS9B_yqBL0cUnPeWStDgL3_VdP1JD9nGJJKKgKRIJGG1ZpC8v_AVzvUSu3pCYPCcY6aM3FXhzA2aG2C5_mQeaRPRU8-fs1yANd/s400/4.jpg" width="400" /></a></div><ul><li>Dibawah menu POSTING terdapat submenu seperti </li>
<ul><li>NEW POST<b> </b>untuk kita tulis cerita / diari / sebagainya. ini adalah cerita baru</li>
<li>EDIT POST untuk kita menambah baik atau kurangkan detail dalam posting yang telah kita buat.. so kalo rasa cam tak kena je ngan entry / posting sebelum nieh, boleh edit guna menu EDIT POST</li>
<li>EDIT PAGES</li>
<li>COMMENT MODERATION</li>
</ul></ul><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><b>SETTINGS</b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWO3oHbEoF9mLlJNGML75sti0KeTs-e1TCzgQNWIIY6Z5Zx5FXITFRhGU-sSo9eJtWD44jpIYtXTjbIs5P_fC2phT9KitRxrkCjavjO4aWu9Waq6v3_Myx3mULUdMZmc9kgVGxI_T990w/s1600/13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXWO3oHbEoF9mLlJNGML75sti0KeTs-e1TCzgQNWIIY6Z5Zx5FXITFRhGU-sSo9eJtWD44jpIYtXTjbIs5P_fC2phT9KitRxrkCjavjO4aWu9Waq6v3_Myx3mULUdMZmc9kgVGxI_T990w/s400/13.jpg" width="400" /></a></div><br />
<ul><li>menu SETTING mengandungi pelbagai arahan untuk melengkapkan blog anda. anda boleh adjust ikut kegemaran anda.</li>
<li>BASIC memberi peluang anda untuk IMPORT BLOG, EXPORT BLOG, DELETE BLOG. Boleh juga set TITLE dan DESCRIPTION blog anda disini</li>
<li>PUBLISHING membenarkan anda menyusun atur arahan untuk publishkan blog anda. sekiranya anda ada DOMAIN peribadi, boleh edit dibahagian ini.</li>
<li>FORMATING membariskan cara anda ingin formatkan blog anda untuk view, terima atau tidak sesuatu arahan mengikut citarasa anda.. boleh try untuk edit.</li>
<li>COMMENTS arahan untuk menerima komen atau tidak dan sebagainya</li>
<li>dan lain-lain menu yang jarang digunakan tetapi anda boleh survey arahan yang diberikan.. </li>
</ul><br />
<b>LAYOUT</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOF7ocgsGTwFBDAtgHCCrncTEWBt-qhDAJuABJSKoCuDX5WLcYNQPqwO4Fn9PErP3VMyxH1do-4-u2j3lQjhaFOtxtwoJQcypSBLQnzGIjzD9GQDiBjWafuR7y1aI2pM9TEvOaj1bz0R_u/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOF7ocgsGTwFBDAtgHCCrncTEWBt-qhDAJuABJSKoCuDX5WLcYNQPqwO4Fn9PErP3VMyxH1do-4-u2j3lQjhaFOtxtwoJQcypSBLQnzGIjzD9GQDiBjWafuR7y1aI2pM9TEvOaj1bz0R_u/s400/7.jpg" width="400" /></a></div><ul><li><b> </b>PAGE ELEMENTS memaparkan secara terperinci placement di sebalik view yang kita nampak di internet. kalo anda tengok blog anda secara maya, ini lah susunaturnya disebalik tu.. </li>
<ul><li>HEADER merupakan kepala pada blog kita, boleh diletakkan gambar dan sebagainya. klik EDIT untuk mengubah suai header anda</li>
<li>LINKBAR merupakan MENU anda. button HOME, BLOG, PRODUK dan sebagainya terletak di sini. anda boleh tambah atau buang menu dengan klik pada EDIT. </li>
<li>SIDEBAR di sebelah kanan. ADD A GADGET mengandungi banyak widget yang boleh digunakan untuk tambah / mencantikkan blog anda. HTML/JAVASCRIPT merupakan ruang yang membolehkan anda paste kod-kod untuk blog anda</li>
</ul></ul><ul><li>FONT AND COLORS</li>
<ul><li>ruang ini memberi peluang untuk anda edit color dalam blog anda mengikut kesukaan anda.. anda takde pengetahuan HTML??? itu tiada masalah... dengan template nieh anda mampu mewarnai blog anda mengikut citarasa anda sendiri.</li>
</ul></ul><ul><li> EDIT HTML </li>
<ul><li>Ruangan yang penuh dengan kod bahasa yang difahami oleh server sahaja. JANGAN USIK bahagian ini sekiranya anda tidak yakin.</li>
<li>Anda boleh mengedit bahagian ini sekiranya ada sedikit pengetahuan tentangnya.. </li>
<li>Sekiranya anda tersilap sedikit, seluruh blog anda akan musnah susunaturnya.. </li>
</ul></ul><ul><li>PICK NEW TEMPLATE</li>
<ul><li>Sekiranya anda ingin tukar template sekarang ke template baru</li>
</ul></ul><br />
<b>MONETIZE </b><br />
<ul><li>Ruangan untuk anda tambah pendapatan :D</li>
</ul><ul><ul></ul></ul>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-60306697647591747482010-03-29T14:12:00.000-07:002010-03-29T14:12:59.222-07:00CARA NAK EDIT POSTS<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoKfzJqa6oY1idm-2TCV71n6JCnuYlkK1STJb8AH1LiZzr0-y_362pA0Kk71BEE8E486m42YYeY_vxweW94hUQ1RN2H-K-Olm0CIMMFyNSdl4LBOFsgHWf70rL1mpHfPfitFcPDRWOBajA/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoKfzJqa6oY1idm-2TCV71n6JCnuYlkK1STJb8AH1LiZzr0-y_362pA0Kk71BEE8E486m42YYeY_vxweW94hUQ1RN2H-K-Olm0CIMMFyNSdl4LBOFsgHWf70rL1mpHfPfitFcPDRWOBajA/s400/3.jpg" style="cursor: move;" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYV8ivtt_l5Y95tUKLAaKfnBLZB3s2UW7tqg75zqmDsEJQ5iprEHeysQFfiBoMbj3C6fdw6K7kmBlVCdcCOZOmjTM2vnlfhnpMmoOJ4Pwp65Rnx_rKMM4Pr1OtxgJbkdCz3t7Cdcvk6Owu/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYV8ivtt_l5Y95tUKLAaKfnBLZB3s2UW7tqg75zqmDsEJQ5iprEHeysQFfiBoMbj3C6fdw6K7kmBlVCdcCOZOmjTM2vnlfhnpMmoOJ4Pwp65Rnx_rKMM4Pr1OtxgJbkdCz3t7Cdcvk6Owu/s400/8.jpg" style="cursor: move;" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKng4Y-JFw1hLFHgWh19ynfzZrn_KxRuWNhnI1lR_31fG5x6zbHFEr0wBBR3oVfnsnzxv59cGbIAL0eNs5DCcmapQyMJsqjSLHk6aS5Cy6e1c1F4ipoZ1DVUyVmcL0HhNX8mslBzuO67C/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKng4Y-JFw1hLFHgWh19ynfzZrn_KxRuWNhnI1lR_31fG5x6zbHFEr0wBBR3oVfnsnzxv59cGbIAL0eNs5DCcmapQyMJsqjSLHk6aS5Cy6e1c1F4ipoZ1DVUyVmcL0HhNX8mslBzuO67C/s400/9.jpg" style="cursor: move;" width="400" /></a></div><br />
Korang rujuk gambar atas ok..<br />
<ol><li>Harus berada dalam mode editing.. kena Log In blogger dulu.. Then pilih EDIT POSTS..</li>
<li>Kemudian, pilih posts mana yang korang nak edit, klik pada EDIT di tajuk posting tu.. kalo x sure, boleh view2 dulu tajuk2 yang mana ada tu.. </li>
<li>Lepas tuh, akan keluar la page yang korang tulis tulis dulu tu kan.. haa kat sini la boleh edit balik.. bila dah siap edit... kalo nak tengok dulu sebelum post, boleh PREVIEW.. kalo tidak, boleh terus PUBLISH POST je.. ingat, setiap kali kita edit mesti kena publish k.. kalo tak publish nanti dia tak save apa yang kita buat tu.. </li>
</ol>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-19109206621011212742010-03-29T13:45:00.000-07:002010-03-29T13:55:38.624-07:00CARA NAK POSTING ENTRY BARUjom follow step untuk posting entry di blog anda..<br />
<br />
<div style="text-align: center;"><b>LOGIN ke blog anda menggunakan username & password anda</b></div><ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbwUqWhYOge7DsoyIC-UQdXXlWP-Q_ev5RBNuQ0MMxSPuLulmGxP9hEKolzfa7_oQznb9ilVyk5C4kYVS4cOrfHrjsHuK9U3z9PWtGDnz2oJuXN6R4UutZTb_S3v94ngq9vMwnwRVPYXZ/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTbwUqWhYOge7DsoyIC-UQdXXlWP-Q_ev5RBNuQ0MMxSPuLulmGxP9hEKolzfa7_oQznb9ilVyk5C4kYVS4cOrfHrjsHuK9U3z9PWtGDnz2oJuXN6R4UutZTb_S3v94ngq9vMwnwRVPYXZ/s400/1.jpg" width="400" /></a></div><ul><li>ada banyak cara untuk login : pertama boleh login melalui laman blog anda.. tengok bahagian atas tu ada tulis SIGN IN</li>
</ul></ol><ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilI5pKsKwPjm7jHP9hmvg5QN-4PkAbyXVGE0cLqNnVFJSrdkPO9Beykg5g0O89Hh2H5BKxp2H2oO6gjTQMm0R1AkD-t1iPx879aalMu7Q8a1tyfximZn3w1S44SVY4HM1Xe8730sPUMPyq/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilI5pKsKwPjm7jHP9hmvg5QN-4PkAbyXVGE0cLqNnVFJSrdkPO9Beykg5g0O89Hh2H5BKxp2H2oO6gjTQMm0R1AkD-t1iPx879aalMu7Q8a1tyfximZn3w1S44SVY4HM1Xe8730sPUMPyq/s400/2.jpg" width="400" /></a></div><ul><li>kedua boleh masuk melalui www.blogger.com : sign in di situ </li>
</ul></ul><br />
<ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbzgM7ATFN8Z1KT_RjirG7E5OSqrAI7bas0vGfB4mC77yaVFW5iOfOBnsJUKOT-i-MHL0yNmOIDseCcQ_G1wAMgWj1f9e6F9hmgdxfmktazksnNZK7LHFHe5IrdjafVxDIA3BMzmhOeoFr/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbzgM7ATFN8Z1KT_RjirG7E5OSqrAI7bas0vGfB4mC77yaVFW5iOfOBnsJUKOT-i-MHL0yNmOIDseCcQ_G1wAMgWj1f9e6F9hmgdxfmktazksnNZK7LHFHe5IrdjafVxDIA3BMzmhOeoFr/s400/3.jpg" width="400" /></a></div><div style="text-align: center;">bila dah login, anda akan berada di DASHBOARD dan klik pada NEW POST </div><div style="text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06Jhnx2OtWtMAsjvpEXx0YdeTQPRWZR0yBOFDWP5KUiNFDvlWavvRC4QLnE5BwOAWDfSk_tTgVZ9oPOYDwYuTou6ZDEg3gaT3xz1KSpLp3BjJFIbILbJbNIoEmG-Y0pplPibpYMZVcb2j/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh06Jhnx2OtWtMAsjvpEXx0YdeTQPRWZR0yBOFDWP5KUiNFDvlWavvRC4QLnE5BwOAWDfSk_tTgVZ9oPOYDwYuTou6ZDEg3gaT3xz1KSpLp3BjJFIbILbJbNIoEmG-Y0pplPibpYMZVcb2j/s400/4.jpg" width="400" /></a></div><div style="text-align: center;"> Anda kini dah berada pada window yang betul.. jadi tulis tajuk entry anda.. kemudian type cerita tau info anda di ruangan COMPOSE. Sekiranya ada penggunakan kod HTML baru la korang klik kat EDIT HTML tu.. seadainya korang nak tulis biasa2 je.. xyah guna edit html neihh.. kang kelaut plakk jadinya.. sah time tu korang cam nak giler memikirkan ingin kembali ke pangkal jalan..:D</div><div style="text-align: center;"></div><div style="text-align: center;">bila dah siap tulis... bagi yang menggunakan WEBBLOG DQIS ONLINE DESIGN nye template.. korang perlu lah tulis BLOG pada kotak kosong di LABELS: dibawah. tujuan tulis blog nieh supaya posting korang nieh tentang cerita ceriti nieh akan keluar bila korang klik kat menu blog.. </div><div style="text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguT7Bhr2HHLuhEn7pK6SqNCqvLBAjrXuqMYRhW3Jp93Ncr7WCbpTywhf6iwzQXYlKPW0lswfnLBavIiLV42R-nRvWK821G97hT0t4b7q3VjWvv8nv8AQeqZj1t4WnHYIN9-JYvU8fqHMRA/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguT7Bhr2HHLuhEn7pK6SqNCqvLBAjrXuqMYRhW3Jp93Ncr7WCbpTywhf6iwzQXYlKPW0lswfnLBavIiLV42R-nRvWK821G97hT0t4b7q3VjWvv8nv8AQeqZj1t4WnHYIN9-JYvU8fqHMRA/s400/5.jpg" width="400" /></a></div><div style="text-align: center;">pastu PUBLISH POST... then boleh view balik entry / posting korang tuh samada klik pada VIEW BLOG atau VIEW POST... bila dah view kalo korang nak EDIT balik posting korang tuh boleh guna arahan yang sama cuma yang NEW POST tu korang jangan klik, KLIK pada EDIT POST pastu pilih tajuk mana yang korang nak edit.. </div><div style="text-align: center;"></div>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjSdk0VOz6xopA2fymqHuCyach9b5TrqnnPqBsN2FQeUsFEYS98J6KPPhx_p7lfrKreVqzv3Il05-8KonQm7dLd3xPJGkz_f1UXHB1oJf0xhVzZ1kQsbhNFYmU31C38n4M-mH6GJdNy7z/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjSdk0VOz6xopA2fymqHuCyach9b5TrqnnPqBsN2FQeUsFEYS98J6KPPhx_p7lfrKreVqzv3Il05-8KonQm7dLd3xPJGkz_f1UXHB1oJf0xhVzZ1kQsbhNFYmU31C38n4M-mH6GJdNy7z/s400/6.jpg" width="400" /></a></div><div style="text-align: center;">korang boleh view dan edit semula kalo x puas hati.. kalo puas hati... biar jelah.. nanti buat entry baru plak k..</div></ol>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-5064526416983865172010-03-29T12:55:00.000-07:002010-03-29T12:55:18.234-07:00TEKS BERGERAK (MARQUE)Kod untuk marque @ teks bergerak.. pilih je mana berkenan dan post di ADD GADGET || HTML ok..<br />
<br />
<ul><li>Marque bergerak dari kanan ke kiri tanpa henti..</li>
</ul><marquee>Apa2 je yang ingin disampaikan</marquee><br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"> <marquee>Apa2 je yang ingin disampaikan</marquee></textarea></div><br />
<ul><li>Marque bergerak dari kiri ke kanan</li>
</ul><marquee direction="right">Apa2 je yang ingin disampaikan</marquee><br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"> <marquee direction="right">Apa2 je yang ingin disampaikan</marquee></textarea></div><br />
<ul><li>Marque berlaga dinding (hehe) kiri ke kanan : kanan ke kiri dlm ruang terhad</li>
</ul><marquee behavior="alternate">Apa2 je yang ingin disampaikan</marquee> <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"> <marquee behavior="alternate">Apa2 je yang ingin disampaikan</marquee> </textarea></div><br />
<ul><li>Marque dari kanan ke kiri dan berhenti dengan pointer mouse</li>
</ul><marquee onmouseout="this.start()" onmouseover="this.stop()">Apa2 je yang ingin disampaikan</marquee> <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"> <marquee onmouseover="this.stop()" onmouseout="this.start()">Apa2 je yang ingin disampaikan</marquee> </textarea></div><br />
<ul><li>Marque tanpa arah.. :) dengan time dia boleh diatur </li>
</ul><marquee behavior="alternate" scrollamount="18">Apa2 je yang ingin disampaikan</marquee> <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"> <marquee behavior="alternate" scrollamount="18">Apa2 je yang ingin disampaikan</marquee> </textarea></div><div style="text-align: center;">**scrollamount tu boleh ubah ikut suka.. </div><div style="text-align: left;"><br />
<ul><li>Marque bergerak dari bawah ke atas (credit)</li>
</ul></div><marquee direction="up">Apa2 je yang ingin disampaikan</marquee> <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="2"><marquee direction="up">Apa2 je yang ingin disampaikan</marquee> </textarea></div><br />
<ul><li>Marque credit untuk banyak2 info dalam tu pada perenggan yang berbeza dan berhenti apabila di point dengan mouse. jom try.. cam complicated je bunyii.. :) tapi x punnn..</li>
</ul><marquee direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3" width="200">Apa2 je yang nak tulis<br />
Perenggan ke2<br />
Perenggan ke3<br />
Perenggan ke4<br />
Perenggan ke5<br />
Perenggan ke6 dan seterusnya<br />
<br />
</marquee> <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="6"><marquee direction="up" onmouseover="this.stop()" width="200" scrollamount="3" onmouseout="this.start()" height="100">Apa2 je yang nak tulis<br>Perenggan ke2<br>Perenggan ke3<br>Perenggan ke4<br>Perenggan ke5<br>Perenggan ke6 dan seterusnya<br><br /> </marquee></textarea></div><br />
<div style="text-align: center;">** direction tu boleh ubah UP atau DOWN || scrollamount pun boleh ubah ikut suka || width & height pun boleh ubah ikut space blog/web korang </div><div style="text-align: center;"><br />
</div><div style="text-align: left;">ok.. dapat??? SENANG je sebenarnya.. korang rajin2 try test error insya'allah boleh mantapp... :D</div>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-73557960418205873542010-03-29T12:24:00.000-07:002010-03-29T12:29:40.914-07:00NAK BUAT TULISAN BLINKINGtulisan <blink> BLINKING </blink> nieh senang jaaa bahh... trik dia...<br />
<br />
korang masuk ke EDIT HTML di New Post tempat korang tulis2 entry tuh.. pilih mana satu tulisan yang korang nak bagi dia blink...<br />
<br />
contoh mcm kat atas tu, BLINKING tu dia berkelip2 kan... cari perkataan BLINKING di EDIT HTML then masukkan kod mcm nieh <br />
<br />
<div align="center"><textarea cols="50" name="code" rows="1"> <blink> BLINKING </blink></textarea></div><br />
<b>siapppp!!!! </b>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-32392348820396535752010-03-28T19:08:00.000-07:002010-03-28T19:08:29.390-07:00DAFTAR BLOG DI BLOGGER (BLOGSPOT)Bila korang dah ada akaun GMAIL, so senang amatttt dah tak payah nak register teruk2 lagi dah... ikut je step kat bawah nieh untuk dapatkan 1 BLOG bagi korang nak bersembang ke, bercerita ke, berdiari ke, update info ke, ataupun berniagaa...<br />
<br />
<ul><li>Taip www.blogger.com dan korang akan di direct ke page seperti di bawah. </li>
<li>Nampak tak ada kotak di sebelah tulisan besar BLOGGER tu.. ada tulis SIGN IN TO USE BLOGGER. dekat kotak nieh korang masukkan username dan password yang korang register untuk masuk GMAIL korang tadi.. pastu klik SIGN IN</li>
</ul><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioebzdsLD3biTahOF9pG7eUy3E1MFYJ6C0GzkIsh_9Am4CRSI1zKJlvkfsej-jeUPoitWYCSZqP1_P4WU_JsRVPYzmihmNsmGdaf99yNwH1G9ZDyQxotUtnCVrvSXDUAkl3QDbkvhKFrCN/s1600/STEP6.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioebzdsLD3biTahOF9pG7eUy3E1MFYJ6C0GzkIsh_9Am4CRSI1zKJlvkfsej-jeUPoitWYCSZqP1_P4WU_JsRVPYzmihmNsmGdaf99yNwH1G9ZDyQxotUtnCVrvSXDUAkl3QDbkvhKFrCN/s400/STEP6.JPG" width="400" /></a></div><br />
<ul><li>Maklumat korang akan keluar di page seperti di bawah : email korang automatik di detect oleh server. so isi la maklumat yang diminta dan klik CONTINUE</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOp2FrbJmzwe7NYNa855X9yH-SUKsrRZA8fihjdcWKsAlk6ielPYkYN11oYCHywA_-8JP3WmO5B2A8grsI61CG2FGsJPd-rQUvSz98SWVh41zL-79-cQ7RFyeWgNZbhF3KQZKCHi2hymEd/s1600/STEP7.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOp2FrbJmzwe7NYNa855X9yH-SUKsrRZA8fihjdcWKsAlk6ielPYkYN11oYCHywA_-8JP3WmO5B2A8grsI61CG2FGsJPd-rQUvSz98SWVh41zL-79-cQ7RFyeWgNZbhF3KQZKCHi2hymEd/s400/STEP7.JPG" width="400" /></a></div><br />
<ul><li>Pilih Tajuk blog korang dan alamat blog yang sempoi2 untuk senang orang ingat dan klik CONTINUE</li>
</ul><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsaOBnONV2FOVNUyrCLz8F0kwvjvI6OEYriiPOue1vm_n0GXXizBZflZmHpBTgLMFvgIbQZP3JwK27foqVI4cGGS52VGhdQ9XqnuS8hzOrPYQ_iI7McDNTELGHi9xi4jWR_dRmxf2wT8l/s1600/STEP8.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsaOBnONV2FOVNUyrCLz8F0kwvjvI6OEYriiPOue1vm_n0GXXizBZflZmHpBTgLMFvgIbQZP3JwK27foqVI4cGGS52VGhdQ9XqnuS8hzOrPYQ_iI7McDNTELGHi9xi4jWR_dRmxf2wT8l/s400/STEP8.JPG" width="400" /></a></div><ul><li>Pilih template yang mana korang berkenan yang telah siap disediakan oleh blogger</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2trZg9lLnpW-wHIUREyEWPdOBGVUkfWgE5L-GhiqRkv7Z4qWV_Xr7g9yfdldX9FO3vaCTbojWK-MINtN2OLcROJvmA7EefN0eGQvB-vvCLcmysKNWpw4W2KJLvOPDNB0zxxQtW0KL0gFT/s1600/STEP9.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2trZg9lLnpW-wHIUREyEWPdOBGVUkfWgE5L-GhiqRkv7Z4qWV_Xr7g9yfdldX9FO3vaCTbojWK-MINtN2OLcROJvmA7EefN0eGQvB-vvCLcmysKNWpw4W2KJLvOPDNB0zxxQtW0KL0gFT/s400/STEP9.JPG" width="400" /></a></div><ul><li>SIAPPP.. korang dah start boleh bloggingg.. :)</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE-XK-a1FPtYBh0DurWX-Uas55fT5IRn8lWoB39VKA2QMta0M0sWv7eWU4pTHlhQp1l9u_3vvJ1ud7vkl3yyrXplx9eaMzExDE-1ky7EcQf-NhZxb-YJg0dOP8BZz2lCu6S8sQ9ET1dhB/s1600/STEP10.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiE-XK-a1FPtYBh0DurWX-Uas55fT5IRn8lWoB39VKA2QMta0M0sWv7eWU4pTHlhQp1l9u_3vvJ1ud7vkl3yyrXplx9eaMzExDE-1ky7EcQf-NhZxb-YJg0dOP8BZz2lCu6S8sQ9ET1dhB/s400/STEP10.JPG" width="400" /></a></div><ul><li>Postkan apa2 je cerita yang korang nak tulis di sini pastu klik button PUBLISH</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFZ6yJ3WiE3wS5PHtLmKc768sXodeqaExUZnIglCNwurLSPY1etgv_fKSKdxg5SM1rJQ7t0qj6RgGYbocxBDi4GnCvjc6rGLHf3l_MR0Itv3EZIDeBIqBvagZJpAWtIoMKGkr1SeHkysmT/s1600/STEP11.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFZ6yJ3WiE3wS5PHtLmKc768sXodeqaExUZnIglCNwurLSPY1etgv_fKSKdxg5SM1rJQ7t0qj6RgGYbocxBDi4GnCvjc6rGLHf3l_MR0Itv3EZIDeBIqBvagZJpAWtIoMKGkr1SeHkysmT/s400/STEP11.JPG" width="400" /></a></div><ul><li>Bila dah berjaya, klik VIEW BLOG.. nahhh inilah rupa blog anda... tahniahhh...</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1NskS7Y9-5TUmDaH9LbNjxgc5eDhwvmqeHZYSS6xbA8H4Unnto2u6LOBjFpm4bQE-2K2gVjwYnUI8hSc1rwdf9J27BSze-lkPid-PXc54y86pN9lWhMJiZKyFzovUNQhWu2DUrBaF-jw/s1600/STEP12.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1NskS7Y9-5TUmDaH9LbNjxgc5eDhwvmqeHZYSS6xbA8H4Unnto2u6LOBjFpm4bQE-2K2gVjwYnUI8hSc1rwdf9J27BSze-lkPid-PXc54y86pN9lWhMJiZKyFzovUNQhWu2DUrBaF-jw/s400/STEP12.JPG" width="400" /></a></div><br />
<div style="text-align: center;"><b>SELAMAT MENCUBA</b></div>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-27298162676895941072010-03-28T18:51:00.000-07:002010-03-28T18:51:09.583-07:00DAFTAR EMAIL GMAIL ANDAJom daftar akaun GMAIL. Untuk pengetahuan korang, GMAIL dan BLOGGER ada kaitannya. kalo korang dah register email di GMAIL, secara automatik korang boleh guna username dan password email gmail tuh untuk login di BLOGGER dan buat blog. <br />
<br />
<br />
Senang kan... so korang xyah pening2 kepala simpan banyak2 username dan password. <br />
<br />
CARANYA,<br />
<ul><li>masuk ke www.gmail.com dan korang akan dapat window seperti di bawah. Klik pada SIGN UP untuk mendaftar akaun GMAIL anda</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRBgogh6eBr30pEcaoYiNKG26z8-OHAKPNCrf_CyaXikasX0YTir-XGjpab9mhXdxtdrmHaUFtQAVqaHDpY2heoq86SPCmVk31hD8TruKFxJc69-6f-lILHWqIsRtf-O9s1SpJ1R5pQVf/s1600/STEP1.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfRBgogh6eBr30pEcaoYiNKG26z8-OHAKPNCrf_CyaXikasX0YTir-XGjpab9mhXdxtdrmHaUFtQAVqaHDpY2heoq86SPCmVk31hD8TruKFxJc69-6f-lILHWqIsRtf-O9s1SpJ1R5pQVf/s400/STEP1.JPG" width="400" /> </a></div><ul><li>Bila dah klik kat SIGN UP, window dibawah akan keluar.. so isi la detail korang... dan klik butang dibawah skali untuk SUBMIT FORM korang nieh</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgax8aeEpPSrwBOaFzVLwccf4LVf1mNAHV9B4oWuU5-LI-y5oVWvKNNCeQgt_glbd8BLdtK0x28yLtpSKI5XaPKnfcJ88pVw1WfqGvP3PtK2W_ZVsVczhI2bWM0S21xYqHK8EhrVIuDHb-u/s1600/STEP2.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgax8aeEpPSrwBOaFzVLwccf4LVf1mNAHV9B4oWuU5-LI-y5oVWvKNNCeQgt_glbd8BLdtK0x28yLtpSKI5XaPKnfcJ88pVw1WfqGvP3PtK2W_ZVsVczhI2bWM0S21xYqHK8EhrVIuDHb-u/s400/STEP2.JPG" width="400" /></a></div><br />
<ul><li>Bila dah klik butang send form semua tu, korang akan diberitahu dah berjayaaa ke tidakkk.. :D, window mcm kat bawah nieh akan keluar...</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFfv7Jz4f_0feCfl6RcMvQvoznoOTKgVVHRmXoidayfeCz84eJBOM5htcBwXA15EYCMS3eOZqUKTZAMXPhNcDYBAhZz0qeh5I49X4av0M7lPPFW5K88IcK1_aTg78PCzvVpeS36Y3djAB/s1600/STEP3.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwFfv7Jz4f_0feCfl6RcMvQvoznoOTKgVVHRmXoidayfeCz84eJBOM5htcBwXA15EYCMS3eOZqUKTZAMXPhNcDYBAhZz0qeh5I49X4av0M7lPPFW5K88IcK1_aTg78PCzvVpeS36Y3djAB/s400/STEP3.JPG" width="400" /></a></div><br />
<br />
<br />
<ul><li>Then, klik pada SHOW ME MY ACOUNT, dia terus bawa korang ke page yang macam nieh plak. LOADING..</li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhik5hxbWD34xw9IxJj8yIytVgzdF4KbWQGo3jWbY6AtUon8DkkRDpsYGsSt75fLs8_x6OZHKqywNHVXE8IH77wJTKdjY_w9C95YVIpLf7dbhGOnJkJ2JFVDmGT_DapQ5Soc52qmZ-K8oHp/s1600/STEP4.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhik5hxbWD34xw9IxJj8yIytVgzdF4KbWQGo3jWbY6AtUon8DkkRDpsYGsSt75fLs8_x6OZHKqywNHVXE8IH77wJTKdjY_w9C95YVIpLf7dbhGOnJkJ2JFVDmGT_DapQ5Soc52qmZ-K8oHp/s400/STEP4.JPG" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><ul><li>TAHNIAHHH, ANDA DAH PUN BUAT 1 EMAIL GMAIL.. SKARANG BOLEH TERUS REGISTER BLOG PULA... </li>
</ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHJ81lmTh_yqnd_tA_NZKNUrUBjVZQGUUMx2GajfA19wDKlP7x5K3zlgG-pdwZwVqQMS8ftE_bD3NZ8enoMrd_ZGrJMaTnBNycLiTHFyNMLvRmgV3XTKnaf5DXg2xWZuBTiBkFX7MqJAo/s1600/STEP5.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjHJ81lmTh_yqnd_tA_NZKNUrUBjVZQGUUMx2GajfA19wDKlP7x5K3zlgG-pdwZwVqQMS8ftE_bD3NZ8enoMrd_ZGrJMaTnBNycLiTHFyNMLvRmgV3XTKnaf5DXg2xWZuBTiBkFX7MqJAo/s400/STEP5.JPG" width="400" /></a></div><div style="text-align: left;"></div>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-76697082492676116232010-03-28T18:21:00.000-07:002010-03-28T18:24:02.858-07:00TEKNIK PANTAS UNTUK CARI WORD DI HTML<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheto797upIjzvvyM7dDR8JjVUSDjcppn0CoKEfWj6Ml32dTDswyjccijRPEyUEaQl6Eq2lKBAeqCMkSeuMSd1SZti0kCIMlp1ZYGSbjLexHY3Cs9p1KtJJT-YqI0iZyimQWFYd1J9fx_Rf/s1600/CTRL+F.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheto797upIjzvvyM7dDR8JjVUSDjcppn0CoKEfWj6Ml32dTDswyjccijRPEyUEaQl6Eq2lKBAeqCMkSeuMSd1SZti0kCIMlp1ZYGSbjLexHY3Cs9p1KtJJT-YqI0iZyimQWFYd1J9fx_Rf/s400/CTRL+F.jpg" width="400" /></a></div><br />
Kalo korang rajinnn dok xplore ubah coding, ini satu method untuk mudah korang search placement code tuh.. so xyahla mata korang berpinar2 mencari kod yang mmg korang xtau placement dia kat mana.. <br />
<br />
LOGIN BLOGGER || DASHBOARD || LAYOUT || <b>EDIT HTML</b><br />
<ul><li>bila dah berada dalam EDIT HTML korang tekan CTRL dan key F serentak</li>
<li>nanti dia akan keluar bar mcm kat anak panah merah di atas (klik pada gambar untuk besarkan image)</li>
<li>dekat kotak kosong FIND tu, korang type la apa yg korang nak cari</li>
<li>contoh </li>
<li>lepas type, auto dia akan search dan letak kursor pada key yang kita nak.. </li>
<li>senang.. selamat mencuba</li>
</ul>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-68148681956794803442010-03-28T18:10:00.000-07:002010-03-28T18:10:39.485-07:00NADI BERGERAK<?xml version="1.0" encoding="UTF-8" ?><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br />
<head><br />
<b:include data='blog' name='all-head-content'/><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<title><data:blog.pageName/> | <data:blog.title/></title><br />
<b:else/><br />
<title><data:blog.pageTitle/></title><br />
</b:if><br />
<META CONTENT='KEYWORDS MESTI DARIPADA PERKATAAN DALAM TITLE & DESCRIPTIO (1 PERKATAAN LETAK KOMA)' NAME='keywords'/><br />
<META CONTENT='TAJUK DESCRIPTION DI BLOG' NAME='description'/><br />
<META CONTENT='CONTENT SAMA DENGAN DESCRIPTION' NAME='abstract'/><br />
<META CONTENT='NAMA PENGARANG/ PEMILIK' NAME='author'/><br />
<META CONTENT='FOLLOW,INDEX' NAME='robots'/><br />
<b:skin><![CDATA[<br />
<br />
<br />
<br />
/* ************ START OF CSS STYLING ************ */<br />
<br />
<br />
/* Variable definitions<br />
========================<br />
<Variable name="bodybgColor" description="Body Background Color"<br />
type="color" default="#FFBBE8" value="#ffffcc"><br />
<Variable name="blogbgColor" description="Blog Background Color"<br />
type="color" default="#800040" value="#666666"><br />
<Variable name="blogBorderColor" description="Blog Border Color"<br />
type="color" default="#800040" value="#666666"><br />
<Variable name="contentbgColor" description="Content Background Color"<br />
type="color" default="#ffffff" value="#ffffcc"><br />
<Variable name="contentBorderColor" description="Content Border Color"<br />
type="color" default="#ffffff" value="#ffffcc"><br />
<Variable name="blogTitleColor" description="Blog Title Color"<br />
type="color" default="#800040" value="#ffffcc"><br />
<Variable name="blogDescriptionColor" description="Blog Description Color"<br />
type="color" default="#800040" value="#ffffcc"><br />
<br />
<br />
<Variable name="linkbarmainbgColor" description="Linkbar Main Background Color"<br />
type="color" default="#C94093" value="#000000"><br />
<Variable name="linkbarmainBorderColor" description="Linkbar Main Border Color"<br />
type="color" default="#C94093" value="#000000"><br />
<Variable name="linkbartextbgColor" description="Linkbar Text Background Color"<br />
type="color" default="#C94093" value="#000000"><br />
<Variable name="linkbarBorderColor" description="Linkbar Border Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<Variable name="linkbarTextColor" description="Linkbar Text Color"<br />
type="color" default="#ffffff" value="#ffffcc"><br />
<Variable name="linkbarHoverBgColor" description="Linkbar Hover Background Color"<br />
type="color" default="#ffffff" value="#ffffcc"><br />
<Variable name="linkbarHoverTextColor" description="Linkbar Hover Text Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<br />
<br />
<Variable name="postTitleColor" description="Post Title Color"<br />
type="color" default="#000000" value="#1a1a15"><br />
<Variable name="postTitleBorderColor" description="Post Title Border Color"<br />
type="color" default="#000000" value="#666666"><br />
<Variable name="dateHeaderColor" description="Date Header Color"<br />
type="color" default="#000000" value="#333333"><br />
<Variable name="textColor" description="Text Color"<br />
type="color" default="#191919" value="#000000"><br />
<Variable name="mainLinkColor" description="Main Link Color"<br />
type="color" default="#333333" value="#4c4c4c"><br />
<Variable name="mainHoverLinkColor" description="Main Hover Link Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<Variable name="mainVisitedLinkColor" description="Main Visited Link Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<Variable name="blogQuoteColor" description="Blog Quote Color"<br />
type="color" default="#191919" value="#666666"><br />
<Variable name="codeTextColor" description="Code Text Color"<br />
type="color" default="#660000" value="#666666"><br />
<br />
<br />
<Variable name="postfooterBorderColor" description="Postfooter Border Color"<br />
type="color" default="#E590C8" value="#ffffff"><br />
<Variable name="postfooterTextColor" description="Postfooter Text Color"<br />
type="color" default="#b8659C" value="#999999"><br />
<Variable name="postfooterLinkColor" description="Postfooter Link Color"<br />
type="color" default="#b8659C" value="#999999"><br />
<Variable name="commentTabLinkColor" description="Comment Tab Link Color"<br />
type="color" default="#b8659C" value="#999999"><br />
<Variable name="feedlinksBorderColor" description="Feed Links Border Color"<br />
type="color" default="#9D1961" value="#ffffff"><br />
<Variable name="feedlinksColor" description="Feed Links Color"<br />
type="color" default="#9D1961" value="#666666"><br />
<br />
<br />
<Variable name="sidebar1bgColor" description="Sidebar Background Color"<br />
type="color" default="#FFBBE8" value="#808066"><br />
<Variable name="sidebar1HeaderBgColor" description="Sidebar Header Background Color"<br />
type="color" default="#FFBBE8" value="#000000"><br />
<Variable name="sidebar1HeaderBorderColor" description="Sidebar Header Border Color"<br />
type="color" default="#C94093" value="#ffffcc"><br />
<Variable name="sidebar1HeaderColor" description="Sidebar Header Color"<br />
type="color" default="#000000" value="#e6e6e6"><br />
<Variable name="sidebar1TextColor" description="Sidebar Text Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<Variable name="sidebar1LinkColor" description="Sidebar Link Color"<br />
type="color" default="#9D1961" value="#333333"><br />
<Variable name="sidebar1HoverLinkColor" description="Sidebar Hover Link Color"<br />
type="color" default="#000000" value="#191919"><br />
<Variable name="sidebar1VisitedLinkColor" description="Sidebar Visited Link Color"<br />
type="color" default="#000000" value="#333333"><br />
<Variable name="sidebarListLineColor" description="Sidebar List Line Color"<br />
type="color" default="#000000" value="#f5f5f5"><br />
<br />
<br />
<Variable name="commentAuthorBgColor" description="Comment Author Background Color"<br />
type="color" default="#9D1961" value="#f8f8f8"><br />
<Variable name="commentboxBorderColor" description="Comment Box Border Color"<br />
type="color" default="#C94093" value="#e6e6e6"><br />
<Variable name="commentTitleColor" description="Comment Header Color"<br />
type="color" default="#000000" value="#000000"><br />
<Variable name="commentauthorColor" description="Comment Author Color"<br />
type="color" default="#9D1961" value="#000000"><br />
<Variable name="commentTimeStampColor" description="Comment Timestamp Color"<br />
type="color" default="#C94093" value="#999999"><br />
<Variable name="commentTextColor" description="Comment Text Color"<br />
type="color" default="#4c4c4c" value="#666666"><br />
<br />
<br />
<Variable name="footerbgColor" description="Footer Background Color"<br />
type="color" default="#ffffff" value="#ffffff"><br />
<Variable name="footerBorderColor" description="Footer Border Color"<br />
type="color" default="#C94093" value="#ffffff"><br />
<Variable name="footerHeaderColor" description="Footer Header Color"<br />
type="color" default="#000000" value="#ffffff"><br />
<Variable name="footerTextColor" description="Footer Text Color"<br />
type="color" default="#C94093" value="#ffffff"><br />
<Variable name="footerHoverLinkColor" description="Footer Hover Link Color"<br />
type="color" default="#C94093" value="#000000"><br />
<Variable name="footerVisitedLinkColor" description="Footer Visited Link Color"<br />
type="color" default="#C94093" value="#ffffff"><br />
<br />
<br />
<Variable name="blogTitleFont" description="Blog Title Font"<br />
type="font"<br />
default="normal bold 0% Georgia, Times, serif" value="normal normal 0% arial, sans-serif" <br />
><br />
<Variable name="blogDescriptionFont" description="Blog Description Font"<br />
type="font"<br />
default="normal normal 0% georgia,helvetica,verdana,Georgia, serif" value="normal normal 0% arial, Times, serif"<br />
><br />
<Variable name="linkbarTextFont" description="Linkbar Text Font"<br />
type="font" <br />
default="normal normal 77% Verdana, sans-serif" value="normal bold 76% Arial, sans-serif"<br />
><br />
<Variable name="dateHeaderFont" description="Date Header Font"<br />
type="font" <br />
default="normal bold 117% Arial, sans-serif" value="normal normal 95% Arial, sans-serif"<br />
><br />
<Variable name="postTitleFont" description="Post Title Font"<br />
type="font" <br />
default="normal bold 180% Georgia, Times, serif" value="normal normal 222% Georgia, Times, serif"<br />
> <br />
<Variable name="textFont" description="Text Font"<br />
type="font" <br />
default="normal normal 90% Arial, sans-serif" value="normal normal 67% Verdana, sans-serif"<br />
><br />
<Variable name="quoteFont" description="Blog Quote Font"<br />
type="font" <br />
default="normal normal 92% helvetica,tahoma,verdana,arial,times,Sans-serif" value="italic normal 99% Verdana, sans-serif" <br />
><br />
<Variable name="sidebarHeaderFont" description="Sidebar Header Font"<br />
type="font" <br />
default="normal bold 117% Arial, sans-serif" value="normal bold 101% Verdana, sans-serif"<br />
><br />
<Variable name="sidebarTextFont" description="Sidebar Text Font"<br />
type="font" <br />
default="normal normal 78% Arial, Verdana, sans-serif" value="normal normal 67% Verdana, sans-serif"<br />
><br />
<Variable name="postfooterTextFont" description="Post-Footer Text Font"<br />
type="font" <br />
default="normal normal 93% Arial, sans-serif" value="normal normal 88% Verdana, sans-serif"<br />
><br />
<Variable name="commentTitleFont" description="Comment Title Font"<br />
type="font" <br />
default="normal bold 120% Arial, sans-serif" value="normal bold 101% Verdana, sans-serif" <br />
><br />
<Variable name="commentTextFont" description="Comment Text Font"<br />
type="font" <br />
default="normal normal 95% Arial, sans-serif" value="normal normal 105% Verdana, sans-serif" <br />
><br />
<Variable name="footerHeaderFont" description="Footer Header Font"<br />
type="font" <br />
default="normal bold 131% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 103% Arial, sans-serif" <br />
><br />
<Variable name="footerTextFont" description="Footer Text Font"<br />
type="font" <br />
default="normal normal 76% Trebuchet, Trebuchet MS, Arial, sans-serif" value="normal bold 74% Arial, sans-serif" <br />
><br />
*/<br />
<br />
<br />
/* ----- GLOBAL ----- */<br />
<br />
body {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: center;<br />
color: $textColor;<br />
background: $bodybgColor;<br />
background-attachment: fixed;<br />
font-family: arial,verdana,helvetica,tahoma,Sans-serif;<br />
font-size: 100%;<br />
width: 100%;<br />
}<br />
<br />
#outer-wrapper {<br />
margin: 0 auto; /* to make the template lay in the screen center */<br />
padding: 0px 0px 0px 0px;<br />
margin-top: 0px;<br />
margin-bottom: 40px;<br />
position: relative;<br />
width: 100%;<br />
text-align: center;<br />
}<br />
<br />
#upper-wrapper {<br />
margin: 0;<br />
padding: 0;<br />
position: relative;<br />
text-align: center;<br />
width: 100%;<br />
height: 0px;<br />
}<br />
<br />
#blog-wrapper {<br />
margin: 0 auto; /* to make the template lay in the screen center */<br />
margin-top: 20px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: center;<br />
position: relative;<br />
width: 940px;<br />
}<br />
<br />
#content-wrapper {<br />
margin: 0px 0px 0px 0px;<br />
padding: 5px 5px 5px 5px;<br />
width: 928px;<br />
position: relative;<br />
text-align: center;<br />
background: $blogbgColor;<br />
border: 1px solid $blogBorderColor;<br />
}<br />
<br />
#content {<br />
margin: 0px 0px 0px 0px;<br />
padding: 13px 0px 0px 13px;<br />
width: 913px;<br />
text-align: left;<br />
background: $contentbgColor;<br />
border: 1px solid $contentBorderColor;<br />
}<br />
<br />
#spacer {<br />
z-index: -1;<br />
clear: both;<br />
margin: -7px 0px 0px 0px;<br />
padding: 0;<br />
line-height: 0;<br />
min-height: 0;<br />
max-height: 0;<br />
z-index: -1;<br />
}<br />
<br />
/* global link attributes */<br />
a {<br />
color: $mainLinkColor;<br />
text-decoration: underline;<br />
}<br />
<br />
a:hover {<br />
text-decoration: underline;<br />
color: $mainHoverLinkColor;<br />
}<br />
<br />
a:visited {<br />
text-decoration: underline;<br />
color: $mainVisitedLinkColor;<br />
}<br />
<br />
/* setting margin of Blogger Navbar */<br />
#Navbar1 {<br />
margin: 0;<br />
padding: 0;<br />
}<br />
<br />
<br />
<br />
/* ----- HEADER ----- */<br />
<br />
#header-wrapper {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
width: 900px;<br />
}<br />
<br />
#header {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
#header h1 {<br />
display: block;<br />
color: $blogTitleColor;<br />
font: $blogTitleFont;<br />
text-align: right;<br />
margin: 0px 0px 0px 0px;<br />
padding: 40px 0px 10px 0px;<br />
}<br />
<br />
#header h1 a {<br />
text-decoration: none;<br />
color: $blogTitleColor;<br />
}<br />
<br />
#header h1 a:hover {<br />
text-decoration: none;<br />
color: $blogDescriptionColor;<br />
}<br />
<br />
#header .description {<br />
display: block;<br />
color: $blogDescriptionColor;<br />
font: $blogDescriptionFont;<br />
text-align: right;<br />
margin: 1px 0px 0px 0px;<br />
padding: 1px 0px 30px 0px;<br />
}<br />
<br />
#header h1 p, #header .description p {margin:0;padding:0}<br />
<br />
#header a img {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
border: 0;<br />
position: absolute;<br />
top: 0px;<br />
left: 0px;<br />
}<br />
<br />
<br />
<br />
/* ----- LINKBAR ----- */<br />
#linkbar {<br />
margin: 0px 0px 0px 0px;<br />
padding: 3px 0px 5px 0px;<br />
width: 900px;<br />
position: relative;<br />
background: $linkbarmainbgColor;<br />
border-top: 1px solid $linkbarmainBorderColor;<br />
border-bottom: 1px solid $linkbarmainBorderColor;<br />
}<br />
<br />
#linkbar ul {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 3px;<br />
text-align: left;<br />
list-style-type:none;<br />
}<br />
<br />
#linkbar li {<br />
display: inline;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
#linkbar h2 {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
#linkbar a {<br />
clear: both;<br />
margin: 0px -4px 0px 0px;<br />
padding: 6px 15px 5px 15px;<br />
width:100%px;<br />
text-decoration:none;<br />
font: $linkbarTextFont;<br />
color: $linkbarTextColor;<br />
background: $linkbartextbgColor;<br />
border-right: 1px solid $linkbarBorderColor;<br />
}<br />
<br />
#linkbar a:hover {<br />
color: $linkbarHoverTextColor;<br />
background: $linkbarHoverBgColor;<br />
}<br />
<br />
<br />
<br />
/* ----- PICTURE ----- */<br />
<br />
#picture-wrapper {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
width: 800px;<br />
background: #ff0000;<br />
margin-bottom: 0;<br />
}<br />
<br />
#picture {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
width: 800px;<br />
background: $contentbgColor;<br />
margin-bottom: 0;<br />
}<br />
<br />
.picture {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
margin-bottom: 0;<br />
}<br />
<br />
#picture .widget, .picture p {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
margin-bottom: 0;<br />
}<br />
<br />
#picture img {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
#picture h2 {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
display: none;<br />
visibility: hidden;<br />
}<br />
<br />
/* ----- MAIN ----- */<br />
<br />
#main-wrapper {<br />
float: left;<br />
position: relative;<br />
width: 615px;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
}<br />
<br />
#main {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
width: 611px;<br />
color: $textColor;<br />
font: $textFont;<br />
}<br />
<br />
#main .widget {<br />
margin: 0px 0px 10px 0px;<br />
padding: 20px 20px 0px 0px;<br />
}<br />
<br />
h2.date-header {<br />
margin: 5px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: left;<br />
color: $dateHeaderColor;<br />
font: $dateHeaderFont;<br />
text-transform: uppercase;<br />
text-decoration: none;<br />
}<br />
<br />
.date-header span {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.post {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
line-height: 1.6em;<br />
text-align: left;<br />
}<br />
<br />
.post h3 {<br />
margin: 0px 0px 20px 0px;<br />
padding: 0px 0px 10px 0px;<br />
color: $postTitleColor;<br />
font: $postTitleFont;<br />
text-decoration: none;<br />
text-align: left;<br />
line-height: 1.6em;<br />
border-bottom: 1px solid $postTitleBorderColor;<br />
}<br />
<br />
.post h3 a, .post h3 a:visited {<br />
color: $postTitleColor;<br />
text-decoration: none;<br />
}<br />
.post h3 a:hover {<br />
color: $mainHoverLinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
.post-body p {<br />
/* Fix bug in IE5/Win with italics in posts */<br />
margin: 0px 0px 0px 0px;<br />
padding: 3px 0px 3px 0px;<br />
display: inline; /* to fix floating-ads wrapping problem in IE */<br />
height: 1%;<br />
overflow: visible;<br />
}<br />
<br />
.post-body p a, .post-body p a:visited {<br />
color: $mainLinkColor;<br />
text-decoration: underline;<br />
}<br />
<br />
.post-body a:hover {<br />
text-decoration: underline;<br />
color: $mainHoverLinkColor;<br />
}<br />
<br />
.post ul {<br />
margin: 0px 0px 0px 0px;<br />
padding: 12px 0px 12px 30px;<br />
list-style-type: disc;<br />
line-height: 2.0em;<br />
font-size: 95%;<br />
}<br />
<br />
.post ol {<br />
margin: 0px 0px 0px 0px;<br />
padding: 12px 0px 12px 30px;<br />
line-height: 2.0em;<br />
font-size: 95%;<br />
}<br />
<br />
.post li {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
line-height: 1.5em;<br />
}<br />
<br />
a img {<br />
margin: 5px 5px 5px 5px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
<br />
<br />
/* ----- POST-FOOTER ----- */<br />
<br />
<br />
.post-footer {<br />
display: block;<br />
margin: 15px 0px 20px 0px;<br />
padding: 0px 0px 10px 0px;<br />
text-align: left;<br />
font: $postfooterTextFont;<br />
color: $postfooterTextColor;<br />
font-weight: normal;<br />
line-height: 1.5em; <br />
text-decoration: none;<br />
border-bottom: 1px dotted $postfooterBorderColor;<br />
}<br />
<br />
.post-footer-line {<br />
margin: 1px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.post-footer-line-1 {padding-top: 0px}<br />
<br />
.post-footer a {<br />
color: $postfooterLinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
.post-footer a:hover {<br />
text-decoration: none;<br />
color: $mainHoverLinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
.post-footer .post-comment-link a {<br />
margin: 0px 10px 0px 10px;<br />
padding: 0px 10px 0px 10px;<br />
border-left: 1px solid $postfooterLinkColor;<br />
border-right: 1px solid $postfooterLinkColor;<br />
color: $commentTabLinkColor;<br />
font-weight: bold;<br />
text-transform: uppercase;<br />
}<br />
<br />
.post-footer .post-comment-link a:hover {<br />
text-decoration: none;<br />
color: $mainHoverLinkColor;<br />
}<br />
<br />
#blog-pager {<br />
margin: 0px 0px 0px 0px;<br />
padding: 5px 0px 5px 0px;<br />
text-align: center;<br />
font-size: 95%;<br />
color: $feedlinksColor;<br />
border-top: 1px dotted $feedlinksBorderColor;<br />
}<br />
<br />
#blog-pager a {color: $feedlinksColor}<br />
<br />
#blog-pager a:hover {color: $mainHoverLinkColor}<br />
<br />
#blog-pager-newer-link {<br />
float: left;<br />
margin: 0px 0px 0px 0px;<br />
padding-left: 3px;<br />
}<br />
<br />
#blog-pager-older-link {<br />
float: right;<br />
margin: 0px 0px 0px 0px;<br />
padding-right: 3px;<br />
}<br />
<br />
.feed-links {<br />
margin: 0px 0px 0px 0px;<br />
padding: 10px 3px 0px 3px;<br />
clear: both;<br />
line-height: 1.5em;<br />
text-align: left;<br />
font-size: 93%;<br />
color: $feedlinksColor;<br />
}<br />
<br />
.feed-links a, .feed-links a:visited {color: $feedlinksColor}<br />
.feed-links a:hover {color: $mainHoverLinkColor}<br />
<br />
<br />
<br />
<br />
/* ----- SIDEBAR ----- */<br />
<br />
#side-wrapper {<br />
float: left;<br />
margin: 0px 0px 0px 0px;<br />
padding: 25px 0px 0px 0px;<br />
width: 285px;<br />
background: $sidebar1bgColor;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
}<br />
<br />
#sidebar-wrapper {<br />
float: left;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br />
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />
}<br />
<br />
.sidebar {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: left;<br />
line-height: 1.4em;<br />
font: $sidebarTextFont;<br />
}<br />
<br />
#sidebar1 {<br />
width: 275px;<br />
margin: 0px 0px 3px 0px;<br />
padding: 10px 0px 0px 10px;<br />
color: $sidebar1TextColor;<br />
background: $sidebar1bgColor;<br />
}<br />
<br />
<br />
#sidebar1 .widget {<br />
margin: 0px 0px 20px 0px;<br />
padding: 0px 0px 3px 0px;<br />
}<br />
<br />
<br />
<br />
/* sidebar heading ----- */<br />
<br />
#sidebar1 h2 {<br />
margin: -10px -10px 10px -10px;<br />
padding: 7px 10px 7px 10px;<br />
text-align: left;<br />
color: $sidebar1HeaderColor;<br />
font: $sidebarHeaderFont;<br />
text-transform: uppercase;<br />
background: $sidebar1HeaderBgColor;<br />
border-top: 5px solid $sidebar1HeaderBorderColor;<br />
border-bottom: 1px solid $sidebar1HeaderBorderColor;<br />
text-align: left;<br />
}<br />
<br />
.sidebar ul, #BlogArchive1 ul {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
list-style-type: none;<br />
}<br />
<br />
.sidebar li, #BlogArchive1 li {<br />
margin: 0px 0px 0px 0px;<br />
padding: 5px 0px 5px 0px;<br />
line-height: 1.3em;<br />
border-bottom: 1px solid $sidebarListLineColor;<br />
}<br />
<br />
#sidebar1 a {<br />
color: $sidebar1LinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
#sidebar1 a:hover {<br />
text-decoration: none;<br />
color: $sidebar1HoverLinkColor;<br />
}<br />
<br />
#sidebar1 a:visited {<br />
text-decoration: none;<br />
color: $sidebar1VisitedLinkColor;<br />
}<br />
<br />
.sidebar a img {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
/* ----- PROFILE ----- */<br />
<br />
.profile-img a img {<br />
display: block;<br />
float: left;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
clear: both;<br />
}<br />
<br />
.profile-textblock {<br />
margin: 0px 0px 0px 0px;<br />
padding: 10px 0px 10px 0px;<br />
clear: both;<br />
line-height: 1.4em;<br />
}<br />
<br />
.profile-data {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
font-weight: normal;<br />
font-style: italic;<br />
}<br />
<br />
.profile-datablock { <br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.profile-link {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
<br />
<br />
/* ----- BLOCKQUOTE ----- */<br />
<br />
blockquote {<br />
margin: 12px 30px 12px 20px;<br />
padding: 0px 0px 0px 10px;<br />
color: $blogQuoteColor;<br />
font: $quoteFont;<br />
line-height: 1.6em;<br />
color: $blogQuoteColor;<br />
}<br />
<br />
<br />
/* ----- CODE ----- */<br />
<br />
code {<br />
color: $codeTextColor;<br />
font-size: 110%;<br />
}<br />
<br />
<br />
<br />
/* ----- COMMENT ----- */<br />
#comments {<br />
margin: 15px 0px -1px 0px;<br />
padding: 0px 0px 15px 0px;<br />
text-align: left;<br />
color: $commentTextColor;<br />
font: $commentTextFont;<br />
}<br />
<br />
/* comment-header */<br />
#comments h4 {<br />
margin: 0px 0px 0px 0px;<br />
padding: 15px 0px 0px 0px;<br />
color: $commentTitleColor;<br />
font: $commentTitleFont;<br />
text-transform: uppercase;<br />
}<br />
<br />
.deleted-comment {<br />
font-style:italic;<br />
color:gray;<br />
margin: 3px 0px 3px 0px;<br />
}<br />
<br />
.comment-author {<br />
display: block;<br />
margin: 15px 0px 0px 0px;<br />
padding: 7px 10px 7px 10px;<br />
color: $commentauthorColor;<br />
background: $commentAuthorBgColor;<br />
border: 1px solid $commentboxBorderColor;<br />
font-size: 135%;<br />
font-weight: bold;<br />
}<br />
<br />
.comment-author a {color: $commentauthorColor;}<br />
.comment-author a:hover {color: $mainHoverLinkColor;}<br />
<br />
.comment-body {<br />
margin: 0px 0px 0px 0px;<br />
padding: 10px 0px 10px 50px;<br />
}<br />
<br />
.comment-footer {<br />
margin: 7px 0px 7px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.comment-timestamp {<br />
margin: 0px 0px 0px 10px;<br />
padding: 0px 0px 7px 10px;<br />
color: $commentTimeStampColor;<br />
text-decoration: none;<br />
font-weight: normal;<br />
font-size: 74%;<br />
font-style: italic;<br />
}<br />
<br />
.comment-timestamp a {<br />
color: $commentTimeStampColor;<br />
text-decoration: none;<br />
}<br />
<br />
.comment-body p {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
line-height: 1.6em;<br />
}<br />
<br />
#comments ul {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
list-style-type: disc;<br />
}<br />
<br />
#comments li {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
a.comment-link {<br />
/* ie5.0/win doesn't apply padding to inline elements,<br />
so we hide these two declarations from it */<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
html>body a.comment-link {<br />
/* respecified, for ie5/mac's benefit */<br />
padding-left: 0px;<br />
}<br />
<br />
<br />
/* ----- ADS SECTION ----- */<br />
<br />
#adsection-wrapper {<br />
clear: both;<br />
display: inline; /* handles IE margin bug */<br />
float: left;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
text-align: center;<br />
width: 900px;<br />
}<br />
<br />
#adsection {<br />
margin: 0px 0px 0px 0px;<br />
padding: 5px 5px 5px 5px;<br />
text-align: center;<br />
color: $textColor;<br />
font: $textFont;<br />
}<br />
<br />
<br />
<br />
/* ----- FOOTER ----- */<br />
<br />
#footer-wrapper {<br />
clear: both;<br />
display: inline; /* handles IE margin bug */<br />
float: left;<br />
width: 900px;<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
background: $footerbgColor;<br />
border: 1px solid $footerBorderColor;<br />
}<br />
<br />
#footer {<br />
margin: 0px 0px 0px 0px;<br />
padding: 5px 20px 5px 20px;<br />
text-align: center;<br />
color: $footerTextColor;<br />
font: $footerTextFont;<br />
line-height: 1.6em;<br />
}<br />
<br />
#footer h2 {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 3px 0px;<br />
color: $footerHeaderColor;<br />
font: $footerHeaderFont;<br />
}<br />
<br />
#footer .widget {<br />
margin: 0px 0px 0px 0px;<br />
padding: 0px 0px 0px 0px;<br />
}<br />
<br />
.footer a {<br />
color: $footerTextColor;<br />
text-decoration: none;<br />
}<br />
<br />
.footer a:hover {<br />
color: $footerHoverLinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
.footer a:visited {<br />
color: $footerVisitedLinkColor;<br />
text-decoration: none;<br />
}<br />
<br />
<br />
<br />
/* ----- CREDIT ----- */<br />
<br />
#credit {<br />
margin: 0px 0px 0px 0px;<br />
padding: 2px 0px 0px 0px;<br />
width: 100%;<br />
height: 26px;<br />
clear: both;<br />
font-family: verdana, helvetica;<br />
font-size: 70%;<br />
color: #555555;<br />
font-weight: normal;<br />
background: #000000;<br />
}<br />
<br />
#creditleft {<br />
margin: 0px 0px 0px 0px;<br />
padding: 7px 0px 0px 0px;<br />
height: 26px;<br />
position: relative;<br />
float: left;<br />
text-align: left;<br />
display: inline;<br />
width: 71%;<br />
background: #ffffff;<br />
}<br />
<br />
#creditright {<br />
margin: -33px 0px 0px 0px;<br />
padding: 7px 0px 0px 0px;<br />
height: 26px;<br />
position: relative;<br />
float: right;<br />
text-align:right;<br />
display: inline;<br />
width: 30%;<br />
background: #ffffff;<br />
}<br />
<br />
#creditleft p {<br />
margin: 0;<br />
padding: 0<br />
}<br />
<br />
#creditright p {<br />
margin: 0;<br />
padding: 0<br />
}<br />
<br />
#creditleft a, .creditleft a:hover, .creditleft a:visited {<br />
color: #555555;<br />
text-decoration: underline;<br />
}<br />
<br />
#creditright a, .creditright a:hover, .creditright a:visited {<br />
color: #555555;<br />
text-decoration: underline;<br />
}<br />
<br />
<br />
<br />
/* ************ END OF CSS STYLING ************ */<br />
<br />
<br />
<br />
/** Page structure tweaks for layout editor wireframe */<br />
<br />
body#layout #main,<br />
body#layout #sidebar {<br />
padding: 0;<br />
}<br />
]]></b:skin><br />
</head><br />
<br />
<body><br />
<br />
<div id='outer-wrapper'><br />
<br />
<!-- skip links for text browsers --><br />
<span id='skiplinks' style='display:none;'><br />
<a href='#main'>skip to main </a> |<br />
<a href='#sidebar'>skip to sidebar</a><br />
</span><br />
<br />
<div id='upper-wrapper'/><br />
<div id='blog-wrapper'><br />
<br />
<div id='content-wrapper'><div id='content'><br />
<br />
<div id='header-wrapper'><br />
<b:section class='header' id='header' preferred='yes'><br />
<b:widget id='Header1' locked='true' title='PENGUSAHA KEROPOK LEKOR MELETOP (Header)' type='Header'><br />
<b:includable id='main'><br />
<br />
<b:if cond='data:useImage'><br />
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'><br />
<!--Show just the image, no text--><br />
<div id='header-inner'><br />
<a expr:href='data:blog.homepageUrl' style='display: block'><br />
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><br />
</a><br />
</div><br />
<b:else/><br />
<!--<br />
Show image as background to text. You can't really calculate the width<br />
reliably in JS because margins are not taken into account by any of<br />
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum<br />
width if the user is using shrink to fit.<br />
This results in a margin-width's worth of pixels being cropped. If the<br />
user is not using shrink to fit then we expand the header.<br />
--><br />
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'><br />
<div class='titlewrapper' style='background: transparent'><br />
<h1 class='title' style='background: transparent; border-width: 0px'><br />
<b:include name='title'/><br />
</h1><br />
</div><br />
<b:include name='description'/><br />
</div><br />
</b:if><br />
<b:else/><br />
<!--No header image --><br />
<div id='header-inner'><br />
<div class='titlewrapper'><br />
<h1 class='title'><br />
<b:include name='title'/><br />
</h1><br />
</div><br />
<b:include name='description'/><br />
</div><br />
</b:if><br />
</b:includable><br />
<b:includable id='title'><br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<data:title/><br />
<b:else/><br />
<a expr:href='data:blog.homepageUrl'><data:title/></a><br />
</b:if><br />
</b:includable><br />
<b:includable id='description'><br />
<div class='descriptionwrapper'><br />
<p class='description'><span><data:description/></span></p><br />
</div><br />
</b:includable><br />
</b:widget><br />
</b:section><br />
</div><br />
<br />
<div id='linkbar-wrapper'><br />
<b:section class='linkbar' id='linkbar' showaddelement='no'><br />
<b:widget id='LinkList1' locked='true' title='Linkbar' type='LinkList'><br />
<b:includable id='main'><br />
<br />
<b:if cond='data:title'><h2><data:title/></h2></b:if><br />
<div class='widget-content'><br />
<ul><br />
<b:loop values='data:links' var='link'><br />
<li><a expr:href='data:link.target'><data:link.name/></a></li><br />
</b:loop><br />
</ul><br />
<b:include name='quickedit'/><br />
</div><br />
</b:includable><br />
</b:widget><br />
</b:section><br />
</div><br />
<br />
<div style='clear: both;'/> <br />
<br />
<div id='main-wrapper'><br />
<b:section class='main' id='main' showaddelement='no'><br />
<b:widget id='HTML5' locked='false' title='' type='HTML'><br />
<b:includable id='main'><br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<data:content/><br />
</div><br />
<br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'><br />
<b:includable id='nextprev'><br />
<div class='blog-pager' id='blog-pager'><br />
<b:if cond='data:newerPageUrl'><br />
<span id='blog-pager-newer-link'><br />
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a><br />
</span><br />
</b:if><br />
<br />
<b:if cond='data:olderPageUrl'><br />
<span id='blog-pager-older-link'><br />
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a><br />
</span><br />
</b:if><br />
<br />
<b:if cond='data:blog.homepageUrl != data:blog.url'><br />
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
<b:else/><br />
<b:if cond='data:newerPageUrl'><br />
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />
</b:if><br />
</b:if><br />
<br />
</div><br />
<div class='clear'/><br />
</b:includable><br />
<b:includable id='backlinks' var='post'><br />
<a name='links'/><h4><data:post.backlinksLabel/></h4><br />
<b:if cond='data:post.numBacklinks != 0'><br />
<dl class='comments-block' id='comments-block'><br />
<b:loop values='data:post.backlinks' var='backlink'><br />
<div class='collapsed-backlink backlink-control'><br />
<dt class='comment-title'><br />
<span class='backlink-toggle-zippy'>&#160;</span><br />
<a expr:href='data:backlink.url' rel='dofollow'><data:backlink.title/></a><br />
<b:include data='backlink' name='backlinkDeleteIcon'/><br />
</dt><br />
<dd class='comment-body collapseable'><br />
<data:backlink.snippet/><br />
</dd><br />
<dd class='comment-footer collapseable'><br />
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span><br />
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span><br />
</dd><br />
</div><br />
</b:loop><br />
</dl><br />
</b:if><br />
<p class='comment-footer'><br />
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a><br />
</p><br />
</b:includable><br />
<b:includable id='post' var='post'><br />
<div class='post hentry'><br />
<a expr:name='data:post.id'/><br />
<b:if cond='data:post.title'><br />
<h3 class='post-title entry-title'><br />
<b:if cond='data:post.link'><br />
<a expr:href='data:post.link'><data:post.title/></a><br />
<b:else/><br />
<b:if cond='data:post.url'><br />
<a expr:href='data:post.url'><data:post.title/></a><br />
<b:else/><br />
<data:post.title/><br />
</b:if><br />
</b:if><br />
</h3><br />
</b:if><br />
<br />
<div class='post-header-line-1'/><br />
<br />
<div class='post-body entry-content'><br />
<data:post.body/><br />
<div style='clear: both;'/> <!-- clear for photos floats --><br />
</div><br />
<br />
<b:if cond='data:post.hasJumpLink'><br />
<div class='jump-link'><br />
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> <br />
</div><br />
</b:if><br />
<br />
<div class='post-footer'><br />
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'><br />
<b:if cond='data:top.showAuthor'><br />
<data:top.authorLabel/><br />
<span class='fn'><data:post.author/></span><br />
</b:if><br />
</span> <span class='post-timestamp'><br />
<b:if cond='data:top.showTimestamp'><br />
<data:top.timestampLabel/><br />
<b:if cond='data:post.url'><br />
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><br />
</b:if><br />
</b:if><br />
</span> <span class='post-icons'><br />
<!-- email post links --><br />
<b:if cond='data:post.emailPostUrl'><br />
<span class='item-action'><br />
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br />
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/><br />
</a><br />
</span><br />
</b:if><br />
<br />
<!-- quickedit pencil --><br />
<b:include data='post' name='postQuickEdit'/><br />
</span> </div><br />
<br />
<div class='post-footer-line post-footer-line-2'><span class='post-labels'><br />
<b:if cond='data:post.labels'><br />
<data:postLabelsLabel/><br />
<b:loop values='data:post.labels' var='label'><br />
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br />
</b:loop><br />
</b:if><br />
</span> </div><br />
<br />
<div class='post-footer-line post-footer-line-3'><span class='post-location'><br />
<b:if cond='data:top.showLocation'><br />
<b:if cond='data:post.location'><br />
<data:postLocationLabel/><br />
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a><br />
</b:if><br />
</b:if><br />
</span> </div><br />
</div><br />
</div><br />
</b:includable><br />
<b:includable id='commentDeleteIcon' var='comment'><br />
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'><br />
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />
<img src='http://www.blogger.com/img/icon_delete13.gif'/><br />
</a><br />
</span><br />
</b:includable><br />
<b:includable id='status-message'><br />
<b:if cond='data:navMessage'><br />
<div class='status-msg-wrap'><br />
<div class='status-msg-body'><br />
<data:navMessage/><br />
</div><br />
<div class='status-msg-border'><br />
<div class='status-msg-bg'><br />
<div class='status-msg-hidden'><data:navMessage/></div><br />
</div><br />
</div><br />
</div><br />
<div style='clear: both;'/><br />
</b:if><br />
</b:includable><br />
<b:includable id='feedLinks'><br />
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --><br />
<b:if cond='data:feedLinks'><br />
<div class='blog-feeds'><br />
<b:include data='feedLinks' name='feedLinksBody'/><br />
</div><br />
</b:if><br />
<br />
<b:else/> <!--Post feed links --><br />
<div class='post-feeds'><br />
<b:loop values='data:posts' var='post'><br />
<b:if cond='data:post.allowComments'><br />
<b:if cond='data:post.feedLinks'><br />
<b:include data='post.feedLinks' name='feedLinksBody'/><br />
</b:if><br />
</b:if><br />
</b:loop><br />
</div><br />
</b:if><br />
</b:includable><br />
<b:includable id='comment-form' var='post'><br />
<div class='comment-form'><br />
<a name='comment-form'/><br />
<h4 id='comment-post-message'><data:postCommentMsg/></h4><br />
<p><data:blogCommentMessage/></p><br />
<data:blogTeamBlogMessage/><br />
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><br />
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/><br />
<data:post.friendConnectJs/><br />
<data:post.cmtfpIframe/><br />
<script type='text/javascript'><br />
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);<br />
</script><br />
</div><br />
</b:includable><br />
<b:includable id='backlinkDeleteIcon' var='backlink'><br />
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'><br />
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />
<img src='http://www.blogger.com/img/icon_delete13.gif'/><br />
</a><br />
</span><br />
</b:includable><br />
<b:includable id='feedLinksBody' var='links'><br />
<div class='feed-links'><br />
<data:feedLinksMsg/><br />
<b:loop values='data:links' var='f'><br />
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br />
</b:loop><br />
</div><br />
</b:includable><br />
<b:includable id='postQuickEdit' var='post'><br />
<b:if cond='data:post.editUrl'><br />
<span expr:class='&quot;item-control &quot; + data:post.adminClass'><br />
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br />
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/><br />
</a><br />
</span><br />
</b:if><br />
</b:includable><br />
<b:includable id='comments' var='post'><br />
<div class='comments' id='comments'><br />
<a name='comments'/><br />
<b:if cond='data:post.allowComments'><br />
<h4><br />
<b:if cond='data:post.numComments == 1'><br />
1 <data:commentLabel/>:<br />
<b:else/><br />
<data:post.numComments/> <data:commentLabelPlural/>:<br />
</b:if><br />
</h4><br />
<br />
<b:if cond='data:post.commentPagingRequired'><br />
<span class='paging-control-container'><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a><br />
&#160;<br />
<data:post.commentRangeText/><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a><br />
</span><br />
</b:if><br />
<br />
<dl expr:class='data:post.avatarIndentClass' id='comments-block'><br />
<b:loop values='data:post.comments' var='comment'><br />
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'><br />
<b:if cond='data:comment.favicon'><br />
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/><br />
</b:if><br />
<a expr:name='data:comment.anchorName'/><br />
<b:if cond='data:blog.enabledCommentProfileImages'><br />
<data:comment.authorAvatarImage/><br />
</b:if><br />
<b:if cond='data:comment.authorUrl'><br />
<a expr:href='data:comment.authorUrl' rel='dofollow'><data:comment.author/></a><br />
<b:else/><br />
<data:comment.author/><br />
</b:if><br />
<data:commentPostedByMsg/><br />
</dt><br />
<dd class='comment-body'><br />
<b:if cond='data:comment.isDeleted'><br />
<span class='deleted-comment'><data:comment.body/></span><br />
<b:else/><br />
<p><data:comment.body/></p><br />
</b:if><br />
</dd><br />
<dd class='comment-footer'><br />
<span class='comment-timestamp'><br />
<a expr:href='data:comment.url' title='comment permalink'><br />
<data:comment.timestamp/><br />
</a><br />
<b:include data='comment' name='commentDeleteIcon'/><br />
</span><br />
</dd><br />
</b:loop><br />
</dl><br />
<br />
<b:if cond='data:post.commentPagingRequired'><br />
<span class='paging-control-container'><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><br />
<data:post.oldestLinkText/><br />
</a><br />
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><br />
<data:post.olderLinkText/><br />
</a><br />
&#160;<br />
<data:post.commentRangeText/><br />
&#160;<br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><br />
<data:post.newerLinkText/><br />
</a><br />
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><br />
<data:post.newestLinkText/><br />
</a><br />
</span><br />
</b:if><br />
<br />
<p class='comment-footer'><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/><br />
<b:if cond='data:post.allowComments'><br />
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />
</b:if><br />
</b:if><br />
<br />
</p><br />
</b:if><br />
<br />
<div id='backlinks-container'><br />
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'><br />
<b:if cond='data:post.showBacklinks'><br />
<b:include data='post' name='backlinks'/><br />
</b:if><br />
</div><br />
</div><br />
</div><br />
</b:includable><br />
<b:includable id='main' var='top'><br />
<!-- posts --><br />
<div class='blog-posts hfeed'><br />
<br />
<b:include data='top' name='status-message'/><br />
<br />
<data:defaultAdStart/><br />
<b:loop values='data:posts' var='post'><br />
<b:if cond='data:post.isDateStart'><br />
<b:if cond='data:post.isFirstPost == &quot;false&quot;'><br />
&lt;/div&gt;&lt;/div&gt;<br />
</b:if><br />
</b:if><br />
<b:if cond='data:post.isDateStart'><br />
&lt;div class=&quot;date-outer&quot;&gt;<br />
</b:if><br />
<b:if cond='data:post.dateHeader'><br />
<h2 class='date-header'><span><data:post.dateHeader/></span></h2><br />
</b:if><br />
<b:if cond='data:post.isDateStart'><br />
&lt;div class=&quot;date-posts&quot;&gt;<br />
</b:if><br />
<div class='post-outer'><br />
<b:include data='post' name='post'/><br />
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br />
<b:include data='post' name='comments'/><br />
</b:if><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<b:include data='post' name='comments'/><br />
</b:if><br />
</div><br />
<b:if cond='data:post.includeAd'><br />
<b:if cond='data:post.isFirstPost'><br />
<data:defaultAdEnd/><br />
<b:else/><br />
<data:adEnd/><br />
</b:if><br />
<div class='inline-ad'><br />
<data:adCode/><br />
</div><br />
<data:adStart/><br />
</b:if><br />
<b:if cond='data:post.trackLatency'><br />
<data:post.latencyJs/><br />
</b:if><br />
</b:loop><br />
<b:if cond='data:numPosts != 0'><br />
&lt;/div&gt;&lt;/div&gt;<br />
</b:if><br />
<data:adEnd/><br />
</div><br />
<br />
<!-- navigation --><br />
<b:include name='nextprev'/><br />
<br />
<!-- feed links --><br />
<b:include name='feedLinks'/><br />
<br />
<b:if cond='data:top.showStars'><br />
<script src='http://www.google.com/jsapi' type='text/javascript'/><br />
<script type='text/javascript'><br />
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});<br />
function initialize() {<br />
google.annotations.setApplicationId(<data:top.blogspotReviews/>);<br />
google.annotations.createAll();<br />
google.annotations.fetch();<br />
}<br />
google.setOnLoadCallback(initialize);<br />
</script><br />
</b:if><br />
</b:includable><br />
</b:widget><br />
</b:section><br />
</div><br />
<br />
<div id='side-wrapper'><br />
<br />
<b:section class='sidebar' id='sidebar1' preferred='yes'><br />
<b:widget id='HTML4' locked='false' title='' type='HTML'><br />
<b:includable id='main'><br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<data:content/><br />
</div><br />
<br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />
<b:widget id='Gadget1' locked='false' title='Recent Posts' type='Gadget'><br />
<b:includable id='main'> <br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:renderingUrl != &quot;&quot;'><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<b:if cond='data:gadgetSnippet != &quot;&quot;'><br />
<data:gadgetSnippet/><br />
<b:else/><br />
<div class='widget-content'><br />
<b:if cond='data:nonSocialFragment != &quot;&quot;'><br />
<data:nonSocialFragment/><br />
</b:if><br />
</div><br />
</b:if><br />
<b:else/><br />
<data:errorMessage/><br />
</b:if><br />
<br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />
<b:widget id='HTML3' locked='false' title='CHAT ZONE' type='HTML'><br />
<b:includable id='main'><br />
<!-- only display title if it's non-empty --><br />
<b:if cond='data:title != &quot;&quot;'><br />
<h2 class='title'><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<data:content/><br />
</div><br />
<br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'><br />
<b:includable id='main'><br />
<b:if cond='data:title'><br />
<h2><data:title/></h2><br />
</b:if><br />
<div class='widget-content'><br />
<div id='ArchiveList'><br />
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'><br />
<b:if cond='data:style == &quot;HIERARCHY&quot;'><br />
<b:include data='data' name='interval'/><br />
</b:if><br />
<b:if cond='data:style == &quot;FLAT&quot;'><br />
<b:include data='data' name='flat'/><br />
</b:if><br />
<b:if cond='data:style == &quot;MENU&quot;'><br />
<b:include data='data' name='menu'/><br />
</b:if><br />
</div><br />
</div><br />
<b:include name='quickedit'/><br />
</div><br />
</b:includable><br />
<b:includable id='flat' var='data'><br />
<ul class='flat'><br />
<b:loop values='data:data' var='i'><br />
<li class='archivedate'><br />
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)<br />
</li><br />
</b:loop><br />
</ul><br />
</b:includable><br />
<b:includable id='menu' var='data'><br />
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'><br />
<option value=''><data:title/></option><br />
<b:loop values='data:data' var='i'><br />
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option><br />
</b:loop><br />
</select><br />
</b:includable><br />
<b:includable id='interval' var='intervalData'><br />
<b:loop values='data:intervalData' var='i'><br />
<ul class='hierarchy'><br />
<li expr:class='&quot;archivedate &quot; + data:i.expclass'><br />
<b:include data='i' name='toggle'/><br />
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span><br />
<b:if cond='data:i.data'><br />
<b:include data='i.data' name='interval'/><br />
</b:if><br />
<b:if cond='data:i.posts'><br />
<b:include data='i.posts' name='posts'/><br />
</b:if><br />
</li><br />
</ul><br />
</b:loop><br />
</b:includable><br />
<b:includable id='toggle' var='interval'><br />
<b:if cond='data:interval.toggleId'><br />
<b:if cond='data:interval.expclass == &quot;expanded&quot;'><br />
<a class='toggle' href='javascript:void(0)'><br />
<span class='zippy toggle-open'>&#9660;&#160;</span><br />
</a><br />
<b:else/><br />
<a class='toggle' href='javascript:void(0)'><br />
<span class='zippy'><br />
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'><br />
&#9668;&#160;<br />
<b:else/><br />
&#9658;&#160;<br />
</b:if><br />
</span><br />
</a><br />
</b:if><br />
</b:if><br />
</b:includable><br />
<b:includable id='posts' var='posts'><br />
<ul class='posts'><br />
<b:loop values='data:posts' var='i'><br />
<li><a expr:href='data:i.url'><data:i.title/></a></li><br />
</b:loop><br />
</ul><br />
</b:includable><br />
</b:widget><br />
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'><br />
<b:includable id='main'><br />
<h2><data:title/></h2><br />
<div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'><br />
<span style='filter: alpha(25); opacity: 0.25;'><br />
<a expr:href='data:feedUrl'><data:loadingMsg/></a><br />
</span><br />
</div><br />
<b:include name='quickedit'/><br />
</b:includable><br />
</b:widget><br />
</b:section><br />
<br />
</div> <!-- end mainside-wrapper --><br />
<br />
<!-- spacer for skins that sets sidebar and main to be the same height--><br />
<div style='clear: both;'/> <br />
<br />
<div id='adsection-wrapper'><br />
<b:section class='adsection' id='adsection'/><br />
</div><br />
<br />
<div style='clear: both;'/> <br />
<br />
<div id='footer-wrapper'><br />
<b:section class='footer' id='footer'/><br />
</div><br />
<br />
<div style='clear: both;'/> <br />
<br />
</div></div> <!-- end content-wrapper --><br />
<br />
</div> <!-- end blog-wrapper --><br />
<br />
</div> <!-- end outer-wrapper --><br />
<br />
<!-- Please don't remove the credits below as we spent many hours creating this blogger template. It's only reasonable that you keep the link to Ourblogtemplates.com. --><br />
<br />
<div id='credit'><br />
<br />
<div id='creditleft'><br />
<p>soft touch; by <a href='http://www.dqisenterprise.com'>DQis Online</a> 2010</p><br />
</div><br />
<br />
<div id='creditright'><br />
<p>Back to <a href='#outer-wrapper'>TOP</a>&#160;&#160;</p><br />
</div> <br />
<br />
</div> <!-- end credit --><br />
<br />
</body><br />
</html>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0tag:blogger.com,1999:blog-4674437913151010141.post-50131972204998978622010-03-28T17:58:00.000-07:002010-03-28T17:58:49.881-07:00TAMPILKAN KOD HTML PADA POSTING DI BLOGRamai yang bertanya, macam mana nak tulis code HTML di posting??? Sebenarnya, kod html yang kita nak tulis tu kena convert dulu ke bahasanya.. ARGGGHHHH tension seh.. kalo kod tu 1 line je takpe, buatnya nak tulis kod html untuk template mcm mana????? mau muntah hijauu nak convert..<br />
<br />
Ada solusinya...<br />
<br />
Korang boleh convert menggunakan ONLINE VERSION<br />
<ol><li>Visit <a href="http://centricle.com/tools/html-entities/" target="_blank" title="Kode html di posting">Encode Decode HTML Converter di sini</a> atau <a href="http://www.eblogtemplates.com/blogger-ad-code-converter/">di sini.</a></li>
<li>Masukkan kode html / javascript yang ingin korang tampilkan di posting di kotak yang tersedia, terus klik menu “Encode” </li>
<li>Copy dan paste hasil encode yang ada dalam kotak ke posting korang. Selesai.</li>
</ol><b><blink>PENTING : </blink> </b><br />
<b></b>postkan code yang telah di ENCODE tu dalam mode EDIT HTML bukan di COMPOSE ok..<br />
<div style="text-align: center;"><b><br />
</b></div><div style="text-align: center;"><b><br />
</b></div><div style="text-align: center;"><b>SELAMAT MENCUBA</b></div>D'Qis Enthttp://www.blogger.com/profile/00923263831346967570noreply@blogger.com0