Efek Hujan Image/ Gambar di Display Blog

Now ane kasih dikit tips lagi buat agan .. bagi yang pengin blognya penuh warna. Neh dia ane punya efek hujan image. Tapi ini bentuknya agak besaran seh gan ketimbang hujan salju yang udah apa efek daun berjatuhan seperti yang sudah-sudah, seperti ini gan hehe Trick Obyek Berjatuhan Update yang udah ane praktekin dan lumayan gan jadinya. Tapi kalo pengin yang langsung digenerate itu image, bisa kok. Agan langsung dimari aja, Generator Hujan Image ehm, ntar bisa dicoba juga yang ini gan. Dan ntar kapan2 lagi kalau ada yang berminat gambarnya laen dari itu, maksudnya yang tutorial pertama, ane akan coba membantu dengan mengotak-atik sesuai keinginan agan. Itupun kalo ada waktu dan sempet lho ya? ane nggak jamin 100% soal ini. Tapi ane tetep berusaha semampu ane gan untuk menolong agan ngebuat blog agan menjadi keren. Ehm, kira-kira ada yang mo ditulis agi nggak ya? Sementara itu dulu ya, ntar ane sambung lagi dah. Udah capek ngetiknya, udah jadi keriting semua neh gan jari-jarinya. Haha emang mie keriting pake jari keriting, kalo rambut keriting seh udah banyak gan .. #berbusa ..

Begini gan prikitiewnya ::
Pertama agan ke blogger.com isi dengan ID dan password agan
Kedua seperti biasa masuk ke Rancangan
Ketiga agan langsung cari Tambah Halaman HTML/Javascript
Keempat langsung aja tarok kode dibawah ini di tempat kosong itu
Save .. dan jadi

<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://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://1001tawa.blogspot.com/'}).append(a).appendTo('body')});</script>


Gimana, nggak bingung khan?
Semoga nggak dan semoga berhasil

Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar

Ditulis Oleh : Unknown ~ KRJ_Team

Anda sedang membaca sebuah artikel yang berjudul Efek Hujan Image/ Gambar di Display Blog, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::

Bagikan ke teman : FacebookTwitterGoogle+LinkedinTechnoratiDigg

Artikel terkait :