Membuat Banner Iklan 750 x 90 dengan CSS

Membuat Banner Iklan 750 x 90 dengan CSS - Sebelumnya saya ucapkan terimakasih kepada mbak Leony Li (Tutornesia) yang telah membagikan cara membuat banner iklan 750 x 90 kepada saya. Dan kali ini saya repost disini. Dengan menggunakan CSS, sudah dipastikan sama sekali tidak akan mempengaruhi loading blog.

Selain mempercantik blog, banner iklan ini juga dapat membuat slot advertise sobat agar membantu melancarkan usaha mereka sebagai jasa online.

• Demo

Cara memasangnya pun sangat mudah, sobat tinggal masuk lewat Tata Letak > Tambah Gadget > HTML/Javascript, setelah itu masukan kode HTML dibawah ini.

<div style='background:#333;text-decoration:none;width:100%;height:90px;margin:0 auto;margin-bottom:5px;padding:0;text-align:center;position:relative'>
<div style="padding-top:5px;">
<span style="background:linear-gradient(180deg,#fff ,#ddd 50%,#bbb);color:#6F9FA3;font:50px Oswald;text-shadow:0 2px 1px #eee;border-radius:4px;max-width:50%;box-shadow: 0 2px 3px #333;font-weight:bold;letter-spacing:2px;text-align:center;margin:0 auto;display:block;margin-top:2px;">Advertise </span>
</div>
</div>

Setelah selesai silahkan menuju Edit HTML dan cari kode ini, jika sudah ketemu langsung hapus <b:include name='quickedit'/> karena kode ini akan menciptakan eror pada validator dan memperlambat loading blog.