Kode html bunga, bintang, hati dan daun jatuh bertaburan


Hai sahabat blogger, selamat berjumpa lagi dengan admin solo-on-line.blogspot.com, pada kesempatan ini admin mau share kepada kalian tentang cara mempercantik blog supaya tampilannya terlihat lebih menarik dengan menambahkan kode html bunga, bintang, hati dan daun jatuh bertaburan, mau ya? kalau mau berikut ini kode htmlnya :

<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://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.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>').attr({'src':'http://3.bp.blogspot.com/-YF67t1KTSYM/VUbcnyOKqWI/AAAAAAAAF7M/SYa9YvoP2ZU/s1600/gambar-transparent.gif','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://solo-on-line.blogspot.com/'}).append(a).appendTo('body')});</script>

Keterangan :
  1. Kode html di atas adalah kode html untuk membuat efek bunga jatuh bertaburan dari atas ke bawah. 
  2. Untuk membuat efek bintang berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar bintang.
  3. Untuk membuat efek hati berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar hati.
  4. Untuk membuat efek daun berjatuhan dari atas ke bawah, gantilah kode html gambar bunga yang berwarna biru di atas dengan kode html gambar daun.

Sekarang kalau kalian sudah tahu kode html bunga, bintang, hati atau daun jatuh bertaburan dari atas ke bawah, untuk memasang ke blog kalian, langkahnya adalah sebagai berikut :
  1. Copy kode html bunga jatuh bertaburannya.
  2. Login ke dasbor blogger.
  3. Klik opsi lainnya.
  4. Klik tata letak.
  5. Klik tambahkan gadget.
  6. Klik html / javascript.
  7. Paste kode html bunga jatuh bertaburan ke kolom content mengonfigurasi html / javascript.
  8. Kalau sudah klik simpan.
Lihat hasilnya! bunga jatuh bertaburan dari atas ke bawah sudah muncul di halaman blog kalian, gimana sekarang? tampilan blog kalian terlihat lebih cantik kan? selamat mencoba membuat efek bunga jatuh bertaburan dari atas ke bawah di blog kalian, semoga kalian berhasil.

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS