Memasang Widget Alexa Rank di Blog

langsung saja cara membuatnya sebab yang ingin mendapatkan ranking alexa yang bagus untuk memasang alexa widget pada setiap blog atau web yang di milikinya.


Lankah pertama :
1. Klik di sini untuk menuju situs alexa.com
2. Masukan alamat blog anda pada kolom yang tersedia. Contoh :

3. Ada 3 ukuran widget yang bisa anda pilih, copy kode yang ada di sampingnya lalu paste pada notpad atau text editor lainnya. Simpan kode tersebut di komputer anda untuk nanti di masukan ke blog.

Langkah ke dua :
1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik Tambah Gadget.
5. Klik tanda Plus (+) di samping tulisan HTML/JavaScript.

 6. Paste kode yang tadi ada di notepad kedalam kolom yang muncul.
7. Klik tombol Simpan dan selesai.

Mudah-mudahan dengan di pasangnya widget alexa di blog anda, alexa rank blog anda akan cepat bagus (semakin kecil semakin baik rangkingnya). Ayo segera pasang alexa rank ...

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^ 

Read more »

Posted in: Onad Trik n Tips

Cara Membuat Link Berkelip-Kelip

Caranya gampang kok!!!

Tinggal Copas (Copy/Paste) aja kode yang ada di bawah ini :

<script src='http://mizwar.blog.googlepages.com/rainbow.js' type='text/javascript'> </script>

Kalo udah Copy, Paste di sini ya!!!

Caranya :


> Masuk ke Dasbor
> Pilih "Tata Letak"
> "Edit HTML"
> Lalu cari kode seperti ini : </head>

Kalo udah ketemu, Paste kode di atas tadi di Bawah kode </head>

jadi deh...

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara Menghilangkan Icon Obeng dan Tang di Blogspot

Bagaimana caranya menghilangkan icon obeng dan tang / quick edit di blogger, icon obeng dan tang muncul ketika kita akan melihat/pratinjau hasil editnya seperti terlihat pada gambar di sebelah ini :

Langkahnya berikut ini. :

1. Login ke blogger.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Cari kode seperti ini :

]]></b:skin>

5. Copy Paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}

6. Simpan template.
7. Selesai.

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara Menghilangkan Tanggal Postingan

Caranya :

• Login ke blog anda
• Klik Tata Letak
• Klik Edit HTML
• Beri tanda centang pada kotak kecil Expand Template Widget
• Silahkan cari kode berikut ini di dalam template anda

h2.date-header { bla bla bla bla bla }

Jika sudah ketemu, sisipkan kode di bawah ini sebelum tanda kurung tutup tersebut

visibility: hidden;

Maka hasilnya akan seperti ini

h2.date-header { bla bla bla bla bla visibility: hidden; }

• Klik Pratinjau untuk melihat hasil kerja anda
• Jika sudah sesuai dengan keinginan anda, silahkan klik Simpan Template
• Selesai

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara Menghilangkan Langgan: Entri (Atom)

Caranya :

1. Login ke Blogger
2. Klik Tata Letak/Layout
3. Klik Edit HTML
4. Beri tanda centang pada kotak Expand Template Widget
5. Kemudaian cari code di bawah ini

</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType ==
"item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>

ATAU CODE YANG INI :

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

yang berwarna Merah itu yang di hapuz ,nah begitu aja caranya,gampang bukan?

kalau kode di atas tidak ada sama sekali di blog kamu,, kamu cari aja kode yang seperti ini :

<b:include data='feedLinks' name='feedLinksBody'/>

kalu sudah ketemu,, kode tersebut kamu ganti dengan kode dibawah ini :

<!--<b:include data='feedLinks' name='feedLinksBody'/>-->

Gampang kan...

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara Menghilangkan Tulisan Subscribe To Post (Atom)

Caranya sebagai berikut :

1. Login ke Blogger. Klik menu Layout -> Edit HTML
2. Beri tanda centang pada "Expand Widget Template"
3. Lalu cari kode di bawah ini:

<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>

4. Kalau sudah ketemu, hapus kode tersebut lalu klik Save Template
5. Selesai. Silahkan klik View Blog untuk melihat hasilnya

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara membuat background di belakang postingan

Contoh :

test,test,test,test,test,test,test,test,test,test,test,test
test,test,test,test,test,test,test,test,test,test,test,test
test,test,test,test,test,test,test,test,test,test,test,test
test,test,test,test,test,test,test,test,test,test,test,test

Cara membuatnya mudah ko :)


Copy Paste aja script di bawah ini :

 <div style="background:#ffffff; border:5px dotted #0000FF; padding:5px;">

test,test,test,test,test,test,test,test,test,test, test,test,test,test,test

test,test,test,test,test, test,test,test,test,test, test,test,test,test,test

test,test,test,test,test, test,test,test,test,test, test,test,test,test,test

test,test,test,test,test, test,test,test,test,test, test,test,test,test,test

</div>

Keterangan :
.:: Yang berwarna merah untuk mengatur warna pada backgroundnya.
.:: Yang berwarna biru untuk kata-kata yang ingin anda tampilkan di kotak backgroundnya.

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara membuat judul blog bergerak

Caranya :

1. Login ke Blogger
2. Klik menu Layout
3. Edit/HTML
4. Lalu cari kode script dibawah ini

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

kalau sudah ketemu,, kamu cek dulu, ada kode script seperti ini juga tidak

