Cara memasang Easiest Tooltip and Image Preview Using jQuery di blogspot

Demonya bisa dilihat disini

Cara membuatnya :
1. Login blogger
2. Rancangan, Edit Html, Cari kode ]]></b:skin>
3. Dan Simpan kode berikut diatasnya : 

/* ---------------
Easiest Tooltip and Image Preview with jQuery
---------------------------------- */
#Imagetip{
    margin:0;
    padding:0;
}
#Imagetip li{
    list-style:none;
    float:left;
    display:inline;
    margin-right:10px;
}



/*  */

#preview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }

selanjutnya simpan kode berikut diatas kode </head> :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://kangdadang.googlecode.com/files/main2.js" type="text/javascript"></script>

terakhir cara pemanggilannya pda HTML :

<ul id="Imagetip">
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BVQ_3dBmmvD0B48TQRP0QlgT10YePSTzypo64f5ApXufD1knQiKq6vnjGme6iXS1AfzooIpzmWznsTj81LxnsaR63ptI4wXP3_Wxhqer6QDdte3ecnIlNP-Ir0iAVQLuiCItf8_gEkc/s1600/1.jpg " class="preview" title="Lake and a mountain">
<img width="100px" height="75px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3BVQ_3dBmmvD0B48TQRP0QlgT10YePSTzypo64f5ApXufD1knQiKq6vnjGme6iXS1AfzooIpzmWznsTj81LxnsaR63ptI4wXP3_Wxhqer6QDdte3ecnIlNP-Ir0iAVQLuiCItf8_gEkc/s1600/1.jpg" alt="gallery thumbnail" /></a>
</li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPVmszrriiWDJAHk1N05ygHVpLkWaPdL5K-Or88Dkp9kZDdZZSzxlKVHOu1hovQhNPh8jP1XzSIdQGcI4cX_aut6GsyPmbYA_KSYZ8DUYpQ3Q13uja8-t87wTMRyEwpseM2qr7bAXfjs/s1600/2.jpg" class="preview" title="Fly fishing"><img width="100px" height="75px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfPVmszrriiWDJAHk1N05ygHVpLkWaPdL5K-Or88Dkp9kZDdZZSzxlKVHOu1hovQhNPh8jP1XzSIdQGcI4cX_aut6GsyPmbYA_KSYZ8DUYpQ3Q13uja8-t87wTMRyEwpseM2qr7bAXfjs/s1600/2.jpg" alt="gallery thumbnail" /></a>
</li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX-XvQ7AAyMCMs-A2nJZ8SIA2WRNuV0CZZbNe-e9wiLXPGY9X4vH2qoN6g0ZBeVZFJhsfN56vZBJ2K6HP6YHl6WmZ4z8_22te7HlEF7V6ydAmxlnJLa0ofFbdNvrMuOJ9hxHG8wmOtNxQ/s1600/3.jpg" class="preview" title="Autumn"><img width="100px" height="75px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX-XvQ7AAyMCMs-A2nJZ8SIA2WRNuV0CZZbNe-e9wiLXPGY9X4vH2qoN6g0ZBeVZFJhsfN56vZBJ2K6HP6YHl6WmZ4z8_22te7HlEF7V6ydAmxlnJLa0ofFbdNvrMuOJ9hxHG8wmOtNxQ/s1600/3.jpg" alt="gallery thumbnail" /></a>
</li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKW67uf4_PovlC21EGEimy8bq2eH9W7XwS4TzuefpjSTHkn5sRP2_O9czRHEzHR4jLE7MSs3_uzxAV6p7gop8uqc_wLTl6YiLZqJxV9Y4nwlYRpAYWSkUFYGNmK3veSxbYxMBmXw2rpU/s1600/4.jpg" class="preview" title="Skiing on a mountain"><img  width="100px" height="75px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqKW67uf4_PovlC21EGEimy8bq2eH9W7XwS4TzuefpjSTHkn5sRP2_O9czRHEzHR4jLE7MSs3_uzxAV6p7gop8uqc_wLTl6YiLZqJxV9Y4nwlYRpAYWSkUFYGNmK3veSxbYxMBmXw2rpU/s1600/4.jpg" alt="gallery thumbnail" /></a>
</li>
    </ul>

selamat mencoba dan mengembangkannya..... sukses...