Powered by Jasper Roberts - Blog
Showing posts with label Blog Tutorial. Show all posts
Showing posts with label Blog Tutorial. Show all posts

Tutorial Cara Letak Backgroud Di Posting

19 comments

click to zoom

Hai all..bertemu kembali pada tutorial berikutnya.Hari ini koz akan berkongsi dengan korang cara hendak meletakkan backgroud/gambar di belakang posting korang.Cara membuatnya amat mudah, anda hanya perlu mengikuti langkah-langkah di bawah.

Copy dan paste code di bawah di ruangan posting korang

<div style="background:url(http://img818.imageshack.us/img818/5592/backgroud.png); width:500px; height:400px; padding:5px;">

Tulisan Di Sini

</div>


Kemudian ubah dan ganti pada code berwarna merah pada gambar yang korang suka,pada code berwarna biru gantikan saiz yang di inginkan dan yang terakhir pada code berwarna hijau,letak ayat yang korang inginkan.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Widget Tulisan Terbalik Di Blog (Flip Text)

6 comments

click to zoom

Hai all..Camat kembali ke tutorial berikutnya.Hari ini koz akan mengajar korang cara bagaimana hendak membuat widget tulisan terbalik atau lebih sesuai di sebut sebagai flip text.Kegunaan widget ini adalah untuk mengedit tulisan yang di convert menjadi terbalik dalam kedudukan kebawah, lebih kurang jadi macam shadow gambar la.Sebagai contoh:-

Tulisan Asal:-
Tutorial...( Cara Buat Widget Tulisan Terbalik Di Blog(Flip Text))

Tulisan selepas di covertkan:-
((ʇxǝʇ dılɟ)ƃolq ıp ʞılɐqɹǝʇ uɐsılnʇ ʇǝƃpıʍ ʇɐnq ɐɹɐɔ )˙˙˙lɐıɹoʇnʇ

Macam mana?rasa-rasa teringin tak nak letak dekat blog korang.Kalau nak ikuti langkah-langkah di bawah...

Langkah 1

Log in blog>Dashboard>Posting>Edit Page>New Page>Edit HTML

Atau

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian copy dan paste code di bawah

<center><style type="text/css">
textarea { font-family: "Arial Unicode MS", terbalik }
</style>
<script language="JavaScript">
function flip() {
var result = flipString(document.f.original.value.toLowerCase());
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i >= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
//l : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>


<h1>Membuat Tulisan Terbalik</h1>
<form name="f">
Tulisan Asli: <br />
<textarea rows="6" cols="50" name="original" onkeyup="flip()"></textarea>
<br />
Tulisan Terbalik: <br />
<textarea rows="6" cols="50" name="flipped"></textarea>
</form>
Design by <a href="http://kozumiro.blogspot.com/">Budak Nakal^^</a></center>


Save dan lihat hasilnya...


Contoh hasilnya seperti berikut:-








Membuat Tulisan Terbalik

Tulisan Asli:




Tulisan Terbalik:

Design by Budak Nakal^^


camat mencuba...

Tutorial Cara Buat Widget Populer Post

17 comments

click to zoom

Hai all...hari ini koz akan ajar korang cara buat widget populer post.Widget ini akan memaparkan artikel/posting yang paling populer yang ada di dalam blog korang.Jadi kalau nak buat,ikuti cara-caranya.

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah ini

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1db0519c1a1484330328c8c455a513c7&url=http%3A%2F%2FNamaBlog.blogspot.com&num=10" type="text/javascript"></script>

Pada code berwarna merah gantikan nama blog korang
Pada code berwarna biru tetapkan jumlah posting yang ingin di tampirkan

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Menyemak Bilangan BackLinks

6 comments

click to zoom

Hai all...hari ini koz akan berkongsi dengan korang cara bagaimana hendak mengetahui bilangan backlink yang ada pada web atau blog korang.Apa yang di maksudkan dengan backlink?

Backlink adalah link web atau blog yang disimpan di website orang lain.Backlink adalah bende yang paling penting kapada Google iaitu sebagai mesin pencari terbesar di dunia. Jumlah backlink merupakan salah satu senjata utama kepada pemilik web atau blog kerana manfaat yang akan di perolehi apabila memiliki backlink yang banyak dapat menetapkan web atau blog berada pada 20 link web atau blog yang terbaik semasa search engine di lakukan.Semakin banyak web atau blog dibuka pengunjung di dalam search engine google semakin cepat web atau blog tersebut mendapat peningkatan pada pagerank.Backlink juga dapat di lakukan dengan cara berkongsi link antara satu sama lain di dalam dunia web atau blog sebagai contoh perkongsian dengan cara "exchange Link".Dengan cara ini proses backlink akan berlaku dengan cepat dan ini akan memudahkan link web atau blog di kesan dalam proses search engin apabila di lakukan.

Berapa banyakkah backlink yang ada pada web atau blog anda?Jika ingintahu,
korang boleh semak pada ruangan yang berada di bawah.Masukkan link web atau blog korang dab klik pada button check!






Your domain:


(eg. iwebtool.com)



Powered by iWEBTOOL

Tutorial Cara Buat Disable Right Click

17 comments

click to zoom

Hai all...next tutorial pada kali ini koz akan ajar korang cara buat Disable Right Click di blog korang.Kegunaannya adalah untuk menghalang artikel atau gambar yang berada di blog korang tidak boleh di ambil oleh pengunjung.Cara nak membuatnya adalah seperti berikut:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<script>
var message="Amaran!!Artikel ini tidak boleh di copy!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

Pada code berwarna merah anda boleh ubah atau ganti ikut ayat kesukaan korang

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Meta-tags Redirect URL di blog Part 3

6 comments

click to zoom

Hai all...hari ini koz nak ajar lagi dalam bab-bab meta tag.Dah masuk Part ke tiga pula tutorial tentang meta tag ini.Kalau ada yang ketinggalan korang boleh lihat di sini:-


Kali ini koz akan ajar korang cara buat meta tag jenis Redirect URL.Kegunaan meta tag ini adalah untuk mengarahkan atau memindahkan alamat blog yang lama ke alamat blog yang baru.Sebagai contoh jika korang memiliki satu laman yang lama dan satu laman yang baru,jadi korang pasti menyayangi pengunjung laman lama anda.Cara terbaik untuk memberitahu atau cara termudah untuk menarik pengunjung ke laman baru anda adalah dengan cara meletakkan Redirect URL,dengan mengunakan Redirect URL,para pengunjung secara automatik akan di bawa ke laman baru anda tanpa membuat apa-apa...Sudah paham?okey mari kita mulakan...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Copy dan paste code di bawah ini betul-betul di bawah code <head>

<meta name="robots" content="noindex" />
<script type="text/javascript"><!--//--><![CDATA[//><!--
var url = "http://NamaBlogBaru.blogspot.com"
(document.images) ? location.replace(url) : location.href = url;
//--><!]]></script>
<meta http-equiv="refresh" content="0;URL= http://NamaBlogBaru.blogspot.com" />

Code ini harus di letakkan pada Laman lama anda dan pada code berwarna merah gantikan pada alamat atau link blog terbaru korang.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Widget Random Post

6 comments

click to zoom

Hai all...hari ini koz akan ajar korang cara nak buat widget random post dalam blog korang, sebelum ini koz telah menyediakan tutorial berkenaan Widget post yang mempamirkan posting-posting terbaru dan terkini, jadi koz akan ajar pula cara nak buat widget random post.Kegunaannya adalah untuk mempamirkan posting-posting yang berada di dalam blog korang secara rawak.Ia juga dapat membantu supaya posting-posting yang lama dapat di pamirkan.Ikuti langkah-langkah cara nak buat widget ini:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian korang copy dan paste code di bawah

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2FNamaBlog.blogspot.com&num=10" type="text/javascript"></script>

Pada code yang berwarna merah gantikan pada nama blog korang.
Pada code berwarna biru tetapkan jumlah posting yang ingin di pamirkan.

Save dan lihat hasilnya.

Camat mencuba...

Tutorial Cara Buat Meta-tags Semakkan di blog Part 2

6 comments

click to zoom

Hai all...Hari ini koz nak ajar korang menggunakan meta tag Part 2.Sebelum ini koz ada ajarkan cara buat meta tag Part 1,korang boleh kesini untuk melihatnya:-


Apa-apahal sebelum kita mulakan koz akan memberi penerangan apa kegunaan Meta Tag.Meta tag sebenarnya digunakan untuk memberikan maklumat untuk mesin carian yang tidak akan dilihat oleh surfer Web. Pada masa dulu, meta tag merupakan cara utama untuk laman web akan diluluskan oleh spider web, tetapi dalam masa yang sama komuniti internet telah disalahgunakan dengan menggunakan meta tag sebagai cara untuk meningkatkan kedudukan buatan mereka di dalam sistem database mesin carian. Namun demikian, anda semestinya masih perlu memasukkan meta tag bagi memudahkan mereka bots carian yang mengenali mereka, membolehkan laman web anda untuk dimasukkan ke dalam mesin carian mereka.Jadi hari ini koz akan ajar korang cara buat Meta Tag Semakkan di blog korang.Kebiasaan korang kalau nak tahu masih ramai yang tidak tahu cara menggunakannya,kegunaannya juga adalah penting untuk memberi laman blog korang terindeks di mesin carian.Ia juga ada hubung kait untuk meningkatkan Alexa Rank untuk blog korang.Jadi mari kita mulakan cara-cara hendak membuat meta tag tersebut.

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Copy dan paste code di bawah ini betul-betul di bawah code <head>

name = 'revised' <meta content='Tajuk Posting Terbaru: 01/01/2010' />

Langkah 3

Pada code warna merah ubah kepada tajuk posting terbaru dan ia harus di update dari masa ke semasa jika anda membuat posting terbaru.

Pada code warna biru ubah kepada tarikh tajuk posting di terbitkan.

Kemudian save...

Camat mencuba...

Tutorial Cara Memasang Form Login Akaun

7 comments

click to zoom

Hai all...hari ini koz nak ajar korang cara nak buat form untuk masuk ke akaun blogger.Kegunaannya adalah sebagai pengganti kepada blog yang tiada navbar.Kepada yang masih ada navbar jika hendak menghilangkannya korang cuma ikuti langkah-langkah di "SINI"...Okey mari mulakan Langkah-langkahnya:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah ini

<center>Masukkan Email dan Password untuk ke Blogger Dashboard<br /><br /><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /><div><label for="Email"> Email: <br /><input id="Email" tabindex="1" value="" name="Email" size="20" type="text" /></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br /></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password" /></div><br /><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /></form></center>

Pada code yang berwarna merah korang boleh ubah ikut kesukaan korang...

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Hidden/Auto Hidden Navbar Di Blog

14 comments

click to zoom

Hai all..hari ini koz akan ajar korang cara nak hidden atau auto hiddenkan navbar di blog korang.Cara-cara nak buatnya amat mudah.Korang hanya perlu mengikuti langkah-langkah berikut:-

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Copy dan paste code di bawah sebelum atau di atas code ]]></b:skin>

#navbar-iframe {
display:none;
}

Atau anda juga boleh mengunakan code di bawah ini dan copy paste di bawah code <body>

<style type=’text/css’>
#navbar-iframe {display:none;}
</style>

Untuk Auto Hidden pula copy dan paste code di bawah sebelum atau di atas code body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Pasang Widget Code Colour

9 comments

click to zoom

Hai all...Hari ini koz akan kongsi dengan korang cara nak letak widget code colour dekat dalam blog korang...Koz pasti ada yang tercari-cari widget ini sebab ada dalam 4-5 orang email dekat koz mintak buat tutorial berkenaan Ada juga yang kata dah penat mencari, kalau jumpa pun tuan empunya blog tak sertakan code untuk pemasangan windget tersebut.Jadi di sini koz akan kongsi dengan korang cara-cara nak letak widget ini di dalam blog korang...

Code yang koz beri ini korang boleh copy paste pada posting korang tak pun pada ruangan new page...

<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<tr><td>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="15">   <td id="vzorec" width="15">
</td>   <td valign="bottom">Copy Code Ini: <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 22px; height: 30px; width: 115px;" type="text" /></td>   </tr>
</tbody></table>


<table align="center" border="0" cellpadding="0" cellspacing="1" style="width: 375px;"><tbody>
<tr height="24"> <td bgcolor="#190707" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2a0a0a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#3b0b0b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#610b0b" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#8a0808" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#b40404" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#df0101" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ff0000" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fe2e2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fa5858" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f78181" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5a9a9" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f6cece" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#f8e0e0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fbefef" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#191007" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2a1b0a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#3b240b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#61380b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#8a4b08" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#b45f04" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#df7401" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ff8000" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fe9a2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#faac58" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f7be81" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5d0a9" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f6e3ce" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f8ece0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fbf5ef" onclick="Barva(this.bgColor)">


