Cara Membuat Banner Di Footer

Cara Membuat Banner Di Footer Blogger – Pernahkan kamu melihat website dimana pada bagian footer atau bawah halaman website terdapat iklan baris, dimana menampilkan produk atau sebagainya.

jika kamu membangun website toko online, atau landing page perusahaan bagian tersebut bisa kamu manfaatkan sebagai iklan, atau menambahkan daftar sponsor. Lalu, jika untuk pada Blogger bagaimana? Kamu bisa memanfaatkan seperti sponsor blog kamu, atau rekan ngeblog kamu dimana kamu bisa bertukar link di bagian footer. Pada kali ini emalution akan membahas bagaimana Cara Membuat Banner Di Footer pada Blogger. Berikut tahapannya,

  1. Login ke Blogger.com
  2. Masuk ke menu Theme > Costumize > Edit HTML
  3. Terapkan kode ini diatas ]]></b:skin> atau </style>
/*banner-footer*/
#banner-footer {
background: #111;
padding: 2px;
margin: auto;
width: 880px;
height: 32px;
text-align: center;
border-radius: 5px;
}

4. Setelah menambahkan CSS, Silahkan tambahkan kode HTML berikut pada bagian footer kamu, atau bisa ditambahkan dibawah kode <footer>.

<div id=\'banner-footer\'>

<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
<a href=\'http://wahid-emalution.blogspot.com\'><img alt=\'Wahid Emalution\' src=\'http://4.bp.blogspot.com/-hCrB-f4X7Yw/UywjJecxd7I/AAAAAAAAADg/RY--IGZPzfI/s1600/banner-88-emalution-fix.gif\'/></a>
</div>

Silahkan kamu sesuaikan link, dan gambarnya. Setelah selesai mennambahkan kode, silahkan kamu save template dan lihat perubahannya.

Mudah bukan , Yap Demikian Tutorial kali ini, semoga bermanfaat dan tunggu tutorial lainnya di Wahid Emalution.

Leave a Comment