Cara Membuat Screensaver di Blog

Apa itu Screensaver ??? Yaitu sebuah tampilan standby di layar blog tersebut dimana seluruh aktifitas dihentikan sementara. Screensaver akan muncul apa bila tidak ada aktifitas apapun dihalaman monitor tersebut dan sebaliknya bila mouse melakukan aktifitas maka screesaver akan menutup dan kembali seperti semula. Screensaver ini selain mempercantik tampilan blog juga mampu menghemat energi.

Adapun Cara Membuat Screensaver di blog sangatlah mudah adalah sebagai berikut :

1. Login dulu di blog sobat

2. Klik Tata Letak --> Tambahkan Gadged --> HTML / Java Script

3. Judul dikosongin saja

4. Copykan kode dibawah ini tepat di dalam kotak konten

<script type="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/screensavervikry.js">
</script>
<style type='text/css'>
div#energysaving, div#energysaving * {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    background: url(2.bp.blogspot.com/-DSUtnbxyYWY/U3TeQrIs5oI/AAAAAAAAAIY/jzhSe7LzN3I/s1600/screen+saver.jpg) no-repeat center center fixed black;
}
div#energysaving p span {
    display:none;
    visibility:hidden;
}
</style>

5. Simpan dan lihat hasilnya

NOTE : Untuk Kode Berwara MERAH ganti dengan Url gambar screensaver sobat.

Mudahkan begitulah Cara Membuat Screensaver di blog?

Read More

Cara memberi efek pada blog

Malam ini saya akan melanjutkan postingan saya tentang efek blog. Di blog, banyak sekali efek blog yang di buat oleh desainer efek agar bisa mempercanti blog-blog yang ada. Tapi tetap saja, meskipun menarik memasang efek di blog seringkali membuat blog menjadi bertambah beban loadingnya. Sebagai saran saja, bila anda ingin memasang efek pada blog anda, maka sebaiknya anda hanya menempatkan satu efek saja pada blog anda, karena bila efek blog anda terlalu banyak, maka kemungkinan besar blog anda akan lama loadingnya. Bijaksanalah dalam memilih efek blog yang akan anda pasangkan di blog anda. Berikut ini adalah kumpulan 50+ efek blog paling dicari oleh blogger. Semoga bisa menambah indah blog anda.

Efek Ringan 

Cara Memasangnya di Blog

Step 1

Masuk ke halaman dashboard > Template > HTML > Expand widget template

Step 2

Letakkan kode efek diatas kode </body>

Step 3

Klik Save Template

====================================================================

Hati Berjatuhan

<script src='http://the-kampoeng-blogger.googlecode.com/files/hatiberjatuhan.js' type='text/javascript'></script>

Kupu-kupu Terbang

<script src='http://the-kampoeng-blogger.googlecode.com/files/Kupu-kupu.js' type='text/javascript'></script>

Salju

<script src='http://the-kampoeng-blogger.googlecode.com/files/Salju.js' type='text/javascript'></script>

Kembang Api

 <script src='http://the-kampoeng-blogger.googlecode.com/files/kembang-api.js' type='text/javascript'></script>

Gelembung

<script src='http://the-kampoeng-blogger.googlecode.com/files/gelembung.js' type='text/javascript'></script>

Bertabur Bintang

<script src='http://the-kampoeng-blogger.googlecode.com/files/bertabur%20bintang.js' type='text/javascript'></script>

Efek Berat

Cara Memasangnya di Blog

Step 1

Masuk ke halaman dashboard > Layout > Add gadget > HTML/JavaScript

Step 2

Masukkan kode script efek ke dalam halaman HTML/JavaScript

Step 3

Klik Save

Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/meteor%20jatuh.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20bunga%20mekar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20bom%20atom.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div> 

 Banjir

<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="http://the-kampoeng-blogger.googlecode.com/files/efek-banjir.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Graffiti

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20graffity.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Senjata

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20Senjata.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Ufo

<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20ufo.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Shaver

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20shaver.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Bloody Gun

<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20Bloody%20Gun.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Paint Ball

<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20Paint%20Ball.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Chainsaw

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20chainsaw.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Dinosaurus

<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20dinosaurus.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Lebah

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20Lebah.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Semut

<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20semut.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/Efek%20siput.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Cacing

<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20cacing.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Mold

<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20mold.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Bayi Merangkak

<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20bayi%20merangkak.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Telur Mata Sapi

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20telur%20mata%20sapi.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Kopi Tumpah

<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efekkopitumpah.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Terbakar

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20terbakar.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Tomat

<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20tomat.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

Creampie

<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efek%20creampie.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://thekampoengblogger.blogspot.com" target="_blank">Efek Blog</a></center></small></div>

 Murka

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://the-kampoeng-blogger.googlecode.com/files/efekmurka.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://christiantatelu.blogspot.com/2012/03/kumpulan-efek-efek-blog-lengkap.html" target="_blank">Efek Blog</a></center></small></div>

Bunga Mawar 1

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHdFo3jlcv5utEuyUqWFp0qiBWSc7aAYMksxNBdh_wxs5vFCpInn3-dGHO8XS6Rce14eiSQUf8hadcWRu5RpkHsLlU51qlEDy0PVZDXyT5c4izCfEskAGxYGimqd0RjXW84YcwBIEVf4n/s1600/best+blogger+tips.png'/></a><script src="http://spiceupyourblogextras.googlecode.com/files/spiceupyourblogrosethin.js" type="text/javascript">
/***********************************************

* Flower fall effect by Paul Crowe @ http://www.spiceupyourblog.com
* Please keep this notice intact

***********************************************/
</script><a href="http://www.spiceupyourblog.com" target="_blank"><font size="1">Get Flower Effect</font></a>

Bunga Mawar 2

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHdFo3jlcv5utEuyUqWFp0qiBWSc7aAYMksxNBdh_wxs5vFCpInn3-dGHO8XS6Rce14eiSQUf8hadcWRu5RpkHsLlU51qlEDy0PVZDXyT5c4izCfEskAGxYGimqd0RjXW84YcwBIEVf4n/s1600/best+blogger+tips.png'/></a><script src='http://spiceupyourblogextras.googlecode.com/files/spiceupyourblogrosefull.js' type='text/javascript'>
/***********************************************
* Flower fall effect by Paul Crowe http://www.spiceupyourblog.com
***********************************************/
</script><a href='http://www.spiceupyourblog.com' target='_blank'><font size='1'>Blogger Flower Effect</font></a>

Read More

Membuat Link Yang di Sorot Berkedip

Membuat Link Yang di Sorot Berkedip.Setelah pernah dulu saya memberikan catatan cara membuat efek tulisan berkedip,kali ini saya akan berbagi lagi cara membuat link berkedip namun bila link ini di sorot mouse.Jadi nantinya bila sobat mengarahkan mouse ke link yang hidup,link tersebut akan kelihatan berkedip atau berubah seperti pelangi.Agar link aktif yang disorot berkedap-kedip berubah warna seperti pelangi,ayo sobat ikutin cara membuat link yang di sorot berkedip berikut ini:

Yang pertama-tama sobat lakukan adalah:

1. Loginlah terlebih dahulu di Blogger
2. Pada Tab Tata Letak ,klik  Edit HTML
3.Cari kode  </head>
4.Bila sobat sudah menemukan kode tersebut,silahkan sobat copy kode di bawah ini:

<script src='http://sites.google.com/site/ecaknyo/blog/link-pelangi/rainbow.js ' type='text/javascript'/>

5.Letakan kode tersebut tepat dibawah kode </head>
6.Bila sudah,silahkan sobat Klik Simpan Template.. dan Selesai.

Silahkan sobat tes hasilnya,bila cara membuat link yang di sorot berkedip tersebut berhasil,maka sobat akan lihat link aktif yang disorot cursor mouse akan berkedip dan berubah-ubah warnanya seperti pelangi.
Semoga catatan saya ini bermanfaat ya...tetap happy blogging!

Mari bantu share informasi ini ya:

Read More

Cara Membuat / Memasang Burung Twitter Terbang di Blog

Cara Membuat Burung Twitter Terbang di Blog - Lebih suka mana?? ngetweet apa ngeblog?? kalo ane sih kedua - duanya.. Kali ini ane akan kasih tahu bagaimana cara memasang burung twitter terbang atau melayang - layang atau mondar - mandir di blog sobat. Bagi sobat yang tertarik untuk memasang burung twitter terbang atau melayang - layang ini, silahkan ikut tutorial berikut .

1. Log in ke akun blog sobat.
2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript

Masukkan Script berikut ke dalam kotak yang telah di sediakan.

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ty0U41e58Jrwil0MJuN_1SJE55IiyzpH0xUHV0L-7q0v_72WBY_ne1VqWzq1umuU8sDfQMq34-cOuiKcbFzx00Tq9CLnhWt9ZxQTBd13rAVAldqM4Lwg_IZe9LfFr-xTcAwXC2dsYDA/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/deactivatednumi";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

3. Klik save / simpan.

Tambahan:
Ganti tulisan yang berwarna merah dengan warna icon twitter kesukaan sobat.

Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PMqLnVF1uwJOKX8Dj9aKH8Uje-2RGqMHT8kkSO4YK7Wtqf5q_BoO-bPj4TQHzf7BEd2XAXUmPuvvF4wfKfP9etcDkUI8WtEs_nZ1rs_D37GxvrPqSjUQRFRiF1U567mRFaEhD_2jKu8/s1600/yellow+bird.png

Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhukbohCqBUElUAMPkVU6VFb_wNLZJ6dLDl369EfjoSIQc8U5jg4a2fmmsNf125KvDG9thtDVsb9ag0nyxcVEimbqnBmmZdbgOb0UZql1GjaPGfOm1nXD54QeJ58BJJY72RtI2lkBxNbO0/s1600/black+bird.png

Warna Biru

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN1Ydk6xZ1vu3JPJLCwqEJjSHd1x2RfPObppJwsABRW2yxIF9VeREgUHt9_Hd2cXzLP8CvFHMpxcTeK5dJyJuNnhrqiOfjC3erf92vG2mlq_GHuZzeCEASyJglUd66uePm5HJ4LBXpzIQ/s1600/Blue+bird.png

Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybGFf9uusFAcKn_rubxs1s0guqPII7lQ7Hk7MoQGmMjuM_tt6V2C5YDpaQW4hahGbXulUNAmnmw_CWE0MmqnkMYumVawGw3SjggyKAxLE6YkBqB6K-WugFW02uhRLRRWuczLnoHGmmCc/s1600/brown+bird.png

Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwj3YfaCMU0i0NSIXnb2Axv073CKHl4yWslesh6PsCLHBtg-zS6J6vCSeDi5c1v40FwhC71ajpxs2inkZt7ii37ud_v2WDKP1U2IuUOHC97mMEAuHnwAxoe2fysERNAkCP5kkJh0foAn8/s1600/Green+bird.png

Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguwqarVhZ5STscsdfaodsZGEfvbvERXf3RxA4MR0Vi_ShL7FZs28lZo2-5VLSNW70cS_xdgTNGLFkEkDwgimKhIoTxLLVuzXRUxM3K3swA0UFhEtUWk3xBThPEIJJiEUWk1m7Z3PG97dQ/s1600/purple+bird.png

Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_iFffBPzv_cus457ykAyqV3L8NzgayZpFscb0oGgp_0OISG-lpT4_6ccfw2uk9InLSybVwrrXA8J1Z26HPi5z-GwD9wIo7Ap0NpMgeqdCxRZmW_xPcsmpuRxSDmItaoej9WSKHdT90U/s1600/white+bird.png

Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy4vNeoni5UWtsxxkger-lnt91JZqbocx6gFiv70WRxfmExjwgFPpBOnCm7O_kWoKw6-Yh7K9Ivpw6c7HaVJr_tXGKVjHw1tby9ktFqrCtMferl4Aorofa5E6vAkVjZyoyZVIdixfTI48/s1600/red+bird.png

Ganti Tulisan yang berwarna biru dengan username twitter sobat.


Semoga membantu!!

Read More

Cara Membuat Animasi Pada Judul Blog

 

Sebelum memulai posting ketawa dulu ah ... hahahahah ... ini tandanya senang Teman Chayoy ... hehehe, sebenarnya saya agak ragu-ragu memposting tentang hal ini Cara Membuat Animasi Pada Judul Blogkarena masih newbie banget .. masih hijau dalam dunia persilatan Blogger hehehe , karena baru beberapa bulan saya mengenal dunia persilatan bloger ini.

Nah buat Teman Chayoy  ... ini script nya .. tinggal copy trus login ke blogger kemudian Tata Letak > Tambah Widget > Html/Java Script > pastekan script tersebut kemudian Simpan Template ... jadi deh, mudah kan ... hehehe, oh iya scriptnya di bawah ini ...

