memasang animasi lucu pada pojok tampilan blog

Cara menampilkan gambar animasi di pojok blog. Terkadang untuk menghias blog agar tampak lebih menarik maka bisa memasang gambar animasi di blog.Bisa ditempatkan di pojok atas (kiri dan kanan), pojok bawah kiri dan kanan, atau semua pojok diisi gambar lucu-lucu.

Untuk menampilkan gambar lucu, cukup copy salah satu script html di bawah ini kemudian masukkan ke dalam gadget html. Script ini saya buat menggunakan kode html ditambah gambar dari situs sweetim.

Contoh dan scriptnya bisa dilihat di bawah ini :
Gajah loncat



Script:
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

 Boneka joget


Script :


<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
 Anjing laut


Script:


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Animated Fight
<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="www.zengbogel.blogspot.com" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/59/th/5990.gif" title="My widget" alt="animasi  bergerak gif" /></a><small><center><a href="http://zengbogel.blogspot.com/2011/12/download-game.htmll" target="_blank">My Widget</a></center></small></div>


Anda bisa memilih salah satu script di atas kemudian masukkan ke gadget html/javascript. Jika menggunakan blog wordpress gratisan / blogdetik bisa copy script di atas ke widget text html.

Cara memasang widget animasi ke blog :

1. Pilih script yang tersedia
kemudian copy codenya


Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


2. Di Dashboard blogger pilih Rancangan - Elemen halaman

3. Pilih Tambah Gadget

4. Pilih HTML/Javascript

5. Masukkan script animasi ke dalam kotak kontent HTML/Javascript




Catatan:


1.Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog
2. Untuk mengganti posisi widget dari sebelah kiri ke kanan ganti tag left menjadi right
Untuk mengubah posisi dari kiri ke kanan ganti tag right menjadi left

memasang google translate pada blog

Google Translate adalah gadget yang berfungsi untuk menterjemahkan bahasa blog Anda dengan berbagai bahasa lain di dunia. Gadget ini dapat digunakan pada blog yang didukung format javascript, jadi untuk wordpress.com kayanya tidak bisa, tapi Anda bisa memasang widget translate dengan gambar bendera, caranya baca di postingan saya tentang Membuat Translate di WordPress.com.
Dengan gadget Google Translate ini, pembaca akan dengan mudah mengerti isi blog Anda hanya dengan memilih bahasa yang diinginkan. Keuntungannya bagi blog Anda adalah meningkatkan traffic kunjungan pada blog karena bisa dibaca dari seluruh dunia.
    Berikut cara memasang google translate :
  • Masuk ke Google Translate.
  • Pada Step 1 pilih Add translation to the entire webpage.
  • Step 2 pilih bahasa yang Anda gunakan di blog Anda.
    Tutorial Blog
  • Pada Step 3 klik Show optional settings
    Tutorial Blog
  • Untuk Translation languages pilih All languages
  • Pada Display mode pilih tampilan yang Anda inginkan.
    Tutorial Blog
  • Copy kode HTML yang berada didalam kotak, kode seperti dibawah ini.
    Tutorial Blog
  • Login pada blogger.
  • Klik Rancangan pada Dashboard.
    Tutorial Blog
  • Klik Tambah Gadget,
    Tutorial Blog
    dan pilih HTML/Javascript
    Tutorial Blog
  • Paste kode HTML yang telah dicopy, dan beri judul titlenya.
    Tutorial Blog
    Lalu klik Simpan.
Selesai sudah pemasangan Google Translate
Sekarang lihat di blog Anda, akan terlihat Google Translate seperti ini.
Tutorial Blog

Cara Memasang Hewan Bergerak Di Blog

saya sangat bingung untuk memberikan nama apa untuk artikel ini, maka saya beri nama saja "Cara Pasang Hewan Bergerak Di Blog".

Jika blog kita di pasang hewan bergerak - gerak tentu blog kita akan terlihat lebih menarik.

Dan untuk caranya sebagai berikut :
1. Masuk ke situs Abowman.com

2. Pilih menu Gadgets

3. Pilih hewan apakah yang anda ingin masukkan ke blog anda.

4. kemudian di bawah gambar hewan tersebut terdapat kata "embed code" copy kode html yang terdapat dalam embed code tsb.

Sekarang saatnya kita pasang widget tersebut di blog.
Caranya:

1. Login ke akun Blogger anda

2. Pilih Layuot > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript

4. Paste kode HTML yang anda copy tadi ke kotak content

5. Terakhir, klik Save untuk menyimpannya

Powered by Blogger.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Web Hosting Coupons