13 February, 2009

Cara Mudah Membuat Float Image

Today Tutorial blog and blogger hack. Pernah lihat iklan melayang yang sering berada di sidebar? Mungkin anda pernah melihatnya di blog-blog yang menyediakan space buat iklan di blog mereka dengan image yang terus melayang ketika kita scroll pagenya ke bawah atau ke atas.

Float image namanya, dengan float image ini kita bisa menambahkan image, RSS, link, dan juga iklan tentunya. Anda bisa lihat di screenshot pada bagian kanan bawah terdapat banner kotak berwana biru yang melayang dan akan tetap berada di page.

 

  image

Tertarik untuk membuatnya?Ingin menyediakan space buat pengiklan buat blog anda?, caranya sangat mudah.cukup ikuti langkah-langkah di bawah:

  1. Masuk ke Layout
  2. Pilih Edit HTML dan centang Expand widget Template (back up blog jangan lupa)
  3. Copy code di bawah ini ( anda bisa memilih tempat untuk meletakkannya)

Kiri-Atas Float Image

<a href='http://yourlink' style='display:scroll;position: fixed; top:5px;left:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

Kanan-Atas Float image

<a href='http://yourlink' style='display:scroll;position: fixed; top:5px;right:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

Kanan-Bawah Float Image

<a href='http://yourlink' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

Kiri-BawahFloat Image

<a href='http://yourlink' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='change with your title'><img src='http://img132.imageshack.us/img132/70/14106996d8c859fm3wq7.gif'/></a>

      4.  Letakkan code itu di atas <body> tag .

      5.  Save dan selesai

 

Rubahlah code yang berwarna merah dengan link  dan judul kamu sendiri, sedangkan warna orange bisa anda ganti dengan URL image anda sendiri

 

Selamat sekarang anda telah mempunyai space buat meletakkan image atau iklan di blog anda. Selesai sudah Tutorial blog hari ini kita lanjutkan besok-besok, kalau ada pertanyaan silahkan kasih komentar

Have a nice try..

 

Technorati Tags: ,

5 comments: