Cara membuat efek Fade In pada blog dengan mudah

Bagaimana cara membuat sebuah efek animasi fade in pada blog? pada kesempatan kali ini saya akan memberikan sebuah tutorial bagaimana cara membuat sebuah efek animasi Fade In pada blog dengan mudah menggunakan kode kode tertentu yang saya dapatkan dari situs blog.kodejarwo.com silahkan anda ikuti tutorialnya seperti berikut.

Efek Fade In ini agar memperindah tampilan blog anda, karna setiap orang yang melihat blog anda akan menampilkan sebuah animasi yang halus saat menampilkan sebuah halaman blog anda.

Pertama silahkan anda buka blog anda dan pilih menu tema dan lakukan edit html, setelah anda buka menu tersebut yang harus anda lakukan adalah menambahkan sebuah kode dan memasukannya pada kode dalam tema tersebut.

Silahkan anda cari sebuah kode <head> atau jika tidak ada anda bisa mencari sebuah kode <head> pada halaman edit html blog, biasanya terletak di atas, atau jika tidak ketemu anda bisa tekan CTRL + F lalu masukan sebuah kode yang ingin anda cari.

Jika anda sudah menemukan sebuah kode yang saya maksud, selanjutnya adalah anda memasukan sebuah kode dan paste atau letakan tepat dibawah kode <head> atau <head> berikut kode yang harus anda masukan pada tema blog anda :

<style>

.fade, body {
-webkit-animation-name: fade;
-webkit-animation-duration: 3s;
animation-name: fade;
animation-duration: 3s;}
@-webkit-keyframes fade {
from {opacity: 0}
to {opacity: 1}}
@keyframes fade {
from {opacity: 0}
to {opacity: 1}}
</style>

Setelah anda memasukan kode di atas, lalu anda pilih "pratinjau tema" untuk memastikan apakah anda sudah benar memasukan kode tersebut dengan tepat atau anda salah memasuka kode sehingga menyebabkan error. Jika sudah benar, silahkan anda simpan tema, dan anda sudah berhasil membuat efek animasi fade in pada blog dengan mudah.