Cara Buat Kotak Pencarian Pinterest

Beberapa waktu yang lalu, saya sempat tertarik dengan salah satu Search Box atau Kotak Pencarian dari salah satu blog yang dia letakkan di Sidebar blog-nya. Kotak pencarian itu merupakan kotak pencarian Pinterest (Pinterest adalah salah satu situs web yang memungkinkan penggunanya untuk membuat dan mengelola koleksi gambar untuk acara, minat, hobi dan banyak lagi).

Sebenarnya, Search Box yang saya lihat itu, tidak memiliki tampilan yang indah atau keren seperti Search Box yang menggunakan CSS3 yang saya kasih sebelumnya. Tetapi, kenapa saya sampai tertarik untuk memiliki Search Box itu? Karena itu adalah pertama kalinya saya melihat sebuah blog yang memasang Search Box Pinterest di blognya. Kalau sobat blogger tertarik untuk memasang kotak pencarian Pinterest, Ikuti saja Tutorial Blogspot di bawah ini!

---

Cara Memasang Search Box Pinterest di Blogger

---

• Sign In di blogger.com
• Pada menu Drop Down, pilih Layout
• Klik Add a Gadget dan Pilih HTML/JavaScript
• Copy Paste kode Berikut pada kolom yang tersedia

<form method="get" action="http://pinterest.com/search/">
<input type="text" name="q">
<input type="submit" value="Search Pinterest">
</form>
<p style="display:none;">Pinterest Search Box by <a href="http://www.tutorialblogspot.com/">Tutorial Blogspot</a></p>

• Simpan Widget blogger sobat

Untuk memodifikasi tampilan Search Box di atas (Misalnya mengganti backgroud-nya), sobat blogger bisa menggunakan kode di bawah ini!

<form method="get" action="http://pinterest.com/search/"
  style="border:2px solid #000;border-radius:5px;padding:8px;background-color:#fcc;">
Pins, Pins and more Pins: <input type="text" name="q" size="40" style="background-color:#fee;">
<input type="submit" value="Search Pinterest" />
</form>
<p style="display:none;">Pinterest Search Box by <a href="http://kdablog-tutor.com/">Tutorial Blogspot</a></p>