Cara Membuat Gambar Melayang di Pojok- Gambar sangat
erat sekali dengan blog, dengan adanya gambar maka blog akan terlihat lebih
bagus dan indah di pandang. Bayangkan jika suatu blog tidak ada gambar sama
sekali, tentu tidak ada kesan menarik sama sekali ya kan. Coba kita lihat di
coran, majalah dan lainnya pasti di sana ada gambar yang di maksudkan untuk
menarik pembaca untuk membacanya.
Nah kali ini
kita tidak akan membicarakan cara memberi gambar di postingan melainkkan Cara MembuatGambar Melayang di Pojok pada blog.
Ne gambar hanya contoh saja ya gan.
Ok, tadi itu
sedikit review tentang gambar. Sesuatu akan telihat bagus jika kita pandai
memilih tempat untuk di litakkan gambar.
Untuk
membuatnya silahkan simak turor barikut ini.
1.
Pertama sobat login terlebih dahulu ke blogger sobat.
2.
Lalu pilih template dan klik Edit HTML.
3.
Dan cari code
]]></b:skin>
4. Berikutnya letakkan code di bawah ini di atas code tadi ( ]]></b:skin> ). Maka hasilnya seperti ini.
#gambarpojok {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientwidth -offsetWidth);}
]]></b:skin>
position:fixed;_position:absolute;bottom:0px;left:0px;clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientwidth -offsetWidth);}
]]></b:skin>
5. Selanjutnya sobat cari code
</body>
6. Dan letakkan code di bawah ini di atas code ( </body> ). Sehingga hasilnya seperti di bawah ini sob.
<div
id="gambarpojok">
<a href="http://belajarsearchengine.blogspot.com">
<img border="0" src="http://alamat.gambar.milik.anda.jpg"/>
</a>
</div>
</body>
<a href="http://belajarsearchengine.blogspot.com">
<img border="0" src="http://alamat.gambar.milik.anda.jpg"/>
</a>
</div>
</body>
Catatan :
Warna hijau ganti dengan alamat gambar milik sobat.
Dan yang warna merah ganti dengan alamat URL blog sobat.
Berikutnya pratinjau template untuk melihat apakah ada kesalahan
yang kita buat.
7. Dan yang terakhir silahkan sobat simpan
template. Dan lihat hasilnya.
Tutorial ini diarsipkan dalam BelajarSearch Engine dengan judul Cara Membuat Gambar Melayang di Pojok
Semoga Bermanfaat...