Cara Membuat Gambar Melayang di Blogspot



Gambar/Banner melayang sering juga dengan float image. Maksudnya adalah gambar yang selalu berada di halaman blog walaupun pengunjung blog telah menggulung layar, baik ke kiri, kanan, atas maupun bawah. Bahasa lebih gaul lagi adalah seperti gambar/banner dofollow pada blog saya yang berada di kanan bawah blog ini. Jelas terlihat kan penampakannya???encem

Gambar/banner yang kita pasang bisa bermacam-macam sesuai dengan yang kita inginkan. Menurut logika penulis, gambar/banner ini cukup memberi pengaruh terhadap promosi blog ataupun postingan.

Contoh kasus pertama, bagi blog dofollow.


Dengan adanya gambar atau banner akan lebih mempromosikan blog kita sebagai blog dofollow dibandingkan dengan hanya meletakkan gambar atau banner tersebut di sidebar blog. Seperti yang diketahui oleh banyak blogger mania, bahwa jika memberikan komentar di blog dofollow akan menambah jumlah backlink dari mesin pencari ke blog/postingan mereka. Harapan selanjutnya lagi adalah mereka akan membawa pasukan yang lebih banyak dilain waktu, sehingga traffik pengunjung akan meningkat dengan pesat.

Contoh kasus kedua, bagi blog yang sedang mengikuti kontes.
Tahun 2009 merupakan musimnya kontes SEO, begitulah yang dikatakan oleh banyak pendahulu kitamen2peace. Menurut sepengetahuan penulis, sampai detik ini masih ada beberapa kontes yang masih berlansung yaitu : pertamina blog kontes, Kontes desain banner KlikSaya, Kontes SEO ala mbah gendeng, serta kampanye aku ngeblog kamu?

Seperti halnya pada kasus pertama, pada kasus ini kita bisa mengkondisikan banner tersebut sebagai tautan link ke postingan yang kita tuju. Karena biasanya sebuah kontes melombakan postingan bukan sebuah blog, maka bagi yang ikutan kontes dapat melakukan teknik memasang banner melayang ini sebagai salah satu kiat memenangkan kompetisi.

Let's begin the tutorial how to make floating image on blogspot...
  • Login ke blogger, pilih menu tata letak/layout ==> Edit HTML
  • Copy-paste salah satu kode kode di bawah ini sebelum ]]></b:skin>
Jika ingin memasang gambar/banner di posisi kanan atas blog
#registrasi {
top:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kanan bawah blog
#registrasi {
bottom:5px;
right:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kiri atas blog
#registrasi {
top:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

Jika ingin memasang gambar/banner di posisi kiri bawah blog
#registrasi {
bottom:5px;
left:5px;
position:fixed;
_position:absolute;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);
}
#registrasi a img {border:0}

  • Selanjutnya Copy-paste kode di bawah ini setelah </body>

<div id='registrasi'>
<a href='http://referensiregistrasi.blogspot.com/'>
<img border='0' src='http://gambar.gif'/></a>
</div>


  • Ubah yang http://referensiregistrasi.blogspot.com dengan alamat blog anda dan http://gambar.gif diganti dengan tempat gambar yang telah kita upload terlebih dahulu. Sebagai opsi tempat penyimpanan gambar, kita dapat menggunakan http://www.imagehosting.com/, http://photobucket.com, http://www.flickr.com/ serta masih banyak lagi tempat penyimpanan gambat yang tersedia di internet.
  • Langkah terakhir adalah save template anda dan lihatlah hasilnya.
let's modify the widget to your blog so quickly famous, do not be late


The Title of this article is Cara Membuat Gambar Melayang di Blogspot and talk about Cara Membuat Gambar Melayang di Blogspot. Url of Cara Membuat Gambar Melayang di Blogspot is http://referensiregistrasi.blogspot.com/2009/11/cara-membuat-gambar-melayang-di.html. Give the opinion about Cara Membuat Gambar Melayang di Blogspot.



Responses

28 Respones to "Cara Membuat Gambar Melayang di Blogspot"

duadua said...

nice post,bermanfaat sekali


November 24, 2009 at 3:59 PM
Pani said...

good opini,,,

salam persahabatan mas :)


November 24, 2009 at 7:25 PM
IHSAN said...

wah saa belum pernah nyoba nih


November 24, 2009 at 8:15 PM
Mengembalikan Jati Diri Bangsa said...

