Bikin Video Search di blogger...

Kalo lu pengen bikin video search yang terkastomisasi (ada pilihan search yang bisa lu isi menunya sendiri) macem punya gua ini (lihat di bagian paling bawah noh), itu tidak sesulit yang elu bayangin loh, cumak tiga jurus saja:

1. Lu Save dulu deh copy dari template elu yang sekarang ke hard drive lokal elu, kemudian lu musti dapetin kunci dari mbah Google.

2. Seperti biasa, buka Template->Edit HTML, pastikan "Expand Widget Templates" udah lu centhang. Tambahin kode dibawah ini, tepat setelah tag penutup </head>, dan gantiin kode dibawah yang udah ditebelin dengan kunci lu sendiri seperti di langkah nomer satu tadi. Kemudian Save template luh.

  <script src='http://www.google.com/uds/api?file=uds.js&amp;v=1.0&amp;key=ABQIAA8UsdRzPglCG4j-KxFJ5BGdbNuZw'
type='text/javascript'/>
<link href='http://www.google.com/uds/css/gsearch.css' rel='stylesheet'
type='text/css'/>
<script src='http://www.google.com/uds/solutions/videobar/gsvideobar.js'
type='text/javascript'/>
<link href='http://www.google.com/uds/solutions/videobar/gsvideobar.css'
rel='stylesheet' type='text/css'/>

3. Sekarang lu tambah widget satu lagi deh,pergi ke template=>page element=>tambah page element=>HTML/Javascript

a. Lu lihat kode dibawah ini :
</b:section>
</div>
<div id='sidebar-wrapper'>

b. Tambahin baris kode dibawah ini tepat sebelum baris kode di langkah 3.a diatas:

  <b:widget id='TextList1' locked='false' title='Interesting Video Search' type='TextList'>
<b:includable id='main'>

<!-- Video Mod/Hack by Hoctro. Free for use
in Blogger Beta. Please do not remove this
line & refer others to my original hacks
stored at http://hoctro.blogspot.com for proper
installation and latest updates - 10/18/06 -->

<h2><data:title/></h2>
<div id='videoPlayer'>Loading...</div>
<div class='widget-content'>
  <center>
  <div class='video-tags'>
    <b:loop values='data:items' var='item'>
      <a expr:href='"javascript:vbm.execute(\"" + data:item + "\")"'><data:item/></a>
      <span class='tag-sep'>|</span>
    </b:loop>
  </div>

  <div class='horizontalVideobar' id='videoBarMiddle'>Sabar...</div>
  </center>
 
  <script type='text/javascript'>
   var vbm;
   var options = {
       largeResultSet : true,
       horizontal : true,
       thumbnailSize : GSvideoBar.THUMBNAILS_SMALL
     }
     // set up the right bar as the master
     vbm = new GSvideoBar(
                 document.getElementById("videoBarMiddle"),
                 document.getElementById("videoPlayer"),
                 options
                 );

     vbm.execute("koeaing");
  </script>
  <b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

c. Tambahin entry di video search lu yang baru lu bikin ini,buka Template->Page Element, klik "Edit" di persegi panjang yang ada tulisannya "Interesting Video ..."

4. Selesai dan segera beramal ke Fakir miskin !