Search JavaScript Kit:

This free script provided by
JavaScript Kit

Dian motor cell

Placed AD here !!

Pop Cash

Pop Cash

Pop Cash

Cara Termudah Membuat Badge Google Plus di Blogspot

Tidak berbeda halnya dengan Facebook dengan plugin Like Box Facebook-nya dan Twitter dengan Follower Box-nya, maka Google pun memiliki media untuk dijadikan umpan penggemar sebagai sarana indikator menyukai dengan mengikuti atau follower blog kita dengan cara klik tombol follow yang terdapat pada kotak google plus badge. Pada dasarnya kedua media ini diperuntukan menjadikan wadah bagi pengunjung untuk mengikuti Blog/ website tersebut. Namun ada juga perbedaanya anatara Facebook Like Box dengan Google Plus Badge yaitu dalam menampilkan page stream dari halaman. Untuk Facebook disertai tampilan Page Stream dari halaman Facebook sementara Google Plus tidak disertakan.

Caranya bagaimana ?
Berikut ini langkah-langkahnya [ Syaratnya sobat harus sudah memiliki akun Google plus ] :

1. Login ke akun Blogger sobat
2. Pilih Elemen Rancangan >> Tata Letak >> Add Gadget
3. Copy paste kode dibawah ke Blog sobat ( Sidebar )


Kode HTML @dianmotorcell

<!-- Place this tag where you want the badge to render. -->
<div class="g-plus" height="69" href="//plus.google.com/106244340689127169879" rel="author"></div>
<!-- Place this tag after the last badge tag. -->
<script type="text/javascript"><br/>  window.___gcfg = {lang: 'id'};<br/><br/>  (function() {<br/>    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;<br/>    po.src = 'https://apis.google.com/js/plusone.js';<br/>    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);<br/>  })();<br/></script>


Keterangan kode :
  • Yang bertuliskan warna merah adalah ID Google Plus sobat, maka yang diatas ganti dengan ID Google sobat.
4. Atau, klik DISINI untuk mendapatkan setingan dan kode Google Plus badge
5. Selesai dan lihat hasilnya.



Salam Blogger,

       h72

Cara gampang Membuat Backlink Pada Website/ Blog

Backlink adalah dikenal juga dengan Link Masuk, inbound link, inlink dan link balik, yaitu satu atau beberapa link yang masuk ke sebuah situs web atau halamn web. Dalam terminologi dasar link, baclkink yaitu link apapun yang diterima oleh sebuah node web ( halaman web, direktori, situs web ataupun domain tingkat atas ) dari node web lain. Jadi jelas sekali bahwa backlink sangat diperlukan sekali oleh sebuah situs web sebagai bentuk link building untuk promosi link.


Mesin pencari sering menggunakan jumlah backlink yang memiliki sebuah situs web sebagai salah satu faktor untuk menentukan peringkat dan popularitas situs web. Maka untuk alasan tersebut berikut ini saya akan memberikan tutorial cara membuat backlink.

Langkah-langkahnya adalah :
  1. Kunjungi situs Backlink maker 
  2. Isikan URL blog sobat
     3.  Kemudian muncul backlink-backlink hasil dari langkah no. 2


     4.  Untuk memastikan bahwa tool tersebut berfungsi maka setelah beberapa hari Check pagerank  
          dengan Pagerank checker >> Backlink Checker dan Backlink Analysis atau gunakan Website/ 
     5.  Selesai.

Demikianlah tutorial cara membuat backlink dengan mudah, semoga ada gunanya.


Salam blogger,

      h72



Cara Mudah Mengetahui Nilai SEO Blog/ Website

Sebelumnya saya telah memposting tentang kumpulan SEO/Website Tools yang bisa digunakan untuk hal-hal yang berhubungan erat dengan Blog/ Website, seperti Pagerank checker, Meta Tags analyzer dan lain-lain. Tapi sekarang saya akan sharing ( berbagi ) tips yang tidak kalah pentingnya hubunganya dengan Blog/ Website yaitu SEO Checker Tools  yaitu suatu alat yang digunakan untuk mengetahui berapakah nilai SEO blog kita di mesin pencari ? dan selain itu untuk mengetahui heading, website description, website keywords , Flash movies, pemakaian Frame/ Iframe, website link dan image.





Langkah-langkahnya adalah sebagi berikut :

1.Akses situs resminya yaitu http://chkme.com
2.Masukkan alamat URL sobat kedalam kotak isian


3. Jika alamat URL telah dimasukkan maka akan di dapat hasil [klik judul tab] :

Uraian hasil SEO score toll


SEO Score



4. Kemudian Copy dan Paste kode HTML yang ada di bawah uraian hasil diatas ke Blog sobat untuk memantau perubahan nilai SEO blog/ website setiap waktu.


