Post Game: Cara Membuat Efek Fadeout Di Bagian Bawah Blog CSS

Saturday, November 5, 2016

Cara Membuat Efek Fadeout Di Bagian Bawah Blog CSS

Sebenarnya saya sudah tau cara ini dari dulu tapi karena sekarang-sekarang banyak yang make jadi tidak ada salahnya juga saya postingin Cara Membuat Efek Fadeout Di Bagian Bawah Blog, Efek ini di bilang cukup keren juga buat saya karena kalo diliat liat serasa gimana gitu hahaha

okeh bagi yang tertarik silahkan cekidot...

1. Masuk ke Blogger
2. Terus masuk ke Template > Edit HTML > Lanjutkan.
3. Cari kode </style> lalu COPAS kode berikut di atasnnya

#bottom_fade {
position:fixed;
bottom: 0;
height:100px;
width: 100%;
background: linear-gradient(bottom, white, transparent);
background:-o-linear-gradient(bottom, white, transparent);
background:-moz-linear-gradient(bottom, white, transparent);
background:-ms-linear-gradient(bottom, white, rgba(0, 0, 0, 0));
background:-webkit-linear-gradient(bottom, white, transparent);
background:-webkit-gradient(linear, left bottom, left top, from(white), to(transparent));
z-index: 999;
}

4. Jika sudah selanjutnya cari kode </body> lalu COPAS kode berikut di atasnya

<div id=bottom_fade/></div>

5. Klik Simpan Template.
selesai...

Catatan: Efek tersebut saya rancang agar hanya muncul di halaman artikel saja, jadi di halaman home tidak akan muncul

-Semoga Bermanfaat(^^,)-

Go to link Download