<style>

#search-box {position: relative;width: 100%;margin: 0;}

#search-form {height: 40px;border: 1px solid #999;-webkit-border-radius: 5px;

-moz-border-radius: 5px;border-radius: 5px;background-color: #fff;overflow: hidden;}

#search-text {font-size: 14px;color: #ddd; border-width: 0;background: transparent;}

#search-box input[type="text"]

{width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none;}

#search-button {position: absolute;top: 0;right: 0;height: 42px;

width: 80px;font-size: 14px;color: #fff;text-align: center;

line-height: 42px;border-width: 0;background-color: #1a7db7;

-webkit-border-radius: 0px 5px 5px 0px;

-moz-border-radius: 0px 5px 5px 0px;

border-radius: 0px 5px 5px 0px;

cursor: pointer;}

</style>

<div id='search-box'>

<form action='/search' id='search-form' method='get' target='_top'>

<input id='search-text' name='q' placeholder='Cari Artikel Disini...' type='text'/>

<button id='search-button' type='submit'><span>Search</span></button>

</form>

</div>

   

<form action="http://www.facebook.com/search/videos" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Yang lain kunjungi: http://carazain.blogspot.com/2016/08/cara-membuat-kotak-pencarian-search-box-di-blog-keren-terbaru.html

Jika mau membuat database lihat di website http://www.attayaya.net/2009/12/membuat-database-online-dan-menampilkan.html

  

<div class="_401d" data-gt="{"type":"xtracking","xt":"21.{\"module_type\":\"VIDEOS\",\"item_type\":null,\"display_style\":null,\"position_in_module\":null,\"id\":null,\"raw_id\":null,\"query\":\"\",\"session_id\":\"c11780a89ecdce86c0a923799bf34bfd\",\"vertical\":\"\",\"result_creation_timestamp\":null,\"module_result_type\":null,\"source_module_role\":null,\"subrequests\":\"\",\"unit_id\":\"browse_ml:cf212d28-86ea-42c0-b8fb-bb6de5329560\",\"unit_id_click_type\":\"graph_search_results_module_tapped\",\"unit_id_result_id\":null,\"hash\":\"1670464d0ebd0ae7795416c1dc35dcf5\",\"client_unit_payload_extras\":null}"}" data-xt-vimp="{"pixel_in_percentage":70,"duration_in_ms":2000,"subsequent_gap_in_ms":500,"log_initial_nonviewable":true,"should_batch":true,"require_horizontally_onscreen":false,"should_log_viewability_duration":true}" data-vistracking="1" id="u_ps_0_2_3">

<div class="separator" style="clear: both; text-align: center;">

<img border="0" src="http://img.youtube.com/vi/X22kKZ98oCY/0.jpg" data-original-height="360" data-original-width="480" height="0" width="0" /></div>

<iframe width="560" height="315" src="https://www.youtube.com/embed/X22kKZ98oCY?rel=0" frameborder="0" allowfullscreen></iframe>