Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Efek Salju Berjatuhan di Blogger

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.

  1. Masuk ke menu edit tema
  2. Cari kode </head>
  3. 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('&#10052;'),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.

Buka Komentar
Tutup Komentar

Posting Komentar untuk "Cara Membuat Efek Salju Berjatuhan di Blogger"

Berlangganan via Email