5. Maka di blog akan muncul banner seperti 
5. Selesai.


Cukup mudah bukan? silahkan dicoba dan sejauh mana nilai score SEO blog sobat sekarang.
Semoga bermanfaat.


Salam Blogger,

       h72

Cara Mudah Membuat Label Cloud Unik Berwarna pada Blog

Label adalah disebut juga kategori postingan artikel, banyak ragam orang menampilkan label sesuai selera masing-masing ada yang tetap bertahan dengan standar blogger dan tidak sedikit yang menggunakan sentuhan artistik dengan menambahkan script tertentu di tubuh Blog sehingga tampilan label benar-benar keluar dari aslinya. Sebelumnya saya sudah posting tentang label bergerak apabila ditunjuk mouse yang merupakan salah satu bentuk lain dari tampilan label.Banyak sekali keuntungan yang didapat dengan menampilkan label/ kategori pada blog selain memberikan navigasi kepada pengunjung juga memberikan gambaran umum kepada mesin pencari untuk melakukan crawl/ index dari label. Dan sangat diperlukan sekali keberadaan label bagi blog yang memiliki banyak posting.

Nah, kali ini saya akan memberikan tutor cara membuat label cloud unik dan berwarna, so...ikuti langkah-langkahnya berikut ini :

  • Login ke Blogger.com
  • Pilih Elemen Rancangan >> Pilih Add Gadget >> Pilih Label dan atur settingan seperti dibawah ini
  • Kemudian susun Tata Letaknya
  • Simpan Gadget.
Sekarang tambahkan style label cloud berwarna yang dimaksud:
  • Pilih Template pada menu Elemen Rancangan
  • Pilih Edit HTML >> Cari kode ]]> </b:skin> dengan menggunakan Ctrl - F untuk mempermudah pencarian
  • Kemudian Copy dan Paste kode berikut ini tepat sebelum kode ]]></b:skin>

/*--------Cloud Label from www.dianmotorcell.blogspot.com ------------*/

#Label1 a{outline:none;
    border: 1px rgba(0,0,0,0.2) solid;
    padding: 4px 6px 4px 12px;
    text-decoration:none;
    color:black;
    white-space: nowrap;
font-family: arial;
    font-size: 10px;
    font-weight: bold;
    position: relative !important;
    background: #58E6F9;
    float:left;
    padding: 4px 3px;
    margin: 0 5px 5px 0;
   border-radius:8px 8px; -moz-border-radius:8px 8px 8px 8px; -khtml-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;
}
#Label1 a:hover {
background:#5BFDD5;
color:#5B5BFD;
}
#Label1 a:active {
background:#EC88C9;
}
/*-------End cloud Label style---------*/


  • Simpan Template dan lihat hasilnya.
Semoga bermanfaat.


Salam Blogger,

       h72

Kumpulan SEO/ Website Tools Pilihan

Berikut ini adalah sepuluh ( 10 ) SEO atau Website Tool yang menjadi referensi dan bisa membantu sobat untuk mengetahui sejauh mana informasi kualitas Blog/ Website sobat seperti backlink checker, link popularity checker, pagerank checker dan lain-lain.

Silahkan dipergunakan sebaik-baiknya dan sebijaksana mungkin. Adapun cara mempergunakan tools ini cukup mudah dan simple sekali hanya dengan  cara memasukkan alamat URL sobat kedalam kotak yang sudah tersedia >> Check  ( klik button/ tombol ) >> Lihat hasilnya.



Backlink checker

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Ping Test

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Website speed test

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Broken Link Checker

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Link popularity checker

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Pagerank checker

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Sitemap Generator

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Multi Rank Checker ( Cek PR Google,Alexa dan DMOZ )

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com

Position Checker

Enter URL:
(e.g. yourwebsite.com, use small part of URL for better results)
Keyword:
Powered by: WebToolHub.com

Fake Pagerank Checker ( Pagerank Palsu/ Ril )

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com


Meta tags analyzer/ Extractor

Enter URL:
(e.g. yourwebsite.com)
Powered by: WebToolHub.com
Semoga berguna dan dipergunakan dengan bijaksana dan supported by :
Free SEO and Webmaster Tools

Cara Mudah Menambahkan Scroll Bar Pada Arsip Blog Standar

Sering kita menjumpai tampilan arsip blog yang berjejer ke bawah hingga menghabiskan space sidebar blog, apa efek dan ruginya ? secara pribadi dan hak memang tidak mengapa, tapi apabila dilihat dari segi estetika ( ceileeeeh .... ) kayaknya kurang bagus ya dipandang mata....dan terkesan kurang rapi dan elegant ( hahahahaha...). Emang tampilan seperti itu tidak aneh dan jangan kaget karena memang dirancang seperti tiu yang merupakan tampilan bawaan/ standar blogspot. Trus bagaimana caranya agar kelihatan rapi dan tidak menghabiskan space sidebar blog ? gampang saja saya rasa, kita hanya menambahkan tombol scroll pada tubuh blog tersebut. Kelebihan penambahan gadget ini tiada lain untuk selain kelihatan cantik dan indah juga untuk mempermudah pencarian arsip hanya dengan menggeser tombol scroll yang telah ditambahkan.
Screenshot arsip blog standar:



