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
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 {8.Langkah selanjut nya Cari kode </body>
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); }
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/AVvXsEgVytaXTg5xDtMKJwPzgrOEawgD2nDuYQuhhRU3OCFdU-yjKMYWaJ22OPZaDy5wnOhteMlwMbPnxw5kZontMotlVvZLezm-HuqigkJd2Ind3UP2QbiGechB_fZBn6kHu4gWEOUGe6rZL_FL/s1600/cewek+goyang.gif'/></a>
</div>
Itu lah Cara Mudah Pasang Gambar Dan Animasi Melayang Di Sudut Blog dengan menggunakan kode CSS , semoga artikel ini bermanfaat
12 komentar:
-
boleh juga tuh gan di coba
-
6 Februari 2013 pukul 22.57
-
Silahkan aja gan , terima kasih ya telah berkunjung ke blog ini...
-
7 Februari 2013 pukul 05.31
-
kasih tau donk URL nya?
-
8 Maret 2013 pukul 04.37
-
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
-
8 Maret 2013 pukul 05.19
-
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
-
2 Mei 2013 pukul 06.45
-
pada waktu dan kesempatan akan saya praktekkan dulu bro terima kasih informasinya
-
13 Mei 2013 pukul 01.07
-
Sama-sama gan atas kunjungan nya ......
-
13 Mei 2013 pukul 22.29
-
nice info..thx ya gann..!!
-
13 Agustus 2013 pukul 09.45
-
lucu juga animasi di atas
-
19 September 2014 pukul 21.21
-
sip panduannya
-
19 September 2014 pukul 21.22
-
sipp, makasih ilmunya gan
-
4 Oktober 2015 pukul 00.01
-
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 :) -
17 Maret 2017 pukul 14.24