Apr
14
membuat floating box (iklan diawal pembukaan halaman situs)
floating box | tipsyournet |
Share
Coba kita lihat box yang berwarna kuning diatas, itulah element box floating yang akan tetap di pojok kanan bawah jika scroll di geser-geser kebawah atau keatas.
kalo sobat baca postingan ini, tapi sobat belum punya blog silahkan klik disini
oya fungsi ini juga bisa digunakan kalian untuk memasang iklan seperti ikln om adsense atopun mbah K*mpul Bl*gger.
skg sudah punya website? silahkan baca selanjutnya dibawah ini, tipsyournet mempersilahkan 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...
Selesai..
Yapzz semoga bermanfaat nie tutorial dari pengalaman tipsyournet.
Postingan Terkait Lainnya :
BLOG
- Menampilkan Judul Posting Saja Pada Halaman Pencarian
- membuat 7 kolom iklan | tipsyournet
- Menghilangkan Tulisan Showing Post With Label Blogger
- rahasia membuat tombol spoiler, tombol tampilkan dan sembunyikan | tipsyournet
- memasang toolbar blog wibiya | tipsyournet
- Create roll effect, when opening Blogs
- Email Validation script
- Membuat kolom Form field Progress Bar
- kriteria blog yang dapat menarik pengunjung
- Tips mempercepat loading Blog
- Membuat kolom komentar Disqus | tipsyournet
- Membuat Kolom Komentar | tipsyournet
- Membuat Judul Blog Berjalan | tipsyournet
- Membuat Related Post, postingan terkait #2 | Tipsyournet
- Colour code | Kode warna
- Cara Memasang Kode Warna
- membuat Kolom Daftar Isi
- Mengganti Favicon Bloger, logo blog
- cara rahasia membuat blog atau website gratis
- membuat alert message | tipsyournet
- Membuat menu Dtree | menu seperti Windows Explorer pada blog
- membuat footer 3 kolom
- tipsyournet | tips membuat logo dan sejenisnya
- cara simpel posting kode HTML
GADGET
Related post | Widget by Tipsyournet.blogspot.com
.
.
Grab this Widget ~ Blogger Accessories Custumized by Yuniarto Rahardjo
11/01/2011
Nice Post,
Visit me Back
12/17/2011
thanks infonya
Post a Comment