Caranya yaitu seperti berikut ini :
  • Login ke Akun Blogger.com
  • Pilih Elemen Rancangan ( Design )
  • Pilih Edit HTML
  • Cari kode  <div id='ArchiveList'>  
  • Jika ketemu, kemudian copy- paste kode dibawah ini tepat sebelum kode diatas


<div style='overflow:auto; width:ancho; height:100px;'>


  • Kemudian cari kode <b:include name='quickedit'/> trus tambahkan kode </div> diatas kode  tersebut.
  • Maka tampilanya akan menjadi :



<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'><div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

           Keterangan kode HTML :
            - Height : 100px  : Untuk tinggi scroll bar arsip dan bisa diganti


  • Simpan template dan lihat hasilnya.
Selesai sudah tutor tips cara mudah menambahkan tombol scroll pada arsip blog. Semoga bermanfaat.

Cara Mudah Membuat Tombol Back to Top Tanpa Edit HTML

Berbagai pernak-pernik widget dalam mempercantik tampilan Blog tidak akan habisnya seiring dengan kreatifitas para ahli dibidangnya. Walaupun resikonya terhadap kinerja blog seperti loading menjadi berat artinya memerlukan waktu lama untuk loading saja apabila terlalu banyak memasang atau menanam script HTML dalam tubuh Blog/ website seperti kalender, jam, tag cloud, dll sepertinya tidak menyurutkan niat untuk memasangnya demi mempercantik blog.

Maka, berikut ini saya akan sedikit memberikan tutorial tentang membuat dan memasang tombol " Back to Top " itupun bagi sobat yang suka dan yang masih minim widget, silahkan ikuti langkahnya dibawah ini :

  • Login ke akun Blogger.com
  • Pilih Elemen Rancangan ( edit design )
  • Pilih Tata Letak >> Pilih Add Gadget
  • Copy dan Paste-kan kode dibawah ini :

<style type="text/css">
#scrolltotop a
{
display: block;
display: none;
z-index: 999;
opacity: .6;
position: fixed;
top: 100%;
margin-top: -20px;
left: 50%;
margin-left: -150px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
width: 68px;
line-height: 1px;
height: 15px;
padding: 10px 3px;
background-color: #000;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #fff;
}
</style>
<div id="scrolltotop"><a href="#">Ke atas</a></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
var scroll_timer;
var displayed = false;
var $scrolltotop = $('#scrolltotop a');
var $window = $(window);
var top = $(document.body).children(0).position().top;
$window.scroll(function () {
window.clearTimeout(scroll_timer);
scroll_timer = window.setTimeout(function () {
if($window.scrollTop() <= top)
{
displayed = false;
$scrolltotop.fadeOut(500);
}
else if(displayed == false)
{
displayed = true;
$scrolltotop.stop(true, true).show().click(function () { $scrolltotop.fadeOut(500);
});
}
}, 100);
});
});
</script>

Keterangan kode HTML :

  1. 68px              : Untuk lebar gadget dan bisa diganti
  2. #000          : Untuk Background gadget, dan bisa diganti
  3. #fff            : Untuk warna text, bisa di ubah sesuai selera
  4. Dan yang lainya juga sama bisa di ganti
  • Simpan Gadget
  • Selesai dan lihat hasilnya.
Cukup sekian dulu cara membuat dan memasang tombol " Back to Top " di blog  dengan mudah dan semoga menjadi bermanfaat.

Cara Praktis Memasang Meta Description dan Keyword pada Postingan

Meta tags sangat penting pada sebuah Blog sebagai optimasi on page dan pencarian pada mesin pencari seperti Google, Yahoo, Bing dll. Terjadinya duplikasi meta deskripsi akan menyebabkan mesin pencari susah untuk meng crawl dan mengindex artikel kita. Sebenarnya ada cara lain dengan cara manual untuk memasang meta tag pada postingan tapi saya kira kuarng efektif jika harus terus-menerus dilakukan, karena akan rentan sekali terjadi duplikasi meta deskripsi. Karena setiap postingan akan memiliki meta desripsi yang berbeda-beda antara satu postingan dengan postingan yang lain.Nah bagaimana caranya agar tidak terjadi masalah yang disebutkan diatas ? baik saya akan sedikit sharing tips dan triknya berikut ini dengan tujuan meta desripsi akan langsung ter-generate secara otomatis.