Owh gt toh cara nya... hehehe,,
saya baru tau loh,,
thanks neh sharing nya bos...
keep update yow...


November 24, 2009 at 8:32 PM
Mengembalikan Jati Diri bangsa said...

Thanks atas kunjungannya ya. Artikelnya menarik dan saya telah dapat ilmu di blogmu. Salam sukses


November 25, 2009 at 6:23 AM
bird of paradise flower said...

you are ok thanks to sharing the article


November 25, 2009 at 6:53 AM
albertus goentoer tjahjadi said...

keren infonya mas... salam kenal juga ya...


November 25, 2009 at 7:05 AM
olip said...

sepp lah tutor nya


November 25, 2009 at 2:08 PM
blog buat blopggers said...

nice posting sobat,
kapan merilis tutorial khusus seo sobat, ditunggu ni!!!!


November 25, 2009 at 5:36 PM
Anonymous said...

coba dulu ah.. thx y ilmunya


November 26, 2009 at 9:02 AM
Dentists Rancho Cucamonga said...

Wow, thank you for posting this very informative and easy to follow tutorial.


November 26, 2009 at 10:44 AM
Score Piano said...

keren mas, makasi ya info caranya..


November 26, 2009 at 11:17 AM
► LOL1ds ◄ said...

Trims Ilmunya Sob ^_*

regards,

LOL1ds


November 26, 2009 at 11:40 AM
albertus goentoer tjahjadi said...

aku udah link balik mas... sekalian follow...


November 26, 2009 at 1:16 PM
Ambar said...

halo afdil salam kenal juga..
aku sering liat gambar melayang diblog2 sahabat, tapi baru kali ini nemuin cara buatnya.. wah nice info.. makasih dah berbagi..

.ambar.


November 26, 2009 at 8:53 PM
Distro Trendy said...

thanks info... akan sy coba...


November 26, 2009 at 11:59 PM
Rumah Ide dan Cerita said...

Pengen pasang. Tapi sayang, saya masih gaptek banget. Yang standar saja saya belum mengerti.
Eniwei thank buat info dan pembelajarannya.


November 27, 2009 at 1:04 AM
blog buat bloggers said...

Bemul update bang afdil??hehe...
Pasang SM dunk bang!!!!!


November 27, 2009 at 4:46 PM
Anaa said...

Oo kirain tadi apa waktu bc judulnya. kalau anaa pingin buat tutorialnya, kasih judul gini aja.

Cara Memasang Image Disudut Blog

tapi blm sempat? thanks! keep blogging!


November 28, 2009 at 2:16 AM
LI said...

nice post, thanks for sharing.

selamat idul adha, taqabbalallahu minnaa wa minkum


November 28, 2009 at 2:17 AM
afdil said...

@ for all :
Mohon maaf untuk semuanya, karena baru sempat dibalas sekarang. Selamat mencoba tipsnya.

@ Rumah Ide dan Cerita :
Semoga ilmunya cepat bertambah dengan mengikuti perkembangan terbaru dari blog ini

@Li:
Selamat berkurban juga. :D

@ ana :
Terima kasih atas sarannya. Tapi sudah terlanjur dibuat nih. maaf kalau tidak sesuai dengan harapan.


November 30, 2009 at 4:57 PM
DIY said...

nice posting sobat,
kapan merilis tutorial khusus seo sobat, ditunggu ni!!!!


December 12, 2009 at 12:23 AM
Demo OZY-W™ said...

thank

Kunjungi
http://ozyhollow.blogspot.com/


April 23, 2010 at 3:00 PM
sewa komputer surabaya said...

makasih infonya bos… patut d coba neh


November 24, 2010 at 3:38 PM
YANG TERPANAS + MENGGUGAH NAFSU DI TAHUN INI said...

Thanks sob untuk tipsnya, keren..ak skarang jd bisa deh..


March 13, 2011 at 12:52 AM
Nikmaya John said...

Mantapp ni gan,,,, thanks gan,,,,


March 18, 2011 at 5:50 AM
Reza F.A said...

nihil mas.. knpa gabisa?


June 16, 2011 at 5:51 PM
teguh creativa said...

sudah pasang....makasih mas bro


August 1, 2011 at 1:58 PM

Post a Comment

 

Informasi Berita Terbaru 2013

Berita Terbaru Terpopuler 2013

Blog Infotainment News | Dunia Remaja | Lowongan Kerja

Back to top Copyright © 2010 | Worlds Hottest News