Minggu, 07 Oktober 2012

Menambahkan aksesoris pada Blog

        Pada dasarnya gampang kok buat menghias blog kita dengan aksesoris-aksesoris seperti kalender, jam, musik, efek gelembung, taburan bintang, guguran bunga, dll... (Asalkan kita mempunyai copyan kode HTMLnya, hehe :D).
Cara Utamanya :
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. kemudian Masukan kode HTML.
kode HTML untuk Taburan Bintang saat Mouse digerakkan
PINK

<script src="http://ndy.googlecode.com/files/star_pink.js" type="text/javascript"/></script> 

MERAH

<script src="http://ndy.googlecode.com/files/star_red.js" type="text/javascript"/></script>


BIRU

<script src="http://ndy.googlecode.com/files/star_blue.js" type="text/javascript"/></script>


HIJAU

<script src="http://ndy.googlecode.com/files/star_green.js" type="text/javascript"/></script>

kode HTML untuk efek Gelembung pada Cursor Mouse:

<script type="text/javascrt" src="http://www.freewebs.com/p.js"></script>
<script type="text/javascript"src="http://efelinna.com/data/buble.js"></script>



kode HTML untuk Memberi Gambar Bunga Berjatuhan:

    <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://i728.photobucket.com/albums/ww287/edyputrajepara/Bunga/pinkpetal-edyputra-2.png";image_urls['rain2']="http://i728.photobucket.com/albums/ww287/edyputrajepara/Bunga/pinkpetal-edyputra-2.png";image_urls['rain3']="http://i728.photobucket.com/albums/ww287/edyputrajepara/Bunga/pinkpetal-edyputra-2.png";image_urls['rain4']="http://i728.photobucket.com/albums/ww287/edyputrajepara/Bunga/pinkpetal-edyputra-2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
    .css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
    .css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
    <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').</script> 


0 komentar:

Posting Komentar

Template by:

Free Blog Templates