Sabtu, Juni 15, 2013
By
Unknown
Tutorial Blog
0
komentar
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 Cara mengganti Background Blog 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 ]]> body { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicTBkubUk6hqwcWqlyYe1qLSlLsqKd-N4XhLiGNce3R41lUZv7SNidbcaBwRPxc84wKzKvdSk8UyiQeZkhNJ6elkq1DDLBPfZrQroc3ixx_vB_xwWyQd6IoTkma0YvWc9_9JmZ_qnut6g/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/AVvXsEicTBkubUk6hqwcWqlyYe1qLSlLsqKd-N4XhLiGNce3R41lUZv7SNidbcaBwRPxc84wKzKvdSk8UyiQeZkhNJ6elkq1DDLBPfZrQroc3ixx_vB_xwWyQd6IoTkma0YvWc9_9JmZ_qnut6g/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. upload gambar Jika selesai klik kanan mouse pada gambar tersebut, copy link image location Cara mengganti Background Blog 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLXeqfYHofuoZjkTxRCLmXsyc2Bh6X5wyfgZMb9QOeHpqZuMe9uIisIro5nZpvIu_J9_Oqez2xkRVthlPMXnHbl8WVKNMQVK5XGlIdHWgqUu9NM7bX3918jh23U_NdAoZMXC7Lcy27Qic0/s800/monozcore_blogspot_com_redmatrix.gif Matrix Hitam https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhv8oRFgwPFRZC10rgusulihyphenhyphenAXTKtFC3ehXPtYm0ARDUp-uI8kdpDb6wmUdcIsG74mxlc3z-phBGA-HPyZNHbQaWSHPFgiWbipCHFpRb7XDwRubtR7siO69ubQLYyCYJL2ma0YsDC7T8/s1600/0_1_1.gif Matrix Hijau https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjELwlCRtFnx7xb6HBrOoZKvCYMc-mBTmfWvCvDCRMMpLJqoIRrPylFANkwbUGbgZkey9EwPvvN7_tslQBhSBTuKglGRjYU9S4wPhIBoIZBLwDS7bnYCqsNr5EgDNfM3WaTToPr3M9jgVz/s800/matrix.gif Matrix Biru https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnjCuyjSkkamG-UiU95J06yNVnEpbLeORYT7iO6pmgyvenhG7b23mAIjRkxiMP7QubKhafa_-t1AmgefrXRXE2yS8ngbBDqY4cHGBqcdsGn8LbmGcIZQ1DWiGlbY9s5JsDrcZopyaKkOcL/s800/bluematrix.gif Matrix Biru Terang https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbb3pwvDq4ZnqfKvf4v49dR8wlqi1Ixz8sYCmrqDNgMRPTXOKygaSFJolSy9KrckHp_k6KqX6I4bF41rRDZmA7uonVOdmkW7nP15MDnaSH0jMmVX-qy6M8H5vzskbls-NCghyphenhyphenLmv9dR6Zj/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/AVvXsEiObK5bsMmMXY9wXZhnO56ev4LZ0o5KA7AcCz_YVzvSpcNF5NLr83RNHhPTEzLKQuSOhzmy8YHYeAEMc_gDJwzn9BRW1VvmaqLTJ9SoQUyOsC1smY8ecNr5QElzwS20lg2nafvIS1fswfMB/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/AVvXsEiMXkoR6z_7PB8HglwE_I0D3XolHXtRiHz9c-w5utoRA4LdgpcIdxst1MhKlOH6eD9E473LoqHLMncKV7lzovZu2JGj8XwsZ6HdpvNnMEvHZ5d8wfbQ4oxfP6cDpN4V0IQfQ_GvlyJgaHM/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/AVvXsEiPgDQj3NU2qCDQa_hXP1cnNsBt7wAmIxYNgvdiiBNpqM1_-8IwBB1tT-KjYfS1czCj4OsPa9C6fGXsnS-jm06O65BKyxlwfD3B4pR_djRkEGXxv_n0-WXtJG44VBwcCAYyibBXkhZPY2o/s1600/body-bg12.png Grey Block https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHy7eO1w5nxtj6PZhgd_nCWvMkMG7D6lGq1IPW7gGJjlQL-FqyLprOEy8320T5lnyQTU06bF0z9tXMdpD6Gwim1bKR3DIz2Ji3XYEEaceAcHAx8evguWwgnuJwLacf8tYB-yzmQ8ON6Io/s1600/blog.jpg Rumput Hijau https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uiR9Q0-4QzsMX4IV44_JwlLiqUzm8r2EmSHUVG7X1Pxdx_V9KtsxGkTFngmLMsGHCupmlNTo5Tts_psBWWsrpTsIPmhRMZO6IXoXNz-aSUnzmMmcwdPw2fj36-tWrDQn5droaxY1/s320/tile.jpg Glossy art https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi52dQ5VIxlFQSLUEnJl4edoBJcCMrgcNzuAP0mMnq9dpF4FsF_LM92norqFxAPTwm3SK_5JC164lzAAoHH08PVXaq57ieCSAszOHptbRB12ud-wtUgkq0SYKQs1p1UpobyQkYG7Ckz1W0/s1600/pattern32.png Hitam https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihaGnzdMU6lXCFyx6tiwRMLRHw5GxHSQWrEDYUjH6H0qOb1FLqNUZHaTpP2BOiLmR0jCscCqRSyZuk8nJNIwD1_TV9eWu1ggL32cE82vnycjpkFiDtk6Jto-yD4kqccOnrRPXZ3WiJcUc/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/AVvXsEgYz6YqL7lp2nxnYhgTVmsePE5Y8PP04-03Iylx-eEarAuWf2poQ3eMo_abOi8b_JFFfyP5tBNRUE6hi6BOSfZHRnJCuajfSH1oHGRg7NVb6hlNXZvAGBNciQEwJTZMMJQRWGFwzKBYY44/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!
0 komentar: