• Login Ke blogger
• Tata Letak >>> Edit html
• Download Templete Lengkap dahulu untuk jaga jaga jika terjadi kesalahan
• Letakkan Kode dibawah ini di atas kode <b:skin>

• Setelah itu letakkan kode di bawah ini tepat di atas kode ]]></b:skin>

• Lalu cari kode script di bawah ini

Tanda titik-titik di tengah script di atas menunjukkan script yang panjang jadi tidak saya tulis. Gunakan yang berwarna merah untuk mempermudah menemukan lokasi.
Jika sudah ketemu, ganti keseluruhan kode di atas dengan kode di bawah ini

Pada script panjang di atas, perhatikan yang berwarna merah. Ganti dengan alamat profil blogger Anda untuk membuat komentar Anda nantinya berbeda warna. Jika sudah Simpan Template

By : Bang Udin
Sumber : http://www.cukuhnau.co.cc

1. Menambahkan audio ke situs Anda dengan satu baris HTML
2. Mudah digunakan, merupakan REAL Media Web
3. desain Magical tidak pernah hilang, selalu ditampilkan kapanpun Anda membutuhkannya, dan dapat dinon aktifkan pula ketika Anda tidak membutuhkannya
4. Dapat menemukan Secara otomatis semua link audio pada halaman web atau blog Anda dan otomatis ditambahkan ke playlist
5. Dapat memutar semua entri pada web atau blog Anda hanya dengan klik satu  tombol
6. Memungkinkan Anda untuk menempatkan tombol main di mana aja : DALAM KONTEKS
7. Picks up gambar Anda dan menambahkan mereka sebagai cover art
8. Tidak Membutuhkan download, diinstal, atau pemeliharaan

Bagaimana cara memasang Media Player Yahoo ke Web atau Blog anda. Ikuti langkah-langkah Berikut :

1. Login ke blogger anda lalu masuk ke dashboard-> Desain – -> Edit HTML.
2. Scroll ke </ head> tag
3. Copy kode di bawah ini dan paste tepat sebelum tag </ head>.

<script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script>
4. Simpan template Anda.
5. Pilih Layout – Elemen Halaman>.
6. Click pada ‘Tambah Gadget’.
7. Select ‘HTML / Javascript’ dan tambahkan kode di bawah ini (Anda juga
dapat menambahkan kode ini ke bagian Edit Html dari Post Editor Anda)
<a href=”DIRECT_URL_OF_YOUR_MP3-FILE”>Name_Of_the_Mp3_File</a>
Catatan:
Ganti “DIRECT_URL_OF_YOUR_MP3-FILE” dengan your .mp3 file direct url.
Ganti “Name_Of_the_Mp3_File” dengan nama apa saja yang Sobat suka.
Lihat contoh yang di bawah ini:
<a href=”http://mediaplayer.yahoo.com/example1.mp3″>First link</a>
Pengen info lebih lanjut tentang Media Player Yahoo dari sini: http://mediaplayer.yahoo.com/

By : Bang Udin
Sumber :http://www.cukuhnau.co.cc
tolong kalu mau copy paste silahkan cantumkan sumbernya tanks atas kerjasamanya...

zFPmenu Code

Put this code into your web pages (before the closing </body> tag) :

<!-- zFPmenu START -->
<div id="zfpm_div" style="display:none;">
<div id="zfpm_upperBox">
Place ads, text message, or anything here.
</div>
<ul id="zfpm_ul">
<!-- Your menus start -->
<li><a href="http://www.cukuhnau.co.cc/">MENU</a></li>
<li class="dir"><a href="http://www.cukuhnau.co.cc/">Abaut Me</a>
   <ul>
      <li class="dir"><a href="">Shared</a>
         <ul>
            <li><a href="http://www.facebook.com/">Face Book</a></li>
            <li><a href="http://www.cukuhnau.co.cc/2011/03/tukar-link-berbagi-link.html">Tukar Link</a></li>
         </ul>
      </li>
      <li><a href="http://www.cukuhnau.co.cc/2011/03/daftar-isi.html">Menu</a></li>
      <li><a href="http://www.cukuhnau.co.cc/2011/04/kumpulan-aplikasi-geratis.html">Aplikasi</a></li>
      <li><a href="http://www.cukuhnau.co.cc/2011/04/kumpulan-aplikasi-geratis.html">Aplikasi</a></li>
   </ul>
</li>
<li><a href="http://www.cukuhnau.co.cc/">Space Iklan</a></li>
<li><a href="http://www.cukuhnau.co.cc/">Space Iklan</a></li>
<!-- Your menus end -->
</ul></div>
<script type="text/javascript">
var zfpm_colorTheme = 'light'
var zfpm_shareBox = 'no';
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://zfpmenu.googlecode.com/svn/trunk/js/zfpmenu.js"></script>

<!-- zFPmenu END -->

Usage/Configuration

Menu

Replace menu with your own menu. Place class="dir" attribute inside li tag where you want to add submenu.

Setting/Variable

You can change the color theme and the share buttons visibility setting.

• var zfpm_colorTheme = 'light';
  Set the color theme for the menu widget.
  Valid input: 'light' or 'dark'
• var zfpm_shareBox = 'no'
  Show the Twitter ‘Retweet’, Facebook ‘Share’, and Facebook ‘Like’ buttons (using LinksAlpha’s widget) or not.
  Valid input: 'yes' or 'no'

Setting Preview

Color theme:
Show share box:

Complete Variabel List

• var zfpm_colorTheme = 'light'; valid input: 'dark' or 'light'.
• var zfpm_customBackgroundImage = ''; valid input: full URL of an image.
• var zfpm_customBackgroundColor = ''; valid input: example: '#999999'.
• var zfpm_shareBox = 'yes'; valid input: 'yes' or 'no'.
• var zfpm_shareBoxPosition = 'right'; valid input: 'left' or 'right'.
• var zfpm_shareBoxCustomWidth = ''; valid input: example: '300'.
• var zfpm_waitForPageLoad = 'yes'; valid input: 'yes' or 'no'.

Upper Box

You can also place text messages, advertisements, or whatever you like in the div box with the ID zfpm_upperBox (above the menu).

. http://www.cukuhnau.co.cc/2011/04/cara-membuat-facebook-comment-form-di.html#

Warning

This script is not design for Internet Explorer 6 browser. Instead, if you add a variable var zfpm_ieUpgradeMessage = 'yes'; to the script, it will show an upgrade notification message on the top of page (see screenshot here) for IE 6 users. By :

LANGKAH PERTAMA

1. Masuk ke Blogger dengan ID anda
2. Masuk Rancangan
3. Pilih Edit HTML
4. Cari kode </head> pada template anda
5. Copy kode dibawah ini, kemudian paste tepat diatas kode tadi
   
   
   
   <style type="text/css">
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style>
<script type="text/javascript">
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()
</script>;
6. Klik Simpan Template

LANGKAH KEDUA

• Langkah kedua ini bisa anda terapkan pada postingan maupun pada elemen halaman
• Tambahkan kode class="drag" pada alamat gambar
• Perhatikan contoh dibawah ini (perhatikan yang berwarna merah.
  
  <img src="http://img52.imageshack.us/img52/3915/36261.gif" class="drag"/>

By : Bang Udin