CARA MENGHIAS BLOG

CARA MENGHIAS BLOG

   hallo guys, d sini aku mw berbagi pengetahuan dan pengalaman sebagai penghias 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.

Segitu aja Sob, selamat mencoba Membuat Efek Daun Berjatuhan di Blog.

        

 

       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 :

1. Login ke dashboard blogger sobat.
2. Pilih Layout > Add gadget > HTML/JavaScript.
   
   
3. Letakkan script dibawah ini pada gadget.
   
   <script src='http://wadah-tutorial.googlecode.com/files/snow.js.txt' type="text/javascript"></script>
4. Save dan lihat hasilnya.
   

Ok sob, sekian dulu tutorial tentang Memberi Efek Hujan Salju di Blog.

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

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. Login ke Blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode marquee yang anda inginkan seperti contoh dibawah ini :

1. Teks berjalan dari kanan ke kiri

kode :

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasil :

Contoh Tulisan Berjalan



2. Teks berjalan dari kiri ke kanan

kode :

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan


3. Teks berjalan bolak balik

kode :

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



4. Teks berjalan dari atas ke bawah

kode :

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



5. Teks berjalan dari bawah ke atas

kode :

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



6. Teks berjalan mondar-mandir

kode :

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasil :

Contoh Tulisan Berjalan



7. Teks berjalan zig-zag nembus

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :



Contoh Tulisan Berjalan



8. Teks berjalan zig-zag mantul

kode :

<center> <marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasil :





Contoh Tulisan Berjalan

Langkah Selanjutnya adalah mengganti tulisan

Contoh Tulisan Berjalan

dengan 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 :

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEWAo8fkQB4SUDCxZKI0CcAUmiZL6Kgob9mwjOONIwMaE6TnUxgVBdkoFWLHTNKfxCRJ0swcNGsWaRHKM5-ZKF_pNfXtQwBV4YPGphqWASZiCGdz5MR_3v9KYqGXGf01Wer5O8nmkBo9Cf/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>

 Note :

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...