</td> </tr>
<tr height="24"> <td bgcolor="#181907" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#292a0a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#393b0b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#5e610b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#868a08" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#aeb404" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#d7df01" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ffff00" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#f7fe2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f4fa58" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f3f781" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f2f5a9" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5f6ce" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f7f8e0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fbfbef" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#101907" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#1b2a0a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#243b0b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#38610b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#4b8a08" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#5fb404" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#74df00" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#80ff00" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#9afe2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#acfa58" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#bef781" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#d0f5a9" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e3f6ce" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ecf8e0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5fbef" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#071907" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0a2a0a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b3b0b" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#0b610b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#088a08" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#04b404" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#01df01" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#00ff00" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2efe2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#58fa58" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#81f781" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#a9f5a9" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#cef6ce" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e0f8e0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#effbef" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#071910" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0a2a1b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b3b24" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b6138" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#088a4b" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#04b45f" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#01df74" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#00ff80" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2efe9a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#58faac" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#81f7be" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#a9f5d0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#cef6e3" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e0f8ec" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#effbf5" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#071918" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0a2a29" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b3b39" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b615e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#088a85" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#04b4ae" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#01dfd7" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#00ffff" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2efef7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#58faf4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#81f7f3" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#a9f5f2" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#cef6f5" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e0f8f7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#effbfb" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#071019" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0a1b2a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b243b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b3861" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#084b8a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#045fb4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0174df" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0080ff" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2e9afe" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#58acfa" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#81bef7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#a9d0f5" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#cee3f6" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e0ecf8" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#eff5fb" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#070719" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0a0a2a" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#0b0b3b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b0b61" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#08088a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0404b4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0101df" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0000ff" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2e2efe" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#5858fa" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#8181f7" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#a9a9f5" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#cecef6" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e0e0f8" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#efeffb" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#100719" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#1b0a2a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#240b3b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#380b61" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#4b088a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#5f04b4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#7401df" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#8000ff" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#9a2efe" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ac58fa" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#be81f7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#d0a9f5" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e3cef6" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#ece0f8" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5effb" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="24"> <td bgcolor="#190718" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2a0a29" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#3b0b39" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#610b5e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#8a0886" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#b404ae" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#df01d7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ff00ff" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fe2ef7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fa58f4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f781f3" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5a9f2" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f6cef5" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f8e0f7" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fbeffb" onclick="Barva(this.bgColor)">


</td> </tr>
<tr height="24"> <td bgcolor="#190710" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2a0a1b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#3b0b24" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#610b38" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#8a084b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#b4045f" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#df0174" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ff0080" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#fe2e9a" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fa58ac" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f781be" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f5a9d0" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f6cee3" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f8e0ec" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#fbeff5" onclick="Barva(this.bgColor)">

</td> </tr>
<tr height="10"> <td>
</td> </tr>
<tr height="24"> <td bgcolor="#000000" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#0b0b0b" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#151515" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#1c1c1c" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#2e2e2e" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#424242" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#585858" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#6e6e6e" onclick="Barva(this.bgColor)">


</td> <td bgcolor="#848484" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#a4a4a4" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#bdbdbd" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#d8d8d8" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#e6e6e6" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#f2f2f2" onclick="Barva(this.bgColor)">

</td> <td bgcolor="#ffffff" onclick="Barva(this.bgColor)">

</td> </tr>
</tbody></table>
</td></tr>
</tbody></table>
</form>
<div align="center">

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></div>

<script src="http://static.html-color-codes.info/colorscripts_0.1.js" type="text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/dragdrop/dragdrop-min.js" type="text/javascript">
</script>


<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/slider/slider-min.js" type="text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/element/element-min.js" type="text/javascript">
</script>

<script src="http://ajax.googleapis.com/ajax/libs/yui/2.8.0r4/build/colorpicker/colorpicker-min.js" type="text/javascript">
</script>
<div id="CodeColour" style="text-align:right;font-family:verdana;font-style:normal;font-size:3;padding: 5px 10px 0px 0px;line-height: 1"><em>Design By<a href=http://kozumiro.blogspot.com/ target="_blank">BudakNakal</a></em></div>


Contoh hasilnya seperti di bawah:-



        

Copy Code Ini:














































































































































































































































































































































































































































Camat mencuba...

Tutorial Cara Membuat Kotak Blogroll Model Marquee

19 comments

click to zoom

Hai all...camat petang...hari ini koz akan berkongsi dengan korang cara nak buat kotak blogroll Model Marquee...Blogroll ini kebanyakanya di gunakan oleh para blogger untuk memastikan ruangan link exchange atau banner yang di promot di blog nampak kemas...sebagai contoh,makin banyak link atau banner yang di promot,makin panjanglah sesebuah widget javascript. Sebab itulah kebanyakkan blogger menggunakannya sebagai langkah menjimatkan ruang di dalam sesebuat blog...

Contoh boleh di lihat pada Sidebar belah kanan anda...koz ada buat pada ruangan "Promot Rakan ^^"...

Nak tahu langkah-langkah nak membuatnya...ikuti langkah-langkah di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<marquee direction="up" width="160" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="150" align="center">

Letak Code Link Atau Banner Di Sini

</marquee>

Code warna merah menunjukkan arah pergerakkan sama ada anda inginkan up,down,right atau left
Code warna hijau menunjukan lebar dari marquee yang anda inginkan
Code warna biru tahap kelajuan yang anda inginkan ,kalau hendak lajukan latak 3 , 4 atau 5 ke atas
Code warna oren menunjukan tinggi dari marquee yang ada inginkan
Code warna ungu letakkan link atau banner

Save dan Lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Alert Perkenalan Dengan Pengunjung

23 comments

click to zoom

Hai all...petang ini koz nak ajar korang buat satu tutorial ni...tutorial ini berfungsi untuk berkenalan dengan pengunjung blog korang...seperti sedia maklum,sebelum ini koz ada buat tutorial berkenaan cara buat Alert Massage...Jadi hari ini koz nak kongsi dengan korang pula cara buat Alert Perkenalan dengan Pengunjung blog korang,kira macam mesra pengunjung ar^^...
Jadi kalau nak cuba korang boleh ikuti langkah-langkahnya...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<script type='text/javascript'>
var name = prompt("Selamat Datang^^! Boleh Beri Tahu Nama Anda?", "Nama Anda ");
alert("Salam Perkenalan "+name)
alert("Enjoy Dengan Tutorial-Tutorial Di sini^^")
alert("Jangan Nakal-Nakal Okey^^ !!")
</script>

Code berwarna merah korang gantikan pada ayat yang korang nak...
untuk menambah alert korang cuma tambah code di bawah sebelum atau di atas code </script>

alert("AyatKorangDiSini")

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Button Show-Hide Spoiler

14 comments

 click to zoom

Hasil selepas di klik...
click to zoom

Hai all...Semalam koz dah ajar "Cara Buat Button Untuk Blog",jadi hari ini koz akan ajar benda yang sama tapi hasilnya lain.Button Spoiler ini fungsinya adalah untuk menyimpan isi sesuatu post,JavaScript atau gambar caranya lebih kurang seperti Hide/Show Shoutbox yang koz ada buat tutorial sebelum ini.

Sebagai contoh seperti berikut:-

Pengunaan spoiler untuk widget di JavaScript









Mari Cuba Mana Tahu Dapat Tingkatkan Pengunjung Di Blog Korang^^











Penggunaan Spoiler untuk Text/posting
Hai all...Semalam koz dah ajar "Cara Buat Button Untuk Blog",jadi hari ini koz akan ajar benda yang sama tapi hasilnya lain.


Button Spoiler ini fungsinya adalah untuk menyimpan isi sesuatu post,JavaScript atau gambar caranya lebih kurang seperti Hide/Show Shoutbox yang koz ada buat tutorial sebelum ini.blablablabla....


Penggunaan Spoiler untuk gambar

Cuba teka..gambar apakah ini??
click to zoom


click to zoom



Sudah paham?jadi berikut adalah langkah-langkahnya...

Langkah 1

Copy dan paste code di bawah pada JavaScrip/Posting

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan Code JavaScript/Gambar/Text Di sini

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



Langkah 2

Pada code berwarna merah korang boleh ubah ayat "Pamirkan" kepada ayat yang korang nak(fungsi sebelum spoiler di buka)
Pada code berwarna hijau korang boleh ubah ayat "Tutup" kepada ayat yang korang nak(fungsi selepas spoiler di buka)
Pada code berwarna biru korang letak code JavaScript,gambar atau text yang korang nak.

Save dan Lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Widget Translate Google Di Blog

6 comments

click to zoom

Hai all...okey tutorial berikutnya.Koz nak ajar korang cara nak pasang Widget Translate Google dekat blog korang.Kalau korang nak tahu...Widget ini amatlah penting di pasang di blog korang kerana ia juga salah satu cara untuk korang meningkatkan trafik korang bukan sahaja di dalam malaysia ,malah di negara asing juga...Sebagai contoh tiga hari selepas koz memasang Widget ini di blog koz ini ...

click to zoom

Langkah-langkah pemasangannya amat mudah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<center><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ms'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>

Kemudain save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Button Untuk Blog

15 comments

click to zoom

Hai all...Hari ini koz akan ajar cara-cara nak buat button di dalam blog korang.Kegunaan button ini adalah untuk menjadikan/memberikan perkongsian link menjadi lebih menarik.Tutorial button kali ini bukan sahaja boleh di gunakan untuk perkongsian link sahaja,malah korang boleh juga di jadikan sebagai tajuk posting juga.Di bawah ini koz akan beri langkah-langkah cara nak buatnya...
Code2 yang di kongsi di bawah ini korang boleh gunakan untuk bahagian posting atau untuk HTML/JavaScript


Code kegunaan tajuk posting tanpa Link



Code:-

<button>Letak Tajuk Di Sini</button>

Code kegunaan tajuk posting dan Link



Code:-

<a href="http://LinkKorang"><button>Letak Tajuk Di Sini</button></a>

Code kegunaan tajuk dan link buka ke new tab



Code:-

<a href="http://LinkKorang" target="blank"><button>Letak Tajuk Di Sini</button></a>


Pada code berwarna merah gantikan pada link yang di tuju
dan pada code berwarna biru gantikan pada tajuk yang korang suka...

Contoh Button yang terhasil seperti berikut:-

Code kegunaan tajuk posting tanpa Link



Code kegunaan tajuk posting dan Link



Code kegunaan tajuk dan link buka ke new tab




Camat Mencuba...

Tutorial Cara Buat Widget Total Posting Dan Comments

6 comments

click to zoom

Hai all...hari ini koz akan ajar korang cara nak buat widget total posting dan comments yang ada dekat blog korang.Widget ini kegunaannya adalah mempamirkan jumlah posting blog dan comments yang terdapat di sesuatu blog...jadi senanglah korang nak tahu total isian blog ...Cara-cara nak buat seperti berikut:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<center><div style="background-color: #8e7cc3;">
<script style="text/javascript">function showpostcount(json) {document.write('Jumlah Posting ' + parseInt(json.feed.openSearch$totalResults.$t,10) + '');}</script><script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script></div></center>

<center>.......................</center>

<center><div style="background-color: #8e7cc3;"><script style="text/javascript">function numberOfComments(json) {document.write('Jumlah Comments ' + json.feed.openSearch$totalResults.$t + '');}</script><script src="http://NamaBlog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div></center>

Langkah 3

Code yang berwarna Merah korang boleh gantikan warna backgroud kesukaan korang
Code yang berwarna Biru korang gantikan ayat kesukaan korang
Code yang berwarna Hijau korang gantikan link blog korang

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Mengosongkan Tajuk Widget HTML Java Script

25 comments

click to zoom

Hai all..selamat petang...okey petang ini koz nak membantu anda yang mengalami masalah ini sejak ada perubahan pada Google Blogger baru-baru ini...
Untuk pendekkan cerita anda hanya perlu copy paste code di bawah ini dan letak di bahagian tittle/tajuk

<budaknakal> </budaknakal>

Jika ada yang masih tidak paham ikuti langkah-langkah di bawah:-

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Masukkan widget/code HTML yang korang hendak di letak dan copy code di bawah dan paste ke bahagian tittle/tajuk

<budaknakal> </budaknakal>

Kemudian save...
Itu sahaja,senangkan...
camat mencuba...

Tutorial Cara Mengoptimalkan Gambar Untuk Memperoleh Traffic

16 comments

click to zoom

