Cara mengganti background dan border footer blog tidak jauh berbeda dengan mengganti background bagian posting dan sidebar.
Kalau mengganti background dan border posting berpedoman pada kode css .main-inner .fauxcolumn-center-outer dan jika mengganti background dan border sidebar dengan kode css .main-inner .fauxcolumn-right-outer, maka kalau mengganti background dan border footer pedomannya adalah kode css .footer-outer.
Cara Mengganti Background Dan Border Footer Blog untuk template standar blogger dapat dilakukan sebagai berikut:
Poin 1:
Login ke blogger.com ---> Template ---> Edit Html.
Poin2:
Dengan menggunakan Ctrl+F pada keyboard cari kode css ]]></b:skin>. Dan letakkan kode dibawah ini diatas kode tersebut:
Border tersebut adalah untuk ke empat sisi yaitu atas, kanan, bawah dan kiri. Bila menghendaki border hanya pada sisi tertentu saja tinggal mengganti kode css border dengan border-left, border-right, border-bottom atau border top.
#0c589e:kode warna background
2px: ketebalan border
solid: jenis border
#000: warna border
Silahkan dicoba dengan variasi lainnya agar mendapatkan tampilan background dan border yang lebih menarik.
Poin 3:
Simpan Template dan selesai.
Ilustrasi cara mengganti Background Dan Border Footer Blog dapat dilihat pada gambar:
Gambar Background Dan Border Footer Blog sebelum diganti
Gambar Background Dan Border Footer Blog setelah diganti
Demikian sekilas mengenai Cara Mengganti Background Dan Border Footer Blog, semoga membawa manfaat.
Cara Mengganti Background Dan Border Footer Blog untuk template standar blogger dapat dilakukan sebagai berikut:
Poin 1:
Login ke blogger.com ---> Template ---> Edit Html.
Poin2:
Dengan menggunakan Ctrl+F pada keyboard cari kode css ]]></b:skin>. Dan letakkan kode dibawah ini diatas kode tersebut:
.footer-outer {background:#0c589e;
border:2px solid #000;
}
border:2px solid #000;
}
Border tersebut adalah untuk ke empat sisi yaitu atas, kanan, bawah dan kiri. Bila menghendaki border hanya pada sisi tertentu saja tinggal mengganti kode css border dengan border-left, border-right, border-bottom atau border top.
#0c589e:kode warna background
2px: ketebalan border
solid: jenis border
#000: warna border
Silahkan dicoba dengan variasi lainnya agar mendapatkan tampilan background dan border yang lebih menarik.
Poin 3:
Simpan Template dan selesai.
Ilustrasi cara mengganti Background Dan Border Footer Blog dapat dilihat pada gambar:
Gambar Background Dan Border Footer Blog sebelum diganti
Gambar Background Dan Border Footer Blog setelah diganti
Demikian sekilas mengenai Cara Mengganti Background Dan Border Footer Blog, semoga membawa manfaat.
kalo pengen dengan gambar sendiri gmn gan?
BalasHapusmin, kok enggak jadi ya? Terima Kasih
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusRodo mumet eksekusinya, masih belum bisa....
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapus