Ada banyak cara untuk membuat template blog anda kelihatan cantik dan menarik, salah satunya yaitu menambahkan background atau bahkan border pada halaman posting karena halaman posting merupakan bagian inti dari sebuah blog dan merupakan bagian yang paling banyak mendapatkan perhatian dari pengunjung maka dari itu seorang pemilik blog harus bisa memberikan sentuhan cantik untuk template blognya.
Kembali kepembahasan awal, Membuat Background dan Border pada Halaman Posting
Membuat Border
Cari kode #main-wrapper { pada template anda dan taruh kode border: 3px solid #fff; tepat dibawahnya.Kodenya nanti akan terlihat seperti ini. #main-wrapper {border: 3px solid #fff;
#main-wrapper {botder:3px solid#fff
Ket:
3px ( Ukuran lebar border )
Solid ( jenis border )
#fff ( kode warna )
Untuk ukuran, jenis border, dan warna anda bisa mengganti sesuai keinginan yang pantas untuk blog anda. Sebagai contoh anda lihat border dibawah ini.
border: 3px solid #000;
border: 5px solid #f00;
Dotted border: 3px dotted #000;
Dashed border: 5px dashed green;
Double border-style: double; border-color: blue;
Outset border-style: outset; border-color: #404040;
Membuat Background
Cari kode #main-wrapper pada template anda dan taruh kode background: #333333; tepat dibawahnya. Kodenya nanti akan terlihat seperti ini.
#main-wrapper {background: #4DB64A;
Ket:
#4DB64A; ( kode warna yang bisa anda ganti sesuai keinginan ).Sebagai contoh anda lihat warna background dibawah ini.
background: #4DB64A;
Menggabungkan Border dan Background
Cari kode #main-wrapper selanjutnya taruh kode border: 5px solid #666666;background: #4DB64A;. Kodenya nanti akan terlihat seperti ini.
#main-wrapper {border: 3px solid #666666;background: #4DB64A;
Untuk keterangan kode sama dengan yang di atas.Sebagai contoh anda lihat warna Border dan background dibawah ini.
Mengganti Warna Background dengan Gambar/Photo
Kode ( background: #4DB64A; ) di ganti dengan
Kode ( background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-MTlQd9wnEwVPoHiMHzi4N2gwlgCsPlFIYjBqYhZ4AAZsYw66i5MOSJWBXsydiYgo6NGDkuDHltOUW1_xC-hPsRqtjmLQ7DE3uXBeZ-JY9CyR6DLS7gNwWdcWlVwVn3p3KUnmYVMZJgo/s1600/abstrak%203.jpg); )
Jangan lupa ganti gambar yang anda inginkan dengan cara masuk di laman atau post entri kemudian masukkan gambar setelah itu klik html lihat kode di sana dan copy pastekan di kode tersebut.
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-MTlQd9wnEwVPoHiMHzi4N2gwlgCsPlFIYjBqYhZ4AAZsYw66i5MOSJWBXsydiYgo6NGDkuDHltOUW1_xC-hPsRqtjmLQ7DE3uXBeZ-JY9CyR6DLS7gNwWdcWlVwVn3p3KUnmYVMZJgo/s1600/abstrak%203.jpg);
Sebelum anda memulai untuk mempercantik blog dengan mengubah warna pada halaman posting baik itu menambahkan border atau background atau bahkan menggabungkan antara borden dengan background alangkah baiknya anda download template lengkap dahulu untuk mengantisipasi apabila terjadi kesalahan edit pada template.
Kembali kepembahasan awal, Membuat Background dan Border pada Halaman Posting
Membuat Border
Cari kode #main-wrapper { pada template anda dan taruh kode border: 3px solid #fff; tepat dibawahnya.Kodenya nanti akan terlihat seperti ini. #main-wrapper {border: 3px solid #fff;
#main-wrapper {botder:3px solid#fff
Ket:
3px ( Ukuran lebar border )
Solid ( jenis border )
#fff ( kode warna )
Untuk ukuran, jenis border, dan warna anda bisa mengganti sesuai keinginan yang pantas untuk blog anda. Sebagai contoh anda lihat border dibawah ini.
border: 3px solid #000;
border: 5px solid #f00;
Dotted border: 3px dotted #000;
Dashed border: 5px dashed green;
Double border-style: double; border-color: blue;
Outset border-style: outset; border-color: #404040;
Membuat Background
Cari kode #main-wrapper pada template anda dan taruh kode background: #333333; tepat dibawahnya. Kodenya nanti akan terlihat seperti ini.
#main-wrapper {background: #4DB64A;
Ket:
#4DB64A; ( kode warna yang bisa anda ganti sesuai keinginan ).Sebagai contoh anda lihat warna background dibawah ini.
background: #4DB64A;
Menggabungkan Border dan Background
Cari kode #main-wrapper selanjutnya taruh kode border: 5px solid #666666;background: #4DB64A;. Kodenya nanti akan terlihat seperti ini.
#main-wrapper {border: 3px solid #666666;background: #4DB64A;
Untuk keterangan kode sama dengan yang di atas.Sebagai contoh anda lihat warna Border dan background dibawah ini.
Menggabungkan Border dan Background
border: 5px solid #666666;
background: #4DB64A;
Mengganti Warna Background dengan Gambar/Photo
Kode ( background: #4DB64A; ) di ganti dengan
Kode ( background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-MTlQd9wnEwVPoHiMHzi4N2gwlgCsPlFIYjBqYhZ4AAZsYw66i5MOSJWBXsydiYgo6NGDkuDHltOUW1_xC-hPsRqtjmLQ7DE3uXBeZ-JY9CyR6DLS7gNwWdcWlVwVn3p3KUnmYVMZJgo/s1600/abstrak%203.jpg); )
Jangan lupa ganti gambar yang anda inginkan dengan cara masuk di laman atau post entri kemudian masukkan gambar setelah itu klik html lihat kode di sana dan copy pastekan di kode tersebut.
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-MTlQd9wnEwVPoHiMHzi4N2gwlgCsPlFIYjBqYhZ4AAZsYw66i5MOSJWBXsydiYgo6NGDkuDHltOUW1_xC-hPsRqtjmLQ7DE3uXBeZ-JY9CyR6DLS7gNwWdcWlVwVn3p3KUnmYVMZJgo/s1600/abstrak%203.jpg);
Sebelum anda memulai untuk mempercantik blog dengan mengubah warna pada halaman posting baik itu menambahkan border atau background atau bahkan menggabungkan antara borden dengan background alangkah baiknya anda download template lengkap dahulu untuk mengantisipasi apabila terjadi kesalahan edit pada template.