Adapun langkah-langkahnya adalah :
  • Login ke Blogger.com
  • Pilih Elemen Rancangan >> Pilih Edit HTML
  • Cari kode dengan Ctrl - F

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


  • Gantilah kode diatas dengan kode dibawah ini :

<b:if cond='data:blog.url == &quot;http://ALAMAT URL BLOGSOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI  BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KEYWORD HOMEPAGE BLOG '/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

Keterangan kode :

  • ALAMAT URL BLOG SOBAT : Isi dengan Url Blog sobat
  • ISI DENGAN DESKRIPSI BLOG SOBAT : Isi dengan deskripsi home page blog sobat
  • ISI DENGAN KEYWORD HOMEPAGE BLOG : Isi dengan kata kunci homepage blog sobat

  • Kemudian Save template.
Cukup mudah cara praktis memasang meta tag otomatis pada postingan untuk kesempatan ini. Semoga ada manfaatnya.



Salam Bloger, 

     h72

Cara Gampang Membuat Auto Refresh atau Reload Otomatis Blogspot

Ketika kita mengakses link yang terdapat pada blog akan sedikit terasa berat ketika loading page sehingga akan memerlukan waktu yang lama untuk loading. Nah berikut ini saya akan memberikan sedikit tips dan trik agar blog kita selalu refresh/ segar kembali dan otomatis akan mengurangi hard loading pada blog dan tidak perlu kita yang melakukan hal tersebut artinya secara otomatis melakukan refresh pada blogspot.

Adapun caranya adalah seperti berikut ini :
  1. Login ke Blogger
  2. Pilih Elemen Rancangan
  3. Pilih Template
  4. Pilih Edit HTML
  5. Cari kode </head>
  6. Kemudian letakkan kode <meta content='200' http-equiv='refresh'/> setelah kode </head>
Keterangan : Nilai 200 artinya bahwa blog akan merefresh setiap 200 detik. Nilai tersebut bisa diganti  
                    dengan nilai yang disesuaikan dengan kebutuhan.

    7.   Simpan perubahan, tapi alangkah bagusnya klik " Pratinjau dulu " untuk memastikan tidak galat.


Selesai sudah cara membuat auto refresh pada blogspot. Semoga bermanfaat.



Salam Blogger,

   h72

Kumpulan Kotak Pencarian Cantik Untuk Blog dan Website


Berikut ini adalah 6 ( enam ) kotak pencarian cantik yang bisa di pasang di Blog atau Website sobat. sehingga dapat menambah keindahan dan kecantikan blog lewat penampilan kotak pencarian ( Search Box ).

Silahkan pilih yang sesuai dengan selera sobat.......

1. Model 1 ( Hitam Putih )



<style type="text/css"> #w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

2. Model 2 ( Kuning Putih )



<style type="text/css"> #w2b-searchbox{background:url(http://lh3.googleusercontent.com/
-bk2Si48eZSo/TeixHMdeiII/AAAAAAAAA6A/eQEEa1tyZkI/way2blogging_searchbox2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

3. Model 3 ( Merah Putih )


<style type="text/css"> #w2b-searchbox{background:url(http://lh3.googleusercontent.com/-peHEeRB58M8/TeixHZml3oI/AAAAAAAAA6E/J2_zg9Fn8PI/way2blogging_searchbox3.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

4. Model 4 ( Krem Putih )



<style type="text/css"> #w2b-searchbox{background:url(http://lh4.googleusercontent.com/-Pd1zyUMhsVo/TeixHnaB1hI/AAAAAAAAA6M/p-Iz_WGMQ3M/way2blogging_searchbox4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

5. Model 5 ( Blur Hitam Putih )




<style type="text/css"> #w2b-searchbox{background:url(http://lh6.googleusercontent.com/-wu3eH4N9D1Q/TeixH8dOd9I/AAAAAAAAA6Q/taoILP-y0vE/way2blogging_searchbox5.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

6. Model 6 ( Biru Putih )



<style type="text/css"> #w2b-searchbox{background:url(http://lh5.googleusercontent.com/-TN5qYaRnSR4/TeixH2TVJlI/AAAAAAAAA6U/gYrDmDItWJQ/way2blogging_searchbox6.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

Cara memasang nya adalah sebagai berikut :

1. Login ke BLogger
2. Pilih Elemen Rancangan
3. Pilih Add Gadget



4. Pilih Java script/ HTML



5. Simpan gadget
6. Selesai dan lihat hasilnya.

Itulah ke 6 kotak pencarian dan tutorial cara memasangnya yang saya rasa menjadi pilihan untuk ditempelkan pada Blog ataupun Website dan semoga menjadi ada gunanya.


Salam Blogger,

h72