Powered By Blogger
RSS

Cara Memasang Gambar Animasi Lucu di Blog

21.43 |

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 :
1.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>

2. Boring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><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/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 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/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>
4.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>
5. Panda main bola


Script :
<div style="position: fixed; bottom: 0px; right: 30px;width:160px;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/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>
6. Tuyul baring


Script :
<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><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/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru


Script
<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><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/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><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/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>
9. Bunga




Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:100px;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/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

10.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>
11.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>

12.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>

13.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>
14.Dragon


Script:
<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><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/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

15.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><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/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><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/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :
<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><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/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</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

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:


Contoh blog yang sudah terpasang widget di atas bisa dilihat disini widget animasi atau disini widget blog


Artis

1. Leonardo




Untuk widget animasi gambar artis bisa dilihat scriptnya disini widget animasi blog


Untuk widget animasi kartun lucu lainnya seperti di bawah ini bisa dilihat disini widget animasi lucu.
.
24.Telur menetas



25.Ayam bertelur



26.Beruang




32.Gawang

Artikel Terkait:

memasang gambar animasi di blog

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments0

Pasang Status Yahoo Messange

01.38 |

Mempunyai blog dengan status ym yang terpasang memang cukup menyenangkan. Dengan menampilkan status ym, pengunjung bisa mengetahui kapan kita online dan kapan kita offline. Adakalanya pembaca blog kita mempunyai sebuah ide mengenai artikel yang kita pasang di situs kita. Ide memang mempunyai sifat yang cukup unik. Kadang muncul secara tiba tiba dan bisa saja menghilang secara tiba-tiba pula. Mirip istilah “datang tak diundang, pulang tak diantar” :)
Dengan memasang status ym di situs kita (entah itu wordpress atau blogspot), kita bisa menampung saran dan “aspirasi” pengunjung situs secara instan. Karena ada kalanya pengunjung ingin menyampaikan sesuatu tidak di papan komentar bukan?


Cara menampilkan status ym boleh dikatakan sangat mudah. Tinggal masukkan kode berikut ini di widget situs kita:

<a href=”ymsgr:sendIM?kang.moes” title=”chating dengan kang.moes“>
<img src=”http://opi.yahoo.com/online?u=kang.moes&m=g&t=11?> </a>

PENTING !: jangan lupa untuk mengubah kata kang.moes dalam kode tersebut dengan nama ID yahoo messenger anda.
Untuk pengguna wordpress, dari DASHBOARD anda klik menu Appearance -> Widgets. Setelah itu, seret kotak yang ada tulisannya Text (Arbitrary text or HTML) ke dalam sidebar dan masukkan kode tadi ke dalamnya.
Untuk pengguna blogspot, dari DASHBOARD anda, klik menu Tata Letak yang akan membawa anda ke dalam tab Elemen Laman. Di situ, klik salah satu menu Tambah Gadget lalu klik HTML/JavaScript dan masukkan kode diatas ke dalamnya.
Dengan kode tadi, YM status anda akan tampak seperti ini:

Mau lebih seru lagi, anda bisa mengubah gambar tersebut dengan mengubah angka 11 di dalam kode yang kangmoes tulis tadi dengan angka 1 sampai 24. Selamat berkreasi dan memasang ym status… :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments0

Mengubah Alamat Blog Menjadi domain CO.CC

00.43 |

Jaman sekarang kalo belum punya blog boleh jadi dibilang gak gaul. Ya maklum aja lah, orang yang punya blog lebih merasa nyaman bila bergaul dengan teman-temannya. Setidaknya bisa terhindar dari istilah gaptek, alias gagap teknologi, he he he.

Nah, buat yang punya blog juga terdapat ‘gap’ antara yang punya blog gratisan ato blog berbayar. Yang punya blog gratisan masih sedikit minder jika ketemu ama blogger yang sudah punya blog berbayar. Walau gak semua blogger seperti itu sih, he he he. Nah, buat temen-temen yang masih pake blog gratisan seperti blogspot atau wordpress, gak perlu khawatir kok. Kita bisa “mengakali” blog gratis kita itu seakan menjadi blog berbayar. Jadi misal kamu punya blog dengan alamat yusniar.blogspot.com bisa kita singkat jadi yusniar.co.cc. Bedanya cuma di ujung doang, yang satu pake blogspot, yang satulagi jadi lebih singkat karena pake CO.CC. Caranya? Gampang banget!
Yang pertama-tama kita  perlu blog. Ya tentu aja. Kalo gak ada blog, gimana mau nyingkat alamat blognya? ha ha ha.
Yang kedua, kita harus mendaftar di penyedia penyingkat alamat blog, ato bahasa gaulnya registrar domain. Kalo mau yang berbayar, silakan mendaftar di godaddy.com. Disitu kamu bisa punya domain seharga berkisaran seratus ribu. Tapi bayarnya pake dolar gan, ha ha ha. Kalo gak ada dolar ya musti beli dolar dulu. Nah, pada kesempatan ini ane cuma mau berbagi informasi aja cara dapat domain GRATIS!
Ikuti petunjuk berikut ini jika kamu sudah siap dan serius:
Pertama, silakan mendaftar dulu di webnya CO.CC. Caranya klik disini.
Kedua. Klik Create an Account Now.
free domain setting blogger blogspot
Ketiga. Isi formulir biodata dengan bener.
Klik kotak kecil (centang) yang ada disamping tulisan I accept the Terms of Service. Trus klik tombol Create an Account now.
Setelah itu, kita akan berada di halaman Manage Domain. Klik Saja Getting a New Domain >>.
Sekarang kita sudah sampai pada tahap pemilihan nama domain. Ketik di kotak yang tersedia alamat domain yang kamu mau. Tentu saja sesudah www dan sebelum co.cc. Anda bisa menggunakan nama Anda atau apa saja terserah Anda. Misalnya yusniar, sehingga nanti alamatnya akan menjadi www.yusniar.co.cc.
Catatan:
  • jika alamat yang anda maksud sudah tidak tersedia (not availabe atau already registered, maka silakan cari nama domain yang lain.
  • jika alamat domain yang anda maksud terlalu bagus (misalnya www.google.co.cc atau www.blogger.co.cc) maka domain itu tidak akan gratis, harus bayar mahal. Jadi mending cari domain lain yang masih berstatus gratis.
Oke, anggaplah domain yang anda maksud available/tersedia secara free/gratis, seperti contoh berikut ini:
Silakan langsung klik saja Continue to Registration.
Maka kita akan tiba di halaman “Your new nomain has been successfully registered”
Bersamaan dengan ini, co.cc telah mengirimi kita email ke alamat email. Email itu berisi pemberitahuan suksesnya pendaftaran domain baru yang sekaligus peringatan bahwa Anda harus segera men-set up domain tersebut selambat-lambatnya 48 jam dari sekarang.
Oke, langsung klik Set Up saja.
Kini kita kembali tiba di halaman Manage Domain, lebih khususnya lagi di halaman set up domain baru kita. Dalam contoh ini adalah www.yusniar.co.cc. Pada tutorial ini, kita hanya akan menggunakan fasilitas URL Forwarding saja. Just klik [3. URL Forwarding]. maka akan terlihat tampilan seperti berikut:
free domain setting blogger blogspot
Redirect to: isi dengan alamat blog anda. [contoh: www.yusniar.blogspot.com].
Page Title: Judul blog Anda [contoh: Blognya si Yusniar].
Frame: Pilih URL Hiding [jika butuh informasi lebih, silakan klik petunjuk yang ada dibawah pilihan itu].
Meta Description: Penjelasan ringkas tentang isi/tema blog Anda. [contoh: Fulan Official Blog berisi tentang kumpulan tips trik komputer, mulai dari perakitan hardware, tips-trik software, informasi virus dan antivirus, tips-trik internet, dan juga konfigurasi jaringan].
Meta Keywords: Kata kunci yang terdapat di blog anda. [contoh: computer, komputer, internet, virus, antivirus, software, softwares, hardware, trik].
Google Apps Email Setup untuk sementara biarkan tak dicentang dulu.
Setelah mengisi semua data di atas, silakan klik tombol Set Up.
Maka selesailah custom domain blogspot kita dengan fasilitas URL Forwarding dari co.cc ke blog.
Catatan:
  • Jika ada gambar yang tidak jelas, silakan di klik gambar tersebut untuk melihat ukuran lebih besar.
  • URL Forwarding ini dapat juga Anda gunakan untuk alamat myspace, facebook, mybloglog, atau situs/blog apapun yang ingin Anda arahkan ke sana. Termasuk link afiliasi atau website replika.
Oke deh. Segitu aja tutorial cara merubah alamat blog anda yang dari alamat panjang menjadi lebih singkat. Jadi ntar kalo mau promosi blog ke orang gak perlu minder lagi ada embel-embel blogpost atau wordpress. Cukup kasih alamat blog co.cc anda. ;)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments1
Langganan: Komentar (Atom)