Sabtu, 30 April 2011

Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar

Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar. Mungkin sebagian dari sobat blogger ada yang pernah bertanya-tanya atau minimal mencari tahu cara membuat menu yang berterbangan di bagian bawah layar blog ini? Seperti berikutlah tampilannya


Jika memang iya, maka kali ini kita akan membahasnya bersama-sama... :D

Membahas trik yang satu ini jadi teringat trik yang yang belum lepas juga dengan istilah melayang, yaitu tutorial tentang "Cara membuat iklan melayang" yang pernah kita bahas beberapa waktu silam.

Berbicara tentang kegunaan atau pun manfaatnya, maka trik ini berperan sebagai sarana untuk membuat suatu objek lebih terlihat, mudah terlihat, sering terlihat, atau apapun yang menurut anda semisal dengan poin-poin tersebut, yang jelas dengan trik ini sobat bisa menampilkan apa saja yang menurut sobat yang ingin ditampilkan lebih menonjol dari objek yang ada di blog sobat sehingga para pengunjung lebih sering melihatnya, seperti iklan, pengumuman, maklumat, dan juga menu blog.

Sebelum kita membahas trik yang satu ini, ada baiknya jika sobat berpikir dua kali untuk menerapkannya terhadap iklan PPC atau lebih dikenal dengan Paid Per Click. Karena beberapa jasa penyedia PPC memasukkan trik yang satu ini sebagai pelanggaran/illegal yang nantinya berimbas ke penghapusan akun sobat...(di dunia PPC, trik yang seperti ini dikenal juga dengan istilah trik floating Ads) :D

Oke, langsung saja. Langkah-langkah pemasangan Floating Bottom menu pada blogspot:

1. Seperti biasa, silahkan login ke akun Blogger anda terlebih dahulu
2. Klik menu Rancangan => Pilih Edit HTML dan jangan lupa centang kotak "Expand Template Widget"
3. Silahkan untuk meletakkan kode berikut tepat di atas kode ]]></b:skin>

#floatingbottom {
display:block;
background:transparent;
color:transparent;
position:fixed;
bottom:0px;
left:0px;
width:100%;
text-align:center;
height:17px;
z-index:999;
}
#floatingbottom a {
margin:0 auto;
}
#floatingbottom img {
border:none;
}

Sobat bisa mengganti angka "17" dengan angka seberapa pun untuk menyesuaikan tinggi/height ruang "floating Bottom"

4. Jika sudah, silahkan untuk meletakkan kode berikut di atas kode tag </body>

<div id='floatingbottom'>
DI SINI KODE IKLAN ATAU MENU YANG ANDA INGINKAN
</div>

Yang harus sobat lakukan yaitu mengganti tulisan "DI SINI KODE IKLAN ATAU MENU YANG ANDA INGINKAN" dengan kode iklan maupun menu milik sobat. Jika sobat ingin menampilkan widget yang lain pun tak masalah.

5. Dan yang terakhir, jangan lupa mengklik SIMPAN TEMPLATE.

Bagaimana, gampang bukan?

Semoga bermanfaat



Artikel Terkait:


Tidak ada komentar:

Poskan Komentar

Komentator Blog Ini