masukan email anda:

artikel baru langsung masuk ke email anda, GRATIS!

membuat floating box (iklan diawal pembukaan halaman situs)

Labels: , ,

floating box | tipsyournet
Setelah tipsyournet membaca-baca buku di salah satu toko buku yang terkenal di daerah semarang, tipsyournet menemukan buku yang berisi tips-tips ngeblog, WAAH....  gw banget nih... nah dari baca- baca buku gratisan tersebut yang sebenarnya dijual dengan bandrol yang mahal, dari pada kluar duit mending nongkrong aja di toko buku tersebut mbil lirik2 penjaganya yang cantik.. hehehe:) (waah.. obrolanQ ternyata melenceng jauh) yaudah kita fokus lagi ama yang satu ini, posting yang di angkat tipsyournet kali ini mengenai floating box, sebenarnya tipsyournet bingung mo ngejelasinya dengan kata- kata.. yaudah kita gak usah banyak teori, kita langsung praktek aja yuuxx... 
Share
Bookmark and 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

  1. Log In ke blogger 
  2. lalu masuk menu "Layout" 
  3. 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.

Ingin artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan atau Mau dapet tips2 lain yang lebih seru & orang lain belum tahu.
Masukan alamat email anda:



GRATIS!
Postingan Terkait Lainnya :


Related post | Widget by Tipsyournet.blogspot.com
.Ingin artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan atau Mau dapet tips2 lain yang lebih seru & orang lain belum tahu.

Masukan alamat email anda:

GRATIS!

2 comments:
gravatar
free download said...
11/01/2011  

Nice Post,
Visit me Back

gravatar
Anonymous said...
12/17/2011  

thanks infonya

Post a Comment

Powered By Blogger