Skip to main content

Cara Memasang Banner Di Header Secara Center

Trik kali ini yang ingin saya bagikan adalah bagaimana cara memasang banner di atas header, tepatnya di atas judul blog anda. Saya bagikan tips ini karena saya kesulitan untuk menemukan kendala yang saya cari di dunia google. Pertama  yang harus di lakukan adalah membuat banner berukuran sesuai dengan panjang dari bodyblog anda, untuk tinggi di tentukan sesuai selera. Seprti contoh di bawah.




Setelah banner siap sekarang kita menuju ke langkah pemasangan di header blog anda, jika anda belum mengerti dari maksud pemasangan di atas header, perhatiakn gambar di bawah.




Oke kita langsung saja ke pemasangan.
1. Login ke Blogger anda
2. Masuk ke Tema, Edit HTML. Ingat selalu Backup.
3. Cari <head>  untuk memudahkan pencarian gunakan control F
4. Setelah ketemu copy script di bawah dan taruh sebelum <head>

<a href='https://www.caraputu.com/' target='_tab' title='Test Banner'><amp-img border='0' src='https://1.bp.blogspot.com/-zsjsLMY4c7A/WH7cOceDp8I/AAAAAAAACMg/rTR6yRA6LOUCfj9OcltVbem7weVTYSoVACLcB/s640/Header%2BAds%2BFinal.gif'/></a>

Jika sudah jadinya akan seperti ini,

<a href='https://www.caraputu.com/' target='_tab' title='Test Banner'><amp-img border='0' src='https://1.bp.blogspot.com/-zsjsLMY4c7A/WH7cOceDp8I/AAAAAAAACMg/rTR6yRA6LOUCfj9OcltVbem7weVTYSoVACLcB/s640/Header%2BAds%2BFinal.gif'/></a>  <head>


5. Klik Simpan.
Catatan  :
- Teks berwarna MERAH ganti dengan url yang anda inginkan
- Teks berwarna HIJAU ganti dengan url banner anda.
Cara mendapatkan url dari gambar banner adalah dengan cara upload gambar banner pada postingan blog. Setelah di upload klik HTML pada halaman entri di sampping tombol Compose, lihat gambar di bawah. Sebelum upload ganti format gambar ke gif, bisa pakai photoshop atau yang lain.

6. Setelah di simpan lihat blog anda, banner sudah terpasang di atas judul blog anda. Kereennn.
Apabila posisi banner di kiri atau di kanan, alias tidak mau di tengah tengah, anda tambahkan script style='margin:0 auto;display:block;text-align:center;' tepat taruh sebelum target. jadi seperti di bawah ini :


<a href='https://www.caraputu.com/' style='margin:0 auto;display:block;text-align:center;' target='_tab' title='Test Banner'>
<amp-img border='0' src='//1.bp.blogspot.com/-zsjsLMY4c7A/WH7cOceDp8I/AAAAAAAACMg/rTR6yRA6LOUCfj9OcltVbem7weVTYSoVACLcB/s640/Header%2BAds%2BFinal.gif'/></a>

Klik Simpan.
Sekian tips saya kali ini semoga bermanfaat.
Selamat Mencoba!!!
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar