Membuat Iklan Melayang DiFooter Bloog

Pada kesempatan kali ini saya akan memberikan sedikit info buat para bloger yang newbi seperti saya yaitu membuat iklan dibawah footer contoh nya bisa sobat lihat di blog saya yang terletak di bagian bawah baiklah tanpa panjang lebar saya akna jelaskan caranya seperti dibawah ini :

1. Sobat Login dahulu ke akun blog sobat.
2. Masuk ke Rancangan lalu pilih Edit HTML, Centang " Expand Template Widget"
3. Letakkan kode dibawah ini, diatas kode ]]></b:skin>

#footer img {
/* margin: 0px 0px -8px 0px; */
vertical-align: middle;
}
#footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#footer a {
color: #333;
}
#footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}

4. Lalu Save
5. Tanda centang pada "Expand Template Widget" diilangkan
6. Letakkan kode berikut diatas </body>

<div id='footer'>
<p><span style='color: rgb(255, 0, 0);font-size:85%;'><blink>Klik Salah Satu Link Disamping</blink><br/>
Untuk Menutup Pop Ini</span></p>
<p>KODE IKLAN ANDA</p>
</div>

Mudah bukan selamat mencoba semoga bermanfaat.Ganti tulisan KODE IKLAN ANDA seperti diatas ganti dengan scrift iklan sobat, untuk merubah warna ubah scrift ini >> border-bottom: 5px solid #f5f5f5; background-color: #f5f5f5;, dan ukuran tinggi nya bisa sobat ganti pada >> height: 100%;.
Oh iya kalo sobat belum punya scrift iklan seperti tampilan di blog ini sobat bisa baca disini

Catatan : Jangan Lupa Baca dan Klik Dibawah ini ya

Artikel Keren Lainnya