Cara Memasang Efek Baground-Gradient Dengan Gambar Pada Postingan

Assalamu'alaikum warahmatullaahi Wabarakaatu...... ........

Hallao sobat....  kali ini ane akan share Cara Memasang Efek Baground-Gradient Dengan Gambar Pada Postingan,  caranya sama dengan postingan sebelumnya Cara Memberi Warna Baground-Gradient Pada Postingan di Blog, maaf para senior blogger yang ini sudah basi kali, tapi ane pada blogger pemula yang baru belajar kayak ane, timbang duduk pada bengong enakan utak-atik model postingan, he..he.. he.. ada aja, ok sobat.... langsung saja : 

pertama : buka Entri Baru dan klik HTML

kedua    : kopy kode script dibawah ini (diblok semuanya)

ketiga    : pastekan di halaman yang baru dibuka 

Ini kode scriptnya:

<div style="background-image: -moz-linear-gradient(-40deg, 330000, FFFF00, 99FF00, C8B400, 59955C, FFFF66, B96F6F); background-image: -webkit-linear-gradient(-40deg, 330000, FFFF00, 99FF00, C8B400, 59955C, FFFF66, B96F6F); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #3300cc; height: auto; margin-left: -5.0px; margin-right: -16.0px; margin-top: -7.0px; padding: 8px 4px 4px 4px; text-align: center;">
<div style="background: url(http://khezo.com/wp-content/uploads/2013/06/Animasi-kelelawar-vampire.gif) no-repeat center; font-size: 90%; padding: 5px; text-align: justify;" trebuchet="">
<span style="color: #660000; font-size: 14px;">Letak/ketikan sobat disini </div>


Hasilnya persis kayak postingan ane ini, 



Kode script  lainya  :


<div style="background-image: -webkit-repeating-linear-gradient(120deg,#009900,#99ffff 100%,#99ff66 150px,#228B22 60px); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 2px solid #3300cc; font-size: 14px; overflow: auto; padding: 8px;">
<div style="background: url(Tempel URL gambar disini) no-repeat center; font-size: 90%; padding: 10px; text-align: justify;" trebuchet="">
<span style="color: #ganti warna text sobat; font-size: 14px;">Tulisan Anda Disini </div>


Hasilnya seperti ini :

Tulisan Anda Disini

Yang diberi warna ini boleh sobat gati sesuka sobatAngka-angka yang di beri warna ini coba aja sobat ganti, lihat daftar kode color. Angka yang ada deg sobat bisa robah ato ganti dan lihat hasinya
Selesai jangan lupa simpan....

Demikian saja sobat... Cara Memasang Efek Baground-Gradient Dengan Gambar Pada Postingan, selamat mencoba...!

Sumber :
ngeposta.blogspot.com
onesetia82.wordpress.com