Mungkin Anda pernah bertanya-tanya bagaimana cara membuat gambar yang melayang-layang di pojok halaman Blog. Yang mana gambar tersebut di klik dapat menghubungkan pada suatu link baru. Sebentar saya akan bahas langkah-langkah membuat gambar di sudut pojok page Blog. Namun, ada yang perlu diketahui bahwa seringkali gambar melayang-layang itu tidak membuat Blog Anda lebih menarik, tetapi malah mengganggu pengunjung untuk melihat konten artikel atau menu-menu di sidebar. Hal ini biasanya dikarenakan gambar yang terlalu besar. Jadi sebisa mungkin kita jangan memberikan gambar yang terlampau besar.
Baiklah, ini langkah-langkahnya:
1. Pilih Layout
2. klik Edit HTML
3. Cari kode seperti ini
]]></b:skin>4. Sesudah itu tepat diatas kode ]]></b:skin> , masukkan kode berikut ini:
(kode diatas untuk perintah gambar pada kiri atas, dan kalau Anda ingin merubahnya dapat diganti. Misal Anda ingin kanan bawah, maka tulisan biru top diganti dengan bottom; serta left diganti dengan right.)
#trik_pojok {
position:fixed;_position:absolute;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expresion(dosument.dosumentElement scrollleft+
document.documentElement.clientWidth - offseteidth)}; }
5. Kemudian cari
</body>6. Masukan kode berikut persis diatas kode </body>
<div id='trik_pojok'>
<a href='http://ALAMT LINK/'>
<img border='0' src='http://URL-IMAGE-ANDA'/></a>
</div>
(Alamat link dapat Anda isi dengan link yang hendak Anda rekomendasikan atau kalau tidak beri saja alamat Blog Anda. Dan untuk URL-IMAGE-ANDA, masukan URL gambar yang hendak Anda pasang)
7.Sesudah itu Save Template
Selamat mencoba
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!