5 Teknik SEO yang Bisa Menghancurkan Blog Anda

hai sobat blogger!! masih semangatkan bloggingnya? pada trik seo kali ini, ane akan share tentang 5 teknik seo yang bisa menghancurkan blog anda. Sayangkan, jika blog yang sudah lama kita rawat, kita sayangi, kita cintai {he.. kayak baca puisi} harus rusak. artinya bukan hancur tapi.....!! ah, kita liat saja di bawah ini :

1. Jual beli Link.
wah!! yang satu ini bahaya juga gan.  membeli link demi mendapatkan backlink instant berpagerank tinggi dari mereka,adalah tindakan yang sangat beresiko.Apa lagi lewat layanan-layanan jual beli link. Ane sarankan jangan de gan!!! Buat aja konten yang berkualitas, nanti lama kelamaan dengan kesabaran, link akan datang dengan sendirinya, asal kontennya berkualitas sob { bukan kopi paste}. Sebenarnya boleh saja sih sobat membeli link,  tapi harus kontak langsung sama adminnya. agar lebih kongkrit gitu loh!!!

2. Ngelink ke blog  spamer / BB 17.
Perhatikan bro orang2 yang komen di blog dofollow anda {jika ada}. Kalau-kalau link mereka menuju Ke situs yg kurang baik dimata opa gugel, segera  hapus komentarnya mereka.

3. Duplicate Content.
Nah,ini die yang sudah mengakar di hati para blogger {nggak semuanya kalee}. karena bosen liat blog yang kurang postingan entah karena kurang ide, ataupun males nulis, para blogger sering melakukan ini.. hanya dengan merubah sedikit kata-katanya.. jadi deh!!
Sebenarnya ini adalah salah satu tindakan yang tidak di sukai si om gugel. dan dapat menurunkan derajat kita di mata para blogger yang lain.. kopas??Apa kata dunia!!!.
untuk mengatasinya, kita bisa meng-nofollowkan Link ke konten duplikat, blok konten tersebut dalam robots,txt; atau menggunakan tag canonical google.

4. Uncloaked Affiliate links. 

Tampaknya Google membenci segala hal yang berbau komersial apalagi jika hal itu mengisih kantung uang sobat, Google tidak menyukainya Kecuali tentu saja jika Anda membayar Google.

5. Blog yang tidak aktif.
ketika si robot google mengunjungi blog anda dan ternyata blog anda kedapatan sedang dalam keadaan server down. maka dapat dipastikan blog yang telah lama nangkring di serp bakalan terlempar hingga ke buntut om gugel. karna itu, saya sarankan para sobat blogger untuk menggunakan web host atau platform yang tepat, kayak blogspot!! HOOHOO

Sekian dulu yah dari saya!!

thankz!!

Happy Blogging

Membuat Text Area Dengan Efek Membesar Ketika Di Sorot Mouse

Apa kabar sobat blogger?? Demi memuaskan sobat blogger sekalian, kali ini saya akan kasih tahu sesuatu pada sobat blogger.. Kali ini kita akan coba membuat kotak area dengan efek membesar saat di sorot mouse.
Kodenya sebenarnya saya dapat dari salah satu teman blogger saya yang juga termasuk blogger favorit saya yaitu mas tejahtc. Sebagai blogger yang ber etika pantaslah kita memasang link artikel asal yang kita tahu bukan artikel kita. Tentunya seperti saya dong!!!. HEHEHE
Karena itu tanpa berlama - lama, kita langsung saja mencobanya..


1. Pertama Log in dulu ke akun blog sobat.
2. Klik Rancangan --> Edit HTML -->
3. Letakkan kode berikut di atas kode ]]></b:skin>

#tejakode {-o-transition:1.2s ease-out; -moz-transition:1.2s ease-out; -webkit-transition:1.2s ease-out;padding:0.75em;width:80%;color: #FFFFFF;border:1px solid #C0C0C0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius: 5px;border-radius:5px;background: #000;}#tejakode:hover {color: #000;-o-transform:scale(1.2) translate(40px,40px) rotate(0deg);-moz-transform:scale(1.2) translate(40px,40px) rotate(0deg);-webkit-transform:scale(1.2) translate(40px,40px) rotate(0deg); background:#555;-o-transition: all 1.2s ease-in;-moz-transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-in;}

4. Klik simpan template..


nah... hampir selesai sob!!
Untuk menerapkannya di dalam postingan, sobat hanya perlu meletakkan kode pemanggil berikut di tab edit HTML (ingat! bukan Compose)

<div id="tejakode">

Isi dengan apa saja, terserah sobat

</div>

Contohnya jika saya membuat yang sepeti ini:

<div id="tejakode">

Jangan lupa ya.. follow blog ini. nanti di janji di follow back dech!!

</div>

Maka tampilannya akan seperti berikut:

Jangan lupa ya.. follow blog ini. nanti di janji di follow back dech!!

udah mengerti kan???

Bagi sobat yang ingin meletakkannya di gadget.. sobat hanya menggunakan kode pemanggil seperti di atas..
Caranya :
1. Klik Elemen Laman
2. Tambah gadget
3. HTML/Javascript
4. Masukkan kode pemanggilnya di dalam konten.

<div id="tejakode">

Isi dengan apa saja, terserah sobat

</div>

5. Klik simpan

6. Selesai!!

SEMOGA MEMBANTU

Menambah 2 Kolom Di Bawah Sidebar Utama

Tutorial blogspot - Waw cerahnya pagi ini... secerah hatiku. Karena itu kali ini aku semangat sekali bagi - bagi info untuk sobat. Setelah sebelumnya abang CHRIS ( itu nama ane bro... Sekedar perkenalan. hehehe ) memposting tentang cara membuat spoiler pada widget sidebar tanpa edit HTML, kali ini masih seputar Sidebar. Yaitu bagaimana Menambah 2 kolom di bawah sidebar utama.

Tanpa berlambat - lambat waktu kita langsung saja ke cara pasangnya. Oke!!

1. Pertama sobat login dulu ke akun blog sobat.

2. Kemudian klik Rancangan ---> edit HTML

3. Cari kode yang mirip dengan kode berikut

#sidebar-wrapper {

width: 300px;

float: $endSide;

word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

}

Tmbhn

Ganti kode width : 350px; dengan nilai atau lebar dari sidebar blog sobat dan float : $endside; dengan letak sidebar sobat.

 $endside  sama dengan Right(kanan)

 $starside sama dengan left(kiri)

 Perhatikan!

Untuk menambah 2 sidebar di bawah sidebar utama sobat harus memprehatikan lebar dari sidebar utama. dengan kata lain jika lebarnya 300 maka untuk 2 kolom baru  di bawahnya dibagi 2 yaitu menjadi 150px; jarak antara kedua sidebar adalah 10px;

maka hasilnya yaitu 145px;. Oke!! udah jelaskan? ayo ita lanjut.

4.Letakkan kode berikut dibawah kode nomor 3.

#left-col {
width:145px;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:145px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

  Hasilnya akan seperti ini:

#sidebar-wrapper {
width: 350px;
float: right;
$startSide
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#left-col {
width:145px;
float:left;
word-wrap:break-word;
overflow:hidden;
}
#right-col {
width:145px;
float:right;
word-wrap:break-word;
overflow:hidden;
}

5. Kemudian cari kode berikut

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

<b:widget id= blablabla....

</b:section>
</div>

6.Copy kode berikut.

<b:section class='sidebar' id='left-col' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

7. Letakkan di antara kode seperti di bawah ini

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

<b:widget id= blablabla..../>

</b:section>

<b:section class='sidebar' id='left-col' preferred='yes'/>

