Membuat Gradasi Blur Di Halaman Blog

Assalamu'alaikum Wr.Wb.

Membuat Gradasi Blur Di Halaman Blog apa bisa ? jawab-nya bisa hanya dengan menggunakan CSS saja tanpa embel-embel jQuery. Go Blog Go kali ini akan share kepada Mojang dan Bujang cara penerapan-nya di Blog, namun perlu diketahui bahwa-nya sebelum diterapkan harus ada terlebih dahulu perubahan warna dasar, arti-nya Blog Mojang dan Bujang mempunyai warna dasar template-nya apa ? Hitam, Biru, Putih Dsb. Jadi Anda hanya tinggal merubah warna dasar dari CSS-nya agar sesuai dengan Halaman Blog Anda.

Login ke Blogger
Dashboard -> Klik Template -> Edit HTML (jangan lupa back-up dulu template-nya)
Saran : gunakan selalu Editor Notepad+ dalam mengedit supaya mudah tinggal Copy Paste saja
Cari Kode Tag ]]></b:skin> , kemudian sisipkan kode CSS dibawah ini diatas Kode Tag ]]></b:skin>

html:before{
content:&#39;&#39;;
position:fixed; /* posisi tetap tidak berubah */
z-index:5; /* posisi gradasi diatas halaman */
bottom:0; /* posisi bawah di set ke 0 */
width:100%; /* ukuran lebar 100% */
height:100px; /* ukuran tinggi gradasi blur di halaman blog */
background:transparent;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#FFFFFF)); /* pengaturan perubahan warna */
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 100%);
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 100%);
background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 100%);
background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;transparent&#39;,endColorstr=&#39;#FFFFFF&#39;,GradientType=0);
background:linear-gradient(top,rgba(255,255,255,0) 0%,#FFFFFF 100%);
}

 
Keterangan :
Yang perlu Mojang dan Bujang rubah yaitu Kode Warna : #FFFFFF dan rgba(255,255,255,0)
silahkan sesuai dengan warna dasar Template Blog-nya.

Klik Simpan Template

Simple dan Mudah bukan, nda banyak ini itu untuk menghasilkan sesuatu yang Fantastis semoga bermanfaat. Go Blog Go ...!!! Amiin

Wassalam,