Sunday, 17 October 2010

Tips Blogger | Memasang Gambar di Sudut Blog

H

ai sobat semua, terutama yang senang merias Blog, ini aku share satu artikel yang mungkin dapat membantu sobat sekalian untuk mempercantik tampilan Blog yang sobat punya. Artikel ini mungkin sudah banyak yang tahu, namun bagi sobat yang belum tahu mari kita berbagi disini. Disini akan kita bahas gimana cara memasang gambar kesayangan sobat di sudut Blog dan memberikan link yang sesuai dengan keinginan sobat. Yup kurang lebih seperti yang sobat lihat di Blog saya ini.





Ayo kita mulai !

1). Pertama-tama login dulu ke Blogger dengan akun yang sobat punya

2). Pilih Rancangan lalu klik pada Edit HTML

3). Kemudian berikan tanda centang pada kotak Expand Template Widget

3). Tapi ingat sebelum sobat melakukan modifikasi di template Blog, lakukan dulu BackUp terhadap keseluruhan template Blog sobat dengan cara meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

4). Langkah selanjutnya Tambahkan kode dibawah ini tepat di atas kode ]]></b:skin>.


#anima_sudut {
position:fixed;_position:relative;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); }



Ganti kode yang berwarna merah dengan posisi gambar yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri). Dan rubah kode yang berwarna hijau sesuai dengan tampilan di blog kamu.

5). Setelah yang di atas beres sekarang tambahkan kode di bawah ini tepat di atas kode </body>.

<div id='anima_sudut'>
<a href='http://softwarebali.blogspot.com/'>
<img alt='' border='0' src='http://i1016.photobucket.com/albums/af281/wayanarmana/flying_bird.gif'/></a>
</div>




Ganti kode yang berwarna merah dengan alamat link yang kamu inginkan dan ganti kode yang berwarna hijaudengan alamat link penyimpanan gambar kamu.

6). Dan yang terakhir simpan perubahan yang telah kamu lakukan. Selamat menikmati hasilnya!



Artikel Terkait:



Languages : English French German Spain Italian Dutch Russian Japanese Korean Arabic Chinese Simplified


14 komentar:

Asis Sugianto said...

Tapi gak bikin loading blog lambat gak tuh sob????

Er'end said...

Makasih yah,gambarnya menghiasi blogku.Tambah maju aja sob!

yii . . . ha !! said...

gak mang napa,,,

Wayan Armana said...

@Asis Sugianto
Ringan kok!

Student Accommodation said...

you really post very interesting stuff this time...Nice experience of getting through it....

BM candra said...

gmn cara nya tuch

Blogku said...

maksudnya gambar burung ya, gw dah nyoba tp gambarnya gak nongol,hikhik..??
apa gambarnya mesti koleksi dari kita, gw suka contoh yg diatas bisa bergerak..

tokomodem.com said...

:X makasih bos..gak rugi deh buka ini blog..mantap abis

AAN PRAWIRA said...

makasih informasinya,jadi pengen coba nih.
http://mediasiteku.blogspot.com

Nikmaya John said...

Mantap nih tipsnya,,,thanks sob,,,,

eviliana said...

tidak bisa tuh....jelaskan lebih rinci..ok

UPT PELATIHAN KERJA SITUBONDO said...

sobat....gambarnya ko ada di belakang layar....gmn???maksudnya g di depan layar/baground seperti halnya head line news....walaupun mousnya di geser tetap dia ada di depan layar....gmn nich....

smartpulsa-88 said...

TQ Boss tutorialnya dah aku terapin di; http://smartreload88.blogspot.com
barangkali ada agan-agan yang berminat jadi agen pulsa+PPOB

toko bunga cilacap said...

Pingin coba , tapi takut edit HTML

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment