Cara Membuat Efek Salju Berjatuhan di Blogger
Membuat Falling Snow Effect di Blogger - Banyak sekali widget yang bisa kita gunakan untuk mempercantik tampilan blog yang kita kelola, salah satunya adalah dengan menambahkan efek salju berjatuhan di blogger.
Widget efek salju berjatuhan ini, bisa menjadi salah satu widget yang patut kamu coba. Apalagi memang widget ini tidak terlalu banyak membebankan loading blog kamu. Sehingga widget ini tidak akan banyak mempengaruhi blog kamu.
Cara Membuat Efek Salju di Blogger
Membuat widget efek salju berjatuhan ini sebenarnya sangat mudah, kamu hanya perlu menambahkan sedikit script javascript untuk membuatnya. Untuk kamu yang mau mencoba widget falling snow ini, kamu bisa mengikuti langkah-langkah sederhana dibawah ini.
- Masuk ke menu edit tema
- Cari kode </head>
- Lalu paste kode berikut tepat diatasnya.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>
<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var $flake=$('<div id="flake" />').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script><script>$(document).ready( function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#fff' });
});</script>
Selesai, kemudian simpan tema kamu dan lihat hasilnya.
Nah dengan mengikuti langkah diatas, kamu sudah bisa menambahkan widget falling snow di blog. Saya rasa itu saja yang bisa saya bagikan pada kesempatan kali ini, semoga widget kali ini bisa bermanfaat untuk kamu semua. Sampai jumpa.
Posting Komentar untuk "Cara Membuat Efek Salju Berjatuhan di Blogger"