.:::. MSue RoomZ .:::.

Cara Pasang Top Pengomen Berawan

2010-12-10T13:09:00.003+08:00

Assalamualaikum , hari ini Msue nak kongsi ngan korang sume cara nak buat top pengomen berawan . bukan sahaja label yang boleh berbentuk awan malah top pengomen pun boleh dibuat menjadi berawan .

1. Login ke Blogspot .

2. Klik Design- Add a Gadget - Javascript/HTML .

3. Copy kod di bawah dan pastekan ke dalamnya .

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://msueroomz.blogspot.com
&Exclusions=Anonymous,Greenlava
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>

4. Preview dan Save Template .

Note: Pada highlight merah tukarkan ngan url blog korang . Highlight biru adalah jumlah top komen yang korang nak pamerkan

Via - BloggerSentral

Cara Meletakkan Iklan Di Sebelah Kiri / Kanan Post

2010-12-03T12:28:00.001+08:00

Assamualaikum , Msue nak kongsi ngan korang sume bagaimana nak Letakkan Iklan Pada Sebelah Kiri / Kanan Di Ruangan Post

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Copy kod dibawah ini .

<div style='display:block;float:left;margin: 0px 10px 0px 0px;'>
KOD IKLAN ANDA DISINI
</div>

Note: Pada highlight biru adalah kedudukan iklan yang korang nak samada kiri atau kanan

4. Pastekan dibawahnya

5. Preview dan Save template .

Semudah Alif Ba Ta Menukar Favicon

2010-12-03T11:18:00.002+08:00

Assalamualaikum . . .Msue ingin berkongsi ngan korang yang sudi sahaja Bagaimana Nak Tukar Favicon Semudah Alif Ba Ta pada blog korang .

1. Korang kecilkan saiz imej yang korang nak buat sebagai favicon di sini --> Favicon Genarator

2. Upload gambar yang korang nak jadikan favicon dari komputer korang .

3. Klik Generate Favicon .

4. Klik Download Favicon .

5. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

]]></b:skin>

4 . Copy kod di bawah dan pastekan di bawahnya .

5. Preview dan Save Template jika tiada error .

Note : Pada highlight korang tukarkan ngan url favicon tadi .

Cara untuk mendapatkan url .

1. Klik posting .

2. Uplaod gambar favicon yang korang download tadi dan copy urlnya .

3. Pastekan pada highlight di atas tadi .

Cara Memasang Page Views Counter Pada Post

2010-12-03T11:02:00.002+08:00

Assalamualaikum , hari ini MSue ingin berkongsi sedikit ilmu ngan korang yang sudi , bagaimana cara memasang Page Views Counter Pada Post . Maksudnye korang leh tahu bape banyak orang yang da tengok atau view artikel yang korang terbitkan itu .

1. Login ke Blogspot seperti biasa .

2. Klik Design = Edit HTML(Tandakan pada kotak Expand Widget)

3. Cari kod di bawah (Gunakan CTRL F Untuk Memudahkan Korang Mencarinya)

4. Pastekan kod di bawah di bawah kod tersebut

<b:if cond='data:blog.pageType == "item"'>
<div id='hit-counter'>
<a href='http://csharpdotnetfreak.blogspot.com' rel='follow'>
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> </a>
</div></b:if>

5. Preview dan Save Template .

6. Kalau xjumpa kod tersebut , korang cari kod di bawah ini dan pastekan dibawahnya.

7. Kalau xjumpa juga , korang cari kod dibawah ini pula dan pastekan dibawahnya .

<data:post.body/>

Membina Latar Belakang Berbeza Disetiap Posting/Artikel

2010-12-03T10:06:00.001+08:00

Assalamualaikum , tengahari ini Msue nak kongsi korang macam mana korang nak Membina Latar Belakang Berbeza Disetiap Posting/Artikel korang tanpa perlu menukar apa-apa kod, korang cuma perlu meletakkan kod dibawah untuk meletakkan imej atau warna yang dikehendaki.

Untuk background colour posting korang..pada hightlight merah korang tukar ngan kod warna korang kehendaki..Pada highlight biru adalah Text korang

<div style="background: #cccc00;">
TEXT KORANG KAT CINI
</div>

Untuk meletak background image pada posting korang..pada hightlight merah korang tukar ngan URL IMAGE korang kehendaki..Pada highlight biru adalah Text korang

<div style="background: url('URL IMAGE');">
TEXT KORANG KAT CINI
</div>

Selamat mencuba..

Cara Memindahkan Blog Lama Ke Blog Baru

2010-12-03T09:51:00.001+08:00

Assalamualaikum , Kali ini Msue ingin berkongsi ngan korang bagaimana cara untuk Memindahkan Blog Lama Ke Blog Baru Secara Automatik , korang mungkin tidak mahu kehilangan peminat di blog lama korang kan ? ? Jadi korang boleh gunakan tutorial ini .

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada kotak Expand widget)

3. Cari kod di bawah(Gunakan Ctrl + F untuk mekudahkan korang mencarinya) .

<head>

4. Pastekan kod di bawah ini di bawah atau selepas kod tersebut .

5. Preview dan Save template .

Note: Pada highlight merah korang tukarkan dengan url blog baru korang yang korang ingin pindahkan .

Via - The Trick

Cara Memasang Link Direct To This Post Pada Bawah Post Blog

2010-12-02T15:22:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak pasang Link Direct To This Post . Ia juga mampu menaikan trafik blog korang .Jika artikel yang korang buat best , pengunjung blog korang boleh berkongsi dan juga menyimpan melalui copy link.

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .


<data:post.body/>

4. Copy kod dibawah .


<b><hr color='#27729B'/><marquee align='center' direction='left' scrollamount='3' width='100%'>Copy Link Dibawah Jika Korang Berminat Dengan Tutorial <data:post.title/></marquee><hr color='#27729B'/></b><br/>
Link Directly To This Post :<br/>
<textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>
Link To The Homepage :<br/>
<textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:blog.homepageUrl/>&quot;&gt;<data:blog.title/>&lt;/a&gt;</textarea>

Note: Merah = Warna garisan atas dan bawah , biru = Ayat , Coklat = arahan marquee , Hijau = kelajuan marquee . Tukarkannya

5. Pastekan dibawahnya

6. Preview dan Save template .

Jika korang hanya nak pamerkan hanya pada title post dan disembunyikan pada homepage(halaman utama) , korang tengok di sini --> Sembunyikan Widget

Pasang Page Peel Di Blog Anda

2010-12-02T15:17:00.000+08:00

Assalamualaikum , petang yangpanas dan baik ini MSue ingin berkongsi ngan korang bagaimana Memasang Page Peel atau dengan bahasa mudah Muka Surat Selak pada bahagian atas penjuru blog korang .

1. Login ke Blogspot seperti biasa .

2. Klik Design - Edit HTML(Tandakan pada kotak Expand widget)

3. Cari kod di bawah (Gunakan Ctrl + F untuk memudahkan korang mencari)

]]></b:skin>

4. Pastekan kod di bawah ini di bawah kod tersebut

5. Cari kod ini di bawah ini pula .

<body>

6. Pastekan kod dibawah ini di bawah kod tersebut .

Note: Pada highlight biru tukarkan dengan image pilihan korang sendiri , highlight merah korang tukarkan dengan url pilihan korang .

Via - NescafeAis

Semudah ABC Membina Right Header

2010-12-02T14:51:00.002+08:00

Assalamualaikum , Hari ini Msue ingin berkongsi bagaimana hendak Membina Right Header Semudah ABC. Tujuannya korang boleh memasukkan apa - apa di dalam header . Ia akan membuatkan header korang lebih menarik berbanding biasa .
Header Yang Ada Follower didalamnya

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

4. Tambahkan kod di bawah ini di dalamnya .

width: 300px;
float: left;

Ia akan jadi seperti ini

#header {
width: 300px;
float: left;
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Note:# header korang kene dikecilkan sedikit supaya ade ruang untuk right header yang korang nak letak . nilai width:300px korang boleh tentukan sendiri . float:left adalah kedudukan header korang yang asal.msue letakkannya dibahagian kiri

5. Copy kod di bawah dan pastekan di bawahnya (no. 3)

#rightheader {
margin: 5px;
width: 300px;
float: right;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

6. Cari kod di bawah ini .

7. Copy kod di bawah

<b:section class='header' id='rightheader' showaddelement='yes'>
</b:section>

8. Pastekannya seperti di bawah

Hasilnya seperti di bawah

Note: Korang boleh padamkam border: 1px solid $bordercolor; jika korang tidak mahu border pada #header dan juga #rightheader

Via - Muncet

Membina Reply Pada Komen

2010-11-30T15:44:00.002+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat Reply Pada Komen , ia berfungsi untuk korang balas komen seseorang yang komen di blog korang. Lepas dah siap korang buat reply to comment ini , Korang boleh gantikan reply to comment dengan image / icon disini Menukar Reply To Comment Kepada Image

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

<b:include data='comment' name='commentDeleteIcon'/>

4. Copy kod dibawah .

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG ID KORANG&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>

Note: Pada highlight , gantikan dengan Blog ID korang.

Cara Dapatkan Blog ID

5. Pastekan dibawahnya

6. Preview dan Save template .

Note: Pastikan komen korang berada pada bawah post . kalau popup memang xakan menjadi

Memasang Komen Facebook Ke Dalam Blog Post

2010-11-30T14:19:00.010+08:00

Assalamualaikum.Msue nak kongsi ngan korang bagaimana cara untuk memasang Komen Facebook ke dalam blog korang .

1. Bina ----> Aplikasi Facebook

2. Pada website pada membina aplikasi fabook tadi.Korang masukkan URL blog korang seperti contoh dibawah .

3. Copy API KEY dan pastekannya dimana - mana dahulu..apabila korang sudah siap membina aplikasi facebook.API KEY akan digunakan kemudian

4. Login ke Blogspot.

5. Klik Design - Edit HTML(Tandakan pada kotak Expand Widget)

6. Copy kod dibawah dan letakkannya seperti contoh dibawah

xmlns:fb='http://www.facebook.com/2008/fbml'

7. Cari kod dibawah

</body>

8. Copy kod dibawah

9. Pastekan diatas kod tersebut diatasnya .

Note : Pada highlight tukarkan dengan API KEY yang korang copy tadi

10. Preview dan save template jika tida error.

11. Klik Add a Gadget - HTML / Javascript.

12. Copy kod dibawah .

<fb:comments></fb:comments>

atau

<fb:comments width="350"></fb:comments>

13. Save

14. Lokasikannya seperti contoh dibawah

15. Save

16. Tampilkan kotak komen tersebut hanya pada ruangan post disembunyi di ruangan homepage . ----> Display pada ruangan post sahaja

17. Klik Setting - Comments..tandakan pada hide comment seperti contoh dibawah

18. Save setting dan siap .

Via - Jejak Trend

Memasang Feautured Post Slideshow Pada Blog Anda

2010-11-30T13:40:00.003+08:00

Assalamualaikum..Msue nak kongsi ngan korang bagamana nak Memasang Feautured Post Slideshow menggunakan JQuery di blog korang .

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan Pada Kotak Expand Widget)

3. Cari kod dibawah

</head>

4. Copy Kod dibawah

5. Pastekan Diatas kod diatas

6. Klik Preview dan Save Template jika tiada error.

7. Klik Add a Gadget - HTML/Javascript

8. Copy kod dibawah

Note : Gantikan Pada Highlight diatas

9. Pastekan kedalamnya.

10. Save dan View Blog

Memasang Page Navigation Google Pada Blog Anda

2010-11-30T13:19:00.002+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nakMembuat Page Navigation seperti Google Pada Blog Kini korang boleh memasangnya di blog korang

1. Login ke Blogspot .

2. Klik Design- Edit HTML(JANGAN Tandakan pada kotak Expand widget)

3. Cari kod di bawah

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

4. Copy kod dibawah ini

5. Pastekan dibawah highlight merah diatas

6. Cari kod di bawah

]]></b:skin>

7. Copy kod dibawah

#nav a,#nav a:visited,.blk a{color:#000}
#nav a{display:block}
#nav .b a,#nav .b a:visited{color:#20c}
#nav .i{color:#a90a08;font-weight:bold}
.csb,.ss{background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/pagenavi/nav_logo7.png) no-repeat 0 0;height:26px;display:block}
.ss{background-position:0 -88px;position:absolute;left:0;top:0}
.cps{height:18px;overflow:hidden;width:114px}
.mbi{width:13px;height:13px;background-position:-91px -74px;margin-right:3px}
#nav td{padding:0;text-align:center}

8. Pastekan diatasnya

9. Preview dan Save template

10. Klik Layout - Add a Gadget - Label

11. Save

Note: Step 10 - 11 Korang xpayah buat kalau dah ada label pada sidebar .

12. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget)

13. Cari kod di bawah

14. Copy kod dibawah dan gantikannya

15. Preview dan Save template

16. Klik Setting - Formatting

17. Pada show at most , tukarkan kepada 6 post seperti gambar / image dibawah

18. Save Setting dan view

Cuztomize Twitter Update Mengikut Citarasa Anda

2010-11-30T12:53:00.003+08:00

Assalamualaikum , Pada hari ini Msue ingin berkongsi ngan korang sume bagaimana nak Customize Twitter update korang .

1. Login ke Blogspot .

2. Klik Design - Add A Gadget - Javascript/HTML

3. Copy kod di bawah dan pastekan ke dalamnya .

<div <--Add Style Here --> id="twitter_div">
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/msueroomz" id="twitter-link" style="display:block;text-align:center;"></a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/msueroomz.json?callback=twitterCallback2&count=5"></script>

Note: Pada highlight ungu korang tukarkan ngan username twitter korang , highlight hijau itu adalah berapa jumlah status yang korang ingin pamerkan .

4.Pastekan kod stail yang ada di bawah mengikut citarasa korang pada highlight biru diatas.

Note: Pada highlight merah korang tukar tukarkan mengikut kesesuaian .

Kod stail untuk background warna

style="background: #ffcc00;"

Kod stail untuk background image

style="background: url(http://i921.photobucket.com/albums/ad54/nurulsue/love/emo-1-1.png)center left no-repeat; padding-left: 50px;"

center left adalah posisi tengah sebelah kiri atau korang boleh tukar ngan posisi lain . center center , top center , top left , top right , bottom left , bottom right , bottom center

Kod stail untuk border

style="border: 3px solid #cccccc; padding: 5px;"

Note: Korang leh gak gabungkan kod antara kod background image + background warna + border . Bergantung pada citarasa korang .

Via - Amanda

Pasangkan Related Post With Thumbnail Bergerak Di Blog Anda

2010-11-30T12:46:00.002+08:00

Assamualaikum , Sebelum ni Msue ade buat tutorial tentang cara membuat Adik Related Posted Pagi ni Msue nak kongsi ngan korang sume bagaimana nak buat related post bergerak . Ia akan buat blog korang lebih cool .

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

</head>

4. Copy kod dibawah .

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

5. Pastekan di atasnya

6. Cari kod di bawah

<data:post.body/>

7. Copy kod dibawah

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' direction='right' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4' width='100%'>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=50;
var relatedpoststitle="";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>

8. Pastekan dibawahnya

9. Preview dan Save template .

Via - SerbaBlog

Membina Hide/Show Element

2010-11-25T11:41:00.002+08:00

Assalamualaikum..setelah sekian lama menyepi,kini MsueRoomZ kembali..Kali ini Msue ingin berkongsi ngan korang bagaimana hendak membuat Show/Hide Url atau Elements . Ia macam dropdown menu tetapi yang ini menggunakan fungsi hide/show . Korang boleh gunakan untuk meletakkan korang punya link list ataupun element tertentu untuk menjimatkan ruang di sidebar korang .

1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada kotak Expand widget)

3. Cari kod di bawah .

</head>

4. Pastekan kod di bawah ini di atas atau sebelumnya .

5. Preview dan Save template .

6. Klik pada Add a Gadget - HTML/Javascript .

7. Masukkan kod di bawah ke dalamnya .

<ul><a href="javascript:void(0);" onclick="expandcollapse('KEYWORD')"> [+/-] Kategori</a></ul>

<ul class="texthidden" id="KEYWORD">

<li><a href="http://linkataulinkelement.com">NAMA LINK ATAU NAMA ELEMENT 1</a></li>

<li><a href="http://linkataulinkelement.com">NAMA LINK ATAU NAMA ELEMENT 2</a></li>

<li><a href="http://linkataulinkelement.com">NAMA LINK ATAU NAMA ELEMENT 3</a></li>

<li><a href="http://linkataulinkelement.com">NAMA LINK ATAU NAMA NAMA ELEMENT 4</a></li>

<li><a href="http://linkataulinkelement.com">NAMA LINK ATAU NAMA ELEMENT 5</a></li>

</ul>

Note: Highlight merah - tukarkan yang bersesuaian , Highlight biru -Pada perkataan KEYWORD Gantikan ngan keyword korang sendiri(pastikan keywordnya sama)

Via - Muncet

Membina Label Cloud Dengan Cara Mudah

2010-11-25T10:59:00.006+08:00

Assalamualaikum,pagi ni msue nak kongsi bagaimana nak buat nak buat label cloud ataupun label berawan dengan cara yang mudah..kepada yang newbie pun boleh melakukannya jika ikut arahan dibawah .

1. Login ke Blogspot .

2. Klik Design - Edit HTML(JANGAN tandakan pada Expand Widget)

3. Cari kod dibawah

]]></b:skin>

4. Pastekan kod dibawah sebelum kod diatas

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

5. Cari kod dibawah

</head>

6. Pastekan kod dibawah diatas kot tersebut.

7. Cari kod dibawah .

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

8. Gantikan dengan kod dibawah .

<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>

<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>

</b:includable>
</b:widget>

9. Preview dan Save Template jika tiada error

