Membuat Mesin Pencari Google Search Custom

Bagi anda yang masih menggunakan Search Form buatan sendiri, lebih baik sekarang gunakan mesin pencari ala google di blog anda, karena hasil pencarian google lebih baik dari pada Mesin Pencari Buatan Sendiri

>> Silahkan masuk ke http//google.co.id/cse
>> Kemudian Klik Buat Mesin Telusur Ubahsuaian

>> Pastikan anda sudah login dengan akun Google Gmail anda
>> Jika sudah di klik Buat Mesin Telusur Ubahsuaian
Anda harus mengisi form pembuatan mesin pencari.
Seperti ini contohnya
* Nama Mesin Telusur : Isi dengan apa yang anda inginkan, misal Pencarian Rhoedal
* Keterangan Mesin Telusur : Misal, Gunakan lah mesin telusur ini, dengan hasil yang lebih baik
* Bahasa : Bahasa apa yang anda gunakan, jika indonesia, pilih Indonesia
* Apa yang ingin di telusuri : Jika hanya ingin blog anda saja pilih form radio Hanya situs yang saya pilih
* Pilih beberapa situs : Jika hanya ingin blog anda saja yang di cari, masukkan alamat blog anda di form, Namun jika anda mempunyai 2 blog dan ingin masuk dalam pencarian mesin telusur Ubah Suaian masukkan blog anda yang kedua pisahkan dengan Spasi
* Pilih edisi : Pilih aja edisi standar
* Kemudian centang button radio Persyaratan Layanan
* Kemudian Klik Lanjut

* Klik Selesai
Jika anda ingin menyesuaikan tampilannya klik Panel Kontrol

Anda pun akan di bawa ke form penyesuaian, Masukkan keyword/kata kunci untuk blog anda pisahkan dengan spasi atau koma, Jika sudah klik Simpan Perubahan
* Klik tampilan dan nuansa
di halaman ini ada tiga pilihan yaitu
* Elemen Penelusuran
Menyediakan pilihan yang lebih banyak dengan mengklik lebar penuh atau Ringkas(hasil pencarian menjadi satu dengan form pencarian) Dua kolom (hasil pencarian bisa terpisah dengan dengan form pencarian)
* Iframe
Hasil pencarian bisa anda tentukan di postingan tertentu
* Layanan yang diinangi
Hasil pencarian akan di tampilkan di halaman google.

Anda pun bisa mengganti warna dari mesin telusur yang anda buat.
Jika semuanya sudah selesai klik Simpan di sebelah kiri monitor anda klik dapatkan kode kemudian anda copy dan pasang di sidebar anda

Cara Mengatur Password yang Disimpan di Internet Explorer

Ketika kamu memasukan sebuah username dan password, Internet Explorer mungkin bertanya jika kamu ingin untuk mengingat passwordnya. Klik Yes dan itu akan secara otomatis mengisi password pada waktu kamu memasukan username. Tetapi, jika kamu menceklis “Don't offer to remember any more passwords”, kemudian entah kamu klik Yes atau No, kamu tidak akan ditanya lagi soal hal tersebut diatas.

Untuk mengembalikan fitur ini, kamu harus:

1. Buka Internet Explorer (Start --> All Program --> Internet Explorer)

2. Buka Internet Option (klik Tools --> Internet Option)


3. Buka tab Content, lalu klik AutoComplete dan cek ‘Prompt me to save passwords’

menghapus isi Advisor Password di Internet Explorer

langkah-langkah dibawah berikut akan menghapus password  di Internet Explorer Advisor dan memungkinkan Anda untuk me-reset ke program awal
1) Klik pada Start dan pilih Run.
2) Ketik di RegEdit dan pilih OK.
3) Sekarang klik pada tanda tambah kecil di sebelah kiri
H_KEY_LOCAL_MACHINE.
4) Lanjutkan untuk menelusuri, selalu mengklik tanda plus di sebelah kiri bernama key  
through  Software, Microsoft, Windows, Current Version and Policies.
5) Sekarang klik pada rating folder .
6) Pada sisi kanan dari jendela RegEdit, Anda akan melihat sebuah ikon yang disebut Key. Klik dan tekan Hapus.
7) Selanjutnya, pilih Registry dan kemudian Keluar  dari RegEdit.
Anda baru saja menghapus original Content Advisor password

