Cara Membuat Background Image DiBlogger - Artikel kali ini mungkin akan berguna untuk blog kamu yang memiliki niche Download Anime, fanshare ataupun fansub, Seperti judulnya disini ane akan membuat Background atau gambar kiri dan kanan pada blogger seperti web nekopoi, meguminime atau lainnya.
Tutorial kali ini cukup mudah diterapkan pada blog kamu, karena hanya menggunakan CSS, untuk gambarnya kalian bisa cari di Google dengan keyword 'Render Anime' atau kamu bisa ambil salah satu gambar yang sudah saya siapkan. Ok kita mulai saja tutorial kali ini.
Cara Membuat Background Image Kiri & Kanan Blogger
- Buka Blogger > Tema > Edit HTML. Cari CSS body
Cara ceknya seperti gambar berikut. 
Klik Gambar Untuk Ukuran Besar
- Jika sudah Tambahkan CSS Berikut di atas CSS body kamu
body {
background-color: #f1f1f1;
background-attachment: fixed;
background-image: url(LEFT),url(RIGHT);
background-position: left bottom,right bottom;
background-repeat: no-repeat;
background-size: auto;
}
- Ok tutorial selesai.
Untuk background disini ane sudah menyediakan beberapa saja diantaranya :
- Utaha kasumigaoka & Kashiwagi Eri Dari Anime Saenai Heroine no Sodatekata
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy2qbEWMpJQ9_cgZoxbbqX_yIPmzf5wyN9T-WBphgJGhSVJqTKklHHsEtkEi8M7RNvGsDM2HqAxaeZO4TkAnzMSu37e3MfPOFRRlVANeG90YZbJ4uWm13E8JA2de19I-ecz98Vf4FISQIl/s1600/right.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZwpJ7SxBCqkmV5iS8G50SK1nFBZ15Aw7T1Rw0PVaCUdts9Ac5mD7a4O7TDFO2OL42q9DcRjYiOIH-GFJHC9cQ07Z0NG2UiC0AbJbNB6pzybTuuoRXE2fwX6e3qZp8MWEKrMX-tJvR0HoN/s1600/left.png
- Utaha kasumigaoka & Kato Megumi Dari Anime Saenai Heroine no Sodatekata
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdzfyyVOZeghNQ5ghz2wkJchaYm0fRRVs95fJ2d-QbT2w05hKKopAjjOLfuMb75kvogB6Org3ijjz__NSUihAWkV6BL66dxMGj08PSCOPovLSoqV4n916NQBVjBg1gqU0xYFKNfDyDj-S0/s1600/kato-kanan.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3qMF5EUGWFPLW6yvfRwWzadQI4pMSHJcXt9GZ1ZJlPt7R4CgsMRpqHZXm02ZtBHjUk6Xn9N79ESJSnVbqWrveN3Hy04VigaliGo6DpNWLZT-QlHrNKppgiiy2dJcpIkPBw0Y7ZoLqc42L/s1600/utaha-kiri.png
- Ikumi Suzuki & Endou Rino Dari Anime JINSEI (Life Consulting)
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPjcBUaDsQbguTGE_RPoR9REhEheat2wTe2hRROj6APyHJfCHvbX6qdfb4EEs9tJGrEKaGyZvUDx4iZJ7J92Zd8n0YqLLpIz5cQ9MXnGxfI6AcTrhkOPqdGV4cBCAXhxcKtFm6aQT8/s1600/rino-right.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGRDDRJ17zNH-Ia58mGwNu5deIedQdQn0IG8ndBDhcPFuIf34Qv7gq282VPVcdtSi7cb-r1mdIrNfSPa6WuAB-mZsg7Ivw43op1CedFBaczqRoJwuSegPpnM7lAH6SzozcASWLjmoU/s1600/ikumi-left.png
- Lelei la Lalena & Tuka Luna Marceau Dari Anime Gate: Jieitai Kanochi nite, Kaku Tatakaeri
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTWcq3-CQKiAPlF2ma529S6fO683c6ngkBqQMPRukbElwcT5_KctVn32fFGB7BpXgVGNhHPdsao9r4F0Y9W3yW6d6y8t0yp6QZpbfBIQjUUllRk-ZS8CKWYn_twqP1FMJGiPRSmrQY0YY/s1600/comboburst-0.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivXnb6dwa-N0_JyFFrLGnVFKrqSnE5qiIPpQ37g6IGT9zjoO1Kxp2yx2LUE9xjw826MO8puGWFFE0hwApTCt3fUWzWcM8BmVC9IQFaZSS9p2rwiGAmrTn8KVQ7ijCwkEGuvqWDOmjC-QQ/s1600/comboburst-1.png
Cara Membuat Full Background Image Blogger
- Simpan CSS berikut di template blog kamu
body {
background-color: #f1f1f1;
background-attachment: fixed;
background-image: url(LINK IMAGE);
background-position: center top;
background-repeat: no-repeat;
background-size: auto;
}
- Jika sudah save tema.
Comments
Post a Comment