Cara Membuat Efek Salju Halus Turun di Blog Dengan CSS

Cara Membuat Efek Salju Halus Turun di Blog Dengan CSS - Malam sobat, saya sebenarnya lelah habis mengerjakan tugas kuliah tapi pengen banget ngeblog hehe. Malam ini saya mau berbagi tutorial Cara Membuat Efek Salju Halus Turun di Blog Dengan CSS, seperti apa sih demonya? kalian bisa cek di sini untuk melihat demonya.

salju di dalam blog

Gimana sobat? kalian sudah lihat demonya? keren gak? hehe. Jika sobat suka mari ikuti langkah dibawah ini,

Buka blogger.com
Pilih blog yang ingin sobat berikan salju
Pilih Template -> Edit HTML
Kemudian cari kode ]]></b:skin> dengan bantuan CTRL+F
Jika sudah ketemu salin dan tempelkan kode dibawah ini tepat diatas kode ]]></b:skin> /* Salju turun di blogger sobat [ardiasgusty.blogspot.com] ------------------------------------------------------------ */ @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/AVvXsEj0xRJfbmEuY-6BpLkmEsQB7DcF6QcaS4KENd16hc9_-hYDiceIVrpQB-P9XdGvairEGN_aHR-Fldh8L1o78fQQqRcQLu8GTxDstywOM9w4mpfC9ObNAR-cd8iVI1tuszqNxIgg7x2fNcTY/s1600/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZOyEgSZE4sGK312mk89rbtitQ-gWWOCiehYGAurjmlSnND1OZij6csPGRBzsVLb-1w_Y4H_SPzWXR8C5Lei4gklhZ_YEPtCHercmWRGiP8UFgJDeDnWT1jJl8tlZqE7itHgsf6GxHOVGo/s1600/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcBqOHkwjfJdBw_Bah58-O5wtSQilA5SqzOagLKYnhk4_qFdypHW1Gqtd2kfkbGy9vn7MiVAqLNN8D6RiVb7FMhGHcRJ1GUyQcW6ijLZYMoU8MuYY_LaURR_JemOm97IY7IFLxJkZnuhwl/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; }
Jika sudah, cari lagi kode <body> dengan bantuan CTRL+F
Kemudian salin dan tempelkan kode dibawah ini tepat diatas kode <body> <div id='falling-snow'>
Cari lagi kode </body> lalu ketik kode </div> disamping atau dibawah kode </body>.
Simpan template lalu lihat blog sobat.

Nah itulah Cara Membuat Efek Salju Halus Turun di Blog Dengan CSS, silahkan sobat coba dan rasakan saljunya di blog sobat hehe :D

Happy blogging :)~

3 komentar

Anonim29 Desember 2014 pukul 15.47
Saya sangat suka belajar css, bukan belajar sih kalo css sebenarnya lebih ke idea aja .. tapi overall sangat membantu teman teman lain yang ingin belajar.
BalasHapus
Balasan
Unknown14 Januari 2017 pukul 19.25
wah keren, ijin memncoba mba
mari membaca di Library Online
BalasHapus
Balasan