8) Restart komputer dan jalankan Internet Explorer lagi.
9) Pilih View, kemudian Internet Options (atau Pilihan untuk versi 3.x). Untuk IE 5 atau lebih, Klik Tools, Internet Options.
10) Klik pada tab Content dan klik Nonaktifkan. Ketika diminta untuk password, jangan masukkan apa-apa, cukup klik OK. Ini akan menonaktifkan Content Advisor karena tidak ada lagi passwordnya
Bagaimana Memperbaiki Masalah dengan Content Advisor Informasi yang Hilang
Dalam banyak kasus, masalah ini terjadi ketika file Ratings.pol rusak, ikuti petunjuk di bawah untuk memperbaiki masalah ini.
1) tutup Internet Explorer
2) Buka My Computer, klik Tools, Folder option
3) Klik pada tab View dan pastikan “Show hidden files and folders“ (Tampilkan berkas dan folder tersembunyi)  dipilih, Anda mungkin juga ingin hapus centang pada kotak di samping “Hide extensions for known file types“ (Sembunyikan ekstensi untuk jenis file yang diketahui) dan klik Ok
4) Double klik Drive C di My Computer
5) Double klik pada folder Windows dan kemudian Double klik pada System folder
6) Cari file RATINGS.POL dan klik kanan  dan pilih Rename. Ubah nama ke RATINGS.OLD 7) Tutup  Windows dan kemudian buka kembali Internet Explorer
8) Klik pada Tools, Internet Options
9) Klik pada tab Content, kemudian klik pada Settings
10)  Ketik sandi user Anda jika dibutuhkan dan klik Ok
11) Pilih Ratings options bila anda inginkan  dan klik Ok untuk  menutup Internet Explore

Membuat Menu Navigasi CSS Di Element Baru

