About Me
Label
- Berita (2)
- Budaya Indonesia (1)
- History (1)
- info lowongan (1)
- Kata Mutiara. (1)
- Lirik Lagu (2)
- Make Money (1)
- Ninja Saga (1)
- Tips Blogger (3)
- Tips Laennya (2)
- Unik n Aneh (1)
Senin, 04 Oktober 2010
MEMBUAT FLOATING IMAGE DI BLOGGER
Mau blog kelihatan lebih cantik??
Boleh kok, salah satunya membuat image yang selalu ada di sudut laya monitor kita / di pojok blok.
Pertama sediain dulu gambar yang hendak di pasang..
kamu bisa buat gambar apa saja yang kamu suka..
ato kamu bisa googling gambar kesukaan kamu..
tapi usahakan yang latarnya transparan biar hasilnya lebihkelihatan rapi..
sebagai contoh saya menggunakan gambar ini :
Opsss, bentar dulu ne masih tahap awal..
nah langkah selanjutnya kamu masuk ke akun blog kamu seperti biasa.
Dari 'dasbor' klik menu 'rancangan' setelah itu pilih 'edit HTML' centang "Expand Template Widget"
Cari kode berikut
]]></b:skin>
Biar lebih gampang di mozilla tekan F3 trus cari ]]></b:skin>
Udah ketemu?
Kalo taruh kode berikut tepat diatas ]]></b:skin>
#gambar {
position:fixed; _position:absolute; top:0px; right:0px; clip:inherit; z-index:+1000;}
nah ini masih untuk menentukan letak gambar kita nantinya.
Menggunakan kode diatas berarti posisi gambar kita di pojok atas kanan
nah kamu tinggal ganti ajah tulisan yang berwarna biru dengan posisi yang kamu mau.
contoh:
-top, left : Pojok Kiri Atas
-bottom, left : Pojok Kiri Bawah
-bottom, right : Pojok Kanan Bawah
Setelah itu cari lagi kode berikut </head>
Udah ketemu blom..
heheheheh...
pake F3 lagi biar cepat ketemunya ('',)
nah kan dah nampak tuh...
masukkan kode berikut tepat dibawah </head>
<div id="gambar">
<a href="http://pappoesnote.blogspot.com/" target="_blank" title="Tips n Trik">
<img border="0" src="http://i1238.photobucket.com/albums/ff481/pappoestg/Pappoes01/onepiece01.gif"/></a>
</div>
Nah tadi kan ada tuh gambar yang udah kita googling ato buat sendiri..
ganti tulisan yang berwarna hijau dengan link location dari gambar yang kita pilih tadi.
Oke pekerjaan kita dah haampir kelar.
tinggal di pratinjau ajah dulu kalo dah sesuai dengan yang diharapkan baru deh simpan templatenya..
Selamat berkreasi.....
NB: kalomau aman simpan dulu template sebelum melakukan hal ini agar aman..
Pappoe's note ('',)
Boleh kok, salah satunya membuat image yang selalu ada di sudut laya monitor kita / di pojok blok.
Pertama sediain dulu gambar yang hendak di pasang..
kamu bisa buat gambar apa saja yang kamu suka..
ato kamu bisa googling gambar kesukaan kamu..
tapi usahakan yang latarnya transparan biar hasilnya lebihkelihatan rapi..
sebagai contoh saya menggunakan gambar ini :
Opsss, bentar dulu ne masih tahap awal..
nah langkah selanjutnya kamu masuk ke akun blog kamu seperti biasa.
Dari 'dasbor' klik menu 'rancangan' setelah itu pilih 'edit HTML' centang "Expand Template Widget"
Cari kode berikut
]]></b:skin>
Biar lebih gampang di mozilla tekan F3 trus cari ]]></b:skin>
Udah ketemu?
Kalo taruh kode berikut tepat diatas ]]></b:skin>
#gambar {
position:fixed; _position:absolute; top:0px; right:0px; clip:inherit; z-index:+1000;}
nah ini masih untuk menentukan letak gambar kita nantinya.
Menggunakan kode diatas berarti posisi gambar kita di pojok atas kanan
nah kamu tinggal ganti ajah tulisan yang berwarna biru dengan posisi yang kamu mau.
contoh:
-top, left : Pojok Kiri Atas
-bottom, left : Pojok Kiri Bawah
-bottom, right : Pojok Kanan Bawah
Setelah itu cari lagi kode berikut </head>
Udah ketemu blom..
heheheheh...
pake F3 lagi biar cepat ketemunya ('',)
nah kan dah nampak tuh...
masukkan kode berikut tepat dibawah </head>
<div id="gambar">
<a href="http://pappoesnote.blogspot.com/" target="_blank" title="Tips n Trik">
<img border="0" src="http://i1238.photobucket.com/albums/ff481/pappoestg/Pappoes01/onepiece01.gif"/></a>
</div>
Nah tadi kan ada tuh gambar yang udah kita googling ato buat sendiri..
ganti tulisan yang berwarna hijau dengan link location dari gambar yang kita pilih tadi.
Oke pekerjaan kita dah haampir kelar.
tinggal di pratinjau ajah dulu kalo dah sesuai dengan yang diharapkan baru deh simpan templatenya..
Selamat berkreasi.....
NB: kalomau aman simpan dulu template sebelum melakukan hal ini agar aman..
Pappoe's note ('',)
Langganan:
Posting Komentar (Atom)

0 komentar:
Posting Komentar