Cara Membuat Kelopak Bunga Berjatuhan Di Blog - Kembali lagi dengan saya, Fahmi Fanirius Blog akan berbagi tentang tutorial blogger pemula. Untuk hari ini, saya akan bagikan salah satu tutorial untuk memperindah blog. Dan tutorial saat ini sama dengan tutorial sebelumnya. Yaitu tutorial Cara Membuat Efek Salju Berjatuhan Di Blog dan Cara Membuat Efek Daun Berguguran Di Blog
Kedua tutorial tersebut dan tutorial saat ini merupakan tutorial efek di blog. Dan saat ini saya akan jelaskan tutorial tentang Cara Membuat Kelopak Bunga Berjatuhan Di Blog. Seperti yang saya jelaskan tutorial sebelumnya, tutorial cara memasang bunga berguguran di blog akan mengeluarkan kelopak bunga dari atas blog (header blog).
Tujuan utama dari tutorial ini sudah sangat jelas. Untuk memperindah dan mempercantik blog sobat. Agar blog sobat terlihat menarik dan enak untuk dilihat. Jelas sekali, pengunjung mungkin akan lebih nyaman untuk pergi ke web/blog sobat. Untuk demo kelopak bunga nya lihat animasi berikut:
Ini dia langkahnya:
1. Login in Blogger
2. Tata letak/layout
3. Add gadget/tambahkan gadget
4. HTML/JavaScript
5. Copy paste kode di bawah ini pada kolom HTML/JavaScript:
<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://tutorialuntukblog.blogspot.com/2011/10/tutorial-kelopak-bunga-berguguran-di.html'}).append(a).appendTo('body')});</script>6. Simpan
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ
| Judul | Cara Membuat Kelopak Bunga Berjatuhan Di Blog |
| Deskripsi | Cara membuat kelopak bunga di blog membuat blog Anda terlihat lebih cantik dan indah. |
| Author | |
| Author Rating | 83%/ 100% Suara Dari 1561 votes |
Post a Comment