<script language="JavaScript">
<!--
//
//Scrolling Status Bar
putmsg="==welcome==";
letchar2="+==o0o==+";
letchar1="+==o0o==+";ultimo1=letchar1.length-1;
ultimo2=letchar2.length-1;
ultimo2=letchar2.length-1;
tiempo=setTimeout("stat_scroll()",.1);
function stat_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
window.status="(" + letchar2 + putmsg + letchar1 + ")";
tiempo=setTimeout("stat_scroll()",.1);
return true;
}
// -->
</script>
<script language="JavaScript">
<!--
//
putmsg="[DhityaDhizt Baik]";
letchar2="+==o0o==+";
letchar1="+==o0o==+";
ultimo2=letchar2.length-4;
ultimo2=letchar2.length-4;
tiempo=setTimeout("tit_scroll()",.1);
function tit_scroll()
{
aux1=letchar1.charAt(ultimo1-1);
letchar1=aux1+letchar1.substring(0,ultimo1-1);
aux2=letchar2.charAt(0);
letchar2=letchar2.substring(1,ultimo2+1)+aux2;
document.title="" + letchar2 + putmsg + letchar1 + "";
tiempo=setTimeout("tit_scroll()",.1);
return true;
}
// -->
</script>

Jangan lupa Teman Chayoy tulisan yang warna kuning (DhityaDhizt Baik) diganti ama judul blog nya atau apalah terserah Teman Chayoy aja deh ... mudah-mudahan ada mampaat nya untuk kita semua .. amin, selamat mencoba dan salam ....

Read More

Kumpulan Beberapa Animasi Untuk Mempercantik Blog

kali ini saya akan share kumpulan beberapa animasi. Gunanya animasi ini tentu saja untuk mempercantik tampilan blog kita. 

Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini :

1. Login ke Akun Blogger Anda
2. Buka Tata Letak
3. Klik "Tambah Gadge=> HTML/Javascript"
4. Copy dan Pastekan kode masing-masing animasi yang Anda senangi.
5. Lalu Klik Simpan atau Save

1. Kembang Api
   
   
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>
2. Pelaut
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>
   
3. SpongeBob Ngantuk
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>
   
4. SpongeBob Lari
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>
   
5. Ubur - Ubur
     <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>
   
6. Seluncur
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>
   
7. Bajak Laut
     <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>
   
8. Dancer
    
   <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>
   
9. Petir
     <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>
   
10. Murid
      <a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>
    11. SpongeBob Gembira
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    

    
    
    
    
    12. Naruto
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    13. Gaara
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    14. Labu
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    15. Tengkorak
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    16. Ekspresi Wajah
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    
    
    17. Animasi
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    18. Main Taplak
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    19. Pasangan
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    20. Zoombie
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    21. Pigglet
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    22. Mini Mouse
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    
    
    23. Hello
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    24. Hi Friend!
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    25. Star
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>
    
    
    
    
    
    
    26. Gajah Loncat
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>
    
    
    27. Boring...
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>
    
    
    28. Bayi Tertawa-1
    

    
    

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

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>
    
    
    30. Main Bola
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>
    31. Bayi Tertawa-2
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>
    
    
    32. Panda Biru
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Free-Widget-Animasi</a></center></small></div>
    
    
    
    33. Panah
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    34. Bunga
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    35. Anjing Laut
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    36. Lumba - Lumba
    
    
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    37. Kucing Tidur
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://gedesitdownblog.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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    38. Kelinci
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    39. Dragon
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    40. Ikan
    

    
    

    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://gedesitdownblog.blogspot.com/" 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://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>
    
    
    41. Pinguin
    
    
    

    
    

    
    
    
    
    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://gedesitdownblog.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><ahref="http://gedesitdownblog.blogspot.com/2013/05/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div> 
         
    Catatan !! Anda bisa mengatur dimana ingin meletakkan animasi tersebut sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan). Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right.
      Demikian informasi tentang kumpulan beberapa animasi sebagai kreasi yang berguna untuk mempercantik tampilan blog kita, semoga bermanfaat. 
    Jika ada sobat blogger yang ingin menambahkan, silahkan tambahkan di kolom komentar...!

Read More