Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Rabu, 27 April 2011

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


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
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

Tags: Cara Membuat Menu dan Iklan Floating Bottom, trik floating ads, iklan terbang floating, membuat menu blogspot terbang
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



16 comments

27 April 2011 19:56

thanks, akhirnya ketemu juga setelah nyari di google

28 April 2011 03:03

thaxs unfonya gan.......

28 April 2011 03:04

akhirnya ketemu^^
makasih y

28 April 2011 04:44

Info yg bagus sobat...

28 April 2011 07:32

Langsung Uji TKP sahabat.. Nice trik blogger.

28 April 2011 10:47

@All: Sama-sama sobat :10

:ntauadmint4bb:

Anonim
9 Mei 2011 20:41

kalau untuk wordpress gimana caranya mas

11 Mei 2011 07:58

Maaf sobat, saya kurang tahu untuk penerapan pada blog ber-platform WordPress, secara tutorial ini saya share khusus bagi sobat yang menggunakan blog di blogger.com :D

:ntauadmint4bb:

26 Juni 2011 06:21

kok ndak bisa yah saia, malah berantakan jadinya, bisa di tampilkan previewnya gak sob, thanks,,

11 Agustus 2011 15:58

thanks ya gan buat info nya ..

salam kenal :13

24 Agustus 2011 03:52

trik hebat, tp bisa gk minta scripx agar sama dengan yg ada di blog ini,

seperti HOME DAFTAR ISI LINK dst...

maklum sy pemula..., Thx :)

26 Agustus 2011 09:23

Itu caranya sama saja sob, hanya saja untuk kode warnanya saya isi transparent, jadi tembus pandang....lalu untuk menjadi menu seperti di blog ini tinggal sobat edit saja nama menu dan link nya...semoga membantu :10

:ntauadmint4bb:

26 Agustus 2011 20:26

udah tak coba om, uye

13 Maret 2012 09:58

Jalan-jalan

15 Mei 2012 02:48

bagus om, jangan lupa follow back website gue ya gue tunggu di http://www.sahabatterbaik.com/

25 Mei 2012 14:06

mantap nich mz FLOATINGnya...

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link