Selamat datang di Dunia Tutorial :D Tidak banyak yang akan temukan ditempat ini, Mungkin hanya ide-ide dan pemikiran kecil ditengah keterbatasan kami. Tetapi bagi kami, keterbatasan bukanlah suatu alasan untuk berhenti saling berbagi.

Yahoo Search Box untuk Blogger

Do you like this post?
Sobat Blogger Tutorial semua, artikel kali ini Blogger Tutorial akan memberikan cara mudah bagaimana memasang Yahoo Search di Blog sobat. Gak usah panjang ya, Dunia Tutorial memang simple-simple aja namun kreatif, ciee ciee..check it out!!


  • Login ke Dashboard Blog sobat, Pilih Rancangan - Elemen halaman 
  • Tambah Gadget - Html/Javascript
  • Copy kan kode dibawah ini
<div id="ysrchForm width:170px;margin:0 auto;padding:20px;position:relative; "><form id="searchBoxForm_undefined" action="http://search.yahoo.com/search" style="padding:0;"><input value="UTF-8" name="ei" type="hidden"/><input value="ystg" name="fr" type="hidden"/><div style="padding:0 80px 0 0;zoom:1;"><input onfocus="this.style.background='#fff';" type="text" id="searchTerm" onblur="if(this.value=='')this.style.background='#fff url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat'" style="height:15px;border: solid 1px black; background:#fff url(http://us.i1.yimg.com/us.yimg.com/i/us/sch/gr2/lg_pwsch.gif) 3px center no-repeat; position:relative;" size="33" / name="p"/><input id="btn_undefined" style="position:absolute;padding-left:10px;" src="http://www.solidblogger.com/blogger-hacks/yahoo-search-widget-button.png" value="Search" type="image"/></div><span padding:0; font:11px/11px helvetica, sans-serif; list-style-type:none;="arial," margin:0; normal text-align:left;><li style="display:inline;padding-right:10px;"><input id="web_radio" style="vertical-align:middle;margin-right:5px; " value="" name="vs" type="radio"/><label for="web_radio" style="display:inline;vertical-align:middle; padding-top:2px;">Web</label></li><li style="display:inline;padding-right:10px;"><input id="site_radio" checked="checked" style="vertical-align:middle;margin-right:5px; " value="ALAMAT-BLOGMU" name="vs" type="radio"/><label for="site_radio" style="display:inline;vertical-align:middle; padding-top:2px;">this Blog</label></li></span></form></div>

  • Ganti  ALAMAT-BLOGMU  dengan alamat blog sobat Dunia Tutorial
  • Hasilnya akan tampak seperti dibawah ini







  • Artikel Terkait

    0 komentar:

    Beri Komentar