CARA MENGHIAS BLOG
hari gini blog masih gak ada hiasannya,,???? gak level lah,,,
kita kan mengikuti perkembangan zaman,,,
hehehehe,,,
langsung ke TKP aja ya,,,
cekidooot...
Membuat Efek Daun Berjatuhan di Blog
Seperti halnya Memberi Efek Hujan Salju di Blog, efek daun jatuh ini juga menambah daya tarik buat pengunjung blog, trik ini menggunakan kode javascript, jadi sedikit memperberat loading blog.
Sebaiknya jangan tambahkan efek ini kalau di blog sobat sudah menggunakan efek video slide, pemutar music mp3 online atau penggunaan script animasi yang lain. Jadi pertimbangkan baik-baik sebelum menggunakan sebuah efek javascript.
Berikut Cara Membuat Efek Daun Berjatuhan :
- Login ke dashboard blogger anda.
- Klik Template > Edit HTML.
- Lalu klik Proceed dan centang Expand widget template.
- Cari kode </head> pada template dengan menggunakan Ctrl+F.
- Copy kode javascript dibawah ini dan letakkan tepat diatas kode </head>.
<script src='http://wadah-tutorial.googlecode.com/files/daun.js'/> - Save template anda dan lihat hasilnya.
Cara Membuat Efek Kembang Api Pada Blog
Cara Membuat Efek Kembang Api Pada Blog
1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>
<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>
5. simpan...
Kok belum keluar??????
jangan takut dulu sob... masih ada cara yang lain kok... langsung aja ya..
1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode
<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>
4. simpan
Dan selesei deh dan jangan lupa coba lihat hasilnya....
klo belum kluar brarti kodenya masih di disabled tuh
jadi sobat bisa pakai yang kode dibawah ini aja (versi flash)
<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>selamat mencoba,,,
Memberi Efek Hujan Salju di Blog
Rasanya udah lama saya ga post, baru sekarang bisa update blog, jadi pada kesempatan ini saya akan berbagi salah satu cara untuk mempercantik blog, tutorial singkat kali ini tentang Memberi Efek Hujan Salju di Blog. Efek ini akan sangat bagus jika ditampilkan pada background(latar belakang) blog berwarna gelap. jika background blog sobat berwarna terang atau mungkin putih, maka efek hujan saljunya akan tidak jelas malah mungkin tidak terlihat.Langsung aja sob, berikut tutorialnya :
- Login ke dashboard blogger sobat.
- Pilih Layout > Add gadget > HTML/JavaScript.
- Letakkan script dibawah ini pada gadget.
<script src='http://wadah-tutorial.googlecode.com/files/snow.js.txt' type="text/javascript"></script> - Save dan lihat hasilnya.
cara memberi/memasang animasi pada blog
Pada postingan kali ini saya akan membahas mengenai cara memberi/memasang animasi pada blog. Berikut adalah tutorialnya:
1. Pertama-tama buka dahulu http://www.flashvortex.com.
2. Disana sudah tersedia
pilihan banner-banner animasi unik yang bisa kita sisipkan teks kita
sendiri, silakan pilih sesuai keinginan kalian.
3. Jika sudah kita pilih
yang dirasa pas, silakan ganti teks dengan yang kita inginkan, ukuran
teks dan halaman/page yang akan dituju jika kita mengklik banner animasi
tersebut (yang ini bisa dikosongkan).
4. Lalu klik 'Generate Animation' di bagian bawah.
5. Terakhir copy kode yang telah diberikan dan paste di bagian yang ingin kita pasang banner animasi dengan cara klik Add a Gadget > HTML/Javascript.
6. Selesai, banner animasi kini telah tertempel di blog kalian.
Ada juga animasi-animasi
lucu yang bisa kalian pasang dan nantinya akan muncul di pojok blog,
cara memasangnya hampir sama tinggal memasang script seperti ini:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" /></a></div>
Kode tersebut adalah kode animasi gajah loncat, untuk yang lainnya yang lebih lengkap silakan kunjungi situs INI.
Semoga artikel cara memberi animasi di blog ini bisa bermanfaat bagi kita semua. :)
cara mengganti cursor pada blog
blog walking ke blog teman memang selalu ada manfaatnya. Makanya saya bilang Blog Walking itu Cantik.
Benar khan? Mungkin anda pernah blog walking ke blog teman dan melihat
ketika mouse digerakkan kursor atau pointer tampil beda dengan yang
lain. Ya seperti di blog kesayangan saya ini. He he he. Ada perubahan
nggak di komputer sobat? Tips ini ternyata bisa juga diterapkan ke blogspot atau ke blog
WordPress. Yang jelas tidak akan memberatkan blog anda kok. Cara
meletakkannyapun mudah. Bisa di side bar kanan, kiri atau footer. Yang
tayang nanti tidak di side bar tersebut. Oke langsung ke pokok masalah
yaitu Merubah Cursor pada blog. Berikut caranya :
1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.
<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>
7. Terakhir klik Save atau Simpan
Cara di atas adalah khusus untuk blogspot. Bagaimana kalau untuk blog WordPress. Kurang lebih sama kok.
1. Login ke blog WordPress anda
2. Klik Appearance lalu Widget
3. Tambahkan Gadget Text, Arbitary tezt or HTML
4. Masukkan kode di atas tadi.
5. Klik Save untuk menyimpan
Tampilan kursor blog bisa anda ganti dengan beberapa image berikut ini. Ganti http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png pada kode di atas dengan kode berikut ini :
http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png
http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png
http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif
http://i40.photobucket.com/albums/e230/dh34sy/flame.gif
http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg
http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif
Anda bisa juga berkreasi mengganti tampilan kursor dengan buatan anda sendiri. Semoga berhasil
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.
<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>
7. Terakhir klik Save atau Simpan
Cara di atas adalah khusus untuk blogspot. Bagaimana kalau untuk blog WordPress. Kurang lebih sama kok.
1. Login ke blog WordPress anda
2. Klik Appearance lalu Widget
3. Tambahkan Gadget Text, Arbitary tezt or HTML
4. Masukkan kode di atas tadi.
5. Klik Save untuk menyimpan
Tampilan kursor blog bisa anda ganti dengan beberapa image berikut ini. Ganti http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png pada kode di atas dengan kode berikut ini :
http://i771.photobucket.com/albums/xx357/cebol_01/Kursor.png
http://i886.photobucket.com/albums/ac63/AdiSangPemimpi/kursor.png
http://i34.photobucket.com/albums/d132/JuL14_ok/pinkbutterflies.gif
http://i40.photobucket.com/albums/e230/dh34sy/flame.gif
http://i425.photobucket.com/albums/pp332/hippmibjkt/sym455.jpg
http://i340.photobucket.com/albums/o350/tomrat2212/emon.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor1.gif
http://i872.photobucket.com/albums/ab288/bebe_munya/kursor2.gif
Anda bisa juga berkreasi mengganti tampilan kursor dengan buatan anda sendiri. Semoga berhasil
Cara Mudah Memasang/Membuat TV Online/Live Streaming di Blog
Bagi Anda yang ingin memasang/membuat TV Online/Live streaming di blog Anda, ada cara mudah. Hanya tinggal pasang kode HTML/Script Embed dari Mivo.Tv. Namun, pastikan komputer Anda sudah terpasang/terinstall adobe flash player, Sebelum Anda download script-nya, karena bentuk siaran dari mivo.tv ini dalam bentuk flash.
Untuk platform blogger/blogspot, hanya tinggal menambahkan widget HTML. Copy script dibawah ini lalu pasang kodenya pada widget HTML tadi, jika sudah lalu simpan. Caranya sama bila Anda ingin memasang di postingan. Untuk platform selain blogger/blogspot, caranya sama, tinggal copy script lalu tambahkan pada widget atau postingan Anda.
Berikut Script dari mivo.tv
<embed width="100%" height="860" align="top" wmode="transparent" type="application/x-shockwave-flash" src="http://id.imediabiz.com/MivoTV.swf?r=' + Math.round(Math.random() * 99999) + '" scale="noscale" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" name="MivoTV" menu="true" devicefont="false" bgcolor="#ffffff" allowscriptaccess="sameDomain" allowfullscreen="true" scroll="auto">
Hanya itu langkah-langkah untuk memasang/membuat TV online/live streaming di blog, mudah, kan?.
cara membuat tulisan bergerak pada blog
Sering kali kita melihat blog yang dihiasi oleh tulisan atau kata-kata
yang berjalan di blog teman-teman kita. mungkin sebagian besar sudah
mengetahuinya. tapi disini ade mencoba untuk sharing kepada teman-teman
yang belum mengetahui cara pembuatannya.
Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.
berikut cara pembuatannya :
1. Teks berjalan dari kanan ke kiri
kode :
hasil :
Langkah Selanjutnya adalah mengganti tulisan
Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
# Fungsi dari :
SEMOGA BERHASIL
Note: yang akan ade bahas ini merupakan tulisan berjalan biasa bukan tulisan berjalan yang apabila ada mouse di area tulisan itu akan berhenti.
berikut cara pembuatannya :
- Login ke Blogger
- Kemudian klik Tata Letak dan Elemen Halaman
- Ketika sudah berada di Elemen Halaman klik Tambah Gadget
- Lalu pilih HTML/JavaScript
- Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :
1. Teks berjalan dari kanan ke kiri
kode :
Contoh Tulisan Berjalan
2. Teks berjalan dari kiri ke kanan
kode :
hasil :
Contoh Tulisan Berjalan
3. Teks berjalan bolak balik
kode :
hasil :
Contoh Tulisan Berjalan
4. Teks berjalan dari atas ke bawah
kode :
hasil :
Contoh Tulisan Berjalan
5. Teks berjalan dari bawah ke atas
kode :
hasil :
Contoh Tulisan Berjalan
6. Teks berjalan mondar-mandir
kode :
hasil :
Contoh Tulisan Berjalan
7. Teks berjalan zig-zag nembus
kode :
hasil :
Contoh Tulisan Berjalan
8. Teks berjalan zig-zag mantul
kode :
hasil :
Contoh Tulisan Berjalan
2. Teks berjalan dari kiri ke kanan
kode :
Contoh Tulisan Berjalan
3. Teks berjalan bolak balik
kode :
Contoh Tulisan Berjalan
4. Teks berjalan dari atas ke bawah
kode :
Contoh Tulisan Berjalan
5. Teks berjalan dari bawah ke atas
kode :
Contoh Tulisan Berjalan
6. Teks berjalan mondar-mandir
kode :
Contoh Tulisan Berjalan
7. Teks berjalan zig-zag nembus
kode :
8. Teks berjalan zig-zag mantul
kode :
Contoh Tulisan Berjalan
Langkah Selanjutnya adalah mengganti tulisan
Contoh Tulisan Berjalandengan tulisan atau kata-kata yang anda inginkan.
Ket :
# direction="left/right/up/down" --> Mengatur arah gerakan teks.
# scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.
# behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
~> Scroll --> teks bergerak berputar
~> Slide--> teks bergerak sekali lalu berhenti
~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
# Fungsi dari :
<center> ............. </center>adalah agar tulisan tersebut selalu berada di tengah.
SEMOGA BERHASIL
cara membuat burung twitter melayang di blog
Hay sobat blogger, kali ini saya akan share cara membuat burung terbang di blog.
Saya tidak tahu judulnya yang tepat, asal judul aja, biar pengunjung
mengerti. hehehe...Trik ini direquest oleh teman blogger saya. Saya
sebenernya juga penasaran cara membuat burung terbang di blog. Setelah nanya ke om Google, akhirnya dapat juga caranya. agar tidak terlalu lama, langsung aja ya :
1. Login ke Blogger, lalu Rancangan, klik add widget, pilih HTML/Javascript.
2. Copy kode berikut :
1. Ganti yang berwarna merah dengan username twittermu
2. Yang warna Hijau, ganti sesuai keinginan sobat.
3. Gambar burung bisa diganti dengan gambar lain dengan mengganti url yang dicetak tebal.
1. Login ke Blogger, lalu Rancangan, klik add widget, pilih HTML/Javascript.
2. Copy kode berikut :
<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>Note :
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisj2A6fLTxB1u9Utc3wSqoPO_DuT2H7avV6XOmzt6p3zU4JOzCU8iDsXzkyWdZLXdO3tkYurdREtYe-EFSE7LPYIaT1UuHdd9UR1JxyUXVgN95Zqj5Kf3wz875jZPs7_tDuqaH9xHJr-qc/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/anggaariwardana";var tweetThisText= "What up guys";tripleflapInit();
</script>
1. Ganti yang berwarna merah dengan username twittermu
2. Yang warna Hijau, ganti sesuai keinginan sobat.
3. Gambar burung bisa diganti dengan gambar lain dengan mengganti url yang dicetak tebal.
selamat bereksperimen...
0 komentar:
Posting Komentar