Blogger’da kar yağdırmak

Aşağıda size aktaracağım kodu sitenize widget olarak ya da HTML düzenle yoluyla eklerseniz sitenizde benim sitemdeki gibi kar yağışı ve yılbaşı ışıkları yer alacaktır. Kod blogspot içindir. WordPress ve diğer siteler için nasıl kullanılacağını da bu yazı altında sizlere aktaracağım. Ama öncelikle blogger altyapısını kullanan arakdaşların kodunu paylaşıyorum.

Blogger İçin

Kod;

<script Language='Javascript'>
<!--
document.write(unescape('%3C%73%74%79%6C%65%20%74%79%70%65%3D%22%74%65%78%74%2F%63%73%73%22%3E%2F%2A%20%58%4C%53%46%20%32%30%30%37%20%2A%2F%0A%0A%23%6C%69%67%68%74%73%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%68%65%69%67%68%74%3A%38%30%70%78%3B%0A%20%6F%76%65%72%66%6C%6F%77%3A%68%69%64%64%65%6E%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%7D%0A%0A%62%6F%64%79%2E%66%61%73%74%20%2E%78%6C%73%66%2D%6C%69%67%68%74%20%7B%0A%20%6F%70%61%63%69%74%79%3A%30%2E%39%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%66%72%61%67%6D%65%6E%74%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%62%61%63%6B%67%72%6F%75%6E%64%3A%74%72%61%6E%73%70%61%72%65%6E%74%20%75%72%6C%28%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%69%6D%61%67%65%2F%62%75%6C%62%73%2D%35%30%78%35%30%2D%66%72%61%67%6D%65%6E%74%73%2E%70%6E%67%29%20%6E%6F%2D%72%65%70%65%61%74%20%30%70%78%20%30%70%78%3B%0A%20%77%69%64%74%68%3A%35%30%70%78%3B%0A%20%68%65%69%67%68%74%3A%35%30%70%78%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%66%72%61%67%6D%65%6E%74%2D%62%6F%78%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%61%62%73%6F%6C%75%74%65%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%35%30%70%78%3B%0A%20%68%65%69%67%68%74%3A%35%30%70%78%3B%0A%20%2A%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%2A%68%65%69%67%68%74%3A%31%30%30%25%3B%0A%20%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%63%6F%76%65%72%20%7B%0A%20%70%6F%73%69%74%69%6F%6E%3A%66%69%78%65%64%3B%0A%20%6C%65%66%74%3A%30%70%78%3B%0A%20%74%6F%70%3A%30%70%78%3B%0A%20%77%69%64%74%68%3A%31%30%30%25%3B%0A%20%68%65%69%67%68%74%3A%31%30%30%25%3B%0A%20%62%61%63%6B%67%72%6F%75%6E%64%3A%23%66%66%66%3B%0A%20%6F%70%61%63%69%74%79%3A%31%3B%0A%20%7A%2D%69%6E%64%65%78%3A%39%39%39%3B%0A%20%64%69%73%70%6C%61%79%3A%6E%6F%6E%65%3B%0A%7D%0A%0A%2F%2A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%2E%62%6F%74%74%6F%6D%20%7B%0A%20%68%65%69%67%68%74%3A%34%39%70%78%3B%0A%20%62%6F%72%64%65%72%2D%62%6F%74%74%6F%6D%3A%31%70%78%20%73%6F%6C%69%64%20%23%30%30%36%36%30%30%3B%0A%7D%0A%0A%2E%78%6C%73%66%2D%6C%69%67%68%74%2E%74%6F%70%20%7B%0A%20%68%65%69%67%68%74%3A%34%39%70%78%3B%0A%20%62%6F%72%64%65%72%2D%74%6F%70%3A%31%70%78%20%73%6F%6C%69%64%20%23%30%30%39%39%30%30%3B%0A%7D%0A%2A%2F%3C%2F%73%74%79%6C%65%3E%0A%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%73%6F%75%6E%64%6D%61%6E%61%67%65%72%32%2D%6E%6F%64%65%62%75%67%2D%6A%73%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%79%75%69%2E%79%61%68%6F%6F%61%70%69%73%2E%63%6F%6D%2F%63%6F%6D%62%6F%3F%32%2E%36%2E%30%2F%62%75%69%6C%64%2F%79%61%68%6F%6F%2D%64%6F%6D%2D%65%76%65%6E%74%2F%79%61%68%6F%6F%2D%64%6F%6D%2D%65%76%65%6E%74%2E%6A%73%26%32%2E%36%2E%30%2F%62%75%69%6C%64%2F%61%6E%69%6D%61%74%69%6F%6E%2F%61%6E%69%6D%61%74%69%6F%6E%2D%6D%69%6E%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%63%68%72%69%73%74%6D%61%73%6C%69%67%68%74%73%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A%3C%73%63%72%69%70%74%20%74%79%70%65%3D%22%74%65%78%74%2F%6A%61%76%61%73%63%72%69%70%74%22%3E%0A%76%61%72%20%75%72%6C%42%61%73%65%20%3D%20%27%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%2E%2F%27%3B%0A%73%6F%75%6E%64%4D%61%6E%61%67%65%72%2E%75%72%6C%20%3D%20%27%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%6C%69%67%68%74%73%2F%2E%2F%27%3B%0A%3C%2F%73%63%72%69%70%74%3E%0A%0A%0A%3C%64%69%76%3E%0A%20%3C%64%69%76%20%69%64%3D%22%6C%6F%61%64%69%6E%67%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%6E%6F%6E%65%3B%20%22%3E%0A%20%20%3C%68%31%3E%59%69%6C%62%61%73%69%20%69%73%69%6B%6C%61%72%69%3A%20%3C%2F%68%31%3E%0A%20%20%3C%68%32%3E%48%61%7A%69%72%6C%61%6E%69%79%6F%72%2E%2E%2E%3C%2F%68%32%3E%0A%20%3C%2F%64%69%76%3E%0A%0A%20%3C%64%69%76%20%69%64%3D%22%6C%69%67%68%74%73%22%20%73%74%79%6C%65%3D%22%64%69%73%70%6C%61%79%3A%20%62%6C%6F%63%6B%3B%20%22%3E%0A%0A%3C%2F%64%69%76%3E%0A%3C%2F%64%69%76%3E%3C%73%63%72%69%70%74%20%73%72%63%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%73%63%68%69%6C%6C%6D%61%6E%69%61%2E%63%6F%6D%2F%70%72%6F%6A%65%63%74%73%2F%73%6E%6F%77%73%74%6F%72%6D%2F%73%6E%6F%77%73%74%6F%72%6D%2E%6A%73%22%3E%3C%2F%73%63%72%69%70%74%3E%0A'));
//-->
</script>

