Cara Membuat Efek Salju, Bintang dan Daun Berguguran, Bintang dan efek Love di Blog
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:
atau
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:
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>Cara Memasang Musik.Lagu Berputar Secara otomatis Saat di Buka Di Blog
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
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.
Minggu, 17 November 2013
Cara Memasang Widget Animasi Yang Lucu dan Keren di Blog
Cara Memasang Widget Animasi Di Blog
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>