<b:section class='sidebar' id='right-col' preferred='yes'/>

</div>

8. Simpan template. Kemudian klik ELEMEN LAMAN

Jika tepat maka hasilnya akan seperti ini;

SELESAI...

SEMOGA MEMBANTU

Menampilkan Judul Artikel Saja di Homepage

Menampilkan Judul Artikel / Posting Saja di Homepage - Apa kabar sobat blogger? pada kesempatan kali ini kita akan coba membahas tentang bagaimana cara membuat judul artikel saja yang tampil di halaman depan blog. Tutorial kali ini sebenarnya berfungsi hampir sama dengan readmore ( baca : cara memasang readmore di blog ) namun jika readmore menampilkan judul artikel berserta ringkasan artikel, maka yang ini hanya akan menampilkan judul artikel ( posting ) saja. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

1. Login ke akun blogger sobat.
2. Klik rancangan --> edit HTML
3. Letakkan kode berikut di bawah kode ]]</b:skin>

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body{display:none;}
</b:if>
</b:if>
</style>

4. Simpan dan lihat hasilnya.

Tambahan :
Jika setelah menggunakan kode di atas dan masih menyisahkan elemen - elemn seperti tanggal posting, jumlah komentar dll, silahkan gunakan kode berikut menggantikan kode no 3.

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>

Sekian....

Menampilkan Widget Hanya Di Postingan Atau Homepage Tanpa Ribet

Hai sobat blogger!!! Pada postingan sebelumnya aku memposting tentang  bagaimana cara meningkatkan pengunjung blog, kali ini, walaupun sedikit berbeda, ada tips yang tidak kala menariknya bro!!!

Tutorial blogspot kali ini saya yakin sangat membantu teman blogger dalam menghias tampilan blog kesayangannya. Adalah teknik menampilkan widget hanya di postingan atau homepage PLus tanpa ribet.  Tanpa ribet? maksudnya??

Kita liat perbandingannya..

yang ribet:

A. Widget hanya tampil di homepage

Ini dia cara yang biasa di gunakan.

1. Log in ke blogger

2. Masuk ke Rancangan

3. Edit HTML - Centang kotak Expand Template Widget

4. Setelah itu cari nama widget yang sobat pasang, seperti kode dibawah ini

<b:widget id='HTML1' locked='false' title='tutorial blogspot' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

B.  Widget hanya tampil di postingan

1. Log in ke blogger

2. Masuk ke Rancangan

3. Edit HTML - Centang kotak Expand Template Widget

4. Selanjutnya cari nama widget yang ingin disembunyikan,

<b:widget id='HTML1' locked='false' title='tutorial blogspot' type='HTML'>

<b:includable id='main'>

<b:if cond='data:blog.url != data:blog.homepageUrl'>

<!-- only display title if it's non-empty -->

<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>

</b:widget>

Ket :

Kode yang berwarna merah yang harus di tambahkan

Sebenarnya sih tidak salah, bahkan sayapun menggunakannya. tapi sebelum saya mengetahuinya.

Kali ini caranya cukup simpel, bahkan newbie pun bisa langsung bisa membuatnya. Dari pada ane banyak bacot, mendingan kita langsung saja ke TKP.

A. Widget hanya tampil di homepage

1. Log in dulu ke Blogger

2. Masuk ke rancangan

3. EDIT HTML - Jangan centang kotak expand template widget

4. Cari kode ]]></b:skin>

5. Copas kode berikut di bawahnya

     <style type='text/css'>

     <b:if cond='data:blog.pageType == &quot;item&quot;'>

      #kode widget{display:none}

      </b:if>

      </style>

Untuk menampilkan widget hanya di postingan, kita cukup mengganti kode yang berwarna biru

dengan kode !=

sehingga menjadi seperti ini:

 

<style type='text/css'>     

<b:if cond='data:blog.pageType != &quot;item&quot;'>

      #kode widget{display:none}

      </b:if>

      </style>

