Kamis, 16 Mei 2013

MEMBUAT EFEK GEMPA PADA BLOG

0

Disela-sela kesibukan kerja sambil ngegame di Facebook, akhirnya ada juga kesempatan buat posting lagi. Disini saya akan memberi tahukan cara agar muncul efek gempa dengan menggunakan javascript. Jadi pada saat ada penggunjung yang masuk kedalam blog kita, maka akan timbul efek gempa pada browser penggunjung. Tapi sayangnya script ini cuma bekerja pada browser yang support dengan JS (Mozilla Firefox dan IE). Oke langsung aja tanpa banyak basa-basi lagi soalnya udah ngantuk nich....

  • Setelah login kedalam account blogger anda.

  • Pilih menu Layout

  • Lalu pilih add a gadget

  • Masukkan kode dibawah ini.
    <script type="text/javascript">function flood(n) {if ( self.moveBy) {for (i = 35; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} flood(6);</script>


  • Terakhir Simpan/Save


  • Efek gempanya hanya sebentar koq tapi kalau ingin lama sampe browsernya hang silahkan ganti angka 6 menjadi angka 90 atau 99.

    Happy blogging all!!
    Untuk melihat hasilnya silahkan klik disini

    Read more

    Cara Membuat Efek Meteor Jatuh Di Blog

    0

    Sebelumnya saya sudah memposting Cara Memberi Daun Berguguran Di Blog.

    Pada postingan kali ini saya akan share Cara Membuat Efek Meteor Jatuh Di Blog.



    Sedikit Info tentang Meteor.
    Meteor adalah penampakan jalur jatuhnya meteoroid ke atmosfer bumi, biasanya disebut bintang jatuh. Penampakan tersebut disebabkan oleh panas yang dihasilkan oleh tekanan ram (bukan oleh gesekan, sebagaimana anggapan umum sebelum ini) pada saat meteoroid memasuki atmosfer. Meteor yang sangat terang, lebih terang daripada penampakan Planet Venus, dapat disebut sebagai bolide.
    Jika suatu meteoroid tidak habis terbakar dalam perjalanannya di atmosfer dan mencapai permukaan bumi, benda yang dihasilkan disebut meteorit. Meteor yang menabrak bumi atau objek lain dapat membentuk impact crater.

    Berikut cara menambahkan efek Meteor Jatuh di Blog anda :


    1.       Masuk Dasbor

    2.       Klik Rancangan

    3.       Klik Tambah Gadget

    4.       Pilih HTML/Javascript

    5.       Copy kode berikut

    <script language="javascript">
    nd_mode="meteor";
    nd_sound="on";
    nd_vAlign="bottom";
    nd_hAlign="right";
    nd_vMargin="10";
    nd_hMargin="10";
    nd_target="_top";
    </script>
    <script language="javascript" src="http://ubloseven.googlecode.com/files/Meteor.js">
    </script>

    6.       Paste di Jendela HTML/JavaScript

    7.       Klik Simpan


    Gimana tampilan Blog anda sekarang..?
    Pastinya menjadi lebih menarik.
    Semoga ilmu ini bermanfaat.
    Terima Kasih.

    Read more

    Cara Membuat Efek Banjir di blog

    0

    hallo sob 
    Cara Membuat Efek Banjir di Blog - Halo Sobat blogger kembali lagi bersama Blog Trik dan Tips. Sobat sudah pernah belum ngalamin rasanya banjir ditempat sobat tinggal. Banjir pasti sangat menggangu aktivitas yang sobat ingin lakukan. Namun kali ini, blog trik dan tips akan membahas cara membuat efek banjir di blog. Ingin tau caranya, langsung saja ikuti langkahnya dibawah ini:

    1. Login ke blogger
    2. Pilih Tata Letak / Rancangan
    3. Tambahkan gadjet
    4. Pilih HTML/Javascript 
    5. Masukan kode berikut ini:

    <script language="javascript">
    nd_mode="flood";
    nd_vAlign="bottom";
    nd_hAlign="right";
    nd_vMargin="10";
    nd_hMargin="10";
    nd_target="_blank";
    </script>
    <script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/efek_banjir.js"></script>
    6. Simpan gadjet

    Sekarang sobat sudah bisa melihat hasilnya. Efek ini akan membuat blog anda tenggelam akibat banjir. Akan muncul ikan dan gelembung udara di screen blog anda. Menarik bukan? Selamat mancobanya!!

    Read more

    Rabu, 15 Mei 2013

    Kumpulan Animasi Bergerak Untuk Blog

    0

    lihat animasi bergerak saya

    Cara Memasang Animasi Bergerak  Yang Lucu dan Keren Untuk Blog -
    Ternyata banyak sekali blogger – blogger yang sangat menyukai animasi bergerak pada blognya.  Bisa terlihat ketika saya berkunjung ke beberapa blog teman. Dari animasi yang simple dengan ukuran mini sampai yang ribet dengan ukuran jumbo banyak terpasang di blog mereka. Ya itu juga karena selera masing2 orang berbeda. Memang animasi pada blog sangat membantu blog agar terlihat menarik. Jadi blog akan terlihat hidup dan tidak membosankan. Sebelumnya saya pernah juga memposting tentang animasi bergerak, tapi saya rasa pada postingan sebelumnya pilihan animasi terlalu sedikit. Sehingga saya memposting kembali mengenai animasi bergerak lagi, namun dengan pilihan yang beragam dan banyak tipe agar bagi anda yang ingin memasang animasi jadi lebih banyak referensi dan pilihan.  Berikut daftar dan cara memasangnya

    Cara Memasang Widget Animasi Bergerak Di Blog

    • Login ke dasbor blog anda
    • Pilih rancangan
    • Pilih Tambah Gadget
    • Pilih Html/Java Script
    • Lalu copy kode Html animasi yang anda ingin pasang di blog. Kodenya ada di bawah, anda bisa memilih sesuai keinginan anda.
    • Pastekan kode tadi di Html/java script tadi.
    • Simpan, dan selesai


    Daftar Kode Html Animasi Bergerak
    1.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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    2.Naruto


    <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/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    3.Gaara


    <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/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    4.Labu


    <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://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    5.Tengkorak

    <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/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    6.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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


    7. Animasi



    <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://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    8. Main Taplak

    <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/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    9. Pasangan



    <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/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    10.Zoombie


    <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/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    11.Pigglet


    <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/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    12.MiniMouse



    <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/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>


    13. Hallo


    <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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    14.Hai Friend

    <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/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>

    15.Star

    <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/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">My Widget</a></center></small></div>



    16.Gajah Loncat

    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

    17.Booring

    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

    18.Bayi ketawa

    <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

    19. Dance

    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

    20.Main Bola

    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>


    21.Bayi Tertawa

    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget-Animasi</a></center></small></div>

    22.Panda Biru

    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
    <small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

    23. Panah

    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    23. Bunga


    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    24. Anjing Laut

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    25. Lumba-lumba

    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    26. Kucing Tidur


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" 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/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    27. Kelinci

    <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    28. Dragon

    <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    29. Ikan

    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    30. Pinguin


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://permathic.blogspot.com/2012/05/kumpulan-animasi-bergerak-yang-lucu-dan.html" target="_blank">Widget Animasi</a></center></small></div>

    Read more

    Cara Membuat Efek Petir di Blog

    0

    hallo sob kali ini saya akan menampilkan
    efek petir diblog anda:
    1. Log In ke www.blogger.com
    2. Pilih Tab > Tata Letak
    3. Setelah menu Tata Letak terbuka > Pilih Tambah Gadget ( Add Gadget)
    4. Cari Gadget HTML/Javascript
    5. Masukkan kode dibawah ini.. !!
    6.  <style
        type="text/css">body { background-image: 
      url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif);  
    7. Simpan Dan Selesai..

    Read more

    Cara Membuat Efek Salju pada Blog

    0

    hallo sob kali ini sayamenampilkan efek
    salju untuk blog anda:
    1. Login akun blogger Anda.
    2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
    3. Letakkan kode berikut pada HTML/JavaScript untuk judulnya dikosongkan saja.
    <script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/efek-salju.js" /></script>
    <script type="text/javascript">
    snowStorm.snowColor = '#6bd';
    // salju biru muda silakan ganti dengan warna lain
    snowStorm.flakesMaxActive = 96;
    snowStorm.useTwinkleEffect = true;
    </script>  selamat mencoba.

    Read more

    Kamis, 02 Mei 2013

    Cara Buat/Pasang Burung Twitter Terbang Di Blogspot

    0

    Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot


    Memasang Burung Twitter Terbang di Blogspot
    Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat,Cara Buat / Pasang Burung Twitter Terbang Di Blog hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
    Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

    Pertama-tama silahkan login di Blogger

    • Klik Layout > Add Gadget > Html/Javascript
    • Copy paste kode di bawah ini ke kolom Html/javascript

    <!-- floating twitter Bird -->
    <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwYvFr2CRj8Ji_idgiMvAMm76tmOrrLB6Zf-QMX-5E7yjZTrHZ0F4X7inD9N1zyhGYiLFrqY9NLMVLcyq4mqQnqixEr4N4MhNVyUCyz6YOu5EdNc6pernxhiiL2pWk-L5zx2PE7g0mZdQ/s1600/burung+twitter+terbang.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/Username";
    var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
    tripleflapInit();
    </script>



    • Ganti kode yang berwarna biru dengan nama pengguna (username) akun Twitter sobat
    • Simpan dan lihat hasilnya

    Warna Pilihan Burung Terbang Twitter

    Rubah Warna Burung Twitter

    Untuk membuat warna burung Twitter yang lain sobat bisa mengganti kode yang berwarna merah diatas dengan kode-kode dibawah ini sesuai dengan warna pilihan yang sobat inginkan

    Warna Kuning

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtA18eZ8XiGj3F9CKkG31aDgMfUT1ewYapXH0KH3ZewqVgWDrgioNN19U0vBYxTJigW1YKuNxKlyQ3prY2Bkwx8Ou4563ORgMq3X_mmeLTSwu3ORTlge7GvoKwR4c_otbU__hLfKYaFDA/s1600/yellow+bird.png
    Warna Hitam

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVgBM4owK3PgryzpGJBOoN5VXzUR1rwIZSSWXvTArnW8EZm-oWxRFN-TYKyMmPjkOQBoJu3Gzy6OnW-1AxknlFzttWXgWhGafguCb-ayKrNLqjrO3sfXzLolxeDt0xApDCTwT9eyWseE/s1600/black+bird.png
    Warna Biru

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjyd34ZKOfaBpBBO4xDzZ-es70C6VKtuoJDKm88OTtzvvoX1gkUm7cF_y0namCSMdZTY88tDLN_VoKg9JkzCu9t1irbelAe7xHZvTLzNujMOy7vwuZ8Bb5SlEzhlbrqbjhjHYjm-SPcIU/s1600/Blue+bird.png
    Warna Coklat

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuaX3enQuwuvMSOslPTiOrZNoVw9y9zkfkdmdSJd3E3JFGgmoc_DiA9zwRDyQvKhQoSN23j6nwCAUmw8DjX2zDhIpH7coKlIyx6zmRDWsdwuy29RBSce5_0jf1eORSG9jyy6HAWJ_2m0I/s1600/brown+bird.png
    Warna Hijau

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC4LSmsZLn4XwdoTQNnHfy5I6LkoncB52Ujw1dr0D7ce5M0n2kOM1x-bP_fvcbLNOrr7DAvI2lLv1e0BGKU_iENIJ8sMjdkQdX2i3rcvbgxiSqtz7jnUKfAPsT8omiMRmlAOFkqVdwRUw/s1600/Green+bird.png
    Warna Ungu

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKw4oThdBdmbwUB-hfjHg2IDJMRuWejPKdOmk82cupomUivoZ6xyw0XjbA0OQfXodk3FiRtMWOLOEGxOqDGhnQU9EsEe7ppth2C2PQJvQk-D8b7r5szOBgQRhZlGSmRjj4fumuvat2G_I/s1600/purple+bird.png
    Warna Putih

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhArMjBP5zVPZ9-B28KUdVHi28NyohE66MJ-Y9h_858X4cJxTdl7qLsM0lNHaxBHALzMRbdF_HeKI0O2Q2i_bG3mi_egEzzL6jDeOOQHY_dRxOAEClInJTPTxUA7pORkPQv1F6Z2rPtK5U/s1600/white+bird.png
    Warna Merah

    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkOMi2-LfsceWZJE2F-dNVT1X7G_gY6YGVXE2PBs77uvDDQyHJBzvKiu0p4bG4QNrdfJyl0vdCpX8CToXDBzN3uMAoR3rca7BxpArT4mrjmwCEK2tWAIzOvvqlA02hHawHdbqtOfMRdIY/s1600/red+bird.png

    Dan terakhir jangan lupa disimpan
    Good luck Sob..!

    Read more

    Footer Text

    Penayangan Saya

    Pages

    Featured Post 5

    Featured Post 7

    Featured Post 6

    Lights Of Heaven - AppStarting

    Featured Post 8

    Blogger news

    clock

    About

    Powered By Blogger

    Blogroll

    Diberdayakan oleh Blogger.

    Translate

    Followers

    clock

     
    Design by ThemeShift | Bloggerized by Lasantha - Free Blogger Templates | Best Web Hosting