Cara Membuat Bintang Berjatuhan, Efek Hujan Salju dan Daun Melayang Berguguran Pada Blog
- Blog disertai aksesoris tampak manis dan elegan. Tulisan-tulisan blog
kritis dengan efek unik dan menarik tentu membuat pembaca enjoy dan
fresh. Blog terlihat hidup, sesuatu yang bergerak-gerak melayang berupa
salju, bintang berjatuhan, dan daun berguguran, nice! Sangat indah jika
itu ada pada blog sobat.
Kali ini kita membuat efek salju, daun, dan bintang melayang berjatuhan.
Caranya sangat mudah dan tidak ‘ribet’, kita hanya memerlukan satu
script saja yang cukup diletakkan pada template. Terlebih dahulu,
berikut cara memasang bintang berjatuhan di blogspot:
1. Login di akun Blogger sobat,
2. ‘Stand by’ di halaman Dasbor, pergi ke
Template,
3. Klik tombol
Edit HTML,
4. Muncul box editor template, sembarang klik pada kotak tersebut, tekan Ctrl + F,
cari kode
</head> dan copy script di bawah ini dan letakkan di atas kode tersebut:
<script src="http://script-seo.googlecode.com/files/bintang-green.js" type="text/javascript"></script>
Kode di atas memunculkan bintang yang bertaburan ketika mouse digerakkan.
atau
<script type="text/javascript" src="http://script-seo.googlecode.com/files/bintang.js"></script>
Kode di atas memunculkan bintang berjatuhan secara otomatis.
5.
Simpan Template, dan lihat hasilnya.
Tutorial di atas masih dalam mempercantik blog dengan bintang
berjatuhan. Lain halnya dengan memberi hujan salju bertaburan pada blog.
Efek salju melayang di blog:
Caranya sama dengan yang di atas, berikut scriptnya untuk menambahkan efek salju turun di blog:
<script src='http://script-seo.googlecode.com/files/salju.js' type="text/javascript"></script>
Daun berjatuhan atau berguguran di blogspot:
<script src='http://script-seo.googlecode.com/files/daun.js' type="text/javascript"></script>
Love Berjatuhan di Blog
<script src='http://blogtrikdantips-blogspot.googlecode.com/files/love_berjatuhan.js'></script>
A. Musik/Lagu akan autoplay bila blog kita dibuka
- Masuk ke http://www.divine-music.info/
- Disitu akan ada menu berbagai macam jenis lagu pilih, klik salah satu yang diinginkan / cari lagu kesukaan kamu.
- Setelah itu akan muncul tampilan para penyanyinya pilih sesuai kesukaan anda dan pilih juga lagu yang akan dimainkan.
- Disitu akan ada kode EMBEDED copy kode itu dan masukkan ke kode html blog anda [Udah tau kan cara nya]
- Selesai dan dengarkan hasilnya.
B. User memilih mau memainkan lagu atau tidak
- Masuk ke http://musik-live.net
- Pilihan
tampilan menu Skin Mp3 Player, setelah menemukan tampilan yang sesuai
dengan keinginan lalu copy dan paste kode yang diberikan dibawah
tampilan musik player tersebut pada sidebar.
- Selesai dan lihat hasilnya
Jika
lebar dan tinggi dari player musik tersebut tidak sesuai dengan
sidebar, kita tinggal merubah nilai Width dan Height nya saja.
C. Memasang sendiri lagu sesuai dengan keinginan kita
- Masuk ke http://4shared.com mestinya kita register dulu ya.
- Selesai register login dan upload lagu kesayangan kita.
- Setelah
itu centang file lagu kita dan klik kanan mouse pilih "berbagi pakai
dan keamanan". Disitu akan muncul tab, pilih tab Pasang. Copy kode yang
muncul dan masukkan ke blog kita.
- Nikmati hasilnya.
1.Copy script yang ingin anda munculkan animasinya
2.Login ke Blog
3.Pilih Rancangan
4.Tambah gedget
5.Pilih edit html atau script,
6.Pastekan script tadi
7.Lalu save.. “pasti akan langsung muncul animasi yang anda pilih tadi”
selamat mencoba..
1.helicopter
<div
style="position: fixed; bottom: 0px; left:
10px;width:110px;height:130px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif"
title="widget animasi lucu bergerak atau gif" alt="animasi bergerak
naruto dan onepiece"/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
2. Ekspresi muka
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">Ekspresi</a></center></small></div>
3. Kodok mata gede
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
4 Spiderman
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
5.Pig
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html" target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
6. Muka senyum
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
7. monyet
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
8.Doraemon
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0"
src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My
widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
9.Spongebob
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0"
src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My
widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
10.Panda
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
11.Monyet loncat
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
12.Anime cewek
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
13.Saringgan
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
14.Naruto berubah
<div
style="position: fixed; bottom: 0px; left:
10px;width:130px;height:160px;"><a
href="http://permathic.blogspot.com/" target="_blank"><img
border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif"
title="My widget" alt="animasi bergerak gif"
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank" title="Cara Memasang Widget Animasi">My Widget</a></center></small></div>
15.Gajah loncat
<div
style="position: fixed; bottom: 0px; left:
20px;width:120px;height:160px;"><a
href="http://permathic.blogspot.com/"
target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif"
title="Click to get more."
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank"
title="Cara Memasang Widget Animasi">Widget-Animasi</a></center></small></div>
16. Lumba lumba
<div
style="position: fixed; bottom: 0px; left:
10px;width:110px;height:160px;"><a
href="http://permathic.blogspot.com/"
target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif"
title="Click to get more."
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank"
title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>
17.Kucing tidur
<div
style="position: fixed; bottom: 0px; left:
10px;width:110px;height:140px;"><a
href="http://permathic.blogspot.com/"
target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif"
title="Click to get more."
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank"
title="Cara Memasang Widget Animasi">Widget Animasi</a></center></small></div>
18.Ayam betelur
<div
style="position: fixed; bottom: 0px; left:
10px;width:100px;height:130px;"><a
href="http://permathic.blogspot.com/"
target="_blank"><img border="0"
src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif"
title="Click to get more."
/></a><small><center><a
href="http://permathic.blogspot.com/2012/04/kumpulan-widget-animasi-yang-lucu-dan.html"
target="_blank"
title="Cara Memasang Widget Animasi">Widget</a></center></small></div>