Cara mengganti Background Blog beserta tips & triknya

Bosen dengan tampilan blog anda? Capek gonta ganti template hanya agar blog terlihat indah. Hhaha sama kaya saya waktu dulu. Sebenernya cukup satu template yang mendasar, sisanya kita edit sampai beda 180 derajat dari aslinya. Sama kaya template saya, awalnya dari template bluepress, tetapi karena sudah berbeda 180 derajat jadi saya akui sebagai template saya. Legal nggak tuh? haha

Sebenernya perlu saya tegaskan sekali lagi, bahwa yang membuat blog kita hebat adalah 'konten artikel', kedua adalah SEO blog dan yang ketiga adalah tampilan blog. Yang akan saya bahas kali ini adalah mengenai option ketiga yaitu tampilan blog dengan judul Cara mengganti Background Blog beserta tips & triknya.

Tidak ada salahnya mengganti background blog. Menurut saya background juga penting bagi blog, tetapi yang bagus dan dapat menyejukan hati pengunjung. Sama halnya dengan warna cat dinding rumah yang berbeda dapat menimbulkan kesan dan perasaan berbeda kepada orang yang berada diruangan tersebut.

Anda dapat mengganti latar belakang atau background blog anda sesuka hati dan dengan gambar pilihan anda. Blog anda akan terlihat lebih indah dengan gambar background pilihan anda. Tidak seperti background bawaan template yang kebanyakan berwarna polos. Langsung aja masuk ke TKP :

Cara mengganti background

