Di sini kami akan memberikan tutorial tentang cara membuat gambar melayang di blogger/blogspot.
Langsung aja ya brow[^_^]..
1. Login ke blogger
2. Masuk ke Rancangan
3. Lau masuk ke Edit HTML
4. Jangan lupan Download dulu templatenya , caranya klik link Download Template Lengkap di atas tombol unggah,
Lalu masuk ke Edit HTML lagi
cari kode ]]></b:skin> (caranya kalo di mozila tekan Ctrl + F , lalu masukan kode itu).
setelah ketemu lau paste kode di bawah ini di atas kode tersebut
#trik_pojok{
position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }.
5. Klik tombol Simpan Template
6. Lalu masuk ke Elemen Halaman
7. Kemudian klik Tanbah Gadget
8. Pilih HTML/JavaScript
9. Kemudian Paste kode berikut ke dalam konten
<div id="trik_pojok"> <a href="http://www.akhfa.org/2011/07/produk-dan-layanan.html"> <img style="width: 137px; height: 126px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdGGfOd2d4hHKayW30uXP5GjcC2Qrym0wcYjIdSRTAhsATKfhGryoMxKCwy4-tiO4BH0GRtikKH9zM57pgnsPtbN2Fpaf2zoQUmK04nkfxoj9CrW5HiGpWwhiHSLx7Ug7sRQYNnJc-XIvG/s1600/logo+akhfa.png" border="0" /></a></div>
10. Klik Simpan
Lihat hasilnya
note:
Ganti alamat gambar (tulisan yang berwarna merah) dengan alamat gambar yang telah kamu upload.
Dan tulisan yang biru dengan link tujuan gambar
Tidak ada komentar:
Posting Komentar