<b:include data='blog' name='all-head-content'/>

dibawah kode script ini

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

kalau ada,, kode script yang ini

<b:include data='blog' name='all-head-content'/>

kamu hapus juga,, terus Ganti kode script diatas dengan Kode script dibawah ini :

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

dan yang perlu diedit adalah Tulis Teks Kamu Disini kamu bisa ganti dengan teks sesuka hatimu tapi jangan lupa dihapu s dulu k'lo g' pengen ganti maka scr otomatis judul blog kamu yang asli yang akan bergerak

truz 100 angka ini menunjukkan kecepatan pergerakan kamu juga bisa menggantinya.

5. Simpan...

SELAMAT MENCOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara membuat text blink"

Apa itu "Text Blinker"???

saya jg kurang tahu bener tuh ap itu text blinker,, hehe

kamu coba dulu ajah pasang di blog kamu,, klo kurang menarik tinggal d delete,, mudah-mudahan bermanfaat, amieen....


Kamu Copy/Paste ajah script yang ada di bawah ini :

<script language="JavaScript">
<!-- Ichal
function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

var pesan = "Welcome To My Blog";
var kecepatan = 1000;
var x = 0;
var color = new initArray(
"red",
"blue",
"green",
"orange",
"yellow",
"black"
);
if(navigator.appName == "Netscape") {
document.write('<layer id="c"><center>'+pesan+'</center></layer><br>');
}
if (navigator.appVersion.indexOf("MSIE") != -1){
document.write('<div id="c"><center>'+pesan+'</center></div>');
}
function chcolor(){
if(navigator.appName == "Netscape") {
document.c.document.write('<center><font color="'+color[x]);
document.c.document.write('">'+pesan+'</font></center>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval("chcolor()",1000);
// End -->
</script>

Kalau sudah kamu Copy,,, kamu Paste dech....
Eitz!!! Pastenya di "HTML/Javascript" yach....
masuk ke dasbor lalu tambah target lalu pilih HTML/Javascript lalu lalu kamu Paste dech di dalam kotak kosong yang ada di HTML/Javascript tsb...

Ket.
1. Warna merah untuk text / pesan, bisa kamu rubah ko^_^
2. Warna hijauuntuk warna textnya yang akan berganti warna dengan sendirinya,, warnanya bisa kamu tambahin juga ko ^_^ tapi ingat!!! bahasanya haruz pakai bhs. inggris ya..hahay

SELAMAT MECOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Merubah kursor menjadi gambar

Langsung aja deh..
gak usah lama" yaa...

nih caranya:

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Edit/HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5 Silahkan anda cari di dalam template anda kode body {
6. Persis setelah kode tersebut, pastekan script di bawah ini

cursor: url("http://ckckckck..."), default;

7. Silahkan anda ganti tulisan yang berwarna hijau dengan alamat URL gambar pilihan anda
8. Untuk mendapatkan alamat URL image cursor tersebut,kunjungi {Disini} dan {disini}

dan saya akan memberikan contoh alamat cursor gif dan caranya diantaranya :

kodenya : http://downloads.totallyfreecursors.com/thumbnails/naruto3.gif

jadi setelah di gabungkan semuannya menjadi seperti dibawah ini code template punya saya g tau kalau punya anda? :

body {cursor: url("http://downloads.totallyfreecursors.com/thumbnails/naruto3.gif
"), default;
padding: 0px 0px 0px 0px;
text-align: center;
color: $textColor;
background: $bodybgColor url() repeat top right;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}

7. Klik Simpan
8. Selesai

SELAMAT MECOBA YAA

^.^SEMOGA BERMANFAAT^.^

Read more »

Posted in: Onad Trik n Tips

Cara Memasang Efek Salju di Blog

Langsung aja deh..
gak usah lama" yaa...

nih caranya:

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Edit/HTML
4. Cari kode seperti ini : </head>
5. Kalau sudah ketemu, letakkan script di bawah ini tepat di bawah kode </head>

 
> Efek salju berwarna "Merah"

<script src="http://agungosx.googlepages.com/saljumerah.js" type="text/javascript"></script>

> Efek salju berwarna "Kuning"

<script src="http://agungosx.googlepages.com/saljukuning.js" type="text/javascript"></script>

> Efek salju berwarna "Hijau Muda"

<script src="http://agungosx.googlepages.com/greensalju.js" type="text/javascript"></script>

> Efek salju berwarna "Hijau Tua"

<script src="http://agungosx.googlepages.com/saljuijotua.js" type="text/javascript"></script>

> Efek salju berwarna "Pink/Merah Muda"

<script src="http://agungosx.googlepages.com/pinksalju.js" type="text/javascript"></script>

> Efek salju berwarna "Ungu"

<script src="http://agungosx.googlepages.com/saljuungu.js" type="text/javascript"></script>

> Efek salju berwarna "Biru Muda"

<script src="http://agungosx.googlepages.com/saljubirumuda.js" type="text/javascript"></script>

> Efek salju berwarna "Biru Tua"

<script src="http://agungosx.googlepages.com/saljubiru.js" type="text/javascript"></script>

> Efek salju berwarna "Coklat"

<script src="http://agungosx.googlepages.com/saljucoklat.js" type="text/javascript"></script>

> Efek salju berwarna "Orange"

<script src="http://agungosx.googlepages.com/saljuorange.js" type="text/javascript"></script>

> Efek salju berwarna "Hitam"

<script src="http://agungosx.googlepages.com/saljuhitam.js" type="text/javascript"></script>

> Efek salju berwarna "Putih"

<script src="http://agungosx.googlepages.com/saljuputih.js" type="text/javascript"></script>

7. Klik Simpan
8. Selesai

SELAMAT MENCOBA YAA
^.^SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara Membuat Next Page

Menu next page atau tombol navigasi halaman.tidak seperti tombol next atau previous page,tombol next page atau navigasi halaman ini mempunyai kelebihan navigasi halaman yang bisa membuat pengunjung lebih mudah untuk mengingat artikel yang di sukai,karena halaman di tandai dengan angka.
untuk membuat menu next page atau navigasi halaman di blogspot ikuti langkah-langkah dibawah:

1.login ke blogger.
2.tataletak --->element halaman
3.tambahkan gedget.
4.pilih html/javascript
5.masukkan kode ini

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>






<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=4;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

untuk mengatur jumlah dalam satu halaman lihat
var pageCount=4;
bisa diganti sesuai keinginan .kalau ingin dalam satu halaman menampilkan 10 postingan ganti dengan
var pageCount=10;

SELAMAT MENCOBA YAA

^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara Membuat Kotak Tukeran Link Blog

Contoh :

Copy kode ini masukan di blog kamu





<a href="http://onadtriks.blogspot.com/search/label/Onad%20Trik%20n%20Tips.html" target="_blank"><br /><br /><img border="0" alt="Kolom blog tutorial " src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></a>

nih kodenya :

<center>Copy kode ini masukan di blog kamu</center>
<center><img alt="Kolom blog tutorial " src="http://i162.photobucket.com/albums/t253/rohman24/kolomtutorial.gif" border="0" /></center>
<center><textarea name="code" rows="6" cols="25"><a href="http://onadtriks.blogspot.com/search/label/Onad%20Trik%20n%20Tips.html" target="_blank"><br /><br /><img border="0" alt="Kolom blog tutorial " src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></a></textarea></center>

keterangan :

.:: Yang berwarna merah bisa kamu ubah dengan kata-kata sesuai dengan selera kamu.
.:: Yang berwarna hijau untuk menampilkan link yang akan di pasang di kotak tukaran link tsb.

SELAMAT MENCOBA YAAA
^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara Membuat Kode Warna

Ni dia contoh Tabel warnanya :

Warna	Contoh	Kode
Antique_white		#FAEBD7
azure		#F0FFFF
Bisque		#FFE4C4
blanched_almond		#FFEBCD
cornsilk		#FFF8DC
eggshell		#FCE6C9
floral_white		#FFFAF0
gainsboro		#DCDCDC
ghost_white		#F8F8FF
honeydew		#F0FFF0
ivory		#FFFFF0
lavender		#E6E6FA
lavender_blush		#FFF0F5
lemon_chiffon		#FFFACD
linen		#FAF0E6
mint_cream		#F5FFFA
misty_rose		#FFE4E1
moccasin		#FFE4B5
navajo_white		#FFDEAD
old_lace		#FDF5E6
papaya_whip		#FFEFD5
peach_puff		#FFDAB9
seashell		#FFF5EE
snow		#FFFAFA
thistle		#D8BFD8
titanium_white		#FCFFF0
wheat		#F5DEB3
white		#FFFFFF
white_smoke		#F5F5F5
zinc_white		#FDF8FF
Warna	Contoh	Kode
cold_grey		#808A87
dim_grey		#696969
grey		#C0C0C0
light_grey		#D3D3D3
slate_grey		#708090
slate_grey_dark		#2F4F4F
slate_grey_light		#778899
warm_grey		#808069
Warna	Contoh	Kode
black		#000000
ivory_black		#292421
lamp_black		#2E473B
Warna	Contoh	Kode
alizarin_crimson		#E32636
brick		#9C661F
cadmium_red_deep		#E3170D
coral		#FF7F50
coral_light		#F08080
deep_pink		#FF1493
english_red		#D43D1A
firebrick		#B22222
geranium_lake		#E31230
hot_pink		#FF69B4
indian_red		#B0171F
light_salmon		#FFA07A
madder_lake_deep		#E32E30
maroon		#B03060
pink		#FFC0CB
pink_light		#FFB6C1
raspberry		#872657
red		#FF0000
rose_madder		#E33638
salmon		#FA8072
tomato		#FF6347
venetian_red		#D41A1F
Warna	Contoh	Kode
beige		#A39480
brown		#802A2A
brown_madder		#DB2929
brown_ochre		#87421F
burlywood		#DEB887
burnt_sienna		#8A360F
burnt_umber		#8A3324
chocolate		#D2691E
deep_ochre		#733D1A
flesh		#FF7D40
flesh_ochre		#FF5721
gold_ochre		#C77826
greenish_umber		#FF3D0D
khaki		#F0E68C
khaki_dark		#BDB76B
light_beige		#F5F5DC
peru		#CD853F
rosy_brown		#BC8F8F
raw_sienna		#C76114
raw_umber		#734A12
sepia		#5E2612
sienna		#A0522D
saddle_brown		#8B4513
sandy_brown		#F4A460
tan		#D2B48C
van_dyke_brown		#5E2605
Warna	Contoh	Kode
cadmium_orange		#FF6103
cadmium_red_light		#FF030D
carrot		#ED9121
dark_orange		#FF8C00
mars_orange		#964514
mars_yellow		#E3701A
orange		#FF8000
orange_red		#FF4500
yellow_ochre		#E38217
Warna	Contoh	Kode
aureoline_yellow		#FFA824
banana		#E3CF57
cadmium_lemon		#FFE303
cadmium_yellow		#FF9912
cadmium_yellow_light		#FFB00F
gold		#FFD700
goldenrod		#DAA520
goldenrod_dark		#B8860B
goldenrod_light		#FAFAD2
goldenrod_pale		#EEE8AA
light_goldenrod		#EEDD82
melon		#E3A869
naples_yellow_deep		#FFA812
yellow		#FFFF00
yellow_light		#FFFFE0
Warna	Contoh	Kode
chartreuse		#7FFF00
chrome_oxide_green		#668014
cinnabar_green		#61B329
cobalt_green		#3D9140
emerald_green		#00C957
forest_green		#228B22
green		#00FF00
green_dark		#006400
green_pale		#98FB98
green_yellow		#ADFF2F
lawn_green		#7CFC00
lime_green		#32CD32
mint		#BDFCC9
olive		#3B5E2B
olive_drab		#6B8E23
olive_green_dark		#556B2F
permanent_green		#0AC92B
sap_green		#308014
sea_green		#2E8B57
sea_green_dark		#8FBC8F
sea_green_medium		#3CB371
sea_green_light		#20B2AA
spring_green		#00FF7F
spring_green_medium		#00FA9A
terre_verte		#385E0F
viridian_light		#6EFF70
yellow_green		#9ACD32
Warna	Contoh	Kode
aquamarine		#7FFFD4
aquamarine_medium		#66CDAA
cyan		#00FFFF
cyan_white		#E0FFFF
turquoise		#40E0D0
turquoise_dark		#00CED1
turquoise_medium		#48D1CC
turquoise_pale		#AFEEEE
Warna	Contoh	Kode
alice_blue		#F0F8FF
blue		#0000FF
blue_light		#ADD8E6
blue_medium		#0000CD
cadet		#5F9EA0
cobalt		#3D59AB
cornflower		#6495ED
cerulean		#05B8CC
dodger_blue		#1E90FF
indigo		#082E54
manganese_blue		#03A89E
midnight_blue		#191970
navy		#000080
peacock		#33A1C9
powder_blue		#B0E0E6
royal_blue		#4169E1
slate_blue		#6A5ACD
slate_blue_dark		#483D8B
slate_blue_light		#8470FF
slate_blue_medium		#7B68EE
sky_blue		#87CEEB
sky_blue_deep		#00BFFF
sky_blue_light		#87CEFA
steel_blue		#4682B4
steel_blue_light		#B0C4DE
turquoise_blue		#00C78C
ultramarine		#120A8F
Warna	Contoh	Kode
blue_violet		#8A2BE2
cobalt_violet_deep		#91219E
magenta		#FF00FF
orchid		#DA70D6
orchid_dark		#9932CC
orchid_medium		#BA55D3
permanent_red_violet		#DB2645
plum		#DDA0DD
purple		#A020F0
purple_medium		#9370DB
ultramarine_violet		#5C246E
violet		#8F5E99
violet_dark		#9400D3
violet_red		#D02090
violet_red_medium		#C71585
violet_red_pale		#DB7093

Gimana!!!Bagus kan???

kalau ingin memilikinya silahkan beli di toko" terdekat yaa...
hehehehe...just kidd kok...
Ni dia nih kode scriptnya...

<table border="1" style="font-family: Verdana; font-size: 10pt" width="100%"><tbody><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>Antique_white</td><td bgcolor="#faebd7"></td><td>#FAEBD7</td></tr><tr><td>azure</td><td bgcolor="#f0ffff"></td><td>#F0FFFF</td></tr><tr><td>Bisque</td><td bgcolor="#ffe4c4"></td><td>#FFE4C4</td></tr><tr><td>blanched_almond</td><td bgcolor="#ffebcd"></td><td>#FFEBCD</td></tr><tr><td>cornsilk</td><td bgcolor="#fff8dc"></td><td>#FFF8DC</td></tr><tr><td>eggshell</td><td bgcolor="#fce6c9"></td><td>#FCE6C9</td></tr><tr><td>floral_white</td><td bgcolor="#fffaf0"></td><td>#FFFAF0</td></tr><tr><td>gainsboro</td><td bgcolor="#dcdcdc"></td><td>#DCDCDC</td></tr><tr><td>ghost_white</td><td bgcolor="#f8f8ff"></td><td>#F8F8FF</td></tr><tr><td>honeydew</td><td bgcolor="#f0fff0"></td><td>#F0FFF0</td></tr><tr><td>ivory</td><td bgcolor="#fffff0"></td><td>#FFFFF0</td></tr><tr><td>lavender</td><td bgcolor="#e6e6fa"></td><td>#E6E6FA</td></tr><tr><td>lavender_blush</td><td bgcolor="#fff0f5"></td><td>#FFF0F5</td></tr><tr><td>lemon_chiffon</td><td bgcolor="#fffacd"></td><td>#FFFACD</td></tr><tr><td>linen</td><td bgcolor="#faf0e6"></td><td>#FAF0E6</td></tr><tr><td>mint_cream</td><td bgcolor="#f5fffa"></td><td>#F5FFFA</td></tr><tr><td>misty_rose</td><td bgcolor="#ffe4e1"></td><td>#FFE4E1</td></tr><tr><td>moccasin</td><td bgcolor="#ffe4b5"></td><td>#FFE4B5</td></tr><tr><td>navajo_white</td><td bgcolor="#ffdead"></td><td>#FFDEAD</td></tr><tr><td>old_lace</td><td bgcolor="#fdf5e6"></td><td>#FDF5E6</td></tr><tr><td>papaya_whip</td><td bgcolor="#ffefd5"></td><td>#FFEFD5</td></tr><tr><td>peach_puff</td><td bgcolor="#ffdab9"></td><td>#FFDAB9</td></tr><tr><td>seashell</td><td bgcolor="#fff5ee"></td><td>#FFF5EE</td></tr><tr><td>snow</td><td bgcolor="#fffafa"></td><td>#FFFAFA</td></tr><tr><td>thistle</td><td bgcolor="#d8bfd8"></td><td>#D8BFD8</td></tr><tr><td>titanium_white</td><td bgcolor="#fcfff0"></td><td>#FCFFF0</td></tr><tr><td>wheat</td><td bgcolor="#f5deb3"></td><td>#F5DEB3</td></tr><tr><td>white</td><td bgcolor="#ffffff"></td><td>#FFFFFF</td></tr><tr><td>white_smoke</td><td bgcolor="#f5f5f5"></td><td>#F5F5F5</td></tr><tr><td>zinc_white</td><td bgcolor="#fdf8ff"></td><td>#FDF8FF</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>cold_grey</td><td bgcolor="#808a87"></td><td>#808A87</td></tr><tr><td>dim_grey</td><td bgcolor="#696969"></td><td>#696969</td></tr><tr><td>grey</td><td bgcolor="#c0c0c0"></td><td>#C0C0C0</td></tr><tr><td>light_grey</td><td bgcolor="#d3d3d3"></td><td>#D3D3D3</td></tr><tr><td>slate_grey</td><td bgcolor="#708090"></td><td>#708090</td></tr><tr><td>slate_grey_dark</td><td bgcolor="#2f4f4f"></td><td>#2F4F4F</td></tr><tr><td>slate_grey_light</td><td bgcolor="#778899"></td><td>#778899</td></tr><tr><td>warm_grey</td><td bgcolor="#808069"></td><td>#808069</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>black</td><td bgcolor="#000000"></td><td>#000000</td></tr><tr><td>ivory_black</td><td bgcolor="#292421"></td><td>#292421</td></tr><tr><td>lamp_black</td><td bgcolor="#2e473b"></td><td>#2E473B</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>alizarin_crimson</td><td bgcolor="#e32636"></td><td>#E32636</td></tr><tr><td>brick</td><td bgcolor="#9c661f"></td><td>#9C661F</td></tr><tr><td>cadmium_red_deep</td><td bgcolor="#e3170d"></td><td>#E3170D</td></tr><tr><td>coral</td><td bgcolor="#ff7f50"></td><td>#FF7F50</td></tr><tr><td>coral_light</td><td bgcolor="#f08080"></td><td>#F08080</td></tr><tr><td>deep_pink</td><td bgcolor="#ff1493"></td><td>#FF1493</td></tr><tr><td>english_red</td><td bgcolor="#d43d1a"></td><td>#D43D1A</td></tr><tr><td>firebrick</td><td bgcolor="#b22222"></td><td>#B22222</td></tr><tr><td>geranium_lake</td><td bgcolor="#e31230"></td><td>#E31230</td></tr><tr><td>hot_pink</td><td bgcolor="#ff69b4"></td><td>#FF69B4</td></tr><tr><td>indian_red</td><td bgcolor="#b0171f"></td><td>#B0171F</td></tr><tr><td>light_salmon</td><td bgcolor="#ffa07a"></td><td>#FFA07A</td></tr><tr><td>madder_lake_deep</td><td bgcolor="#e32e30"></td><td>#E32E30</td></tr><tr><td>maroon</td><td bgcolor="#b03060"></td><td>#B03060</td></tr><tr><td>pink</td><td bgcolor="#ffc0cb"></td><td>#FFC0CB</td></tr><tr><td>pink_light</td><td bgcolor="#ffb6c1"></td><td>#FFB6C1</td></tr><tr><td>raspberry</td><td bgcolor="#872657"></td><td>#872657</td></tr><tr><td>red</td><td bgcolor="#ff0000"></td><td>#FF0000</td></tr><tr><td>rose_madder</td><td bgcolor="#e33638"></td><td>#E33638</td></tr><tr><td>salmon</td><td bgcolor="#fa8072"></td><td>#FA8072</td></tr><tr><td>tomato</td><td bgcolor="#ff6347"></td><td>#FF6347</td></tr><tr><td>venetian_red</td><td bgcolor="#d41a1f"></td><td>#D41A1F</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>beige</td><td bgcolor="#a39480"></td><td>#A39480</td></tr><tr><td>brown</td><td bgcolor="#802a2a"></td><td>#802A2A</td></tr><tr><td>brown_madder</td><td bgcolor="#db2929"></td><td>#DB2929</td></tr><tr><td>brown_ochre</td><td bgcolor="#87421f"></td><td>#87421F</td></tr><tr><td>burlywood</td><td bgcolor="#deb887"></td><td>#DEB887</td></tr><tr><td>burnt_sienna</td><td bgcolor="#8a360f"></td><td>#8A360F</td></tr><tr><td>burnt_umber</td><td bgcolor="#8a3324"></td><td>#8A3324</td></tr><tr><td>chocolate</td><td bgcolor="#d2691e"></td><td>#D2691E</td></tr><tr><td>deep_ochre</td><td bgcolor="#733d1a"></td><td>#733D1A</td></tr><tr><td>flesh</td><td bgcolor="#ff7d40"></td><td>#FF7D40</td></tr><tr><td>flesh_ochre</td><td bgcolor="#ff5721"></td><td>#FF5721</td></tr><tr><td>gold_ochre</td><td bgcolor="#c77826"></td><td>#C77826</td></tr><tr><td>greenish_umber</td><td bgcolor="#ff3d0d"></td><td>#FF3D0D</td></tr><tr><td>khaki</td><td bgcolor="#f0e68c"></td><td>#F0E68C</td></tr><tr><td>khaki_dark</td><td bgcolor="#bdb76b"></td><td>#BDB76B</td></tr><tr><td>light_beige</td><td bgcolor="#f5f5dc"></td><td>#F5F5DC</td></tr><tr><td>peru</td><td bgcolor="#cd853f"></td><td>#CD853F</td></tr><tr><td>rosy_brown</td><td bgcolor="#bc8f8f"></td><td>#BC8F8F</td></tr><tr><td>raw_sienna</td><td bgcolor="#c76114"></td><td>#C76114</td></tr><tr><td>raw_umber</td><td bgcolor="#734a12"></td><td>#734A12</td></tr><tr><td>sepia</td><td bgcolor="#5e2612"></td><td>#5E2612</td></tr><tr><td>sienna</td><td bgcolor="#a0522d"></td><td>#A0522D</td></tr><tr><td>saddle_brown</td><td bgcolor="#8b4513"></td><td>#8B4513</td></tr><tr><td>sandy_brown</td><td bgcolor="#f4a460"></td><td>#F4A460</td></tr><tr><td>tan</td><td bgcolor="#d2b48c"></td><td>#D2B48C</td></tr><tr><td>van_dyke_brown</td><td bgcolor="#5e2605"></td><td>#5E2605</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>cadmium_orange</td><td bgcolor="#ff6103"></td><td>#FF6103</td></tr><tr><td>cadmium_red_light</td><td bgcolor="#ff030d"></td><td>#FF030D</td></tr><tr><td>carrot</td><td bgcolor="#ed9121"></td><td>#ED9121</td></tr><tr><td>dark_orange</td><td bgcolor="#ff8c00"></td><td>#FF8C00</td></tr><tr><td>mars_orange</td><td bgcolor="#964514"></td><td>#964514</td></tr><tr><td>mars_yellow</td><td bgcolor="#e3701a"></td><td>#E3701A</td></tr><tr><td>orange</td><td bgcolor="#ff8000"></td><td>#FF8000</td></tr><tr><td>orange_red</td><td bgcolor="#ff4500"></td><td>#FF4500</td></tr><tr><td>yellow_ochre</td><td bgcolor="#e38217"></td><td>#E38217</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>aureoline_yellow</td><td bgcolor="#ffa824"></td><td>#FFA824</td></tr><tr><td>banana</td><td bgcolor="#e3cf57"></td><td>#E3CF57</td></tr><tr><td>cadmium_lemon</td><td bgcolor="#ffe303"></td><td>#FFE303</td></tr><tr><td>cadmium_yellow</td><td bgcolor="#ff9912"></td><td>#FF9912</td></tr><tr><td>cadmium_yellow_light</td><td bgcolor="#ffb00f"></td><td>#FFB00F</td></tr><tr><td>gold</td><td bgcolor="#ffd700"></td><td>#FFD700</td></tr><tr><td>goldenrod</td><td bgcolor="#daa520"></td><td>#DAA520</td></tr><tr><td>goldenrod_dark</td><td bgcolor="#b8860b"></td><td>#B8860B</td></tr><tr><td>goldenrod_light</td><td bgcolor="#fafad2"></td><td>#FAFAD2</td></tr><tr><td>goldenrod_pale</td><td bgcolor="#eee8aa"></td><td>#EEE8AA</td></tr><tr><td>light_goldenrod</td><td bgcolor="#eedd82"></td><td>#EEDD82</td></tr><tr><td>melon</td><td bgcolor="#e3a869"></td><td>#E3A869</td></tr><tr><td>naples_yellow_deep</td><td bgcolor="#ffa812"></td><td>#FFA812</td></tr><tr><td>yellow</td><td bgcolor="#ffff00"></td><td>#FFFF00</td></tr><tr><td>yellow_light</td><td bgcolor="#ffffe0"></td><td>#FFFFE0</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>chartreuse</td><td bgcolor="#7fff00"></td><td>#7FFF00</td></tr><tr><td>chrome_oxide_green</td><td bgcolor="#668014"></td><td>#668014</td></tr><tr><td>cinnabar_green</td><td bgcolor="#61b329"></td><td>#61B329</td></tr><tr><td>cobalt_green</td><td bgcolor="#3d9140"></td><td>#3D9140</td></tr><tr><td>emerald_green</td><td bgcolor="#00c957"></td><td>#00C957</td></tr><tr><td>forest_green</td><td bgcolor="#228b22"></td><td>#228B22</td></tr><tr><td>green</td><td bgcolor="#00ff00"></td><td>#00FF00</td></tr><tr><td>green_dark</td><td bgcolor="#006400"></td><td>#006400</td></tr><tr><td>green_pale</td><td bgcolor="#98fb98"></td><td>#98FB98</td></tr><tr><td>green_yellow</td><td bgcolor="#adff2f"></td><td>#ADFF2F</td></tr><tr><td>lawn_green</td><td bgcolor="#7cfc00"></td><td>#7CFC00</td></tr><tr><td>lime_green</td><td bgcolor="#32cd32"></td><td>#32CD32</td></tr><tr><td>mint</td><td bgcolor="#bdfcc9"></td><td>#BDFCC9</td></tr><tr><td>olive</td><td bgcolor="#3b5e2b"></td><td>#3B5E2B</td></tr><tr><td>olive_drab</td><td bgcolor="#6b8e23"></td><td>#6B8E23</td></tr><tr><td>olive_green_dark</td><td bgcolor="#556b2f"></td><td>#556B2F</td></tr><tr><td>permanent_green</td><td bgcolor="#0ac92b"></td><td>#0AC92B</td></tr><tr><td>sap_green</td><td bgcolor="#308014"></td><td>#308014</td></tr><tr><td>sea_green</td><td bgcolor="#2e8b57"></td><td>#2E8B57</td></tr><tr><td>sea_green_dark</td><td bgcolor="#8fbc8f"></td><td>#8FBC8F</td></tr><tr><td>sea_green_medium</td><td bgcolor="#3cb371"></td><td>#3CB371</td></tr><tr><td>sea_green_light</td><td bgcolor="#20b2aa"></td><td>#20B2AA</td></tr><tr><td>spring_green</td><td bgcolor="#00ff7f"></td><td>#00FF7F</td></tr><tr><td>spring_green_medium</td><td bgcolor="#00fa9a"></td><td>#00FA9A</td></tr><tr><td>terre_verte</td><td bgcolor="#385e0f"></td><td>#385E0F</td></tr><tr><td>viridian_light</td><td bgcolor="#6eff70"></td><td>#6EFF70</td></tr><tr><td>yellow_green</td><td bgcolor="#9acd32"></td><td>#9ACD32</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>aquamarine</td><td bgcolor="#7fffd4"></td><td>#7FFFD4</td></tr><tr><td>aquamarine_medium</td><td bgcolor="#66cdaa"></td><td>#66CDAA</td></tr><tr><td>cyan</td><td bgcolor="#00ffff"></td><td>#00FFFF</td></tr><tr><td>cyan_white</td><td bgcolor="#e0ffff"></td><td>#E0FFFF</td></tr><tr><td>turquoise</td><td bgcolor="#40e0d0"></td><td>#40E0D0</td></tr><tr><td>turquoise_dark</td><td bgcolor="#00ced1"></td><td>#00CED1</td></tr><tr><td>turquoise_medium</td><td bgcolor="#48d1cc"></td><td>#48D1CC</td></tr><tr><td>turquoise_pale</td><td bgcolor="#afeeee"></td><td>#AFEEEE</td></tr><tr><th>Warna</th><th>Contoh</th><th>Kode</th></tr><tr><td>alice_blue</td><td bgcolor="#f0f8ff"></td><td>#F0F8FF</td></tr><tr><td>blue</td><td bgcolor="#0000ff"></td><td>#0000FF</td></tr><tr><td>blue_light</td><td bgcolor="#add8e6"></td><td>#ADD8E6</td></tr><tr><td>blue_medium</td><td bgcolor="#0000cd"></td><td>#0000CD</td></tr><tr><td>cadet</td><td bgcolor="#5f9ea0"></td><td>#5F9EA0</td></tr><tr><td>cobalt</td><td bgcolor="#3d59ab"></td><td>#3D59AB</td></tr><tr><td>cornflower</td><td bgcolor="#6495ed"></td><td>#6495ED</td></tr><tr><td>cerulean</td><td bgcolor="#05b8cc"></td><td>#05B8CC</td></tr><tr><td>dodger_blue</td><td bgcolor="#1e90ff"></td><td>#1E90FF</td></tr><tr><td>indigo</td><td bgcolor="#082e54"></td><td>#082E54</td></tr><tr><td>manganese_blue</td><td bgcolor="#03a89e"></td><td>#03A89E</td></tr><tr><td>midnight_blue</td><td bgcolor="#191970"></td><td>#191970</td></tr><tr><td>navy</td><td bgcolor="#000080"></td><td>#000080</td></tr><tr><td>peacock</td><td bgcolor="#33a1c9"></td><td>#33A1C9</td></tr><tr><td>powder_blue</td><td bgcolor="#b0e0e6"></td><td>#B0E0E6</td></tr><tr><td>royal_blue</td><td bgcolor="#4169e1"></td><td>#4169E1</td></tr><tr><td>slate_blue</td><td bgcolor="#6a5acd"></td><td>#6A5ACD</td></tr><tr><td>slate_blue_dark</td><td bgcolor="#483d8b"></td><td>#483D8B</td></tr><tr><td>slate_blue_light</td><td bgcolor="#8470ff"></td><td>#8470FF</td></tr><tr><td>slate_blue_medium</td><td bgcolor="#7b68ee"></td><td>#7B68EE</td></tr><tr><td>sky_blue</td><td bgcolor="#87ceeb"></td><td>#87CEEB</td></tr><tr><td>sky_blue_deep</td><td bgcolor="#00bfff"></td><td>#00BFFF</td></tr><tr><td>sky_blue_light</td><td bgcolor="#87cefa"><br /></td><td>#87CEFA</td></tr><tr><td>steel_blue</td><td bgcolor="#4682b4"></td><td>#4682B4</td></tr><tr><td>steel_blue_light</td><td bgcolor="#b0c4de"></td><td>#B0C4DE</td></tr><tr><td>turquoise_blue</td><td bgcolor="#00c78c"></td><td>#00C78C</td></tr><tr><td>ultramarine</td><td bgcolor="#120a8f"></td><td>#120A8F</td></tr><tr><th>Warna</th><th>Contoh</th><th><p>Kode</p></th></tr><tr><td>blue_violet</td><td bgcolor="#8a2be2"></td><td>#8A2BE2</td></tr><tr><td>cobalt_violet_deep</td><td bgcolor="#91219e"></td><td>#91219E</td></tr><tr><td>magenta</td><td bgcolor="#ff00ff"></td><td>#FF00FF</td></tr><tr><td>orchid</td><td bgcolor="#da70d6"></td><td>#DA70D6</td></tr><tr><td>orchid_dark</td><td bgcolor="#9932cc"></td><td>#9932CC</td></tr><tr><td>orchid_medium</td><td bgcolor="#ba55d3"></td><td>#BA55D3</td></tr><tr><td>permanent_red_violet</td><td bgcolor="#db2645"></td><td>#DB2645</td></tr><tr><td>plum</td><td bgcolor="#dda0dd"></td><td>#DDA0DD</td></tr><tr><td>purple</td><td bgcolor="#a020f0"></td><td>#A020F0</td></tr><tr><td>purple_medium</td><td bgcolor="#9370db"></td><td>#9370DB</td></tr><tr><td>ultramarine_violet</td><td bgcolor="#5c246e"></td><td>#5C246E</td></tr><tr><td>violet</td><td bgcolor="#8f5e99"></td><td>#8F5E99</td></tr><tr><td>violet_dark</td><td bgcolor="#9400d3"></td><td>#9400D3</td></tr><tr><td>violet_red</td><td bgcolor="#d02090"></td><td>#D02090</td></tr><tr><td>violet_red_medium</td><td bgcolor="#c71585"></td><td>#C71585</td></tr><tr><td>violet_red_pale</td><td bgcolor="#db7093"></td><td>#DB7093<br /></td></tr></tbody></table>

1. Login ke blogger.com
2. Kemudian pilih Tata Letak ---> Elemen Halaman ---> Tambah Gadget
3. Pilih HTML/Javascript
4. Simpan dech..
5. Selesaiii.......

SELAMAT MENCOBA YAAA
^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara Membuat Menu Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

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

<script type="text/javascript">
tabview_initialize('TabView');
</script>

   

Keterangan :
- Angka2 atau text yang berwarna pink (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya. 

SELAMAT MENCOBA YAAA
^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara menampilkan Recent Comments(komentar terbaru)

Menampilkan recent comments atau komentar terbaru fungsinya adalah supaya kita bisa dengan mudah mengetahui siapa yang baru saja memberikan komentar pada blog kita dan di postingan mana mereka berkomentar. Recent Comments ini bisa kita pasang di halaman utama blog kita.
Beginilah cara membuat Recent Comments (Komentar Terbaru):

1. Login ke blogger lalu pilih menu "Layout"
2. Kemudian copy script berikut ini :

<script style="text/javascript" src="http://kendhin.890m.com/comments.js"></script><script style="text/javascript">var a_rc=8;var m_rc=false;var n_rc=true;var o_rc=40;</script><script src="http://onadtriks.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>

- Angka 8 merupakan jumlah komentar yang mau ditampilkan.
- Ganti trik-tips.blogspot.com dengan nama blogmu.

3. Untuk menampilkanya di sidebar maka pilih "Add a Gadget --> HTML/Javascript" Lalu masukkan script diatas kedalam kotak yg disediakan.

Coba dilihat blogmu, langsung jadi deh. Oh ya recent comments ini bisa juga dipasang didalam "Tab View" seperti yg ada d postinganku ini.

SELAMAT MENCOBA YAAA
^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips

Cara pasang Auto Read More terbaru (Versi 2)

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.



Langsung copy paste aja kode dibawah ini:

<script type="text/javascript">

var thumbnail_mode = "float" ;

summary_noimg = 250;

summary_img = 250;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type="text/javascript">

//<![CDATA[

/******************************************

Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks

********************************************/

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>

';

div.innerHTML = summary;

}

//]]>

</script>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body>

Kalo sudah, ganti kode <data:post.body> dengan semua kode dibawah ini

<b:if cond="data:blog.pageType != &quot;item&quot;">
</b:if></data:post.body>
<div expr:id="&quot;summary&quot; + data:post.id">
<data:post.body></data:post.body></div>
<script type="text/javascript">
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class="rmlink" style="float: left;"><a expr:href="data:post.url" href="http://www.blogger.com/post-create.g?blogID=1817040113351681750">READ MORE - <data:post.title></data:post.title></a></span>

<b:if cond="data:blog.pageType == &quot;item&quot;"><data:post.body></data:post.body>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

SELAMAT MENCOBA YAAA
^.^ SEMOGA BERMANFAAT ^.^

Read more »

Posted in: Onad Trik n Tips