Hai all...Hari ini koz akan mengajar anda cara mengoptimalkan gambar untuk mesin pencarian.Ia juga salah
satu teknik SEO on Page.Dengan cara ini anda tidak semestinya mendapatkan traffik melalui kata
kunci/keyword pada posting sahaja, malah teknik ini akan mengajar anda cara mendapatkan traffik
melalui kata kunci yang diletakkan pada gambar di dalam setiap posting anda.

Bagaimana Cara Nak Buat?
Mudah sahaja, anda hanya perlu memberi nama pada gambar yang hendak di posting,nama pada gambar
tersebut haruslah di beri nama yang ada kene mengena dengan apa yang di posting sebagai contoh
jika posting berkenaan "Cara Buat Blog Mesra SEO" anda namakanlah gambar berkenaan "Blog Mesra SEO.jpg/gif/png"
Mudahkan?Memang mudah, jika inginkan gambar anda itu agar lebih Mesra SEO atau SEO friendly,anda
hanya perlu menambah code yang akan koz kongsikan,sebagai contoh:-

Kebiasaan selepas mengapload sesuatu gambar, code gambar akan menjadi macam ini

<img src="namadomain.com/blog_mesra_SEO.png"/>

Jadi jika inginkan gambar anda menjadi SEO friendly anda hanya menambah/menukar
sedikit code sahaja pada code asal seperti ini

<img src="namadomain.com/blog_mesra_SEO.png" alt="Cara Buat Blog Mesra SEO" />

p/s:JAngan berikan nama terlalu panjang pada gambar bekenaan kerana ia akan di anggap sebagai SPAM oleh
Search Engine...Semoga ilmu ini dapat membantu anda untuk meningkatkan traffik dan menjadikan blog anda
mesra SEO...insyallah...

Camat mencuba...

Tutorial Cara Buat Meta-tags di blog

12 comments

click to zoom

Apa yang di maksudkan Meta-tags?

Meta-tags adalah salah satu cara para blogger mengoptimas blog ke search engine kerana
ia sangatlah penting untuk mengindeks halaman blog kita.Sia-sialah kalau anda sumbit artikel/Url
blog unda ke search engine jika anda tidak engoptimalkan Meta-tags blog anda.

Bagaimana cara membuat Meta-tags?

DI sini koz akan mengajar anda cara bagaimana hendak membuatnya.Berikut adalah langkah-langkahnya

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<title><data:blog.pagetitle/></title>

Jika tidak jumpa cari code ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Langkah 3

Kemudian copy paste code di bawah ini di bawah code(Langkah 2)

<meta content="DESKRIPSI BLOG ANDA" name="description">
<meta content="KEYWORDS BLOG ANDA" name="keywords">
<meta content="ISI AUTHOR NAME" name="author">
<meta content="INDEX, FOLLOW" name="ROBOTS">

Langkah 4

Gantikan DESKRIPSI BLOG ANDA dengan Description blog anda...
Gantikan KEYWORDS BLOG ANDA Dengan Keyword atau Kata kunci blog korang...
Gantikan ISI AUTHOR NAME dengan nama anda...

Contoh Code Meta-tags yang sudah di edit:-

<meta content="Blog ini berkenaan....." name="description">
<meta content="tutorial blogger, Tips blogger, Widget Blogger" name="keywords">
<meta content="Budak Nakal" name="author">
<meta content="INDEX, FOLLOW" name="ROBOTS">

Segala Isian di meta-tags haruslah ada kena mengena dengan blog korang sebagai contoh keyword yang di gunakan haruslah ada kena mengena dengan posting di blog anda.Kemudian anda harus menganalisa mata-tags anda di
SubmitExpress.com, Ruangan ini akan membantu anda memberitahu informasi mengenai meta-tags blog anda.Anda harus fokus pada bahagian Site Description dan Keywords.Jika terdapat tulisan berwarna merah itu bermakna ada kekurangan
pada optimal penulisan meta-tags anda.Perbaiki atau ubah meta-tags yang ada di blog anda sekiranya terdapat tulisan merah dan ulangi analisa meta-tags sampai tidak ada lagi tulisan berwarna merah.Untuk memudahkan anda menetapkan keyword yang bagus untuk blog anda, dapatkan di Sini mungkin ia dapat membantu anda untuk mendapatkan keyword yang sepadan dengan blog anda.

Yang terakhir anda haruslah rajin megupdate keyword anda dari masa kesemasa kerana setiap posting di blog berlainan keywordnya.

Selamat mencuba...

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net