Cara Menambahkan Background Anime Di Blog

Bagi kamu yang pecinta anime pasti pingin menambahkan Background Anime di blog yang ada di samping kiri dan kanan dengan karakter Anime favoritmu. Tentu saja ini juga sangat bagus sekali digunakan bagi kamu yang blognya berniche Anime seperti Fanshare, Fansubs, Fanscover..

Untuk memasang Background Anime ini sangat mudah sekali karena hanya menggunakan CSS saja tidak menggunakan HTML yah karena kita hanya akan menambahkan CSS pada kode Tag body saja.

Menambahkan Background Anime

 

1. Masuk dulu ke Dashboard blog kamu blogger.com

2. Klik Template/Tema > Klik Edit HTML > cari kode #body or .body setelah ketemu tambahkan kode dibawah ini.

background: #eef3f6;background: url(https://s5.postimg.org/kxe0l7qnb/Right_Winter_2018.png),url(https://s5.postimg.org/6e6vjspsn/Left_Winter_2018.png);background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;
background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-repeat: no-repeat;background-position: right -80px bottom -80px,left 0 bottom 0;background-color: #f6f7f9;background-attachment: fixed;

3. Jika kamu ngak mau ribet bisa langsung tambahkan kode dibawah ini tepat dibawah kode <style> or <b:skin>

body{background: #eef3f6;background: url(https://s5.postimg.org/kxe0l7qnb/Right_Winter_2018.png),url(https://s5.postimg.org/6e6vjspsn/Left_Winter_2018.png);background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;
background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-color: rgba(0, 0, 0, 0);background-repeat: repeat, repeat;background-attachment: scroll, scroll;background-position-x: 0%, 0%;background-position-y: 0%, 0%;background-repeat: no-repeat;background-position: right -80px bottom -80px,left 0 bottom 0;background-color: #f6f7f9;background-attachment: fixed;}

4. Simpan Template/Tema

5. Selesai

Nah sekarang Tampilan Background Blog kamu sudah terlihat ada Anime di sebelah Kanan dan Kiri pada blog.

Demo Tutorial

Share this post