Rabu, 22 Oktober 2014

animasi bergerak, kode hmtl untuk blogger

03.01     1 comment

 

Beberapa Kode HTML Untuk MEMPERCANTIK BLOG ANDA

Untuk MEMPERCANTIK BLOG ANDA

 Caranya:
1. Login ke blogger
2. Pilih Rancangan,Elemen Laman kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

 

Beberapa Kode HTML Untuk MEMPERCANTIK BLOG ANDA

Untuk MEMPERCANTIK BLOG ANDA

 Caranya:
1. Login ke blogger
2. Pilih Rancangan,Elemen Laman kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:
MEMBUAT KURSOR "BERUBAH"
~ini scrip mouse bertaburan bintang 
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

 a. Kita warnain biru dengan, hijau, merah, ungu, silver, kuning, hitam
b. Simpan jika sudah selesai.  
NIH MACAM" BENTUK MOUSE/KURSOR
~ini scrip mouse berbentuk kunai:

 <style type="text/css">body {cursor:url("http://www.myspacecursor.net/ninja/3.cur"),default}</style>

 ~ini scrip mouse berbentuk sharingan 

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-2/ani254.ani), url(http://cur.cursors-4u.net/anime/ani-2/ani254.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/11/15/sharingan-2.html" target="_blank" title="Sharingan"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Sharingan" style="position:absolute; top: 0px; right: 0px;" /></a>

 ~ini script mouse berbentuk harry-potter-golden-snitch

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-3/oth246.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2008/12/20/harry-potter-golden-snitch.html" target="_blank" title="Harry Potter - Golden Snitch"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Harry Potter - Golden Snitch" style="position:absolute; top: 0px; right: 0px;" /></a>

 ~ini kursor bentuk zangetsu-Kurosaki Ichigo

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-2/too149.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2006/02/22/too149.html" target="_blank" title="Bleach - Kurosaki Ichigo's Sword Zangetsu"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Bleach - Kurosaki Ichigo's Sword Zangetsu" style="position:absolute; top: 0px; right: 0px;" /></a>

 Nb: script mouse/kursor di atas hanyalah sekedar contoh,lajut nya,KLIK INI! :

MEMBUAT EFEK DAUN BERGUGURAN

 <script src='https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/daungugur.js' type='text/javascript'/>

 MEMBUAT EFEK SALJU BERJATUHAN
<script src="http://alien.keren.googlepages.com/klinikblog.snow.js" type="text/javascript">

 MENAMBAHKAN HEWAN BERTERBANGAN

 ini sih script nya kelelawar tebang sama kupu" 

 ~ini scrip kelelawar terbang
<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kelelawar.js" type="text/javascript"></script>

 ~ini scrip kupu" terbang
<script src="http://kikiefendbat.googlecode.com/files/www.kikiyo.co.cc.kupu2.js" type="text/javascript"></script>

Membuat tulisan text berkedip ? atau berjalan? nih! 
CONTOH:
<blink>membuat tulisan berkedip</blink>
<marquee>membuat tulisan berjalan</marquee>

 Cara: masuk ke Edit Html bkn menu Compose.. (pada saat menulis)

Kumpulan Animasi Blog + Kode HTML/Javascript

Setiap Blogger pasti ingin memiliki blog yang enak dipandang, maka dari itu animasi animasi yang mungkin jika Anda berminat anda bisa menambahkanya di blog Anda. Cara memasangnya sangat mudah, yaitu:
  1. Masuk ke Blogger
  2. Buka tata Letak
  3. Klik "Tambah Gadget"
  4. Masukan kodenya klik OK
Nanti jika jadi akan tampak seperti di page ini. Dipojok kiri bawah akan munculanimasi yang anda pasang tadi.
Dan berikut daftar animasinya:
  1. Kembang Api
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>
  2. Pelaut
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>
  3. SpongeBob Ngantuk
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>
  4. SpongeBob Lari
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>
  5. Ubur Ubur
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>
  6. Seluncur
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>
  7. Bajak Laut
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>
  8. Dancer
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>
  9. Petir
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>
  10. Murid
     
    <a href="http://faizdcd10.blogspot.com/2012/09/kumpulan-animasi-blog-kode.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

1 komentar :

Langganan: Posting Komentar ( Atom )