1. Buka dulu akun blogger anda.
2. Masuk ke Templates lalu pilih Edit HTML
3. Temukan kode body { atau mungkin jika tanpa spasi body{ . Mungkin setiap kode ini berbeda beda pada masing-masing template. Tergantung si pembuat template, jika mungkin menggunakan bahasa lokal negaranya. Misalnya jika bahasa Indonesia : badan{ dan sebagainya. Pokoknya kode ini terdapat di bagian paling atas dari susunan kode CSS template blog anda.

Lebih jelasnya seperti gambar dibawah ini

Jika kode body{ tidak dapat ditemukan, anda dapat menemukan dengan search saja "Background" (tanpa kutip), Akan ada banyak yang muncul, satu satunya cara mengetahui mana yang benar adalah dengan mengetes url gambar satu per satu.
Jika benar benar tidak menemukan kodenya, anda dapat memasukan kode dibawah ini tepat diatas kode ]]></b:skin>

body { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXMB5SN2Ef2KZhECTbEn7OGx7YZw7OSanYXa3tGUzvQwv4Pd0kpYnJVkL5N06jCmDCLQ1L_Unog3RnlSATvpeb2l11eH-V-707cvxPeg9AbQwXON_LNjGX0LUBE1TV2WWzFa3xT4ersM/s1600/Body.png") repeat scroll 0 0 transparent;}

Kode berwarna merah adalah url gambar background.

Background blog menggunakan warna polos

Jika ingin menggunakan background warna saja, anda hanya tinggal menghapus beberapa kode dari kode dibawah ini:

body { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGXMB5SN2Ef2KZhECTbEn7OGx7YZw7OSanYXa3tGUzvQwv4Pd0kpYnJVkL5N06jCmDCLQ1L_Unog3RnlSATvpeb2l11eH-V-707cvxPeg9AbQwXON_LNjGX0LUBE1TV2WWzFa3xT4ersM/s1600/Body.png") repeat scroll 0 0 transparent;}

Menjadi seperti ini :

body { background: #eee; }

Kode berwarna biru adalah kode warna background. Lihat kumpulan kode warna DISINI

Trik upload gambar gratis

Saya sarankan cari gambar yang anda suka tapi dengan syarat ukuran gambar harus sama. Misalnya 400x400, 200x200, 100x100 etc. Kalau gambar anda tidak berukuran sama cobalah untuk mengeditnya dengan Photo Editor. Untuk mendapatkan url gambar anda, terlebih dahulu harus menguploadnya ke hosting image gratis misalnya imageshack.us atau postimage.org. Kadang kala jika mengupload ke hosting image tersebut, gambar yang sudah lama diupload dan jarang dilihat suka dihapus oleh pihak hosting image. Tetapi saya punya solusi untuk mengupload image gratis dan tanpa terhapus selamanya. Beirkut trik-triknya :

Buatlah sebuah postingan baru
Lalu upload gambar anda dipostingan tersebut.

Jika selesai klik kanan mouse pada gambar tersebut, copy link image location

Lalu Simpan postingan tersebut. Ingat jangan pernah hapus postingan tersebut

Kumpulan url background

Untuk melihat gambar, buka url gambar dibawah ini dengan open new tab.

1. Background gambar animasi atau bergerak

Matrix Merah

https://lh5.googleusercontent.com/-F5UfAsRs24I/Ts0uwOoH7QI/AAAAAAAAAf4/UQXNleByOcE/s800/monozcore_blogspot_com_redmatrix.gif

Matrix Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlkSZS7XPGaxrnxX2mF8EEBzAeeEyjNzI2sAfsmePqWgR_Jmt0-kfRPugN8NOa9keP1Sx1l5vQkSLxRymlqfBuFbEKCpZ7k6ZjyUvB93bwIIlUqUxOEqAI7LIItVEyanRq-tVNaIH87DU/s1600/0_1_1.gif

Matrix Hijau

https://lh4.googleusercontent.com/-yEVdif3Bi_U/Ts32PtuIGBI/AAAAAAAAAgo/Ce1ujGXZ6RE/s800/matrix.gif

Matrix Biru

https://lh3.googleusercontent.com/-bf_x-yTTHjQ/Ts32HIlpUJI/AAAAAAAAAgQ/WctrlVSdVXI/s800/bluematrix.gif

Matrix Biru Terang

https://lh6.googleusercontent.com/-wnxb6Bv75j8/Ts32HR4rlOI/AAAAAAAAAgU/ubCAT0zE3hA/s800/bluematrix2.gif

Api

https://lh3.googleusercontent.com/_GaKwmMcf4N4/TSKbNtAKZVI/AAAAAAAAD_g/5BNQ-CAM0PM/DADfire.gif

2. Background gambar biasa

Batik keren (punya indra teman saya)

http://s19.postimg.org/wxjp8zdpf/cutcaster_vektor_100241520_golden_classy_repeat.jpg

Batik 2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjWUba-1n0134gPr90wpYg1jL43M6-G-GX-RoW_NtgBd7v6CZ2Jh7Q2oFDdq8w1F-U89vGefHrleomuCg0pyutQx6O5S04uKpqC21cqm9lrrH38uVEu44vFCsgMzg01MZJeTeS3QZS-9a/s1600/parangkusumo.JPG

Batik 3

http://blogs.unpas.ac.id/prutnop/files/2013/01/motif-batik.jpg

Batik 4

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kMsJrcma_nQS8WjYqrO_j5-q4ohwF9rpTXrLSkPIgyRbMtfEFsBmXIN7T0w8NUp6ZrhowZ5zmFG6N1ckwog7G_dVj8RvtnqvY6wziwHENT-2V6EaTS3ZNOH-7zHIO6RNfH5Xh22OGvc/s1600/batik.jpg

Batik 5

http://www.batiktulis.net/wp-content/uploads/2012/12/Batik-Tulis-SK3026.jpg

Batik 6

https://lh6.googleusercontent.com/-U4sPnX-VnBk/UTBgapAPJWI/AAAAAAAAAwQ/l5ADVTjz7S8/s96/bax.jpg

White Minimalist (seperti blog saya)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4WWE4ewRTHMGuFs17vLX1bikbIr6Lro-TH53yyg14CQk_MzNcAlkY96ICUsNIKUhvUxEu2vaZ3lPiOU_Cldop2vG4jOGI1izrO1-g6vJUviE0OGPk8Fv9RpSU_NN4nVoO0ktMNwl66k0/s1600/body-bg12.png

Grey Block

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgGud0eQVO9cu8uUGRUpnou7lIDwOrOoGzb344tlfhvgassqsUiS9R8-2Sks9h2VLIsyh2RBhJB4EDp1o-lF-xCudtv6zdr5RMZGLw5dT8rhyphenhyphenTIC_hEtPnNL62fmCd9gG2KjX-b0erisM/s1600/blog.jpg

Rumput Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsDoLx2m8mzN9WiZfDWKaHFY6Xuh7i20htLJ6m2uR7HM8buWyvvbBk44ZrWON89xpUHQM0mkbcbMR1UfoEHZSxfo8iZGSvwZueV3G4g-7YW6_D5s6wa05a_TITCRl1NHFAoD1m63_L/s320/tile.jpg

Glossy art

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GZawYDF6T2njOFnRIAWUl9EnDThQinXuXAOUQULRhvJE2AMlGSWVvAuIRynvYaBBO1omhkXfhN66G8pcePFxLlD-9O_QLO250setlEM-iotuWg5LDGEGIH7OJsZgBGBjc2axgOlrag0/s1600/pattern32.png

Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWTxHoaxOw97aLsln-xz56_rgRnjWiXBpfrL86MEJGyYAnAmUrNcsc4nC2eMDrxkNXamCjofODhC_GgYi-MPnn9bnh2eZu4G645gNRtq-AJF9Tk-so-uwm22kZnQbrZN9uJD16Lc-r9xw/s1600/bg-banner-pattern.gif

Lego blocks

https://lh6.googleusercontent.com/-X_cFzjQKwk0/ULPpy9D_xMI/AAAAAAAAC98/IQ5OSeu1M54/s512/bg.png

Black Side, White on Center

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI7HbP9rkOQTv1xP1bsQuGMHpRCSwhtmKT0UZYng5GxGTL6Fjaz96LBi1ZXnOVe9ZeAFtHwRGDPf81hLdqf-0XSTqIYGGGr80TkJ5OGgL2Pxe22je1dWCXCrXg2B1Uj4AVvjayD5V8m3Y/s1600/bg_body.jpg

Last Words

Bagaimana? sangat mudah sekali bukan? Jadi kesimpulannya, semoga dengan mengganti background ini dapat meningkatkan visitor (pengunjung nyaman dan akan kembali ke blog anda). Jika Anda memiliki pertanyaan maka beritahu saya di komentar.

Sekian post tentang Cara mengganti Background Blog beserta tips & triknya.. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata, semoga tulisan ini dapat bermanfaat bagi anda. Tetap terhubung dengan Ujangyoyo karena akan ada postingan baru yang lebih menarik. Happy Blogging friends!

referensi:

http://www.lost-sector.net/2012/12/kumpulan-background-blog-dan-cara-menggantinya.html

http://www.tuliskan.com/2013/03/kumpulan-background-untuk-blog.html