Multicursor - Working In Background
Selamat Datang... blog ini hanya ingin berbagi ilmu dan sharing pengetahuan dan informasi bersama....

Membuat Gambar Bergerak Di Pojok Halaman Blog


Gambar  Pojok
Cara Membuat Gambar Pojok di Blog Kita. Terserah inginnya sobat,membuat gambar selalu di pojok blog kita ini bisa sobat ganti dengan gambar photo,animasi, jam terbang, kelinci yang melompat-lompat, kuda berlari, hit counter, shoutbox, kalender, adsense, iklan, atau pun widget lainnya.
Sobat bisa lihat hasilnya bila mengunakan gif beruang yang sedang berlari di div id="trik_pojok -nya,maka hasilnya akan seperti gambar disebelah kiri sobat. Bila sobat berminat silahkan ikuti caranya dibawah ini:

1. Login ke akun blogger
2. Edit HTML
3. Cari kode ini  ]]></b:skin> kalo sudah ketemu simpan kode berikut ini di atasnya:
#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); }
4. Text yang dicetak tebal adalah posisinya, kalo ingin ganti di posisi pojok kanan bawah tinggal text "left"    diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
5. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://www.raihanrn.com/2011/07/cara-membuat-gambar-pojok-di-blog-kita.html">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5CMW7JZiZyELbjGWGaQ1A0ktbxdNSN4XxzMXUoVYwPxIEGbA8G_DqANra61dVhGOSRCYMSvH_9tOD4rMt8Vv1DPOJfuMadq3INzteP-M-oiZbeXZrobLo2r2MpAvrWF5pe0_BAHKOT8/" border="0" /></a>
</div>

Koleksi Gif yg bisa sahabat pergunakan :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitf7UAbGs1FTALbHyTvuFM34tCC2Dwg8fOGQmCEwSRiwV4T_eZU9fUNJ0sAXeURaj7LrwY1fUha-Vqs99CUStU0LDFAogIVWzXukHF35YiZuFjNYoWF3DJjyzLep7LhiDf_4Nx2weksIs/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLnA-IChfSa5T3KW0SDkgRGx8ndNRxgnZvQd9ZBJu7Qtsx9RWfqp6_kWOGIqMVLERPa8PqDBxZU7qaNISeyoR_f6VtKmPE6WXBnZZ7E26MsK2Kf0vSdX8FJyYVfjOPLw7mEZxaKU7_LX4/


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OcAzaQpKvLE8GkCEaCcVz1C_u5hxENQekqxb6pfFI_YLsIsXiKsFpkYuicJjyO9gvMdEmwGdPCQwAF1jLbawVacn7ka9jVjE4KyeyMjh1tZAZJzdGQI3YccBC8E4XJRscDdxfsncbuc/
6. Jika sobat ingin yang ada disitu bukan gambar tetapi jam,kalender,hit counter,widget-widget yg lain, maka ganti text yang berwarna hijau dengan script widget-widget tersebut.
7. Agar lebih semarak juga membuat blog kita lebih ceria,sobat bisa memadukan koleksi gif animasi Just Me dengan gambar pojok yang kita bikin.SILAHKAN DOWNLOAD ANIMASI GIF - nya disini.
8. Save Template atau simpan experiment sobat  dan lihat hasilnya.
Semoga bermanfaat ! Selamat berkreasi, happy blogging. 

0 komentar:

Posting Komentar

 

radiatul-smansev Copyright © 2011-2012 | Powered by Blogger