Setelah saya berkecimprung di dalam edit html css template original blogspot selama dua hari ternyata saya menemukan juga secript yang saya cari didalamnya dengan menelusuri satu persatu kode CSS Untuk memasukan gambar di bagian footer. Dan untuk sebenarnya apa sih footer itu. Footer adalah halaman kaki yang berada paling bawah postingan untuk lebih jelasnya lihat gambar di bawah ini biar jelas.
Dan kalau yang di atas itu namanya Header dan gambar diatas saya terapkan di template ini perlu kalian
ingat saya tidak meletakan gambar lewat layout-add a gadget atau sering di
sebut tambah gadget Java/script saya langsung dari dalam css template jadi
kemugkinan kalau di terapkan di css template tidak bisa di klik tapi kalu
disimpan di layout akan bisa.
Cara Memasang Gambar Di Footer Blogspot.
Nah saya akan langsung saja ke initinya biar tidak terlalu lama karena saya tidak suka berlama lama dan biar postingan saya tidak terlalu membingungkan kalian.
Pertama masuk ke menu edit html kalau belumtau cara masuknya
klik disini. Cara Masuk ke Menu Edit.
Kalau sudah tekan CTRL+F di papan
ketik kalian (kyboard) dan temukan kode berikut ini.
]]></b:skin>
Nah kalau sudah ketemu masukan kode dibawah ini dan harus
tepat diatas ]]></b:skin> CONTOH cara menyimpannya dibawah ini.
footer:after {
content: url( ISI URL GAMBAR DISINI );
display: block;
text-align: center;
}
]]></b:skin>
content: url( ISI URL GAMBAR DISINI );
display: block;
text-align: center;
}
]]></b:skin>
KTERANGAN- Yang saya beri warna hijau itu isikan dengan alamat URL gambar kalian yang ingin dimasukan dan bila belum tau cara mengetahui URL gambar bisa kalian Masuk kesini dulu untuk mengetahiunya. Mengetahui URL gambar. Klik disana. Klau sudah klik pratinjau dan lihat hasilnya kalau sukses silahkan kalian simpan (save).
Trakhir tanggung nih. Bila kalian ingin menghilangkan Footer bawaan template bisa kalian masukan kode dibawah ini.
Kode di atas kalian simpan di depan kode ini ]]></b:skin> jadi menyimpannya seperti ini CONTOH dibawah.
Nah biar mudah di pahami cara penggabungannya saya akan contohkan lagi dengan yang dari atas PAHAMI Y
CONTOH
Gimana bingung tidak atau gampang ! Bila bingung bisa isikan kotak di bawah tanyakan bila saya ada sempat saya akan balas. Dan sampai disini dulu postingan saya yang sangat pendek ini wasalam.
.footer-outer{display:none;}
Kode di atas kalian simpan di depan kode ini ]]></b:skin> jadi menyimpannya seperti ini CONTOH dibawah.
.footer-outer{display:none;} ]]></b:skin>
Nah biar mudah di pahami cara penggabungannya saya akan contohkan lagi dengan yang dari atas PAHAMI Y
CONTOH
footer:after {
content: url( ISI URL GAMBAR DISINI );
display: block;
text-align: center;
}
.footer-outer{display:none;} ]]></b:skin>
Diatas itu penggabungan BILA ingin menghilangkan Footer bawaan template.Dan kalau bila tidak ingin dihilangkan jangan memakai secript yang saya beri tanda hijau.content: url( ISI URL GAMBAR DISINI );
display: block;
text-align: center;
}
.footer-outer{display:none;} ]]></b:skin>
Gimana bingung tidak atau gampang ! Bila bingung bisa isikan kotak di bawah tanyakan bila saya ada sempat saya akan balas. Dan sampai disini dulu postingan saya yang sangat pendek ini wasalam.
mantab sob, klo biar melayang gimana gan..
ReplyDeletehttp://tokoonlineobat.com/obat-keputihan-alami/
Itu gambanya udah otomatis menyamakan ukuran footer mas ?
ReplyDeletebermanfaat gan
ReplyDeleteMantap
ReplyDeletesaya coba gan...makasih bnyak
ReplyDeleteteak furniture manufacturer indonesia
good sukses gan terima kasih ya
ReplyDeletepenampakannya
http://dewi123gove.blogspot.co.id/
thank gan artikelnya..
ReplyDeletewalking-walking ya ke
http://musik1satunya.blogspot.com
gk bisa mas
ReplyDeletekeren gan makasih
ReplyDeletetapi gambarnya ga full lebarnya, gimana caranya biar lebarnya full
mantapp
ReplyDeleteTerima kasih
ReplyDeleteWah..perlu nih. thank's mantap.
ReplyDeleteBermanfaat setelah di baca, terimakasih atas infonya.
ReplyDeleteYang mau bergabubung bahas tentang di bayar oleh prusahaan google bisa baca di https://tentangprodukgoogle.blogspot.com/
Cara Memasang Gambar Di Footer Blogspot. kalau untuk word press html bagaimana caranya gan terima kasih infonya
ReplyDelete