Banyak cara untuk mempercantik tampilan blog, diantaranya adalah memasang float image dipojok halaman seperti yang dibahas kali ini...
Mau tau caranya??
Baiklah kita mulai saja pelajarannya,,
Pertama-tama marilah kita panjatkan puji syukur kehadirat ALLAH SWT...karna atas izin-Nya lah kita dapat melakukan apa yang kita lakukan saat ini...
Okeh langsung saja caranya :
1. Login ke Blogger pastinya
2. Pilih Tata Letak pada halaman dasbor
3. Klik Edit HTML
4. Beri tanda centang pada Expland Template Witget
5. Cari kode ini ]]></b:skin> kalo dah nemu, paste kode dibawah tepat diatasnya :
#trik_pojok {
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); }
6. Setelah itu cari </body> kalo dah nemu, paste kode dibawah ini tepat diatasnya :
<div id='trik_pojok'>
<a href='www.aryawan49.uni.cc'>
<img border='0' src='http://i796.photobucket.com/albums/yy249/enda_fivers/dancingpinguin.gif'/></a>
</div>
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
Note : Yang berwarna merah adalah URL yang kamu inginkan, misalnya alamat Blog kamu gt, ato yang itu jg gpp....
hehehe...
Kalo yang berwarna biru adalah URL gambar, kamu bisa mengganti gambar pinguin ini dengan yang lain, ato ga diganti juga gp...
hihihi...
Kalo mau ganti, upload image yang kamu inginkan ke tempat hosting gambar misalnya photobucket.com" ato sejenisnya, trus paste URL image yang kamu upload tadi menggantikan yang berwarna biru pada text HTML diatas...
eitsS,, ingat kalo dah dimasukin smua tuh kode HTML jangan langsung di save yah, PRATINJAU aja dulu, nah kalo dah berhasil kamu save deh...
Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..
Mau tau caranya??
Baiklah kita mulai saja pelajarannya,,
Pertama-tama marilah kita panjatkan puji syukur kehadirat ALLAH SWT...karna atas izin-Nya lah kita dapat melakukan apa yang kita lakukan saat ini...
Okeh langsung saja caranya :
1. Login ke Blogger pastinya
2. Pilih Tata Letak pada halaman dasbor
3. Klik Edit HTML
4. Beri tanda centang pada Expland Template Witget
5. Cari kode ini ]]></b:skin> kalo dah nemu, paste kode dibawah tepat diatasnya :
#trik_pojok {
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); }
6. Setelah itu cari </body> kalo dah nemu, paste kode dibawah ini tepat diatasnya :
<div id='trik_pojok'>
<a href='www.aryawan49.uni.cc'>
<img border='0' src='http://i796.photobucket.com/albums/yy249/enda_fivers/dancingpinguin.gif'/></a>
</div>
<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>
Note : Yang berwarna merah adalah URL yang kamu inginkan, misalnya alamat Blog kamu gt, ato yang itu jg gpp....
hehehe...
Kalo yang berwarna biru adalah URL gambar, kamu bisa mengganti gambar pinguin ini dengan yang lain, ato ga diganti juga gp...
hihihi...
Kalo mau ganti, upload image yang kamu inginkan ke tempat hosting gambar misalnya photobucket.com" ato sejenisnya, trus paste URL image yang kamu upload tadi menggantikan yang berwarna biru pada text HTML diatas...
eitsS,, ingat kalo dah dimasukin smua tuh kode HTML jangan langsung di save yah, PRATINJAU aja dulu, nah kalo dah berhasil kamu save deh...
Semoga bermanfaat ya Gan , Tunggu Info lainnya dari www.aryawan49.uni.cc.Jangan Lupa Kasih komentar N follownya ya, Besuk datang lagi ya .... Trimakasih Telah berkunjung... Salam Netter..
0 Coment:
Posting Komentar