Cara Pasang Efek Salju Berjatuhan di Halaman Blogger

Momentum seru perayaan Natal dan Tahun baru selalu identik dengan berbagai ornamen pohon natal, kado natal, santa claus, dan salju. Beberapa ornamen dan komponen tersebut memang sangat kental dengan suasana perayaaan Natal bagi masyarakat Nasrani.

Jika kalian seorang blogger, tentunya kalian sangat ingin memberikan tampilan blog kalian dengan berbagai ornamen tersebut. Salah satu yang bisa diterapi adalah penambahan efek salju bergururan di halaman blog kalian masing-masing. Dengan tutorial blogging kali ini, Nemukabar.com akan membagi ilmu seru tentang cara memasang salju berjatuhan di halaman blog.

Berikut adalah langkah demi langkah tentang cara membuat salju berjatuhan di halaman blog blogger :
1. Silahkan kalian buka akun Blogger.com
2. Pilih blog kalian yang akan dipasangkan efek salju ini.
3. Pada navigasi sebelah kiri, pilih Template dan pilih EDit HTML.
4. Cari kode ]></b:skin> dengan bantuan tombol CTRL+F.
5. Letakkan kode CSS berikut tepat sebelum kode di atas.

/* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#falling-snow {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm-O2LTJFSK1z1HIFyhT_58hnErh2PuuWr_znxvd9LhtvAZzgqcsDAqiIB1k8CyG3A9mZuzQDqMyTpQSOZgvMx2ZI71G7ontTvi0Jv6cMHD2oquk0ucx1y9nbXU80rheJkERBB-Y6q9Ui-/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6yJ6nQ1sSPpVsM9NK3O1Xg1yezgK6sT5tyE5fSyS8GegB-ZgbewJEbY2SHy_JF7Rx6Dnix7Zf3VFE2FrCAuNtskDS7ijHTUEf6vl6jY06hPi1Tl2uxlrdNEfUFki-dfoKbRwwtjfE-Ff/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6K26ee-CRUyT71imKSPIQAjGoEuL2v-76ot54WsIxOLYWTfXKuvE2Z8hjjPFgobwglg8LKoZ7IuB9jNsCEmVI1vSfeOb3sl0MdJ2Xb2kH0ONzaNWg14bevYUOqgdTf0-kgB4pvjK8Egy0/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

6. Setelah itu, cari kode <body> pada halaman yang sama dan silahkan letakkan script di bawah ini tepat di setelah kode di atas.
<div id='falling-snow'>
7. Letakka atribut penutup, </div> tepat sebelum atribut </body>.
8. Simpan dan refresh halaman blog kalian.
Perlu diingat, efek ini tidak akan berjalan di atas web browser Internet Explorer (IE) di bawah versi 10.

Demikian tutorial blog tetang Cara memasang salju berjatuhan di blog dengan mudah dan semoga bermanfaat.