Oh betapa kangenya Saya untuk mengupdate blog Saya yang agak gak keurus ini, dikarenakan minimnya ide-ide untuk menulis sebuah artikel untuk memperbarui posting di blog ini. Eh kok malah curhat ya, he. . he . . *Back To Topic* Membuat Floating Box yang biasanya dipasang di blogger yang biasanya diisi content Ads ini. Coba lihat deh Shoot layar yang aku ambil dari blog Saya yang Saya buat dengan niat iseng-iseng ini.
Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan atas jika scroll di geser-geser kebawah atau keatas.
Saya menemukan script ini bermula dari browsing-browsing untuk tips yang cocok untuk memasang adsense di blog dan akhirnya Saya menemukan script ini di Dynamicdrive dan saya akan mengulas ulang di blog Saya ini agar Anda dapat menggunakanya dengan mudah. Monggo..
Pertama yang Anda lakukan adalah Log In ke blogger lalu masuk menu "Layout" Kemudian Masuk bagian "Edit HTML"
Pasang code ini dibawah code <head> atau sebelum code </head>
<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>
Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}
(Edit code CSS diatas untuk menentukan style dari box)
Kemudian di Save dulu ukkay kawan.
Dan masuk pada bagian "Layout -> Page Elements"
Pilih tempat Gadget yang kamu ingini (terserah karena box ini akan melayang) dan klik "Add a gadget" Masukkan code dibawah ini
<div id="topbar">
MASUKKAN CODE SCRIPT ADS / LAINYA DISINI
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>
Ingat ganti code yang berwarna merah diatas dengan code gadget yang kamu ingini.
Kalau sudah. . . SAVE deh...
Terkait
- Cara Merubah File PDF ke Word - Tutorial Lengkap PDF
- Script Curang Auto Klik Kanan Terbaru 2013
- Tutorial Install Windows 8 di PC/Laptop
- Cara Menambahkan Chat Box di Blog
- Membuat Scroll Pada Archive Blog
- Cara Membuat Sesuatu Menempel Terus di Window Blog
- Cara Menghapus Label Di Blog
- Mengubah Menu Bar Di Atas / Di bawah Header Pada Blogspot Baca
- Memasang Iklan dua kolom
- Free WordPress Premium Themes – Elegant News
- Membuat Efek Hujan Salju Pada WordPress.com
- Cara Pasang Tombol Share Facebook Dan Twitter
- Melihat Perkembangan Blog Kamu dan Rivalmu Dengan Compete.com
- Cara Pasang Video You Tube ke Blog
- Mengubah Blog Dari NoFollow ke DoFollow
- Cara Menambahkan Kolom Sebelah Kiri Di Blogspot
- Cara Membuat Iklan Melayang atau Floating Ads di Blogger / Blogspot
- Membuat Floating Button Di Sisi Blog
- Chat Di FB Pakek Emo Keren..Mau??
- Kumpulan 30 Web Direktori,Tempat Menemukan Backlink Gratis (Free Backlink Exchange)
- Membuat Buku Tamu Tersembunyi Di Kiri Kanan Blog
- Memasang Iklan di Bawah Postingan
- Membuat Widget Paypal Button
- Membuat Text Melayang Mengikuti Arah Mouse
0 komentar:
Posting Komentar