Horizon Sub Navigation Versi 2 Yang Lebih Cool

2010-05-19T12:31:00.007+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat horizon sub navigation yang lebih cool dari yang sebelum ini . Korang boleh tengok tutorialnya disini --> Sub Navigation

1. Login ke Blogspot .

2. Klik Design - Edit HTML( Tandakan pada kotak Expand widget)

3. Cari kod di bawah

]]></b:skin>

4. Copy kod dibawah

ul#topnav {
margin: 0; padding: 0;
float: left;
width: 660px;
list-style: none;
position: relative;
font-size: 1.2em;
background: #C86595;
}
ul#topnav li {
float: left;
margin: 0; padding: 0;
border: 3px outset #EC0982;
}
ul#topnav li:hover {
border: 3px inset #EC0982;
}
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #FFFFFF;
text-decoration: none;
}
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0; top:35px;
display: none;
width: 660px;
background: #F83A9F;
border: outset 3px #EC0982;
-moz-border-radius: 10px;

}
ul#topnav li:hover span {
display: block;
}
ul#topnav li span a {
display: inline;
}
ul#topnav li span a:hover {
text-decoration: underline;
color: #000000;
font-weight:bold;
border: inset 3px #EC0982;
-moz-border-radius: 10px;

}

Note: Tukarkan pada highlight diatas .

5. Pastekan diatasnya

6. Cari kod di bawah

</head>

7. Copy kod dibawah

Note :Gantikan Highlight hijau diatas dengan kod warna mengikut citarasa korang . Highlight hijau berkenaan lokasinya adalah seperti yang image dibawah

8. Pastekan diatasnya

9. Cari kod di bawah

10. Copy kod dibawah

<ul id='topnav'>
<li><a href='http://msueroomz.blogspot.com/'>Home</a></li>

<li>
<a href='#'>About</a>
<span>
<a href='http://msueroomz.blogspot.com/'>The Company</a>
<a href='http://msueroomz.blogspot.com/'>The Team</a>
<a href='http://msueroomz.blogspot.com/'>Careers</a>
</span>
</li>

<li>
<a href='#'>Services</a>
<span>
<a href='http://msueroomz.blogspot.com/'>What We Do</a>
<a href='http://msueroomz.blogspot.com/'>Our Process</a>
<a href='http://msueroomz.blogspot.com/'>Testimonials</a>
</span>
</li>

<li>
<a href='#'>Portfolio</a>
<span>
<a href='http://msueroomz.blogspot.com/'>Website</a>
<a href='http://msueroomz.blogspot.com/'>Development</a>
<a href='http://msueroomz.blogspot.com/'>Identity</a>
<a href='http://msueroomz.blogspot.com/'>SEO</a>
<a href='http://msueroomz.blogspot.com/'>Design</a>
</span>
</li>

<li><a href='http://msueroomz.blogspot.com/'>Contact</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Email Me</a></li>

<li>
<a href='#'>Social Web</a>
<span>
<a href='http://msueroomz.blogspot.com/'>Twitter</a>
<a href='http://msueroomz.blogspot.com/'>Facebook</a>
</span>
</li>

</ul>

Note: Tukarkan Pada highlight diatas

11. Pastekan diatasnya

12. Preview dan Save template

Membuat Fancy Image Hover

2010-05-17T17:22:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat Membuat Fancy Image Hover

1. Login ke Blogspot .

2. Klik Layout - Edit HTML( Tandakan pada kotak Expand widget)

3. Cari kod di bawah

]]></b:skin>

4. Copy kod dibawah

ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px;
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center;
border: none;

5. Pastekan diatasnya

6. Cari kod di bawah

</head>

7. Copy kod dibawah

8. Pastekan diatasnya

9. Preview dan save template

Untuk Memasuk Pada Posting

1. Klik New Post

2. Copy kod dibawah

Note:Tukarkan pada highlight merah diatas

3. Pastekan kedalamnya

4. Klik Publish post

Membuat Fancy Navigation

2010-05-17T15:25:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Membuat Fancy Navigation . Ia akan membuatkan blog korang nampak lain dari orang lain .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML( Tandakan pada kotak Expand widget)

3. Cari kod di bawah

4. Copy kod dibawah

<ul id='topnav'>
<li><a href='http://msueroomz.blogspot.com/'>Home</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Services</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Twitter</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Blog</a></li>
<li><a href='http://msueroomz.blogspot.com/'>AboutMe</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Email</a></li>
<li><a href='http://msueroomz.blogspot.com/'>Label</a></li>
</ul>

Note: Tukarkan Pada highlight diatas

5. Pastekan diatasnya

6. Cari kod di bawah

</head>

7. Copy kod dibawah

8. Pastekan diatasnya

9. Cari kod di bawah

]]></b:skin>

10. Copy kod dibawah

ul#topnav {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 1.1em;
clear: both;
float: left;
width: 660px;
}
ul#topnav li{
margin: 0;
padding: 0;
overflow: hidden;
float: left;
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
text-transform: uppercase;
clear: both;
height: 20px;
line-height: 20px;
}
ul#topnav a {
color: #FFFFFF;
background: url(http://3.bp.blogspot.com/_NGLN8-IACTs/SijR-xmNY3I/AAAAAAAAPSw/EOaH4vs7h1c/s1600/red1.gif) repeat-x left bottom;
}
ul#topnav span {
color: #000000;
background: url(http://4.bp.blogspot.com/_NGLN8-IACTs/SijSQ9weNjI/AAAAAAAAPTQ/KdNBPJffom8/s1600/orange1.jpg) repeat-x left top;
}

Note:Tukarkan pada highlight diatas

11. Pastekan diatasnya

12. Preview dan Save template

Pesanan Pada Bawah Title Posting Dengan Bersama Title Posting

2010-05-12T12:06:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat Pesanan Pada Bawah Title Posting Dengan Bersama Title Posting . DEMO

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

<data:post.body/>

4. Jika korang meggunakan readmore , korang cari kod dibawah ini

<b:if cond='data:blog.pageType != "item"'>

5. Copy kod dibawah .

<hr color='#ff0000'/><marquee align='center' direction='left' scrollamount='3' width='80%'>
<b>Selamat Membaca Artikel <data:post.title/> Sila beri komen yang membina</b>
</marquee><hr color='#ff0000'/>

Note: Biru = warna garisan atas dan bawah , merah = ayat , hijau= kelajuan marquee , ungu = arahan pergerakan marquee . Tukarkan kesemua yang dihighlight ini mengikut citarasa korang .

6. Pastekan diatasnya

7. Preview dan Save template .

Cara Mudah Dapatkan IP Address Sesuatu Blog

2010-05-12T10:52:00.007+08:00

Assamualaikum , Sebelum ini Msue ade berkongsi ngan korang cara nak Ban IP Address sesuatu Blog .Hari ini Msue nak kongsi lagi ngan korang sume bagaimana Cara Mudah Dapatkan IP Address Sesuatu Blog .

1. Klik Start Pada Komputer / Laptop korang .

2. Klik Run

3. Dalam Ruangan tersebut taipkan kod dibawah . Lihat gambar dibawah.

cmd

4. Taipkan kod dibawah ini selepas cursor yg berkelip - kelip tersebut. Lihat contoh gambar dibawah

ping msueroomz.blogspot.com

5. Tekan Enter . Ia akan jadi seperti ini .

6. Copy IP Address

7. Siap

Membuat Nombor Pada Komen Dengan Icon / Image

2010-05-12T09:03:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Membuat Nombor Pada Komen Dengan Icon / Image

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

4. Copy kod dibawah .

5. Pastekan dibawahnya seperti contoh dibawah .

<dl id='comments-block'>
<script type='text/javascript'>var CommentsCounter=0;</script>

6. Cari kod di bawah

<data:commentPostedByMsg/>

7. Copy kod dibawah .

<span class='comm-num'>
<a expr:href='data:comment.url' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

8. Pastekan dibawahnya

9. Cari kod di bawah

</head>

10. Copy kod dibawah .

Note: Tukarkan yang dihighlight Contoh Background yang boleh korang gunakan dibawah ini

Note Tambahan : Klik Kanan pada salah satu image / icon diatas - Properties dan copy image address / image location

11. Pastekan diatasnya

12. Preview dan Save template .

Membuat Fungsi Refresh Secara Automatik Versi 2

2010-05-11T13:53:00.007+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana Membuat Fungsi Refresh Secara Automatik Versi 2 ,Sebelum ini Msue ade watkan tutorial membuat refresh secara automatik versi 1

1. Login ke Blogspot .

2. Klik Layout - Edit HTML ( tandakan pada kotak expand widget )

3. Cari kod dibawah (gunakan CTRL + F untuk memudahkan korang mencarinya)

<head>

3. Copy kod dibawah

Note : Pada highlight adalah masa refresh dalam bentuk saat , tukarkan mengikut kehendak korang .

4. Pastekan dibawahnya

5. Save dan Preview .

Menukar Reply To Comment Kepada Image

