24 Aralık 2018 Pazartesi

Blogger Kar Yağdırma Eklentisi ( CSS )

Blogger Snow Plugins ( Kar Yağdırma Eklentisi )

Blogger Kar Yağdırma Eklentisi ( CSS + HTML )


Kurulum : Aşağıdaki kodu temanızın düzenle kısmından kar yağmasını istediğiniz yere ekleyin.

Blog Gövdesine eklemek için = </body>
kodunun üstüne ekleyin.
Header Gövdesine eklemek için =</header>
kodunun üstüne ekleyin

Kod:



<!-- Kar Yağdırma Modülü Eklenme Tarihi 23 12 2018 00 11 Zanav1.0 Portal Teması -->
<div class='snow'>
<style>
.editor-stage .snow {
  height:50px;
  background: #fff;
}
.snow{
  position:fixed;
  pointer-events:none;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:60px;
  background: none;
  background-image: url(&#39;https://2.bp.blogspot.com/-ZXEtaahM9M4/XB6oPVxioWI/AAAAAAAACtg/-2gFpWZ5oKc8_ydvC7rQy1ZjF0jY2mAQgCLcBGAs/s320/zanalab-kar.png&#39;), url
(&#39;https://4.bp.blogspot.com/-ZvKvZ2MYxIk/XB6oyAfotcI/AAAAAAAACts/RXnlrpN6fDkAUZ42DPCK0ybkUt7pCsIMgCLcBGAs/s320/zanalab-kar-2.png&#39;), url
(&#39;https://3.bp.blogspot.com/-YgfAN631NiQ/XB6oyB7W-nI/AAAAAAAACto/wDrpzHx9htILUaimSIfc7bCYzuAIkU-vQCLcBGAs/s1600/zanalab-kar-1.png&#39;);
  z-index:100;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
</style>
<p/></div>
<!-- Kar Yağdırma Modülü Eklenme Tarihi 23 12 2018 00 11 ZanaV1.0 Portal Teması -->


Yorum

7 Yorum

Bloga girişlerde kış lastiği mecburi olacak o zaman:)

@Sessiz Haykırış bu güzeldi hocam ;)

:) noel baba kodu ne zaman paylaşıcaksın bekliyorum :)

@JD Sezer Onunda üzerinde çalışıyoruz :) Sağ alt köşeye yakışır

eyw hocam yalnız mesajlarda yanıtla kısmı çalışmıyor bilginiz olsun.

@Sessiz Haykırış hocam temanın tek kusuru yorum eklentisi onun üzerinden çalişiyorum 4lü olduğu için bug gibi bir sorun var düzelticem en yakın zamanda ayrıca uyarınız içinde teşekkür ederim.

tamam bilginiz varsa sıkıntı yok belki dikkatten kaçar diye uyarmak istedim saygılar sevgiler.


EmojilerEmojiler