Ket:

kode widget biasanya terdapat di antara  tag <body> hingga penutupnya </body>

kodenya yang umum seperti ini:

 

<b:widget id='HTML5' locked='false' title='Ide bagus on facebook' type='HTML'/>

HTML5 adalah kode widgetnya.

yang berwarna biru adalah kode widgetnya.

Sekian dulu postingan saya bro.. semoga membantu sobat - sobat blogger sekalin dalam menghias blog

HAPPY BLOGGING

Pasang Logo Blogger Manado di Blog

Pasang Logo Blogger Manado di Blog - Salam blogger kawanua kawan!!! Kali ini khusus untuk teman blogger yang berasal dari manado ( sulawesi utara ), saya akan sedikit berbagi tentang widget yang baru saja saya buat, widget apakah itu?? Widget ini hampir sama dengan widget i love indonesia yaitu memberi informasi tentang daerah asal blogger. Dan widget kali ini saya beri nama widget blogger manado. contohnya bisa sobat lihat di sudut kiri atas blog ini.

Sobat blogger manado yang tertarik memasang widget blogger manado di blog, silahkan

Cara Memasang Logo Blogger Manado di Blog

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Pilih kode widget ke dalam kotak yang di sediakan .
3. Kemudian klik save.

berikut kode widgetnya ...

<center> <script language="JavaScript" src="http://tateluproject.googlecode.com/files/topright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://i1108.photobucket.com/albums/h405/christian410/Logomanado.png")</script></center>

<center> <script language="JavaScript" src="http://tateluproject.googlecode.com/files/topright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://i1108.photobucket.com/albums/h405/christian410/manadologkel.png")</script></center>

<center> <script language="JavaScript" src="http://tateluproject.googlecode.com/files/topright.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://i1108.photobucket.com/albums/h405/christian410/bloggermanadoicon.png")</script></center>

Tambahan :
Untuk mengubah posisi widget, silahkn edit kode topright pada script di atas.

• top : atas
• bottom : bawah
• left : kiri
• right : kanan

Postingan ini masih akan di update karena ada kemungkinan widgetnya nanti akan di tambah.. sekian dulu sob!!!

Pasang Kode Warna HTML Di Blog

Trik blogspot - Berikut ini akan saya jelaskan cara memasang kode html warna HTML untuk para teman semua. artikel ini saya ambil dari ordinaryblog.info. Memang sih, tips ini sudah sering di posting teman blogger yang lain, tapi tak apalah..sekedar bagi-bagi ilmu serta meramaikan.

Berikut caranya :

• Log in ke account blogger anda, klik rancangan/layout lalu klik edit HTML
• Tempat kode script berikut sebelum, tag </head> :

<script language='javascript'>
function Barva(koda)
{
document.getElementById("vzorec").bgColor=koda;
document.hcc.barva.value=koda.toUpperCase();
document.hcc.barva.select();
}
function BarvaDruga(koda)
{
document.getElementById("vzorec2").bgColor=koda;
document.hcc.Barva2.value=koda.toUpperCase();
document.hcc.Barva2.select();
}
</script>
<script src='http://marewainfo.googlecode.com/files/kodewarna.js' type='text/javascript'></script>

• Lalu SAVE Template anda.
• kemudian masukkan kode berikut, kedalam postingan :

<form id="hcc" name="hcc">
<table align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0" style="border-collapse: collapse;"><tbody>
<><td><table align="center" border="0" cellptradding="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="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>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody>
<tr height="24"><td height="24" id="vzorec" width="24">
</td><td valign="bottom">Kode warna yang terpilih : <input id="barva" maxlength="7" name="barva" size="9" style="font-family: Verdana; font-size: 12px; font-weight: bold; height: 16px; width: 74px;" type="text" /></td></tr>
</tbody></table>
</form>

  selesai sudah. Selamat Mencoba