2010-05-11T13:07:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat reply to comment kepada image , jika korang belum buat , korang boleh tengok disini tutorial die . Membuat Reply To Comment

Sebelum Korang Ikut Tutorial ni..Pastikan korang dah buat Membuat Reply To Comment

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

[Reply to comment]

5. Gantikannya dengan kod dibawah ini

6. Preview dan Save template .

Text / Font Zoom In And Out

2010-05-10T08:57:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat text/font leh Zoom In dan Zoom Out DEMO

1. Login ke Blogspot .

2. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget )

3.Cari kod dibawah(gunakan CTRL + F untuk memudahkan korang mencarinya)

]]></b:skin>

4. Copy kod dibawah dan pastekan diatasnya .

/* resizeFont
*/
#resizeFont{
text-align:right;
margin-right:10px;
}

5. Cari kod dibawah

</head>

6. . Copy kod dibawah dan pastekan diatasnya .

7. Preview dan Save template jika tiada error .

Cara Untuk Memasukan Disidebar

1. Klik Layout - Add a Gadget Javascript / HTML

2. Copy kod di bawah

4. Pastekan kedalamnya

5. Save dan Preview

Sharebar Pada Blog Lebih Kemas

2010-05-09T11:59:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak pasang sharebar pada blog korang . kebaikan sharebar ini , ianya tidak mengganggu rungan blog korang sama ada sidebar ataupun ruangan post korang .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget )

3.Cari kod dibawah

</body>

4. Copy kod dibawah dan pastekan diatasnya .

5. Preview dan Save template jika tiada error .

Via - Jejak Trend

Membuat Kotak Kod / Kotak Scroll

2010-05-08T16:52:00.004+08:00

Asslamualaikum , petang ini Msue nak kongsi ngan korang bagaimana membuat kotak kod dan ia juga berfungsi menjadi kotak scroll untuk korang yang menulis artikel terlalu panjang , Memasang kotak ini menjanjikan kekemasan pada entry korang

1. Login ke Blogspot .

2. Klik Layout - Edit HTML (Tandakan pada kotak Expand widget )

3.Cari kod dibawah

]]></b:skin>

4. Copy kod dibawah dan pastekan diatasnya .

.code {
color: #333333;
border : 3px solid #666666;
padding : 5px 5px;
font-family : Verdana;
font-size : 8pt;
background-color : #dddddd;
width : 90%;
overflow : auto;
margin : 10px 0 10px 10px;
border-left : 20px solid #666666;
max-height : 300px;
line-height : 16px;
}
.code:hover {
background-color : #f3f3f3;
}

5. Preview dan Save template jika tiada error .

6. Sekarang pergi pula ke Settings - Formatting.

7.Korang masukkan kod di bawah ni kat dalam Post Template.

7. Save setting .

Membuat Search Sendiri

2010-05-08T12:17:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat search sendiri tanpa menggunakan search dari google

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget Javascript / HTML

3. Copy kod di bawah

4. Pastekan kedalamnya

Note: Tukarkan pada yang dihighlight .

5. Save dan Preview

Subscribe Feed Dropdown

2010-05-08T11:53:00.004+08:00

Assamualaikum , Pagi Sabtu ni Msue nak kongsi ngan korang sume bagaimana nak buat Subscribe Feed Dropdown. Kepada blogger yang ingin serba ringkas ,boleh menggunakan subbscribe feed dropdown ini .

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget Javascript / HTML

3. Copy kod di bawah .

<form><select class="dropdown" onchange="location = this.options[this.selectedIndex].value;"><option value="" selected="selected">Subscribe feed..</option><option value="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/MsueRoomz"> in Google Reader</option><option value="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/MsueRoomz"> inMy Yahoo!</option><option value="http://feeds.my.aol.com/add.jsp?url=http://feeds.feedburner.com/MsueRoomz"> inMy AOL</option><option value="http://www.bloglines.com/sub/http://feeds.feedburner.com/MsueRoomz"> inBloglines</option><option value="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/MsueRoomz"> inNetvibes</option><option value="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/MsueRoomz"> inNewsGator</option><option value="http://www.addthis.com/feed.php?pub=blogspot/MsueRoomz&h1=http%3A%2F%2Ffeeds2.feedburner.com%2Fblogspot/MsueRoomz&t1="> ..more Options</option></select></form>

4. Pastekan kedalamnya

Note: Tukarkan pada yang dihighlight .

5. Save dan Preview

Pasang Subscribe To Pada Bar

2010-05-08T11:08:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak pasang "Subscribe To" Pada Bar

1. Login ke Blogspot

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

]]></b:skin>

4. Copy kod dibawah .

#mta_bar {
background:#003366;
border-top: 3px solid #6699ff;
margin: 0;
padding: 7px 0;
z-index: 100;
bottom:0px;
right:0px;
width: 100%;
overflow: auto;
position: fixed;
}
* html #mta_bar{
/*IE6 hack*/
position: absolute;
width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
}
#mta_bar .left { float: left; text-align: center; font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #0000FF; width:92%;}
#mta_bar .right {font-family: Arial, Helvetica, sans-serif; float: right; text-align: center; font-weight: normal; font-size: 10px;letter-spacing: 0; width: 30px; white-space: nowrap;}
#mta_bar .right a {font-size: 10px; color: #0000FF; text-decoration: underline;}
#mta_bar .right a:hover {font-size: 10px; color: #0000FF; text-decoration: none;}
#left_bar a {background: url('http://img229.imageshack.us/img229/3826/icorsstransthumb1bj4.png?imgmax=800') no-repeat; text-decoration: none; color: #fff; padding:5px 0px 5px 30px;}
#left_bar a:hover { text-decoration: underline; color: #fff; }

5. Pastekan diatasnya

6. Cari kod di bawah

</head>

7. Copy kod dibawah .

8. Pastekan diatasnya

9. Cari kod di bawah

</body>

10. Copy kod dibawah

<div id='mta_bar'>
<div id='left_bar'><span class='left'><a href='ALAMAT FEED BURNER KORANG' target='_blank'>To Get Latest Update Subscribe Now !!!</a></span></div>
<span class='right' onmouseout='self.status=''' onmouseover='self.status='NAMA BLOG KORANG.blogspot.com.com';return true;'> <img align='absmiddle' border='0' onClick='closeTopAds();return false;' src='http://lh5.ggpht.com/_pt7i0nbIOCY/SRGg-N2bQ4I/AAAAAAAAAVE/pG-pTLXsMtc/close_thumb%5B1%5D.png?imgmax=800' style='cursor:hand;cursor:pointer;'/></span></div>

Note: Tukarkan pada yang dihighlight .

11. Pastekan diatasnya

12. Preview dan Save template .

Modified Kotak Subscribe Via Email

2010-05-07T15:02:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana modified kotak Subscribe Via Email

1. Login ke Blogspot .

2. Klik Layout - Edit HTML (tandakan pada kotak Expand widget)

4. Copy kod di bawah .

<form action="http://www.feedmyinbox.com/feeds/verify/" method="post" id="fmi" target="fmi" onsubmit="window.open('http://www.feedmyinbox.com/', 'fmi', 'scrollbars=yes,width=520,height=490');return true;">
Email Address: <input type="text" value="" name="email" />
<input type="hidden" value="http://feeds.feedburner.com/MsueRoomz" name="feed" />
<input type="submit" value="Submit" />
<p>Powered by <a href="http://www.feedmyinbox.com" title="Visit FeedMyInbox">Feed My Inbox</a></p>
</form>

4. Pastekan kedalamnya

Note: Pada highlight , tukarkan dengan URL Feedburner korang

5. Save dan Preview

Modified Google Translate Mengikut Citarasa Sendiri

2010-05-07T14:31:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Modified Google Translate Mengikut Citarasa Sendiri

1. Login ke Blogspot .

2. Klik Layout - Edit HTML (tandakan pada kotak expand widget)

3Cari kod di bawah ini (Gunakan CTRL+F untuk memudahkan korang mencarinya)

</body>

4. Copy kod di bawah .

//**mGm-codetranslate-start**//
<style type='text/css'>
.skiptranslate{
color:#DF0101;
}
.goog-te-gadget .goog-te-combo{
margin:-1px;
color:#DF0101;
border:5px solid #DF0101;
}
</style>
//**mGm-codetranslate-stop**//

Note :-
A. Highlight merah merupakan warna pada tulisan powered by

B. Highlight kuning merupakan warna font

C. Highlight ungu merupakan warna border dan ketebalannya

4. Pastekan diatasnya

5. Preview dan Save Template jika tiada error .

6. Klik Layout - Add a Gadget Javascript / HTML

7. Copy kod di bawah .

<div id="header-region" class="clear-block"></div>

<div id="wrapper">
<div id="header">
<div id="logo-floater">

</div>
<div id="search2"> </div>
<div id="translate">

<div id="google_translate_element"></div>
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<div id="contact"><div id="block-block-1" class="clear-block block block-block"></div></div></div></div>
<div id="clear"></div>

4. Pastekan kedalamnya

5. Save dan Preview

Pasang Share Artikel Dengan Menyembunyikan Buttonnya

2010-05-07T13:29:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Pasang Share Artikel Dengan Menyembunyikan Buttonnya pada setiap posting DEMO

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget Javascript / HTML

3Cari kod di bawah ini (Gunakan CTRL+F untuk memudahkan korang mencarinya)

4. Copy kod di bawah .

<a class="b-link" id="b-share-this" onclick="'window.open(" blogid="4293279416660240531" width="250," height="260," toolbar="no," menubar="no," scrollbars="no," resizable="no," location="no," directories="no," status="no" tabindex="5">Click For Share --> <img src="http://4.bp.blogspot.com/_ToollR7TtzE/S9P2b1IPKeI/AAAAAAAABCM/NnZwCKkmc4k/s1600/masterGOmaster.png" border="0" /></a>

Note: Pada highlight , tukarkan dengan Blog ID blog korang .

4. Pastekan dibawahnya

5. Preview dan Save Template jika tiada error .

HTML Color Code Finder

2010-05-07T11:02:00.002+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume satu software unuk mengesan kod warna HTML yang korang inginkan. Ia akan memberikan secara tepat kod warna yag korang inginkan . Ia ber fungsi apabila cursor dletakkan pada sesuatu image atau objek yang korang ingin tahu kod warnanya . Sofeware ini sangat berguna untuk korang tentukan warna dengan tepat . lagi - lagi kalau korang mengetid template dan menginginkn warna yamg menarik . Kalau koran minat , boleh download dibawah .

Award Yang Keenam Untuk MsueRooMz . . Alhamdulillah

2010-05-07T09:17:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume iaitu msue telah mendapat award yang ke enam dari insan yang sudi memberi award kepada msue . Insan yang msue maksudkan ialah Cik RoxiZai yang merupakan blogger dari Labuan . Apa - apa pun thankz kepada sume blogger dan thankz banyak - banyak kapada pemberi award yang ke enam ini yang sudi support blog Msue yang xseberapa ini .

Alhamdulillah..award yang kelima

2010-05-05T15:47:00.003+08:00

Assamualaikum , tengahari ni Msue nak kogsi kegembiraan ngan korang sume iaitu Msue dapat Award yagng kelima dari Cik Aida be@r-d0t yang leh dikatakan rapat ngan Msue . Jom same - same kita ziarah blog Cik Aida be@r-d0t yang kiut miut tu..Apa - apa pun thankz banyak - banyak buat Cik Aida be@r-d0t yang sentiasa menyokong Msue

Ban IP Address

2010-05-05T12:12:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Ban IP visitor yang mungkin korang xsuke kehadirannya .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

</head>

4. Pastu korang COPY kod di bawah ni

5. Pastekan diatasnya

Note: Pada highlight biru , korang tukarkan dengan IP ADDRESS yang korang nak Ban . Pada highlight merah , tukarkan dengan ayat korang sendiri .

6. Preview dan Save Template jika tiada error

Multi Link Dalam Sekali Klik

2010-05-05T02:00:00.001+08:00

Assalamualaikum sume kengkawan . Msue ingin berkongsi ngan korang sume bagaimana nak buat Multi Link Dengan Sekali Klik pada navigation bar .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

4. Tambahkan kod di bawah ini

onclick='window.open("YOUR_2nd_URL");

Note: Untuk lebih dari 2 link korang boleh tambahkan .

Contoh Penuh

Note: Higlight merah adalah kod multi link .Highlight biru adalah kod link di buka dengan window baru .

5. Preview dan Save Template .

Pasang Jumlah Post Dan Komen

2010-05-05T01:32:00.004+08:00

Macam mana korang nak tengok da bape banyak korang da post dan da bape banyak yang da komen korang.. Disini Msue nak kongsi ngan korang macam mana nak buat Jumlah Post Dan Komen

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget Javascript / HTML

3. Copy kod di bawah .

Note: Pada highlight , tukarkan dengan url blog korang .

4. Pastekan kedalamnya

5. Preview dan Save Template jika tiada error

Displaykan Seluruh Posting Di Sidebar

2010-05-04T13:13:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak displaykan sume post / artikel di sidebar

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget Javascript / HTML

3. Copy kod di bawah .

Note: Pada highlight , tukarkan dengan url blog korang .

4. Pastekan kedalamnya

5. Preview dan Save Template jika tiada error .

UNTUK TIDAK TERLALU PANJANG DI SIDEBAR KORANG LEH BUAT SCROLL DI SINI-->SCROLL

Membuat Scroll Pada Sidebar

2010-05-04T10:21:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat scroll pada sidebar

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

]]></b:skin>

4. Pastu korang COPY kod di bawah ni

#HTML1 .widget-content {
height: 200px;
overflow: auto;
}

Note: Pada highlight , korang tukarkan dengan ID WIDGET yang korang nak scroll tesebut .

5. Pastekan diatasnya

6. Preview dan Save Template jika tiada error .

CARA DAPATKAN WIDGET ID

1. Klik edit seperti gmbar dibawah.

2. Copy widget ID pada adressbar seperti contoh dibawah .

Ubah Ayat Post A Comment Dengan Ayat Sendiri

2010-05-04T00:30:00.001+08:00

Assalamualaikum , Msue Ingin berkongsi ngan korang bagaimana korang nak mengubah ayat Post A Comment pada ruangan komen korang

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

<data:postCommentMsg/>

4. Gantikan ngan ayat yang korang ingankan ..CONTOH seperti di bawah .

Tinggalkan Komen Korang

5. Atau kalau korang nak selitkan gambar bersama korang copy kod di bawah ini.

<img src='http://i921.photobucket.com/albums/ad54/nurulsue/love/emo-1-1.png'/>Tinggalkan Komen Korang

Note: Pada highlight merah korang boleh tukarkan ngan url image / gambar yang korang nak selitkan . Pada highlight biru korang tukarkan ngan ayat korang sendiri .

6. Preview dan Save Template jika tiada error .

Award Untuk kali Ke Empat..Alhamdulillah

2010-05-03T22:36:00.003+08:00

Assamualaikum salam tengah malam sume ,Msue nak kongsi ngan korang bahawa Msue dpt award lagi..kali nie dari en sasuke . Thankz banyak2..Ade jugak orang nak hargainye . .

Pasang Facebook Like Pada Blog

2010-05-02T16:24:00.009+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Pasang Facebook Like Pada Blog

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya

4. Copy kod dibawah .

5. Pastekan dibawahnya
6. Preview dan save template

Template Blogger Ala Facebook

2010-05-02T15:54:00.007+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume template blogger ala facebook

Untuk Menampilkan Avatar Pada Ruangan Komen template Facebook.

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya

4. Padamkannya

5. Cari kod dibawah .

6. Gantikan dengan kod dibawah .

7. Cari kod dibawah .

8. Dah jumpa , korang pastekan kod dibawah nie diatas kod tersebut

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

9. Preview dan save template

Animation Navbar

2010-05-02T15:23:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat animatian navbar . Demo lihat pada navbar msueroomz

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya

</head>

4. Copy kod dibawah .

5. Pastekan diatsnya

6. Preview dan Save template .

Cantikkan Comment Form

2010-05-01T13:01:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Cantikkan Comment Form

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod pada bahagian CSS di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

/* Comments
----------------------------------------------- */

4. Copy kod dibawah .

