Home » » Cara Memasang Animasi Di Pojok Blog

Cara Memasang Animasi Di Pojok Blog

Basuki Rakhmat | 04.28 | 0 komentar

Cara Memasang Animasi Di Pojok Blog
 
Sering lihat blog dengan animasi di pojok kiri, kanan, atas ataupun bawah , dan anda pun ingin menerapkan hal itu di blog anda agar terlihat lebih unik. Ingat hampir kebanyakan orang yang berkunjung berpendapat hal ini sangat lah mengganggu kenyamanan mereka. Jadi, bagaimana dengan pendapat anda???. Apakah tetap ingin memasang cara ini di blog anda atau juga anda mengurungkan niat tersebut...Sekarang bagi anda yang menginginkan animasi ini berada di blog anda. Ikuti saja langkah - langkah berikut ini:

1. Login terlebih dahulu ke blog anda
2. Klik "Layout" / " Tata Letak "
3. Klik " Edit HTML "
4. Klik "Expand Widget"
5. Carilah Kode ini ]]></b:skin> ( tahan Ctrl + F dan masukan kode yang dicari )
6. Jika sudah ketemu simpan Kode berikut ini tepat sebelum kode tadi ( ]]></b:skin>)


#animasi_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); }

7. Lihat teks yang berwarna Biru. Itu adalah posisi / tempat dimana animasi anda akan dipasang. Jika anda menginginkan posisinya berada di pojok kanan bawah, ubah text "left" menjadi "right". Dan begitu pula dengan tulisan "bottom", jika ingin posisinya diatas anda bisa menggantinya dengan "top"

8. Langkah selanjutnya yaitu letakkan script berikut ini sebelum kode : </body>

<div id="animasi_pojok">
<a href="http://nyoba.blogspot.com/animasi-bawah.html">
<img src="http://1990.photobucket.com/albums/kklls/misal.gif" border="0"/></a>
</div>

9. Ubahlah pada tulisan yang berwarna biru dengan lokasi dimana gambar tersebut anda simpan (misal photobucket, picasa web dll). Klo udah selesai klik "Pratinjau" untuk melihat hasilnya. kemudian klo udah cocok klik "Simpan Tempelate".


---------- (((( Selamat Mencoba )))) ----------

Share this article :

0 komentar:

Posting Komentar

 

Catatan Qolbu

More on this category »

Tutorial Blog

More on this category »

Pendidikan

More on this category »
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blog Kampungan - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger