Cara Memasang Gambar Di Footer Blogspot




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.
gambar di footer

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>

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.
.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.

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.




14 comments:

  1. mantab sob, klo biar melayang gimana gan..

    http://tokoonlineobat.com/obat-keputihan-alami/

    ReplyDelete
  2. Itu gambanya udah otomatis menyamakan ukuran footer mas ?

    ReplyDelete
  3. good sukses gan terima kasih ya
    penampakannya
    http://dewi123gove.blogspot.co.id/

    ReplyDelete
  4. thank gan artikelnya..
    walking-walking ya ke
    http://musik1satunya.blogspot.com

    ReplyDelete
  5. keren gan makasih
    tapi gambarnya ga full lebarnya, gimana caranya biar lebarnya full

    ReplyDelete
  6. Bermanfaat setelah di baca, terimakasih atas infonya.

    Yang mau bergabubung bahas tentang di bayar oleh prusahaan google bisa baca di https://tentangprodukgoogle.blogspot.com/

    ReplyDelete
  7. Cara Memasang Gambar Di Footer Blogspot. kalau untuk word press html bagaimana caranya gan terima kasih infonya

    ReplyDelete