Cara Menciptakan Background Image Diblogger [Update]

Cara Membuat Background Image DiBlogger - Artikel kali ini mungkin akan mempunyai kegunaan untuk blog kau yang mempunyai niche Download Anime, fanshare ataupun fansub, Seperti judulnya disini ane akan menciptakan Background atau gambar kiri dan kanan pada blogger ibarat web nekopoi, meguminime atau lainnya.

Tutorial kali ini cukup gampang diterapkan pada blog kamu, alasannya yakni hanya memakai CSS, untuk gambarnya kalian dapat cari di Google dengan keyword 'Render Anime' atau kau dapat ambil salah satu gambar yang sudah saya siapkan. Ok kita mulai saja tutorial kali ini.

Cara Membuat Background Image Kiri & Kanan Blogger

1. Buka Blogger > Tema > Edit HTML. Cari CSS body
   Cara ceknya ibarat gambar berikut.


Klik Gambar Untuk Ukuran Besar



2. 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; }



3. Ok tutorial selesai.

---

Untuk background disini ane sudah menyediakan beberapa saja diantaranya :

1. Utaha kasumigaoka & Kashiwagi Eri Dari Anime Saenai Heroine no Sodatekata

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO4Y-OzAfaPAk0hsPi5RFrqNRQi3vi1lfC-Ef6TX_Yvv4mZLb7Z9wYPZK9GLkwIEyk4iE7EvAAbCSgtYNKmC_VD6xiGReLs2pfjgBZt2D1GwWdRzgTtkWScV-RNZAC5vgFKCf4PStPpLc4/s1600/right.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEkgnQfGGgb_jtN5CWrDtzbm-k4Xn8qzZgt39bsfi6u8ipQq-GG4RPaiT4sEgEFXD1e0tG0PbTthcl0ZCyBFE6yCt6T5jKeCZPuFTMKOh3l7W-sUgjpENvqhFeTynRTfkXyGIHsCWfUlPq/s1600/left.png



2. Utaha kasumigaoka & Kato Megumi Dari Anime Saenai Heroine no Sodatekata

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinhQWH8sX_AzqKryZ7VHjpxkghWfLZr04w_hJp9IybagwTAzsy4moSNdOTdXjgWBgpUMtKSJX26SN7uzZzfHDUOW2_LIPl5XkCHPGmbiWZnSEnFijBwEgXGpcSMmetM-pXCqlEc-Mexzxo/s1600/kato-kanan.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-agiH5-of5wJxfiDpPW0V0D9I2kPAJ6oxkAnG31u5OuT-ggqG4wkBDjiwQdD7VIbsd4OlP6ZN2CmsZG35f6naC5aYbLcJwQSUHo4Z6upfGIoibZp81o6YQZvNrGv3xQ_HqJJvQZ0ght-C/s1600/utaha-kiri.png



3. Ikumi Suzuki & Endou Rino Dari Anime JINSEI (Life Consulting)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRiGamDUI5_jDwofJVWdTmwXnt85N3w-DiosAo8Xi5PzNv22mTycIrA3dMNX3k7NhRVVaV_ZCwkNIEeeZOJC1K-BEI1F_wnYWgGhM7R_OwNdRI-GGwp_bGaG_xFERy5fhA_JrSQA5L/s1600/rino-right.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB0BF0BaX6eeWchJ_wei-AbO9rx5OYCrmW5q4GLp5AX5vo-iFFp8TzRT-gnKXMslJt88ed_9uvnJXxyZyqk57TrXQKDKHc1fw_Haoo2EWuQwlvyYhjlfXqXnBRgnwCOUuOLiCQwnMF/s1600/ikumi-left.png



4. Lelei la Lalena & Tuka Luna Marceau Dari Anime Gate: Jieitai Kanochi nite, Kaku Tatakaeri

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCqD8FZxActYZKtwLWV256ImYa7R3AxmBAirywXzCGfNbENHrXHxWFTyB25Ze5PZuqw-ecc_rZvDh8qwgWiIwYJ3U8AmPEoZgjYEJB1Z0K_Hzk6iIVdMNuwrNFVJ5U8JOxkEtOgXZUI_g/s1600/comboburst-0.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhAQy4g43AXMoikXkIp1o2BpVil2aAJCCJVc1sm1yYVHbcxqKqaEFhiyrMUtQ-Do8gL4ysRtqXbFwTBkpv9MXQri_PT5YiZaonisz7UMKPoiFnDEVrpW7R65T6l6DMM0QzTz7bjJHEco/s1600/comboburst-1.png

---

Cara Membuat Full Background Image Blogger

1. 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; }



2. Jika sudah save tema.

Bagikan Artikel ini