Yılbaşına Özel Blogger Kar Yağma Efekti

yılbaşına-özel-kar-yağdıran-eklenti

  Yeni yıl yaklaştı. Yeni umutlar ve yeni hedeflerle 2017 yılını geride bırakıyoruz. 2018 yılına girerken blog sayfanızda kar yağdırma efektini kullanmak istemez misiniz? Ziyaretçilerinize küçük bir sürpriz yaparak onları beyazlar içinde karşılayın. Kar yağdıran eklentiyi sayfanıza eklemek için sadece bir yere kod ekleyeceksiniz. Böylece çok fazla uğraşmadan ekleyerek ertesi gün isterseniz hemen kaldırabileceksiniz.

  Kar yağdırma eklentisini blog sayfanıza eklemek için Tema/ HTML'yi Düzenle kısmına giderek </head> kodunu aratarak hemen bir satır üzerine aşağıdaki kodu ekleyerek kaydetmeniz yeterli. Blog sayfanızı açtığınızda irili ufaklı karları izlemeye başlayabilirsiniz.

<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: '#ffffff' });
});</script>


✔ Bu içeriği beğendiyseniz lütfen paylaşın ⤵

YAZIYI PAYLAŞ

BENZER YAZILAR

SONRAKİ
« Prev Post
ÖNCEKİ
Next Post »

12 yorum

yorum YAZ
22 Aralık 2017 13:05

Bende 2.0.0 jquery var, buradaki 1.7.1 sürümünü eklemeden kullanabilir miyim acaba?

Cevap Ver
avatar
22 Aralık 2017 13:08

Evet, oldu kullanabildim. Rengi de değiştirdim, harika oldu :D Teşekkürler :)

Cevap Ver
avatar
22 Aralık 2017 13:18

Çok güzel olmuş deneyeceğim.

Cevap Ver
avatar
23 Aralık 2017 00:52

Teşekkür ederim, blogumda kullanıyorum artık :)

Cevap Ver
avatar
23 Aralık 2017 10:40

Rica ederim, iyi yıllar şimdiden

Cevap Ver
avatar
23 Aralık 2017 11:29

Mobilden bloğu kullandigim.icin headi bulamiyorum aratamiyorum ama olsun güzelmis ellerinize saglk

Cevap Ver
avatar
23 Aralık 2017 16:39

Teşekkürler, farklılık olması için güzel bir kod bencede.

Cevap Ver
avatar
30 Aralık 2017 20:17

Siz yorum yaptıktan sonra kodu bir daha denedim ve çalışıyor. Eklerken yanlışlık yapmış olabilir misiniz?

Cevap Ver
avatar

YORUM YAPARAK KATKIDA BULUNABİLİRSİNİZ...

1) Yaptığınız yorumun, yazıyla alakalı olmasına özen gösterin.
2) Yazım ve dil bilgisi kurallarına mümkün olduğunca dikkat edin.
3) Kullandığınız üslubun sizi yansıttığını unutmayın.
4) Yorum yaparken link eklemeyin.
5) Yorumunuza ikon eklemek için "Emoticon" butonuna tıklayın.
6) EmoticonEmoticon