Bu kodu widget olarak ya da HTML düzenleme yoluyla ekleyebilirsiniz. Hem kar yağdırabilecek hem de ışıkları gösterebilieceksiniz.

 

WordPress ve diğer siteler için

Header.php düzenlemesi

Temanızın header.php dosyası içerisine head alanının içine aşağıdaki kodları ekleyin.

<style type="text/css">/* XLSF 2007 */

#lights {
 position:absolute;
 left:0px;
 top:0px;
 width:100%;
 height:80px;
 overflow:hidden;
}

.xlsf-light {
 position:absolute;
}

body.fast .xlsf-light {
 opacity:0.9;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(http://www.schillmania.com/projects/snowstorm/lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

/*
.xlsf-light.bottom {
 height:49px;
 border-bottom:1px solid #006600;
}

.xlsf-light.top {
 height:49px;
 border-top:1px solid #009900;
}
*/</style>

<script type="text/javascript" src="http://www.schillmania.com/projects/snowstorm/lights/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.6.0/build/yahoo-dom-event/yahoo-dom-event.js&2.6.0/build/animation/animation-min.js"></script>
<script type="text/javascript" src="http://www.schillmania.com/projects/snowstorm/lights/christmaslights.js"></script>
<script type="text/javascript">
var urlBase = 'http://www.schillmania.com/projects/snowstorm/lights/./';
soundManager.url = 'http://www.schillmania.com/projects/snowstorm/lights/./';
</script>
<script src="http://www.schillmania.com/projects/snowstorm/snowstorm.js"></script>

Sonra şu kodu body etiketinden hemen sonraya ekleyin.

<div id="lights" style="display: block; "></div>

Görmeden İnanmam Diyenlere Blogspot Örneği: Oda Oyunları 7/24
İşlem tamamdır. Yok ben illa dosyaları sitemde barındıracağım derseniz aşağıdaki dosyayı indirin ve kodları kendinize göre ayarlayın. Ha bu arada benim sitede kar farklı şekilde yağıyor. Sizde normal kar olacak :D

Hadi Selametle