Membuat menu navigasi,adalah pelajaran yang paling banyak di pertanyakan oleh blogger-blogger pemula,termasuk saya beberapa hari yang lalu. Disini kita akan membahas tentang bagaimana membuat menu makanan 4 sehat 5 sempurna, Hus !! bukan,maksudnya Menu Navigasi dengan CSS. Tapi tidak seperti kebanyakan,biasanya mereka meletakkan di bawah kode <body>,tapi di sini kita akan meletakkan kodenya di Element HTML/Javascript yang baru. Apa itu CSS? kita akan bahas beberapa hari lagi,berhubung yang kita bahas kali ini Menu Navigasinya. Seperti apa sich contoh Menu Navigasi? Navigasi pada web / blog,sesuai dengan namanya,yaitu untuk menuntun jalan,supaya web / blog lebih mudah di telusuri. Contoh bentuk fisiknya seperti di bawah ini : Edit Aku Edit Aku Edit Aku Edit Aku Untuk membuatnya kali ini,kita minta bantuan CSS,apa itu CSS,kita bahas naa..ant : (,tadi sudah di omongiiin!!!! #$%#! . Cara membuatnya sederhana sekali,berhubung kita dengan bantuan CSS,kita tak perlu membuat tabel untuk Menu Navigasi seperti di atas. Tapi,yang paling surprise buat gw waktu aku jalan-jalan ke Blok-M,tiba-tiba aku ngliat yang belum pernah...OOee!!Ngemeng aja!ntar aja ceritanya ngapa !! Ok! berhubung ntar malah tambah bikin rusuh suasana,kan dapet dosa tuh!,kalo dosa,kita masuuk Nera...@#$@#$@!!gUBRAK! gw bilang ntar ya ntar ceritanyaaa!! Ya..ya.ntar aja ceritanya ya..Ok langsung ke topik,kita hari ini. Langkah pertama,pergi ke Dashboard (untuk blogspot),lalu pilih Tata Letak,selanjutnya pilih tab Edit HTML. Lalu cari kode ]]></b:skin>,jika sudah ketemu,tepat diatasnya,letakkan kode di bawah ini : #NavbarMenu { background: #000; width: 400px; height: 10px; font-size: 11px; font-family: Trebuchet MS, Tahoma, Verdana; color: #fff; margin: 0px; padding: 0px; } #NavbarMenuleft { width: 400px; float: left; margin: 0; padding: 0; } #nav { margin: 0; padding: 0; } #nav ul { float: left; list-style: none; margin: 0; padding: 0; } #nav li { list-style: none; margin: 0; padding: 0; } #nav li a, #nav li a:link, #nav li a:visited { background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; } #nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; } #nav li li a:hover, #nav li li a:active { background: #222222; color: #ffffff; padding: 7px 10px; } #nav li { float: left; padding: 0; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } Jika kode sudah anda letakkan,lalu Simpan Template. Selanjutnya pilih Tab Tata Letak,dan buat Element Baru / Add New Widget,pilih HTML / Javascript. Lalu letakkan kode di bawah ini pada halaman HTML / Javascript yang baru saja anda pilih. <ul id='nav'> <li><a href='http:///'>Menu 1</a></li> <li><a href='http:///'>Menu 2</a></li> <li><a href='http:///'>Menu 3</a></li> <li><a href='http:///'>Menu 4</a></li> </ul> Jika kode sudah anda letakkan,lalu pilih Simpan,dan anda bisa langsung lihat hasilnya. Untuk http:/// ,anda isi dengan alamat URL yang akan di tuju,sedagkan untuk Menu 1,2,3,4 ,Untuk tulisan yang akan tampil,sedangkan jika ingin menambahkan satu kolom lagi,anda tinggal menulis satu baris lagi,baris yang mana? Copy aja salah satu kode : <li><a href='http:///'>Menu 4</a></li>,dan paste persis di bawahnya.

Kode warna pada HTML (3 angka)

Kode warna pada HTML adalah gabungan nilai dari warna RGB (Red Green Blue, Merah Hijau Biru). Penulisan kode warna ini umumnya menggunakan bilangan heksadesimal. Nilai minimal tiap komponen warna adalah 00. Nilai maksimal adalah FF. Misalkan kita ingin membuat warna biru (murni), kita ketikkan #0000FF. Artinya nilai R: 00, G: 00, B: FF, jadi yang tampil adalah warna biru. Untuk membuat warna-warna lain, kita gunakan gabungan dari nilai ketiga warna dasar tadi.
Berikut tabel daftar kode warna pada HTML:

FFF  FFF

CCC  CCC

999  999

666  666

333  333

000  000

FFC  C00

FF9  900

FF6  600

FF3  300

99C  C00

CC9  900

FFC  C33

FFC  C66

FF9  966

FF6  633

CC3  300

CC0  033

CCF  F00

CCF  F33

333  300

666  600

999  900

CCC  C00

FFF  F00

CC9  933

CC6  633

330  000

660  000

990  000

CC0  000

FF0  000

FF3  366

FF0  033

99F  F00

CCF  F66

99C  C33

666  633

999  933

CCC  C33

FFF  F33

996  600

993  300

663  333

993  333

CC3  333

FF3  333

CC3  366

FF6  699

FF0  066

66F  F00

99F  F66

66C  C33

669  900

999  966

CCC  C66

FFF  F66

996  633

663  300

996  666

CC6  666

FF6  666

990  033

CC3  399

FF6  6CC

FF0  099

33F  F00

66F  F33

339  900

66C  C00

99F  F33

CCC  C99

FFF  F99

CC9  966

CC6  600

CC9  999

FF9  999

FF3  399

CC0  066

990  066

FF3  3CC

FF0  0CC

00C  C00

33C  C00

336  600

669  933

99C  C66

CCF  F99

FFF  FCC

FFC  C99

FF9  933

FFC  CCC

FF9  9CC

CC6  699

993  366

660  033

CC0  099

330  033

33C  C33

66C  C66

00F  F00

33F  F33

66F  F66

99F  F99

CCF  FCC

CC9  9CC

996  699

993  399

990  099

663  366

660  066

006  600

336  633

009  900

339  933

669  966

99C  C99

FFC  CFF

FF9  9FF

FF6  6FF

FF3  3FF

FF0  0FF

CC6  6CC

CC3  3CC

003  300

00C  C33

006  633

339  966

66C  C99

99F  FCC

CCF  FFF

339  9FF

99C  CFF

CCC  CFF

CC9  9FF

996  6CC

663  399

330  066

990  0CC

CC0  0CC

00F  F33

33F  F66

009  933

00C  C66

33F  F99

99F  FFF

99C  CCC

006  6CC

669  9CC

999  9FF

999  9CC

993  3FF

660  0CC

660  099

CC3  3FF

CC0  0FF

00F  F66

66F  F99

33C  C66

009  966

66F  FFF

66C  CCC

669  999

003  366

336  699

666  6FF

666  6CC

666  699

330  099

993  3CC

CC6  6FF

990  0FF

00F  F99

66F  FCC

33C  C99

33F  FFF

33C  CCC

339  999

336  666

006  699

003  399

333  3FF

333  3CC

333  399

333  366

663  3CC

996  6FF

660  0FF

00F  FCC

33F  FCC

00F  FFF

00C  CCC

009  999

006  666

003  333

339  9CC

336  6CC

000  0FF

000  0CC

000  099

000  066

000  033

663  3FF

330  0FF

00C  C99

009  9CC

33C  CFF

66C  CFF

669  9FF

336  6FF

003  3CC

330  0CC

00C  CFF

009  9FF

006  6FF

003  3FF

Kode Warna HTML – HTML Colour Code

Di bawah ini ada kode warna berikut preview warna aslinya, jadi kalo ada yang butuh kode warna tinggal pilih warna di bawah ini dan langsung copy kode yg dibawahnya..

#FFFFFF	#FFFFCC	#FFFF99	#FFFF66	#FFFF33	#FFFF00
#FFCCFF	#FFCCCC	#FFCC99	#FFCC66	#FFCC33	#FFCC00
#FF99FF	#FF99CC	#FF9999	#FF9966	#FF9933	#FF9900
#FF66FF	#FF66CC	#FF6699	#FF6666	#FF6633	#FF6600
#FF33FF	#FF33CC	#FF3399	#FF3366	#FF3333	#FF3300
#FF00FF	#FF00CC	#FF0099	#FF0066	#FF0033	#FF0000
#CCFFFF	#CCFFCC	#CCFF99	#CCFF66	#CCFF33	#CCFF00
#CCCCFF	#CCCCCC	#CCCC99	#CCCC66	#CCCC33	#CCCC00
#CC99FF	#CC99CC	#CC9999	#CC9966	#CC9933	#CC9900
#CC66FF	#CC66CC	#CC6699	#CC6666	#CC6633	#CC6600
#CC33FF	#CC33CC	#CC3399	#CC3366	#CC3333	#CC3300
#CC00FF	#CC00CC	#CC0099	#CC0066	#CC0033	#CC0000
#99FFFF	#99FFCC	#99FF99	#99FF66	#99FF33	#99FF00
#99CCFF	#99CCCC	#99CC99	#99CC66	#99CC33	#99CC00
#9999FF	#9999CC	#999999	#999966	#999933	#999900
#9966FF	#9966CC	#996699	#996666	#996633	#996600
#9933FF	#9933CC	#993399	#993366	#993333	#993300
#9900FF	#9900CC	#990099	#990066	#990033	#990000
#66FFFF	#66FFCC	#66FF99	#66FF66	#66FF33	#66FF00
#66CCFF	#66CCCC	#66CC99	#66CC66	#66CC33	#66CC00
#6699FF	#6699CC	#669999	#669966	#669933	#669900
#6666FF	#6666CC	#666699	#666666	#666633	#666600
#6633FF	#6633CC	#663399	#663366	#663333	#663300
#6600FF	#6600CC	#660099	#660066	#660033	#660000
#33FFFF	#33FFCC	#33FF99	#33FF66	#33FF33	#33FF00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#33CCFF	#33CCCC	#33CC99	#33CC66	#33CC33	#33CC00
#3399FF	#3399CC	#339999	#339966	#339933	#339900
#3366FF	#3366CC	#336699	#336666	#336633	#336600
#3333FF	#3333CC	#333399	#333366	#333333	#333300
#3300FF	#3300CC	#330099	#330066	#330033	#330000
#00FFFF	#00FFCC	#00FF99	#00FF66	#00FF33	#00FF00
#00CCFF	#00CCCC	#00CC99	#00CC66	#00CC33	#00CC00
#0099FF	#0099CC	#009999	#009966	#009933	#009900
#0066FF	#0066CC	#006699	#006666	#006633	#006600
#0033FF	#0033CC	#003399	#003366	#003333	#003300
#0000FF	#0000CC	#000099	#000066	#000033	#000000

Kode CSS Untuk Background Transparan

Saat kita buat widget atau fungsi tertentu biasanya ada sebuah perintah untuk menampilkan kode warna background. Misal kode background:#ffffff, itu berarti background akan berwarna putih. Bagaimana jika ingin menggunakan background transparan???

Background transparan atau bisa juga disebut background tembu

s pand

ang (uppss...), bisa dibuat kode khusus agar warnanya bisa tembus pandang. Hanya menambah kode perintah tembus pandang di bagian CSS. Dan bisa kita atur mana yang mau tembus dan mana yang tidak tembus pandang. Bila hendak membuat seluruh blog menjadi tembus pandang maka tinggal meletakannya di bagian #outter-wrapper.

Bila sidebar saja yang hendak dibuat tembus maka cukup tambahkannya di bagian #sidebar.Langsung saja berikut adalah kode CSS untuk warna tembus pandang :

filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; -khtml-opacity:0.70;

 
tulisan berwarna biru bisa diatur, bila semakin kecil nilainya maka warna akan semakin tembus .

Untuk penerapannya, misal kawan blogger pengin buat widget iklan atau widget cloud tag di side bar, biasanya disitu ada kode yang menampilkan background (misal background:#FFFFFF), maka tulisan background:#FFFFFF dihapus saja, lalu ganti dengan kode seperti ditulis diatas.

Oh ya, kode ini jangan disalahgunakan buat bikin baju ya, bisa berabee.. " 
  
Happy Blogging Kawan....

Cara Modifikasi Blockquote Blogger / Membuat Blockquote Gaul!!

Seperti apa sih Blockquote itu?

Untuk platform blogger,blockquote memiliki tampilan default yang dapat dikatakan 'biasa saja'.
Blockquote,adalah unsur dalam posting yang digunakan untuk menunjukkan kutipan dari sebagian besar teks dari sumber lainatau teks yang menunjukkan suaru penjelasangaris besarnya.

Contoh tampilan blocquote adalah seperti di bawah ini:

Nah,sampai disini sobat sudah mengetahui to opo iku blockquote?

Sekarang,yuk cari tahu bagaimana Cara Modifikasi Blockquote Blogger.

1.Pedhilah ke dashboard blog sobat lalu pilih rancangan atau tata letak,lihat gambar 01.



Gb.0.1

2.Pilih tab Edit HTML,lalu contreng tulisan Expand Widhet Templates,lihat Gambar0.2 dan 0.3



Gb.0.2



Gb.0.3

3.Cari kode ]]></b:skin> (untuk mempermudah gunakan keyboard dan tekan Ctrl+F),setelah ketemu,tepat diatas kode tersebut letakkan kode berikut :

