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>
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>
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
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;
}
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:
Blogger
- Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
- Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
- Cara Membuat Slideshow Pada Blogger
- Cara membuat chat box di blog & macam-macam chat box
- Cara Membuat Chat Box di Blogger
- Cara memasang radio online di blog
- CARA MEMBUAT RADIO STREAMING
- Membangun Radio Internet dengan Listen2MyRadio.Com
- Membangun Sendiri Radio Internet
- Radio Online
- Tampilan Baru Dasbor Blogger.com
- Membuat Label untuk Artikel Miniatur Hover
- Menambah Button Send ke Facebook
- Laporan berita sekilas dari w3spy.net
- Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
- Membuat Web Hosting di Google Sites
- Google Code - Cara Membuat File Hosting di Google Code
- Tips Mendapatkan Banyak Follower di Twitter
- Membuat Artikel Terkait dengan Disertai Thumbnails
- Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
- Cara Memasang Widget SMS Gratis pada Blogger Blogspot
- Favicon Fitur Baru dari Blogger
- Menambahkan Gadget di Header
- Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi
Tidak ada komentar:
Posting Komentar