Cara Membuat Banner Iklan Fix Di Halaman Blog

Author Unknown - -
Home » » Cara Membuat Banner Iklan Fix Di Halaman Blog

Hallo sobat informasi maya, apa kabar hari ini gue mau review sebuah artikel milik akhatam.com. mengingat akhir-akhir ini saat kang salman sedang berblogwalking banyak seklai menemukan halaman web yang tidak simetris, dimana terlalu banyaknya ikan yang di pasang di sebuah blog seperti dari negriads atau banner-banner iklan yang di pasang sembarangan sehigga membuat tidak enak di pandang. Terkadang suatu web membutuhkan space iklan yang banyak karena kebutuhan Pengiklan yang lumayan besar pula.


Jika halaman blog kita yang sudah tidakmemungkinkan untu dipasangi iklan, format-format iklan di luar halamanblog sangat diperlukan. Salah satunya yaitu format iklan yang Fixdengan halaman blog kita.

Format Iklan ini biasa dipakai oleh Situs-situs besar seperti detik.comSitus Warta Era Digital,okezone.comBerita dan Informasi Online Indonesia dan lain sebagainya mungkin bisa membantu anda menciptakan sebuah halaman website / blog yang ideal dan membuat nyaman pengunjung yang mencari informasi lainnya.

Ini dia ScreenShotnya yang saya ambilkan dari Okezone.comBerita dan Informasi Online Indonesia


Berikut Metode yang harus diikuti

1. Login ke Account Blogger Anda
2. Masuk ke Tata Letak dan Edit HTML
3. cari kode </head>
4. Copy (Ctrl+C) kode di bawah, dan pastekan (Ctrl+V) diatas kode </head>


<style type='text/css'>
#fixme { position: absolute; left: 0px; top: 0px;text-align:center; width: 960px; }
#fixmetoo { position: absolute; left: 0px; bottom: 0px;text-align:center; width: 960px; }
div &gt; div#fixme { position: fixed; }
div &gt; div#fixmetoo { position: fixed; }
pre.fixit { overflow:auto;border-left:1px dashed #000;border-right:1px dashed #000;padding-left:2px; }
</style>
<!--[if gte IE 5.5]><![if lt IE 7]> <styletype="text/css"> div#fixme { left: expression( ( 0 + ( ignoreMe2 =document.documentElement.scrollLeft ?document.documentElement.scrollLeft : document.body.scrollLeft ) ) +'px' ); top: expression( ( 0 + ( ignoreMe =document.documentElement.scrollTop ? document.documentElement.scrollTop: document.body.scrollTop ) ) + 'px' ); } div#fixmetoo { right: auto;bottom: auto; left: expression( ( 0 - fixmetoo.offsetWidth + (document.documentElement.clientWidth ?document.documentElement.clientWidth : document.body.clientWidth ) + (ignoreMe2 = document.documentElement.scrollLeft ?document.documentElement.scrollLeft : document.body.scrollLeft ) ) +'px' ); top: expression( ( 0 - fixmetoo.offsetHeight + (document.documentElement.clientHeight ?document.documentElement.clientHeight : document.body.clientHeight ) +( ignoreMe = document.documentElement.scrollTop ?document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px'); } body{ width:expression(document.documentElement.clientWidth); }#wrapper{ width:1000px; overflow:visible; } </style><![endif]><![endif]-->

5. Ubah kode widht sesuai dengan ukuran Lebar Template Anda
6. Simpan Template

1. Masuk ke Tata Letak"
2. "Tambah Elemen Halaman" baru paling bawah dan Pilih HTML/Javascript

Masukkan seperti di bawah ini
Kemudian untuk meletakkan iklannya agar berada di bawah Halaman,

<div id="fixmetoo">
Kode Iklan diSINI
</div>

Untuk Meletakkan Iklannya berada diatas Halaman

<div id="fixme">
kode iklan diSINI
</div>

Kemudian SIMPAN

Selesai! Selamat Bereksperimen!