Cara Mengganti Background Blog dengan Gambar
Cara Mudah Mengganti Background Blog dengan Gambar - Cara/trik merubah/mengubah background blog dengan gambar secara cepat dan mudah atau cara agar background blog bisa berganti dengan gambar.
Dalam mengedit dan memodifikasi sebuah blog, dibutuhkan pemikiran dan pandangan yang luas. Contohnya, background yang Anda ganti, template yang Anda download, artikel terkait yang Anda gunakan dll.
Namun terlepas dari itu semua, kegunaan yang ingin didapat dari pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke kenyamanan pengunjung blog dalam melihat blog kita serta sedikit ditambahkan optimization SEO. Sebelumnya, saya juga pernah posting artikel yang terkait dengan tutorial kali ini, yaitu artikel berjudul cara membuat kotak admin di bawah postingan blog. Silahkan dibaca bila tertarik. Oke lanjut.. Pada template blog, khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar? Ikuti tutorialnya di bawah ini!
4. Setelah ketemu, Anda tinggal menambahkan kode ini :
url('url link gambar yang ingin dijadikan background') repeat-x;
Sehingga, dari contoh kode diatas, menjadi
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.
Dalam mengedit dan memodifikasi sebuah blog, dibutuhkan pemikiran dan pandangan yang luas. Contohnya, background yang Anda ganti, template yang Anda download, artikel terkait yang Anda gunakan dll.
Namun terlepas dari itu semua, kegunaan yang ingin didapat dari pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke kenyamanan pengunjung blog dalam melihat blog kita serta sedikit ditambahkan optimization SEO. Sebelumnya, saya juga pernah posting artikel yang terkait dengan tutorial kali ini, yaitu artikel berjudul cara membuat kotak admin di bawah postingan blog. Silahkan dibaca bila tertarik. Oke lanjut.. Pada template blog, khususnya template blogger atau blogspot, warna background pada blog dapat kita ganti dengan sangat mudah sesui dengan gambar yang kita inginkan. nah bagaimana cara mengganti background blog dengan gambar? Ikuti tutorialnya di bawah ini!
Cara Mengganti Background Blog dengan Gambar - Merubah background blog :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body ( Jika sulit cari kode body{ )
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body ( Jika sulit cari kode body{ )
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :
body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}
4. Setelah ketemu, Anda tinggal menambahkan kode ini :
url('url link gambar yang ingin dijadikan background') repeat-x;
Sehingga, dari contoh kode diatas, menjadi
body{background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}
5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.
Gambar Background kamu juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. Tinggal kamu ganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. Yakni kamu cari dulu gambar kecil, setelah itu seperti biasa, tinggal kamu rubah repeat-x; menjadi repeat scroll 0 0;
demikian artikel mengenai cara mudah mengganti background blog dengan gambar. Semoga bermanfaat buat semu
Terima kasih telah membaca artikel Cara Mengganti Background Blog dengan Gambar
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Background Blog dengan Gambar
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
Artikel ini memiliki rating: 97% Top Artikel dari 93058 ratings. 93058 pembaca merekomendasikan ini.
Ditulis Oleh Zai Azura
Description: Cara Mengganti Background Blog dengan Gambar
Terimakasih atas kunjungan Sobat beserta kesediaan Sobat membaca artikel ini. Kritik dan Saran dapat Sobat sampaikan melalui Kotak komentar dibawah.
0 comments
Post a Comment
Untuk menyisipkan gambar, gunakan tag <i rel='image'>URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>
Link aktif akan dimatikan secara otomatis.
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
NB: Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (Out Of Topic) dengan menekan tombol OOT di bawah ini.
Konversi Kode di Sini! Emoticon OOT