.comment-form{background:#E8F5FC; border:2px solid #ff0000; margin:5px 10px 10px 5px; padding:5px 0 0 10px; -moz-border-radius:0px; -webkit-border-radius:0px}

Note:Pada highlight , tukarkan mengikut citarasa korang .

Note Tambahan: Pastikan Komen Korang Bukan Dalam Bentuk Popup , Jika Dalam Bentuk Popup Memag Xkan Jadi.

5. Pastekan dibawahnya

6. Preview dan Save template .

Tukar Logon Background Window Seven

2010-04-28T13:21:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Tukar Logon Background pada Window Seven . Download aplikasi dibawah .

Cara untuk menggunakannya .

1. Klik Change Logon Screen

2. Pilih background yang korang nak

3. Klik Open

4. Klik Test

5. Siap

Note: Kalau ade naik error mengatakan 245KB file size limit , korang klik ok.die akan resize secara automatik.

Hilangkan Duplicate Content Pada Serp

2010-04-28T11:46:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Hilangkan Duplicate Content Pada Serp . Duplicate Content Pada Serp atau postingan sama pada SERP google akibat dari membuat posting yang sama pada beberapa blog, akibat pindah domain, atau apalah faktor yang menjadi masalah yang mengakibatkan Duplicate Content pada Serp, yang mungkin akibat daripada copy paste beberapa blo atau website .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

<b:if cond="data:post.title">
<h3 class="post-title entry-title">
<b:if cond="data:post.link">
<a href="data:post.link"><data:post.title></data:post.title></a>
<b:else>
<b:if cond="data:post.url">
<a href="data:post.url"><data:post.title></data:post.title></a>
<b:else>
<data:post.title>
</data:post.title>
</b:else>
</b:if></b:else></b:if></h3>
</b:if>

4. Tambahkan kod di bawah

Contoh

<b:if cond="data:post.title">
<h3 class="post-title entry-title">
<b:if cond="data:post.link">
<a href="data:post.link"><data:post.title></data:post.title></a>
<b:else>
<b:if cond="data:post.url">
<a href="data:post.url"><data:post.title></data:post.title></a>
<link href="data:post.url" rel="canonical">
<b:else>
<data:post.title>
</data:post.title>
</b:else>
</b:if></b:else></b:if></h3>
</b:if>

7. Preview dan Save template .

Senarai Serial Number

2010-04-27T12:01:00.004+08:00

Assamualaikum ,disini Msue ade senarai Serial Number sesuatu aplikasi yang kengkadang tidak disenaraikan sekali semasa korang download sesuatu aplikasi tersebut , Jika korang berminat boleh download senarai Serial Number dibawah

My Design Template 2

2010-04-27T10:21:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume template My Design Template 2 DEMO

My Design Template

2010-04-27T10:09:00.003+08:00

Assamualaikum , Msue nak kongsi ngan korang sume template yang agak menarik iaitu My Design Template DEMO

Wista Blogger Template

2010-04-27T10:01:00.003+08:00

Assamualaikum , Msue nak kongsi Template ala - ala window vista iaitu Wista Blogger Template DEMO

ZinePress Blogger Template

2010-04-27T09:48:00.003+08:00

Assamualaikum ,Kali ni Msue nak kongsi lagi ngan korang sume ZinePress Blogger Template DEMO Berminat leh download dibawah .

Zengard Template

2010-04-27T09:34:00.005+08:00

Assamualaikum , pagi ni Msue nak kongsi banyak template yang menarik untuk korang sume . Kali ni Msue nak kongsi Zengard Template DEMO

Simple X Photogallery Blogger Template

2010-04-27T09:23:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume template untuk korang yang lebih kepada photo iaitu Simple X Photogallery. Template ni sangat sesuai.Berminat , download dibawah . DEMO

Blogger's Adventure Blogger Template

2010-04-27T09:14:00.008+08:00

Assamualaikum , Msue nak kongsi template ngan korang iaitu Blogger's Adventure DEMO

Proximus Blogger Template

2010-04-27T09:02:00.005+08:00

Assamualaikum , Msue nak kongsi ngan korang sume satu template , iaitu Proximus Blogger Kalau Korang minat leh download dibawah

Menyembunyikan Widget

2010-04-26T09:14:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak sembunyikan sesuatu widget pada homepage atau di bahagian entri sahaja

Contoh Follower Yang Muncul Pada Homepage Sahaja(Laman utama) Dan Disembunyikan Pada Halaman Post

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Item Yang Hendak Disembunyi Pada Homepage
</b:if>

<b:widget id='HTML1' locked='false' title='Follower' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Contoh Follower Yang Muncul Pada Halaman Post Sahaja(Page Entry) Dan Disembunyikan Pada Halaman Utama(Homepage)

<b:if cond='data:blog.pageType == "item"'>
Item Yang Hendak Disembunyi Pada Homepage
</b:if>

<b:widget id='HTML1' locked='false' title='Follower' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:blog.pageType == "item"'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

E - Kamus Online 5.02

2010-04-25T10:37:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume satu software yang berguna , lebih - lebih lagi student macam Msue ni ianya adalah E - Kamus Online 5.02

21 Guns - Greenday Feat Amer

2010-04-24T10:46:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume satu lagu yang sedap didengar muzik die ,dan Msue pun menyukainya . Jika Korang Berminat boleh download dibawah .

Membuat Efek Gambar Dari Mouseover

2010-04-24T09:52:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat efek gambar dari mouseover .

CONTOH

Gambar Akan Jadi Terang Apabila Mouse Diletakkan Pada Gambar

CONTOH

Gambar Akan Jadi Kabur Apabila Mouse Diletakkan Pada Gambar

Jika Mahu Secara Automatik Setiap Gambar Pada Post

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah (Gunakan CTRL + F untuk memudahkan korang mencarinya)

.post img{
}

.post img:hover{
}

4. Gantikan dengan kod dibawah

.post img{opacity:1;filter:alpha(opacity=1); this.style.opacity=6}

.post img:hover{opacity:.5;filter:alpha(opacity=100); this.style.opacity=1}

5. Preview dan Save template

Winamp 5.56

2010-04-23T14:06:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume software Winamp 5.56 Build 2512 Precracked + Silent .Jika berminat , korang boleh download dibawah .

Cantikkan Subscribe Section Di Blog

2010-04-23T12:02:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak Cantikkan Subscribe Section Di Blog.

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah (Gunakan CTRL + F untuk memudahkan korang mencarinya)

</head>

4. Copy kod di bawah

Note : Pada higlight , tukarkannya mengikut citarasa korang

5. Pastekan diatasnya

6. Preview dan Save template

7. Klik Layout - Add a Gadget - Javascript / HTML

8. Copy kod di bawah

<div id="hsection">
<div id="sectionmy">
<div class="sectionmy2">

<h2 class="subscription rss"><a href="YOUR-RSS-FEED-URL">SUBSCRIBE VIA RSS</a></h2>

<h2 class="subscription email"><a href="YOUR-FEEDBURNER-EMAIL-SUBSCRIPTION-URL">SUBSCRIBE VIA EMAIL</a></h2>

<h2 class="subscription twitter"><a href="YOUR-TWITTER-URL">FOLLOW ON TWITTER</a></h2>

</div></div>
</div>

Note : Pada higlight , tukarkannya .

9. Pastekan kedalamnya

10. Save dan Preview .

Mozila FireFox KeyBoard Shortcuts

2010-04-23T10:19:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume

COMMAND NAVIGATION	SHOTCUT
Back	AltOpt + Left Arrow
Foward	AltOpt + Right Arrow
Home	AltOpt + Home
Open File	Ctrl + O
Refresh	F5
Stop	Esc

CURRENT PAGE	SHOTCUT
Go to Bottom of Page	End
Go to Top of Page	Home
Move to Next Frame	Shift + F6
Move to Previous Frame	Shift + F6
Page Source	Ctrl + U
Print	Ctrl + P
Save Page As	Ctrl + S
Zoom In	Ctrl + +
Zoom Out	Ctrl + -
Zoom Reset	Ctrl + 0

Editing	SHOTCUT
Copy	Ctrl + C
Cut	Ctrl + X
Delete	Delate
Paste	Ctrl + V
Redo	Ctrl + Y
Select All	Ctrl + A
Undo	Ctrl + S

SEARCH	SHOTCUT
Find	Ctrl + F
Find Again	Ctrl + G
Find As You Type Link	'
Find As You Type Text	/
Find Previous	Shift + F3
Web Search	Ctrl + K

TOOL	SHOTCUT
Bookmark All Tabs	Ctrl + Shift + D
Bookmark This Page	Ctrl + D
Bookmarks	Ctrl + I
Caret Browsing	/
Downloads	Ctrl + J
History	Ctrl + H
Clear Private Data	Ctrl + Shift + Del
Error Console	Ctrl + Shift + J

MISCELLANEOUS	SHOTCUT
Complete .com Address	Ctrl + Enter
Complete .net Address	Shift + Enter
Complete .org Address	Ctrl + Shift + Enter
Delete Selected Autocomplete Entry	Del
Full Screen	F11
Select Location Bar	Alt + D

Remove Commentators Profiles / Sites URLs Blogger

2010-04-23T09:42:00.002+08:00

Assamualaikum , Apabila seseorang blogger meniggalkan komen di blog korang , secara automatik website atau profile url pengomen tersebut akan tersedia sekali . Jika korang xsuke atau hendak menghentikannya , disini Msue nak kongsi ngan korang sume bagaimana nak Remove Commentators Profiles / Sites URLs Blogger .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>

3. Gantikan dengan kod dibawah ini .

<data:comment.author/>

4. Preview dan Save template .

Page Navigation Pada Bawah Blog

2010-04-22T15:24:00.002+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat page navigation pada bawah blog.

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

]]></b:skin>

4. Copy kod di bawah

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(http://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(ttp://4.bp.blogspot.com/__hqk0jmhlcE/Sy3y4FwkDMI/AAAAAAAAADc/K5VSdixsvmc/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

5. Pastekan diatasnya

6. Cari kod di bawah

</body>

7. Copy kod di bawah

8. Pastekan diatasnya

9. Cari kod di bawah

'data:label.url'

10. Gantikan dengan kod dibawah ini .

'data:label.url + "?&max-results=7"'

Note: Pada highlight merah korang boleh tukarkan mengikut jumlah post pada muka depan blog korang .

11. Preview dan Save template .

Screenshoot Creator Free

2010-04-22T14:59:00.004+08:00

Assamualaikum , Msue nak kongsi ngan korang petang ni satu software screenshoot atau print screen . Kalu xpayah lagi susah - susah cari yang percuma . Disini Msue sediakan untuk korang , Jika korang berminat , korang leh download dibawah ini .

Membuat Tab menu / Navigation Bar Dengan CSS Tab Designer

2010-04-22T14:38:00.004+08:00

Assamualaikum , Msue nak kongsi ngan korang bagaimana nak buat tab menu dengan mudah dan cantik menggunakan perisian CSS Tab Designer. Kalau korang berminat korang boleh download dibawah .

Via - NescafeAis

Google Chrome Free

2010-04-22T14:29:00.001+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume browser Google Chrome . Jika korang berminat boleh la download dibawah .

Photoscape Full Version

2010-04-22T13:37:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume tengahari ni software Photoscape . Ia lebih digunakan untuk korang mengedit gambar ,membuat gif , combine gmbar dan macam-macam lagi . Kalau orang minat ,boleh download dibawah .

Trick Turn Off Computer Secara Automatik Menggunakan Aimp2 Player

2010-04-22T12:00:00.010+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana cara nak Trick Turn Off Computer Secara Automatik Menggunakan Aimp2 Player . Aimp2 Player juga berperanan memainkan muzik dan juga radio , ia juga ade pelbagai skin yang boleh kita tukar dan juga amplifire dan sound die memang lebih sedap didengar berbanding Window Media Player . Kesan bunyinya lebih jelas dan padat .

1. Klik Aimp2 Player

2. Run / intall pada komputer korang

Untuk Turn Off Computer Secara Automatik

1. Klik mengikut gambar dibawah .

Text Area Auto Highlight on Mouse Over

2010-04-22T11:22:00.005+08:00

Assamualaikum , Msue nak kongsi ngan korang sume bagaimana nak buat text area. Halakan Mouse korang pada kotak dibawah

1. Copy kod di bawah

<textarea rows="5" cols="15" onfocus="this.select()" onmouseover="this.focus()" style="display: inline;" name="txt" onclick="this.focus();this.select()">

ENTER YOUR CONTENT HERE

</textarea>

2. Pastekan samaada di ruangan post atau si sidebar .

Cara Tukar Domain CO.CC Atau CZ.CC

2010-04-19T13:20:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak tukar domain CO.CC Atau CZ.CC .

1. Pergi ke website CO.CC jika korang nak tukarkan kepada domain tersebut atau CZ.CC jika korang nak tukarkan kepada domain tersebut .

2. Buat satu domain mengikut citarasa korang samaada CO.CC atau CZ.CC

3. Apabila sudah siap mengikuti langkah - langkah di website tersebut , sekarang msue nak tunjukkan cara nak setup domain yang korang register tadi di blogspot pula .

CARA SETUP DI BLOGSPOT

1. Login ke Blogspot .

2. Klik Layout - Setting - Publishing

3. Klik Custom domain seperti gambar dibawah

4. Klik Switch to advanced settings seperti gambar dibawah

5. Masukkan URL DOMAIN BARU KORANG SAMAADA CO.CC atau CZ.CC seperti gambar dibawah

5. Klik Save Setting

NOTE: Proses setup untukk domain ni ambil masa selama 48jam. Jadi korang perlu bersabar dahulu sebelum boleh guna domain CO.CC atau CZ.CC. Tapi selalunya xsampai 48 jam dah siap dah setup .

Sub Navigation Bar / Menu Bar

2010-04-18T12:29:00.003+08:00

Assamualaikum , Msue nak kongsi ngan korang sume bagaimana nak buat Sub Navigation Bar / Menu Bar .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kodseumpama dibawah atau yang berkaitan dengan header .

/* Header
----------------------------------------------- */

4. Copy kod dibawah ini

#NavbarMenu{
background:#3366CC;
width:950px;
height:40px;
color:#3366CC;
margin:0 auto;
padding:0;
font-family:Verdana;
font-weight:bold;
text-decoration:none
}

#NavbarMenuleft{
width:950px;
float:$startSide;
margin:0;
padding:0;
text-decoration:none
}

#nav{
margin:0;
padding-top:3px;
padding-left:3px
}

#nav ul{
float:$startSide;
list-style:none;
margin:0;
padding:0;
text-decoration:none;
}

#nav li{
list-style:none;
margin:0;
padding:0;
text-decoration:none;
}

#nav li a, #nav li a:link, #nav li a:visited{
color:#FFFFFF;
display:block;
text-transform:uppercase;
margin-left:0;
padding:9px 15px 8px;
font-familyVerdana;
text-decoration:none;
}

#nav li a:hover, #nav li a:active{
background:#6699ff;
color:#FF0000;
margin:0;
padding:9px 15px 8px;
text-decoration:none;
}

#nav li li a, #nav li li a:link, #nav li li a:visited{
background:#3366CC;
width:150px;
color:#FFFFFF;
text-transform:lowercase;
float:none;
margin:0;
padding:7px 10px;
border-bottom:1px solid #6699ff;
border-left:1px solid #6699ff;
border-right:1px solid #6699ff;
font-family:Verdana;
text-decoration:none;
}

#nav li li a:hover, #nav li li a:active{
background:#6699ff;
color:#FF0000;
padding:7px 10px;
text-decoration:none;
}

#nav li{
float:$startSide;
padding:0;
text-decoration:none;
}

#nav li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin:0;
padding:0;
text-decoration:none;
}

#nav li ul a{
width:140px;
text-decoration:none;
}

#nav li ul ul{
margin:-32px 0 0 171px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul;
{
left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{
left:auto;
}

#nav li:hover, #nav li.sfhover{
position:static;
}

4. Pastekan di akhir content header

5. Cari kod dibawah ini

6. Copy kod dibawah ini

<div id='NavbarMenu'>
<div id='NavbarMenuleft'><script type='text/javascript'>
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>

<ul id='nav'>
<li><a href='http://msueroomz.blogspot.com/'>HOME</a></li>
<li><a href='http://msueroomz.blogspot.com/' target='_blank'>ABOUT ME</a></li>

<li><a href='#'>MENU A</a>
<ul><li><a href='http://URL SUB MENU A1' target='_blank'>SUB MENU A1</a></li>
<li><a href='http://URL SUB MENU A2' target='_blank'>SUB MENU A2</a></li>
<li><a href='http://URL SUB MENU A3' target='_blank'>SUB MENU A3</a></li>
<li><a href='http://URL SUB MENU A4' target='_blank'>SUB MENU A4</a></li>
<li><a href='http://URL SUB MENU A5' target='_blank'>SUB MENU A5</a></li>
</ul>
</li>

<li><a href='#'>MENU B</a>
<ul><li><a href='http://URL SUB MENU B1' target='_blank'>SUB MENU B1</a></li>
<li><a href='http://URL SUB MENU B2' target='_blank'>SUB MENU B2</a></li>
<li><a href='http://URL SUB MENU B3' target='_blank'>SUB MENU B3</a></li>
<li><a href='http://URL SUB MENU B4' target='_blank'>SUB MENU B4</a></li>
<li><a href='http://URL SUB MENU B5' target='_blank'>SUB MENU B5</a></li>
</ul>
</li>

<li><a href='#'>MENU C</a>
<ul><li><a href='http://URL SUB MENU C1' target='_blank'>SUB MENU C1</a></li>
<li><a href='http://URL SUB MENU C2' target='_blank'>SUB MENU C2</a></li>
<li><a href='http://URL SUB MENU C3' target='_blank'>SUB MENU C3</a></li>
<li><a href='http://URL SUB MENU C4' target='_blank'>SUB MENU C4</a></li>
<li><a href='http://URL SUB MENU C5' target='_blank'>SUB MENU C5</a></li>
</ul>
</li>

<li><a href='#'>MENU D</a>
<ul><li><a href='http://URL SUB MENU D1' target='_blank'>SUB MENU D1</a></li>
<li><a href='http://URL SUB MENU D2' target='_blank'>SUB MENU D2</a></li>
<li><a href='http://URL SUB MENU D3' target='_blank'>SUB MENU D3</a></li>
<li><a href='http://URL SUB MENU D4' target='_blank'>SUB MENU D4</a></li>
<li><a href='http://URL SUB MENU D5' target='_blank'>SUB MENU D5</a></li>
</ul>
</li>

</ul>
</div>
</div>

Note: Tukarkan yang dihighlight .

7. Pastekan diatasnya

8. Preview dan Save template .

Membuat Facebook Share

2010-04-17T13:14:00.006+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat Facebook Share . Ia juga dapat meningkatkan pengunjung blog korang .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

3. Untuk di Title Post cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

Untuk Dibawah Post Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

<data:post.body/>

4. Copy kod dibawah

<a href='http://www.facebook.com/sharer.php' name='fb_share' type='button_count'>KongsiDenganKawanYea</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>

5. Pastekan dibawah salah satu kod yang korang cari tadi samaada hendak dibawah title post atau dibawah post .

6. Preview dan Save template .

Mengubah Nama Author Kepada Image Atau Signature

2010-04-16T11:47:00.003+08:00

