Membuat Animasi Sinterklas di Blog

Sebentar lagi memasuki bulan desember, bagi Anda yang beragama Kristen akan merayakan hari natal. Perayaan hari natal identik dengan tokoh sinterklas, nah pada kesempatan ini kami akan memberikan informasi cara membuat animasi sinterklas di blog.

Berikut langkah cara membuat animasi sinterklas di blog :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode </head> (tekan tombol Ctrl + F untuk melakukan pencarian).
4. Letakkan kode berikut diatas kode </head>

<script type="text/javascript" src="http://id-pemula-javascript.googlecode.com/files/santa.js" />

5. Kemudian cari kode </body>, letakkan kode berikut diatas </body>

<marquee scrolldelay='100' style='position:fixed; top:0; right:0; z-index:9999; width:100%;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0qoRW7CZFZ9XA2BZdPDN286kmOq-mumXxv7pw-epznZyymXYSUKhIR7cJgy2Mpgt9fT-fIDogQL-YOt6PA1x4GivTPWUvgg77opAfo4Vd2LcEeXwKLETDKqFrMBaRUMgQYveSjyvOyKvy/s1600/Sinterklas.gif' /></marquee>

6. Simpan template.

Semoga dapat membantu!

Continue Reading

Cara Membuat Efek Berbintang pada Link Blog

Mengubah tampilan link pada blog sangat diperlukan jika Anda ingin membuat blog kesayangan Anda menjadi lebih berwarna dan menarik. Banyak tips dan cara mengubah tampilan link menjadi lebih menarik salah satunya dengan membuat efek berbintang pada link blog jika terkena kursor.

Berikut ini kita akan membahas cara mengubah link menjadi efek yang berbintang. Ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Tekan Ctrl + F kemudian cari kode berikut ini.

a:hover {

color:#FFFFFF;

text-decoration: underline;

}

4. Setelah ketemu ganti kode yang berwarna merah diatas dengan kode berikut.

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1kExqAI3UD5Axdkbgoxd-oEsTtF_5cbttS1taxPxX1J35iXflRnRV_GL3UeIFUfgT9udLGoktpUuTbsP_RTQXjyiCzCXaPD7a4SoUQpPMqwdoAQr82D263mgGCrFHw8S1YwQWH07vbPdr/s1600/link+berbintang.gif);

5. Kodenya akan menjadi seperti ini.

a:hover {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1kExqAI3UD5Axdkbgoxd-oEsTtF_5cbttS1taxPxX1J35iXflRnRV_GL3UeIFUfgT9udLGoktpUuTbsP_RTQXjyiCzCXaPD7a4SoUQpPMqwdoAQr82D263mgGCrFHw8S1YwQWH07vbPdr/s1600/link+berbintang.gif);
}

6. Kemudian Simpan template.

Nah, cukup sederhana cara mengubah tampilan pada link blog. Selamat mencoba dan semoga bermanfaat.

Continue Reading

Cara Membuat Efek Bayangan pada Link Blog

Anda merasa bosan dengan tampilan link pada blog? Atau ingin mengganti tampilan link blog jadi lebih menarik seperti posting yang telah kita bahas sebelumnya yaitu cara membuat link blog berwarna-warni. Mengubah link blog diperlukan ketelitian dan kesabaran dalam mengedit kode template karena tidak semua template mempunyai kode yang sama.

Pada kesempatan kali ini kami akan membahas cara membuat efek bayangan pada link blog. Jika Anda berminat mengubah link blog terdapat efek bayangan silahkan ikuti langkah-langkahnya berikut ini :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode seperti dibawah ini dengan menggunakan Ctrl + F.

a:hover {
color:#FFFFFF;
text-decoration: underline;
}

4. Kemudian tambahkan kode text-shadow:3px 3px 3px #000;

a:hover {
color:#FFFFFF;
text-decoration: underline;

text-shadow:3px 3px 3px #000;

}

Keterangan:
3px 3px 3px yaitu ukuran bayangan yang akan ditampilkan.
#000 yaitu kode warna yang akan ditampilkan.
5. Klik Pratinjau template untuk mengecek hasilnya, kemudian klik Simpan template.

Nah, kini tampilan link pada blog Anda lebih menarik dan tidak membuat bosan pengunjung untuk mengkliknya, semoga bermanfaat.

Continue Reading

Cara Membuat Link Blog Berwarna � Warni

Pada kesempatan kali ini kita akan membahas cara membuat link blog menjadi berwarna � warni ketika kursor di arahkan pada link, setelah sebelumnya kita membahas cara membuat efek salju pada blog.

Fungsi utama dari link berwarna � warni ini adalah hanya untuk memperindah tampilan blog, untuk pemasangan kode script ini sendiri tidak akan terlalu menambah berat loading blog Anda. Jika Anda ingin memasangnya berikut ikuti langkah-langkahnya :

1. Login akun blogger Anda.
2. Pilih Template > Edit HTML > centang Expand Template Widget.
3. Jangan lupa backup template agar mudah mengembalikan jika terjadi kesalahan.
4. Cari kode </head> (Gunakan F3 atau Ctrl + F).
5. Letakkan kode berikut tepat dibawah </head>

<script src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/>

6. Simpan template.

Nah, itu tadi dengan cara yang pertama, berikut cara yang kedua tanpa Anda harus masuk kedalam script template blog :

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 src='http://id-pemula-javascript.googlecode.com/files/rainbow.js'/></script>

4. Kemudian Simpan.

Sekarang setelah pemasang efek warna-warni pada link blog, tampilan blog Anda menjadi lebih menarik.

Continue Reading

Cara Membuat Efek Salju pada Blog

Banyak cara untuk memodifikasi tampilan blog agar lebih menarik, salah satunya adalah menambahkan efek salju pada blog kita. Meskipun ini agak menambah berat loading blog tapi blog kita menjadi tampak rame dan menarik.

Kalau Anda penasaran ingin memasang efek salju pada blog, berikut ikuti langkah-langkah cara membuat efek salju pada blog :

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>

4. Kemudian Simpan.

Nah, sekarang Anda bisa melihat hasilnya, tampilan blog Anda menjadi lebih rame dan menarik.

Continue Reading