anda bosan dengan bentuk search engine yang dari dulu bentuknya cuma gitu gitu aja?
mau bentuk search engine lain dari pada yang lain?
eits bukan kelainan lho.mungkin banyak dari teman teman blogger yang sudah tau cara merubah bentuk search engine yang lebih professional.
nah kali ini saya akan memberi tahu cara merubah search engine lain
dari pada yang lain.
lebih simple kok tanpa harus ke menu Edit HTML
pilih Layout (bahasa inggris) kalau bahasa yang lain tidak tahu
klik Page Elemen(bahasa inggris)
nah sekarang anda tinggal pilih pilih saja yang mana search engine yang akan anda pasang
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #fff; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #fff; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #fff; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #FFFCA4; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #B6FF43; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #FFFCA4; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #FFFCA4; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="background: #fff; color:#000; -moz-border-radius: 55px; border: 1px solid #CCCCCC; border: 1px solid #088A08" value="Search" type="submit"/> </form>
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #fff; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="margin-left: 5px; margin-right: px;margin-top: 5px;margin-bottom: px; padding-top:px" src="http://i38.tinypic.com/5dw6c2.jpg" value="Search" type="image"/> </form>
nih kodenya <form id="searchthis" action="/search" style="display:inline;" method="get"> <input onfocus="if (this.value == "Search...") {this.value = ""}" value="Search..." type="text" id="search-box" onblur="if (this.value == "") {this.value = "Search...";}" style="background: #FFFCA4; -moz-border-radius: 55px; padding-left: 10px; padding-right: 10px; border: 1px solid #CCCCCC; border: 1px solid #088A08 border: 1px solid #088A08/" size="25" name="q"/> <input id="search-btn" style="margin-left: 5px; margin-right: px;margin-top: 5px;margin-bottom: px; padding-top:px" src="http://i38.tinypic.com/5dw6c2.jpg" value="Search" type="image"/> </form>
anda bisa mengganti tulisan
form action="/search"
dengan link milik anda
contoh
form action="www.namabloganda.blogspot.com"
dah kayaknya itu aja deh..
mau ingin tanya tanya?
tulis aja di kotak komentar oke
Bagi Anda Yang Ingin Copy Paste Artikel Saya Harap Mencantumkan Sumbernya
Terima Kasih
21 Desember 2009 aRi isTiadi
4 Desember 2009 aRi isTiadi
Beberapa hari belakangan ini saya bingung mencari bahan untuk memposting artikel di blog ini.saya browsing kesana kemari dan menemukan menu navigasi untuk menambah cantik blog teman teman. Smooth Navigational Menu (v1.31) biar lebih merakyat saya sebut saja Menu navigasi berbayang itulah namanya karena di Menu tersebut ada bayangannya,yang saya dapat dari dynamicdrive
mau lihat contoh yang aslinya?
anda bisa
Mau bikin menu seperti itu..?
oke deh kalau mau yuk ikutin langkah langkahnya
Pertama
[1]Login dahulu di account blogger anda
Kedua
[2]klik Tata Letak
Ketiga
[3]klik Edit HTML
nah kalau sudah,coba anda cari kode
<head>
kalau sudah ketemu kodenya,copy kode di bawah ini
dan letakan persis di bawah kode <head>
<link href='http://ariistiadi.googlepages.com/ddsmoothmenu.css' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script src='http://ariistiadi.googlepages.com/ddsmoothmenu.js' type='text/javascript'>
</script>
Setelah itu anda cari kode
</head>
kalau sudah ketemu kodenya
copy kode di bawah ini dan paste tepat di atas kode </head>
<script type='text/javascript'>
ddsmoothmenu.init({
mainmenuid: "smoothmenu1", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
ddsmoothmenu.init({
mainmenuid: "smoothmenu2", //Menu DIV id
orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
//customtheme: ["#804000", "#482400"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
setelah itu anda cari kembali kode berikut ini:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='buat template baru (Header)' type='Header'/>
</b:section>
</div>
nah setelah itu copy kode di bawah ini
dan letakan persis di bawah kode
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='buat template baru (Header)' type='Header'/>
</b:section>
</div>
<div class='ddsmoothmenu' id='smoothmenu1'>
<ul>
<li><a href='http://www.dynamicdrive.com'>Item 1</a></li>
<li><a href='#'>Folder 0</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Folder 1</a>
<ul>
<li><a href='#'>Sub Item 1.1</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
<li><a href='#'>Sub Item 1.2</a></li>
<li><a href='#'>Sub Item 1.3</a></li>
<li><a href='#'>Sub Item 1.4</a></li>
</ul>
</li>
<li><a href='#'>Item 3</a></li>
<li><a href='#'>Folder 2</a>
<ul>
<li><a href='#'>Sub Item 2.1</a></li>
<li><a href='#'>Folder 2.1</a>
<ul>
<li><a href='#'>Sub Item 2.1.1</a></li>
<li><a href='#'>Sub Item 2.1.2</a></li>
<li><a href='#'>Folder 3.1.1</a>
<ul>
<li><a href='#'>Sub Item 3.1.1.1</a></li>
<li><a href='#'>Sub Item 3.1.1.2</a></li>
<li><a href='#'>Sub Item 3.1.1.3</a></li>
<li><a href='#'>Sub Item 3.1.1.4</a></li>
<li><a href='#'>Sub Item 3.1.1.5</a></li>
</ul>
</li>
<li><a href='#'>Sub Item 2.1.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://www.dynamicdrive.com/style/'>Item 4</a></li>
</ul>
<br style='clear: left'/>
</div>
anda bisa mengganti
alamat [http://www.dynamicdrive.com] dan [#] dengan alamat link anda sendiri
dan mengganti tulisan
-Sub Item
-Folder 0
-Folder 1
-Item 3
-Folder 2
sesuai keinginan anda masing masing
kayaknya itu saja caranya
masih blum berhasil?
tanyakan saja
Sumber:dynamicdrive
Bagi Anda Yang Ingin Copy Paste Artikel Saya Harap Mencantumkan Sumbernya
Terima Kasih