Assamualaikum , Msue nak kongsi ngan korang sume Mengubah Nama Author Kepada Image Atau Signature .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

4. Pada yang dihiglight , tukarkan dengan kod dibawah .

Note: Pada highlight URL IMAGE ATAU URL SIGNATURE ,korang gantikan dengan url image atau url signature yang korang suka .

5. Preview dan Save template .

DropDown Link Dibuka Dalam Bentuk Popup

2010-04-16T11:15:00.003+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat dropdown link dibuka dalam bentuk popup . Tutorial ni dibuat diatas pertanyaan Hazzy Ishak.

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget - Javascript / HTML

3. Copy kod di bawah

<form action="../">
<select name="myDestination"
onchange="this.form.NAMA UNIK.value++;
ob=this.form.myDestination;
window.open(ob.options[ob.selectedIndex].value
,'Window_Name'+this.form.NAMA UNIK.value,
'toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=400,height=300')">
<option>SILA PILIH LINK</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.msueroomz.blogspot.com/">MSUEROOMZ</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://www.twitter.com/">TWITTER</option>
</select>
<input name="NAMA UNIK" type="HIDDEN" value="1">
</form>

Note : Pada highlight NAMA UNIK korang tukarkan dengan nama pape , pastikan ketiga - tiga nama unik pada dropdown adalah sama dan tidak sama dengan dropdown yang seterusnya ,jika korang hendak buat lebig dari satu dropdown .

Pada highlight biru korang tukarkan yang bersesuaian mengikut kehendak korang

4. Pastekan kedalamnya

5. Save dan Preview .

Membuat Popup Window Manual

2010-04-16T09:54:00.004+08:00

Assamualaikum , Pagi ni Msue nak kongsi ngan korang sume bagaimana nak buat popup window secara manual .

1. Login ke Blogspot .

2. Klik Layout - Add a Gadget - Javascript / HTML

3. Copy kod di bawah

Highlight merah korang tukarkannya

4. Pastekan kedalamnya

Note: Tutorial ni Msue buat pada sidebar . korang boleh buat pada tempat lain juga .

5. Save dan Preview .

Displaykan Kod Warna HTML Pada Blog

2010-04-16T09:36:00.005+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak displaykan kod warna HTML pada blog .

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

</head>

4. Copy kod dibawah ini

5. Pastekan diatasnya

6. Preview dan Save template

7. Klik Layout - Add a Gadget - Javascript / HTML

8. Copy koddibawah ini.

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table width="375" align="center" border="0" cellpadding="0" cellspacing="1"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" width="24" height="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>

9. Pastekan kedalamnya

10. Save dan Preview .

Via - Ical

Make Ads Boxs 125 X 125

2010-04-14T11:02:00.001+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak membuat kotak iklan 125 X 125 pada bawah header iaitu pada bawah title blog . Tutorial ini dibuat diatas pertanyaan Cik ecar182

1. Login ke Blogspot .

2. Klik Layout - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .

]]></b:skin>

4. Copy kod dibawah ini

/* Kotak Banner
===================== */
#Box-Banner-ads {
margin: 0px;
padding: 5px;
text-align: center; }

#Box-Banner-ads img {
margin: 0px -5px 4px 0px;
padding: 3px;
text-align: center;
border: 3px outset #c0c0c0; }

#Box-Banner-ads img:hover {
margin: 0px -5px 4px 0px;
padding: 3px;
text-align: center;
border: 3px inset #333; }

5. Cari kod dibawah ini pula

6. Copy kod dibawah ini

7. Pastekan diatasnya

Note :Untuk memasukkan iklan :- Pada highlight merah tukarkan dengan URL website untuk iklan tesebut . Highlight biru , tukarkan dengan URL IMAGE IKLAN 125 X 125 .

8.Jika korang nak tambah kotak lagi , korang tambahkan kod dibawah ini pada (no 6)

9. Preview dan Save template .

Membuat Signature

2010-04-14T11:00:00.004+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat signature . Tutorial ni dibuat diatas pertanyaan Kak Ani

1. Pergi ke website Signature dan cipta signture korang disitu .

2. Klik seperti image dibawah

3. Pilih Using the creation wizard seperti image dibawah .

4. Masukkan nama yang korang nak buat signature seperti image dibawah dan klik Next Step

5. Pilih jenis font signature dan klik Next Step

6. Pilih size font signature dan klik Next Step

7. Pilih warna signature dan klik Next Step

8. Pilih stail kecondongan signature dan klik Next Step

9. Ok . Signature korang sudah siap

10. Klik kanan dan pilih properties

11. Copy Url image signture tersebut

CARA NAK MASUKKAN KEDALAM BLOG DAN AKAN ADE SECARA AUTOMATIK PADA RUANGAN POST

1. Login ke Blogspot .

2. Klik Setting - Formatting

3. Cari Post Template seperti image dibawah

4. Copy kod dibawah dan pastekan kedalam post template tersebut .

5. Pada highlight , gantikan dengan URL IMAGE SIGNATURE yang korang copy di website signature tadi pada ( step no 11 ).

6. Save Setting

Facebook Chat Pada Blog

2010-04-10T14:17:00.007+08:00

Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat facebook chat pada blog.

Klik sini dan bookmark Facebook Chat Box

Copy kod di bawah dan pastekan kedalamnya . Korang boleh paste di sidebar ataupun di bahagian post .

Via - JejakTrend

.:::. MSue RoomZ .:::.

Cara Pasang Top Pengomen Berawan

Cara Meletakkan Iklan Di Sebelah Kiri / Kanan Post

Semudah Alif Ba Ta Menukar Favicon

Cara Memasang Page Views Counter Pada Post

Membina Latar Belakang Berbeza Disetiap Posting/Artikel

Cara Memindahkan Blog Lama Ke Blog Baru

Cara Memasang Link Direct To This Post Pada Bawah Post Blog

Pasang Page Peel Di Blog Anda

Semudah ABC Membina Right Header

Membina Reply Pada Komen

Memasang Komen Facebook Ke Dalam Blog Post

Memasang Feautured Post Slideshow Pada Blog Anda

Memasang Page Navigation Google Pada Blog Anda

Cuztomize Twitter Update Mengikut Citarasa Anda

Pasangkan Related Post With Thumbnail Bergerak Di Blog Anda

Membina Hide/Show Element

Membina Label Cloud Dengan Cara Mudah

Horizon Sub Navigation Versi 2 Yang Lebih Cool

Membuat Fancy Image Hover

Membuat Fancy Navigation

Pesanan Pada Bawah Title Posting Dengan Bersama Title Posting

Cara Mudah Dapatkan IP Address Sesuatu Blog

Membuat Nombor Pada Komen Dengan Icon / Image

Membuat Fungsi Refresh Secara Automatik Versi 2

Menukar Reply To Comment Kepada Image

Text / Font Zoom In And Out

Sharebar Pada Blog Lebih Kemas

Membuat Kotak Kod / Kotak Scroll

Membuat Search Sendiri

Subscribe Feed Dropdown

Pasang Subscribe To Pada Bar

Modified Kotak Subscribe Via Email

Modified Google Translate Mengikut Citarasa Sendiri

Pasang Share Artikel Dengan Menyembunyikan Buttonnya

HTML Color Code Finder

Award Yang Keenam Untuk MsueRooMz . . Alhamdulillah

Alhamdulillah..award yang kelima

Ban IP Address

Multi Link Dalam Sekali Klik

Pasang Jumlah Post Dan Komen

Displaykan Seluruh Posting Di Sidebar

Recent Comments Beserta Sedikit Sinopsis

Membuat Scroll Pada Sidebar

Ubah Ayat Post A Comment Dengan Ayat Sendiri

Award Untuk kali Ke Empat..Alhamdulillah

Pasang Facebook Like Pada Blog

Template Blogger Ala Facebook

Animation Navbar

Cantikkan Comment Form

Tukar Logon Background Window Seven

Hilangkan Duplicate Content Pada Serp

Senarai Serial Number

My Design Template 2

My Design Template

Wista Blogger Template

ZinePress Blogger Template

Zengard Template

Simple X Photogallery Blogger Template

Blogger's Adventure Blogger Template

Proximus Blogger Template

Menyembunyikan Widget

E - Kamus Online 5.02

21 Guns - Greenday Feat Amer

Membuat Efek Gambar Dari Mouseover

Winamp 5.56

Cantikkan Subscribe Section Di Blog

Mozila FireFox KeyBoard Shortcuts

Remove Commentators Profiles / Sites URLs Blogger

Page Navigation Pada Bawah Blog

Screenshoot Creator Free

Membuat Tab menu / Navigation Bar Dengan CSS Tab Designer

Google Chrome Free

Photoscape Full Version

Trick Turn Off Computer Secara Automatik Menggunakan Aimp2 Player

Text Area Auto Highlight on Mouse Over

Cara Tukar Domain CO.CC Atau CZ.CC

Sub Navigation Bar / Menu Bar

Membuat Facebook Share

Mengubah Nama Author Kepada Image Atau Signature