Berlanggan Via Email

Enter your email address:

My Friend

Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog


Pada postingan sebelum nya saya juga pernah berbagi cara Cara Pasang Gambar Animasi Di Pojok Blog yang dapat mempercantik tampilan pada blog , Cara sebelum nya yaitu dengan menggunakan kode HTML yang di pasang di gadget blog .

Kali ini saya akan bagikan cara pasang animasi atau gambar nya dengan menggunakan kode CSS yang akan di pasang di dalam HTML Template blog cara yang ini menguntungkan buat blog karena tidak memberatkan loading pada blog , kalau sobat mau melihat contoh hasil nya klik PREVIEW
Kalau sobat tertarik langsung aja ya sob pada cara pasang nya di blog dengan langkah sebagai berikut :

1. Login dulu ke Blogger
2. Pilih Template
3. Klik Edit Html Template
4. Simpan dulu kode untuk berjaga-jaga seandai nya ada kesalahan pengeditan
5. Centang Expand Template Widget
6. Cari kode ]]></b:skin> ( Gunakan Ctrl+F untuk memudahkan pencarian kode )
7. Letakan kode CSS di bawah ini diatas kode ]]></b:skin> atau sebelum kode ]]></b:skin>
 #Animasi-melayang {
    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); }
8.Langkah selanjut nya Cari kode </body>
9. Pasang kode Script di bawah ini tepat diatas kode </body>
<div id='Animasi-melayang'>
    <a href='http://blog-rangga.blogspot.com'>
    <img border='0' src='http://1.bp.blogspot.com/-TziP37xfAbY/UPJovMq9nPI/AAAAAAAAFPY/uABZq6qGqTA/s1600/cewek+goyang.gif'/></a>
    </div>
 Keterangan : kode warna merah silahkan ganti dengan kode URL Gambar atau animasi pilihan sobat
10. Klik simpan untuk melihat hasil nya di blog

Itu lah Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog  dengan menggunakan kode CSS , semoga artikel ini bermanfaat
Klik tombol berbagi :

14 komentar:

obat stroke alami mengatakan...

boleh juga tuh gan di coba

blog rangga mengatakan...

Silahkan aja gan , terima kasih ya telah berkunjung ke blog ini...

Nurul Faizun mengatakan...

kasih tau donk URL nya?

blog rangga mengatakan...

tulisan yang berwarna merah adalah url http://1.bp.blogspot.com/-TziP37xfAbY/UPJovMq9nPI/AAAAAAAAFPY/uABZq6qGqTA/s1600/cewek+goyang.gif nya dan bisa sobat ganti sesuai dengan gambar yang sobat ingin kan

Unknown mengatakan...

saya sangat mengucapkan banyak terimah kasih kepada KI MANDALA atas bantuan AKI kini impian saya selama ini sudah jadi kenyataan dan berkat bantuan AKI. dan KI MANDALA pula yang telah memberikan angka jitunya kepada saya yaitu [2341] dan alhamdulillah berhasil..dpt 145 juta sekali lagi makasih yaa AKI dan akhirnya saya menang..??? Berkat angka GHOIB nya AKI dan saya sudah merencanakan untuk buka usaha nanti dan melunasi utang2 saya dan kini kehidupan saya jauh lebih baik dari sebelumnya,bagi anda yg ingin seperti saya mau merubah nasib silahkan HUB KI MANDALA DI NO;0823 48985 714 Thanks


Basrie Mr mengatakan...

pada waktu dan kesempatan akan saya praktekkan dulu bro terima kasih informasinya

blog rangga mengatakan...

Sama-sama gan atas kunjungan nya ......

Anonim mengatakan...

nice info..thx ya gann..!!

Unknown mengatakan...

kok gk bisa dicopy gan codeY....
wah harus ngetik ulang ne,,,,

obat pelangsing wsc cepat ampuh mengatakan...

lucu juga animasi di atas

toko agen resmi wsc mengatakan...

sip panduannya

Unknown mengatakan...

berhasil cek http://alls0ftware.blogspot.com/

COBRA OIL SUPER mengatakan...

sipp, makasih ilmunya gan

Unknown mengatakan...

Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)