* Login ke blogger
* Masuk ke Rancangan dan Edit HTML
* Tekan F3 dan cari kode <head> letakan kode dibawah ini diatas atau sebelum kode <head>
<script src='https://sites.google.com/site/jayablogdemo/animation-jquery/mootools.1.2.3.js' type='text/javascript'/>
<script type='text/javascript'>
(function($){
window.addEvent('domready',function() {
//element collection and settings
var opacity = 0.7, toOpacity = 0.9;
//set opacity ASAP and events
$$('div.opacity').set('opacity',opacity).addEvents({
mouseenter: function() {
this.tween('opacity',toOpacity);
},
mouseleave: function() {
this.tween('opacity',opacity);
}
});
});
})(document.id);
</script>
<script type='text/javascript'>
(function(){
var bsa = document.createElement('script');
bsa.type = 'text/javascript';
bsa.async = true;
bsa.src = '//s3.buysellads.com/ac/bsa.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);
})();
</script>
* Setelah itu cari kode ]]></b:skin> dan letakan kode dibawah ini diatas kode ]]></b:skin>
<style type="text/css">
#forest { width:800px; height:360px; position:relative; background:url(forest.jpg) 0 bottom no-repeat; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.opacity { background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:20px; }
#forest-slot-2 { height:260px; position:absolute; top:20px; left:20px; width:340px; }
</style>
* Gambar.jpg bisa diganti dengan gambar kalian masing masing dan #808080 bisa diganti dengan kode warna yang lain
* Dan langkah terakhir kalau ingin mempostingkan sesuatu taruh kode dibawah ini
<div id="forest-slot-1" class="opacity">
isi teks atau kode html
0 komentar:
Posting Komentar