.post-body blockquote {
margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;
background: url(http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png) no-repeat left top;
border-left: 10px solid #666666;
}

4.Lalu simpan Templates,dan selesai.

Catatan:jika css blog sobat sudah ada kode .post-body blockquote {,maka tinggal ganti dengan kode diatas.

Cara Membuat Blockquote dalam Postingan

Setelah sobat melakukan cara memodifikasi blockquote diatas,kini sobat dapat membuat blockquote dalam postingan,dapat secara manual dan dapat pula secara WYSWYG.

1.Untuk secara manual sobat tinggal sisipkan kode:
<blockquote></blockquote> dalam kalimat atau paragraf,contohnya,

<blockquote>Saya sedang belajar menghias blog blogger dan kali ini saya sedang belajar membuat blockquote dalam postingan di blogspot-ku tersayang ini :D</blockquote>

Nah,dari penulisan diatas,akan menghasilkan tanpilan blockquote seperti ini:

Saya sedang belajar menghias blog blogger dan kali ini saya sedang belajar membuat blockquote dalam postingan di blogspot-ku tersayang ini :D

2.Cara instant,dengan memblok postingan dan tinggal klik deh tanda blockquote-nya,seperti gambar ini:




Semoga bermanfaat ya teman-teman :D

Belajar Membuat Navigasi Bar [Navbar Blogger] Menu Sederhana

Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti 'Home', 'About','Daftar Isi',Links dll? Disini,kita akan belajar membuat navigasi bar (navbar) blogger menu sederhana,seperti kasus diatas. Jadi,bukan hanya membuat sebuah navbar,melainkan membuat 'menu navigasi' di dalam navbar itu sendiri. Bingung? Contoh hasil dari kreasi navbar ini,bisa anda lihat seperti gambar di bawah ini [klik gambar untuk hasil yang lebih besar]: Sedangkan jika anda ingin memastikan seperti apa sih hasil sebenarnya,silakan kunjungi situsnya langsung di     SINI Bagaimana? tertarik untuk membuatnya? Langkah Membuat Navbar Blogger Sederhana Sesederhana judul artikel ini,penempatan barisan kode css maupun kode untuk navbarnya,sangat sederhana sekali. Sekali lagi,tutorial membuat navbar ini hanya untuk blogspot dari blogger saja ya :p Pertama,Pergilah ke Dashboard blogger anda,lalu pilih Tata Letak,selanjutnya seperti biasa pilih tab Edit HTML. Selanjutnya,contreng tulisan Expand Widget Templates. Lalu cari kode berikut: </head> [untuk membantu,carilah menggunakan keyboard dengan menekan tombol alt+F] Setelah ketemu,letakkan kode css berikut persis di atas kode </head> tersebut. <style type="text/css"> #pelajaranblognav img { margin: 0px 0px -8px 0px; vertical-align: middle; } #pelajaranblognav { background-color: #222222; width: 100%; left: 0px; text-align: center; font-family: Arial, Tahoma, Verdana; font-size: 12px; z-index:10000; bottom:0; } #pelajaranblognav ul { margin: 0px; padding: 0px; list-style: none; color:white; font-family:arial; font-size:11px; } #pelajaranblognav a { background: #222222; color: #FFFFFF; text-decoration:none; font-weight: bold; margin: 0px; padding: 8px 12px 8px 12px; border-left: 0px solid #444444; border-top:0px solid #444444; border-right: 0px solid #000000; border-bottom: 0px solid white; } #pelajaranblognav a:visited { background: #222222; color: #FFFFFF; text-decoration:none; font-weight: bold; margin: 0px; padding: 8px 12px 8px 12px; border-left: 0px solid #444444; border-top:0px solid #444444; border-right: 0px solid #000000; border-bottom: 0px solid white; } #pelajaranblognav a:hover { background: #222222; color: green; text-decoration:none; font-weight: bold; margin: 0px; padding: 8px 12px 8px 12px; border-left: 0px solid #444444; border-top:0px solid #444444; border-right: 0px solid #000000; border-bottom: 0px solid white; } #pelajaranblognav li { float: left; margin: 0px; padding: 0px; } #copyright a { text-decoration: none; font-family:arial; font-size:11px; } #copyright { color: black; text-decoration: none; float:right; font-family:arial; font-size:11px; } </style> Jika sudah anda letakkan kodenya css-nya,sekarang cari lagi kode berikut: <body> Jika sudah ketemu,letakkan kode berikut persis di bawahnya. <div id="pelajaranblognav"> <table border="0" bgcolor="#222222"> <tr> <br/><ul><li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Daftar Isi</a></li> <li><a href="http://pelajaran-blog.blogspot.com/">Belajar Blog</a></li> <li><a href="http://cepat-terindex-google.blogspot.com/">Belajar Seo</a></li> <li><a href="#">Links</a></li></ul> <td> <a href="http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro"><img border="0" src="http://www.awsurveys.com/Pictures/AWS2_ad3_600by100.jpg" width="500" height="80"/></a> </td> <td><center><a href="http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro"><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> <center><a href="http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro"><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> </td><td> <center><a href="http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro"><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> <center><a href="http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro"><img border="0" src="http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg" width="80" height="50"/></a></center><br/> </td> </tr> </table> </div> <div id="copyright"> Langganan <a href="http://url_blog_anda.blogspot.com/feeds/posts/default" target="_self"><b>RSS Artikel</b></a> | Langganan <a href="http://url_blog_anda.blogspot.com/feeds/comments/default" target="_self"><b>RSS Komentar</b></a> | Buat <a href="http://pelajaran-blog.blogspot.com/2009/11/belajar-membuat-navigasi-bar-navbar.html" target="blank"><b>Navbar</b></a> Ini Di Blog Kamu </div> Setelah itu Simpan Template,dan lihat hasilnya sekarang :D Keterangan: Untuk tanda #,gantilah dengan url alamat yang ingin anda tuju. Untuk http://www.awsurveys.com/HomeMain.cfm?RefID=pujiantoro,gantilah dengan alamat iklan banner anda. Untuk http://www.awsurveys.com/Pictures/AWS_ad3_150by150.jpg,gantilah dengan url gambar banner anda. Untuk http://url_blog_anda.blogspot.com/,gantilah dengan url blog anda. Semoga bermanfaat dan modifikasilah sesuai selera anda masing-masing. Goosd Luck Ya!