makasih atas kunjungannya.semoga bermanfaat baut sobat....sebelum baca join this site ,biar banyak member jangan lupa coment dan bagikan ea sobat....salam damai, salam sejahterah dan salam untuk anak bangsa
selamat datang di blog nugie anggi purwanto...makacih atas kunjunganya

Kamis, 28 Maret 2013

Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWTe9DJmmpz85w1RfoaTSuSX0t8VMg8aJ-np8EKsD4tGfgeU7nbg87cpF3MS0WmDGrVuZfffsmx26JnZaY-yFVLUb475VljS9Os0s3_E6EKACFrD1mUplWdvMk64Pyr1vBmIzpVBGRh5Em/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 :  0  0 Digg0 Google +0

Tidak ada komentar:

Posting Komentar