Expand Template Widge

Total Tayangan Halaman

Diberdayakan oleh Blogger.

terjemahan

Mengenai Saya

Foto saya
nama lengkap saya davesh affanabel bartananda saya tinggal di griya kebon agung blok c1-7

Search

Blogger templates

Sasuke's Mangekyō Sharingan
RSS

cara menambah efek meteor di blog

Cara Membuat Efek Meteor Jatuh di Blog Keren | Kali ini saya sedikit mengulas mengenai Gimana sih cara membuat Efek Meteor Jatuh Pada Blog yang Keren. Pasti kalian bertanya-tanya emang seperti apa si efeknya kok bisa keren. Efek ini nanti akan menampilkan adanya sebuah meteor yang jatuh ke blog kalian dengan Efek Ledakannya juga dan nga kalah Kerenya Efek ini di lengkapi Dengan Suara Meteor Jatuh. Jadi Udah keren tambah keren lagi.. Seperti apa Gambarannya Yukk kita liat ..
Cara-Membuat-Efek-Meteor-Jatuh-di-Blog-Keren
Efek Meteor Jatuh Pada Blog
Nah Kalo soal cara memasangnya di Blog kalian.. Kita liat Caranya di bawahh ini, simak baik-baik yoo biar nga salah nanti langkah-langkahnya.
 Berikut adalah Cara Membuat Efek Meteor Jatuh di Blog Keren :
  • Kita Logging Dulu Ke Blogger.com.
  • Kalo Udah masuk ke Blogger.com/Dasbor, lalu kita ke menu Tata Letak.
  • Setelah Itu Kita Pilih Tambahkan Gadged.
  • Nahh kalo udah di Tambah Kita Pilih HTML/Java Scrip.
  • Dan Tambahkan Kode Berikut di dalamnya.
<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://ariflawblog.googlecode.com/files/meteorjatuh.js.txt">
</script>
  • Setelah Paste kode tersebut, sekarang tinggal Simpan dan Lihat Hasilnya.

Keren kan efeknya... Pastinya donkkk... apalagi Efek ini bisa di ilangin kalo kita nga suka .... Udah keren ada suaranya, visualnya bagus bangett kaya asli apa lagi yang kurang coba....

Demikian apa yang bisa saya sampaikan dalam artikel Cara Membuat Efek Meteor Jatuh di Blog Keren, bila ada tutur kata yang kurang pas saya Mohon Maaf. Terimakasih, akhir kata saya ucapkan Wassalamualaikum Wr. Wb.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara menambah efek petir

Cara Membuat Efek Petir di Blog - Dengan memasang animasi efek petir di blog tentunya tampilan blog akan semakin menarik untuk dilihat oleh anda sendiri dan oleh pengunjung blog. Nah bagaimana cara membuat dan meletakkan animasi efek petir di blog? Karena VincentPublisher tidak mencantumkan demonya, maka silahkan dipraktekkan langsung di blog anda karena efek petir ini bekerja 100% dan pasti berhasil diterapkan.

Cara membuat efek petir di blog :
1. Pada dasboard blogger, pilih Tata Letak
2. Pilih Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode dibawah ini kedalamnya

<style type="text/css">body { background-image: url(http://i958.photobucket.com/albums/ae69/putrablidz/storm.gif); background-color:transparent; }</style>

4. Simpan


Selamat mencoba cara membuat / memasang efek petir di blogspot, semoga bermanfaat untuk anda yang senang dengan tampilan blog yang menarik.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara menambah lagu di blog

Siang Semua... Wah Akhirnya Admin Bisa Share Artikel Tentang Tutorial Blogger. Soalnya Selama Ini Admin Belum Bisa Share Tutorial Blogger Karena Internet Di Rumah Sedang Putus-putus. Ok Langsung Saja Ke Materi. Mungkin Cara Ini Tidak Terlalu Penting. Namun Jika Anda Ingin Membuat Blog Anda Lebih Berwana Dengan Ada Musik, Ikutilah Tips Ini. Musik Autoplay Di Sini Maksudnya Yaitu Jika Visitor Membuka Blog Anda, Entah Itu Di Homepage Atau Di Dalam Artikel, Musik Akan Sendirinya Play. Berikut Caranya :
  1. Login Blogger Dulu Ya...
  2. Buka Situs Ini.
  3. Carilah Artis / Band Yang Lagunya Ingin Anda Pasang Di Blog Anda.
  4. Jika Telah Dapat, Klik Nama Artisnya. Maka Anda Akan Diberi Beberapa Pilihan Lagu Yang Tersedia.
  5. Akan Ada Textbox Disana, Copy Semua Kodenya.
  6. Masuk Ke Tata Letak > Tambah Gadget > HTML/Javascript.
  7. Paste Kode Yang Tadi Telah Di Copy.
  8. Simpan. Cek!
Adakan? Nah Itu Dia. Saya Menyediakan Beberapa Lagu Yang Sedang Populer.


Owl City - Fireflies

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Owl City - Fireflies(1)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
Eminem - Not Afraid

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Eminem - Not Afraid (prod. Boi-1da)(1).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
Flo Rida - Low

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/Flo Rida - Get Low (Clean).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Pitbull - Give Me Everything

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Give Me Everything (feat. Ne-Yo,.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Maroon 5 - Moves Like Jagger

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Moves Like Jagger (feat. Christin.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
Maroon 5 - Payphone (feat. Wiz Khalifa)

<center>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Get Free Music at www.divine-music.info"></a><br>
<a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Get Free Music at www.divine-music.info"></a>
<br><br><b>
<a target="_blank" title="Get Free Music at www.divine-music.info" href="http://www.divine-music.info">Free Music</a> at divine-music.info</b><br>
<EMBED SRC="http://divine-music.info/musicfiles/01 Payphone (feat. Wiz Khalifa).swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>
Sekian Dulu Ya... Thanks!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara menambah chat box di blog


Akhirnya... Setelah Nunggu Mood Balik Lagi Ke Fine Selama Lebih Dari 1 Minggu, Gue Bisa Update Postingan Tentang Tips & Trick Blogger. Maklumlah Selama Hampir Satu Pekan Lebih, Mood Gue Lagi Buruk-buruknya. Kenapa? Minggu Lalu Gue Jatoh Waktu Lagi Nyetir Motor. Mana Kaki Gue Terkilir Lagi, Harus Diurut. Tapi Alhamdullailah Gue Masih Bisa Balikin Mood Ke Fine Lagi. Okelah Mari Kita Bahas Materinya. Kali Ini Gue Mau Ngasih Tau Cara Bikin ChatBox Tersembunyi Di Kanan Blog. Taukan Gimana Contohnya? Pasti Taulah! Gak Mungkin Seorang Blogger Yang Udah Lama Terjun Di Dunia Yang Penuh Persaingan Ini Gak Tau Sama Yang Namanya "ChatBox". Gue Sengaja Gak Masang ChatBox Di Samping Blog. Soalnya Kalo Pake Template Ini Kelihatannya Kurang Rapih. Jadi Sengaja Gue Taruh Tombol Aja Di Bawah Blog. Jadi Kalo Diklik, Akan Pindah Ke Page ChatBox. Coba Aja Dah Klik Biar Gak Bingung. Nah Untuk Yang Kali Ini Dibahas Adalah ChatBox Tersembunyi Di Blog. Coba Aja Deh Biar Gak Bingung.
  1. Login Blogger Dulu Ya...
  2. Masuk Aja Ke Tata Letak.
  3. Add Gadget > HTML/JavaScript
  4. Masukin Kode Ini :

    <style type="text/css">
  5. #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;}.gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

    KODE CHATBOXNYA DISINI

    <div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Mau Widget Ini? <a href="http://blogmartstein.blogspot.com/2012/11/Memasang-ChatBox-Tersembunyi.html" target="_blank">Klik Disini</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
    [tutup]
    </a>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>
NB : Yang Tulisan Warna Biru, Boleh Diganti Sama URL Tap ChatBox Yang Sesuai Buat Disebelah Kanan. Tapi Lebih Baik Jangan Diganti Karena Itu Saja Sudah Bagus. Jika Tidak Diganti Akan Terlihat Kaya Gini : 
Jika Ingin Diganti Sesuaikan Ya, Karena Posisinya Disebelah kanan. Kalo Lu Ngerti Bahasa Pemrograman Khususnya Di Bidang Pengeditan HTML & CSS Code. Boleh Kodenya Di Otak-atik Biar Sesuai. Tapi Versi Default Yang Gue Kasih Kaya Gitu. Segitu Aja Ya Dari Gue... Thanks!

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara menambah chat box

Cara Membuat Widget Chat Box di Blog
Kali ini saya akan berbagi cara membuat Chat Box dengan aplikasi CBOX.
Chat Box atau Guest Box atau sebagainya adalah fasilitas untuk kita chatting dengan teman di dunia maya atau dengan teman Blogger khususnya. Manfaat lainya adalah agar alamat Blogspot kita dapat diketahui teman blogger dapat menyebar atau bahkan terkenal. Lumayan, buat bantu-bantu agar blogspot kita rame gitu deh..hha.





Salah satu situs chat box adalah CBOX, tak perlu basa-basi lagi mari kita mulai.
1. Masuk ke situs cbox, http://www.cbox.ws/ .
2. Lanjut, pilih sign up tentunya untuk buat akun.
Cbox
3. Pada tahap sign up, silakan isi dengan lengkap. cbox name isi dengan keinginan sobat, email address isikan alamat email sobat, password isikan tanpa diketahui orang lain (mesti lah,hha), website isikan alamat blogspot/web tujuan sobat, language pilih bahasa yang sobat mengerti, style pilih backround yang anda suka, jangan lupa centang terms and conditions, lanjut klik "create my cbox".
Cbox

4. cbox sobat berhasil dibuat.
Cbox
5. Masuk ke yahoo dan periksa mail sobat, pasti ada mail dari cbox. Baca mail dari cbox dan klik link dari cbox untuk dapat login ke control panel cbox.
Cbox
6. Setelah link tersebut diklik maka sobat akan masuk ke control panel cbox. Lalu sobat lakukan proses login.
Cbox
7. Lalu kita masuk ke laman berikutnya, gulir sedikit ke bawah disitu ada kode html. Blog kode tersebut dan "copy".
Cbox
8. Lanjut, masuk ke akun blogger sobat dan pilih "Tata Letak". Tentukan dimana cbox akan disimpan. Klik "Tambahkan gadget", pilih HTML/JavaScript dan paste-kan kode HTML dari cbox tadi.

9. Selesai, sobat sekarang bisa chat dengan teman blog menggunakan cbox.
Download

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

cara memasang animasi gerak

etelah sebelumnya saya menulis artikel tentang Cara Menghapus Ads Mozilla Firefox dengan Adblock Plus. Pada kesempatan saat ini saya akan berbagi bagaimana cara menambahkan Animasi / Gambar Bergerak di Blog. Dengan

menambahkan animasi di blog, saya sendiri merasa kalau blog itu terasa lebih hidup dan lebih atraktif, apalagi kalau animasi yang ditambahkan itu terlihat lucu. Saya langsung saja beberkan caranya.

1. Log in ke blogger

2. Pilih blog yang akan ditambah animasi, 

3. Pilih Tata Letak

4. Pilih Tambah Widget, posisinya bebas mau dimana saja


5. Pilih Tambah HTML / Javascript

6. Masukan kode script animasi pilihan sobat


7. Pilih pratinjau atau langsung publikasikan, dan lihat dech blog sobat

Berikut saya berikan beberapa contoh scriptnya:
Animated Pictures Comments Pictures

bangiz.blogspot.com

 
Emo Comments Pictures
bangiz.blogspot.com





  Cartoons Comments Pictures
bangiz.blogspot.com





  Love Comments Pictures
bangiz.blogspot.com

 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Cara membuat Tulisan dan gambar Berjalan Di Blog

Cara membuat Tulisan dan gambar Berjalan Di Blog

Tulisan Berjalan di Blog sebuah gadget yang di buat untuk memperindah blog. dan untuk menarik pengunjung. untuk membuat tulisan berjalan ada beberapa tahap yang harus anda ikuti. Berikut contoh dan cara untuk membuat tulisan berjalan:


  • Silahkan Masuk ke blogger anda.
  • Klik Menu Tata Letak, Klik Tombol Add Gadget HTML untuk menambahkan gadget baru.
  • Paste Kode Dibawah.
  • Klik Tombol Simpan.
Berikut Script kodenya:


Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Kanan Berikut Scricpt Kodenya:
<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Tulisan Bergerak Bergerak kekanan (Ganti dengan Teks Anda)</span></marquee>


Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)

Untuk Tulisan Bergerak Ke Kanan Dan Kekiri Berikut Scricpt Kodenya:
<marquee direction="left" behavior="alternate"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri (Ganti dengan Teks anda)</span></marquee>


Tulisan Bergerak kekanan Perlahan (Ganti dengan teks anda) Untuk Tulisan Bergerak Ke Kanan Perlahan Berikut Scricpt Kodenya:

<marquee direction="right" scrolldelay="500"><span style="color:red; font-weight: bold;">Tulisan Bergerak kekanan Perlahan (Ganti Dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Kanan dan Kekiri Bisa di stop Berikut Scricpt Kodenya:

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Kanan dan Kekiri Dan Bisa Di stop (Ganti dengan Teks Anda)</span></marquee>

Tulisan Bergerak Ke Atas(Ganti dengan Teks anda)
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" height="100" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="95%"><span style="color: red; font-weight: bold;">Tulisan Bergerak Ke Atas(Ganti dengan Teks anda)</span></marquee>

Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)
Untuk Tulisan Bergerak Ke Atas Berikut Scricpt Kodenya:
<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color:red; font-weight: bold;">Tulisan Bergerak Ke Atas dan Ke bawah(Ganti dengan Teks Anda)</span></marquee>

Keterangan:

Ganti Kode berwarna Merah dengan Teks yang anda mau, Ganti kode berwarna Biru dengan warna yang anda Mau (Pilihan warna Ada Dibawah).

  • Merah= red
  • Biru= blue
  • Kuning= yellow
  • Putih= white
  • Hitam= black
Bisa Diganti dengan kode warna
  • <span style="color:red; font-weight: bold;"> menjadi <span style="color:#f00; font-weight: bold;">
  • Ini Kode warnanya:
  • Merah= #f00;
  • Biru= #00f;
  • Hijau= #0f0;
  • Ungu= #f0f;
  • Dan masih banyak lagi.
Untuk itu silahkan di coba-coba kode warna yang lain.


Untuk Gambar yang bisa berjalan Ke Kiri berikut Scriptnya:
<marquee direction="right"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk9ChZs77jip2o9HSVP4iocqf_AeJ4iAIFgsF8zj1mDzE26mKL5dWafkAdZPiRbqpkmS_2E8Gm67ZNqJrqtHeM_hwADEwEo5BR1r3UAKou_NUovzCFhD3iaC-DFD2zH0MRXD6YFuW7Orc/s1600/Blog.jpg" /></marquee>

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS