Kumpulan Gambar Animasi Bergerak untuk Blog

Setelah sebelumnya saya membahas cara memasang emoticon pada postingan dan ruang komentar (baca/klik link ini), maka kali ini akan saya bahas cara menampilkan gambar bergerak (Animasi) pada blog. Cara yang  digunakan untuk menampilkan atau menambahkan animasi bergerak pada blog sebetulnya tidaklah berbeda dengan cara sebelumnya, sangat sederhana. Adapun langkah-langkahnya adalah sebagai berikut:

Siapkan (cari) dulu gambar yang ingin kamu tampilkan sebagai animasi bergerak untuk mempercantik blog kamu. Klo bingung, coba kamu cari pada  salah satu situs penyedia emoticon (dalam pilihan emoticon biasanya terdapat banyak gambar animasi yang juga sangat lucu2 dan menarik) seperti situs: http://smileys.on-my-web.com/categorie7-MSN+Emoticons.html  atau

http://www.freesmileys.org/  atau juga situs ini http://messenger.yahoo.com/features/emoticons/

atau cari situs lain yang menyediakan gambar animasi bergerak yang lebih berkenan di hati sobat blogger, seperti gambar: naruto, gundam, animal (hewan), serta gambar-gambar animasi bergerak yang menawan lainnya. Kutak-atik aja deh pada mesin pencarian “mbah goggle”, pasti banyak banget deeeh!!.

Langkah selanjutnya klo udah ada (siap) tuh gambar yg km inginkan, trus “Copy” BBCode nya atau HTML code nya.

Masuk blog km atau Login à pilih Tata Letak à tambahkan Add Widget à tambahkan HTML Script.

Pada kolom konten isikan kode yang tadi telah di “Copy” di kolom konten tersebut.

Pada tahap ini jangan dulu di “save” atau di“Simpan”, karena biasanya kode tidak akan tampil karena terdapat perbedaan kode perintah. Lihat dan ganti atau sesuaikan dengan kode seperti berikut ini:

 <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>

Atau seperti code berikut:

<IMG src=’http://smileys.on-my-web.com/repository/MSN_Emoticons/MSN-Emoticon-015.gif’/>]

Klo bingung ini adalah salah satu contoh kode BBcode aslinya (warna merah):

[IMG]http://smileys.on-my-web.com/repository/MSN_Emoticons/MSN-Emoticon-015.gif[/IMG].

Trus saya edit, perubahannya menjadi kode berwarna biru:

<IMG src=’http://smileys.on-my-web.com/repository/MSN_Emoticons/MSN-Emoticon-015.gif’/>

Klo sudah selesai, tinggal klik “Save” atau “Simpan” dan lihat hasilnya…

Cukup Mudah bukan?? 

Masalah: Biasanya kita ingin merubah tampilan gambar menjadi lebih kecil atau lebih besar, bagi newbie hal ini akan merepotkan (seperti saya pertama kali juga seperti itu).

Solusi:   Berilah tambahan kode:

 Weidht:30px

Height:  30px

  

               Keterangan Weidht:30px adalah lebar gambar sebesar 30px, sedangkan  Height:  30px adalah tinggi gambar. Ubahlah sesuai selera anda atau sesuaikan pada kolom widget yang tersedia (klo letak gambar berada di dalam kolom widget). Contoh kode setelah di edit menjadi seperti ini:

Untuk mengedit gambar dapat dilakukan dengan hanya menambahkan (mengedit) ukuran lebarnya saja, maka bisanya gambar secara otomatis akan berubah menyesuaikan perintah lebar tersebut.

Gimana, Sudah puas dan terjawabkah semua ganjelan mengenai isi postingan saya kali ini??  Saya rasa penjelasan saya cukup detail sekali, diambil berdasarkan pengalaman pribadi dan saya terapkan pada blog ini.

Ini saya tampilkan gambar animasi lainnya:









































































Salah satu Link untuk mendapatkan lebih banyak lagi gambar2 seperti di atas:
http://www.myniceprofile.com/myspace-anime-pictures.html?from=720
http://cygnus-desaingrafis.blogspot.com/p/gif-animation.html

CARA MEMASANG EMOTICON MENARIK PADA POSTINGAN BLOG

 Ditulis Oleh Sulaiman Budi Yulianto  | Sabtu,         27 Desember 2012 | 01:12 AM

Cara Memasang Emoticon Menarik Pada Postingan Blog ini mengadopsi dari beberapa artikel sobat blogger dan saya sempurnakan untuk melengkapi kekurangan yang ada. Memasang emoticon atau smile pada postingan blog, cukup hanya kita mengetikkan simbolnya maka nanti akan tampil gambar emoticon yang kamu inginkan (seperti pada ruang "Komentar" dibawah ato pada postingan ini sendiri), yang terkadang kita ingin memberi sebuah emosi pada tulisan kita, biar pada tulisan kamu yang kurang hidup jadi lebih hidup  




Sebelumnya artikel seperti ini sudah dipasang dibeberapa artikel lainnya juga namun cara yang satu ini dijamin gak ribet dan sangat mudah, cocok dipasang di blog kamu dan akan saya tambahkan beberapa cara lain. Ikuti tutorialnya dibawah ini :

1. Login ke blog kamu.
2. Lanjutkan --> Klik "Template" (Rancangan/design).
3. Lanjutkan -->Klik edit HTML.
4. Lanjutkan --> Centang Expand Template Widged 
5. Lanjutkan -->Copy-paste kode berikut dan letakkan tepat dibawah kode ]]></b:skin>

<script src='http://louislim2.googlepages.com/addSmiley.js' type='text/javascript'/>

6. Lalu "Simpan" (Save) template kamu.

Icon smile ini akan tampil secara otomatis pada blog kita setiap kali kita mengetikan standar kode dari icon tersebut.

Standar kode smile yang bisa digunakan :

 :))  :)]  ;))  ;;)  :D  ;)  :p  :((  :)  :(  :X  =((  :-o  :-/  :-*  :|  8-}  ~x(  :-t  b-(  :-L  x(  =))

Silahkan test dengan mengetikkan simbol-simbol diatas, lalu postinglah. maka simbol-simbol yang kamu tulis tadi akan otomatis jadi gambar emoticon.

Demikian tutorial singkat tentang Cara Memasang Emoticon Menarik Pada Postingan Blog, semoga banyak membantu dan bermanfaat!


 Postingan ini adalah uji coba penerapan judul terkait (postingan ini), dan hasilnya  



Ok!seperti yahoo, ato free smileys, ato pun yang ini smiley repository juga ya ok! ato mo ke alamat lainnya, silahkan....yang penting bisa nampilin tuh emoticon yang lucu, menarik, dan yang paling penting adalah yang berkenan/ cocok dihati para sobat. 

Klo sudah siap, silahkan buka blog sobat, biasaa....masuk ke dasbor trus pilih "buat entri baru" ato postingan baru.

Isikan dengan postingan yang ingin anda tulis....

Nah, klo sudah siap tuh artikel/postingan nya, kita ambil emoticon yang mo disisipkan pada isi postingan kita, yaitu dengan cara klik alamat tuh emoticon.

Trus, "klik gambar emoticon" yang diinginkan.......trus "klik kanan", maka akan muncul beberapa pilihan, maka kamu sorot/klik "Periksa Elemen". 

Pada "yahoo messenger" akan di blok biru pada tulisan script nya, lalu klik kanan n pilih "Copy as HTML", sedangkan pada smiley repository akan tampil dibawah kolom gambar "BBCode".

Paste pada artikel kamu dengan menyisipkan kode tersebut di edit "HTML" nya (jangan pada "Compose").

Lalu "Simpan" (Save) n "Publish" (Publikasikan).

Lihat Hasilnya.....Cekidoot!!!   Pasti dah berubah n tampilan artikel kamu jadi jauh lebih menarik!. 

Contoh atau demo untuk isi artikel ini...yaa, artikel ini sendiri.......Gimana??? masih ragu....?!
dijamin deh 100% berhasil! soalnya pasti langsung saya praktikan semua posting yang ada.



NB: Oh, ya Sob! Klo emoticon-nya gk tampil coba cek Kodenya, contoh kode yang benar seperti ini:    
 <img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" /> atau <img alt="angel" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" /> atau <img src="http://smileys.on-my-web.com/repository/MSN_Emoticons/MSN-Emoticon-015.gif" />. 

Biar gampangnya buat para sobat yang baru belajar di copy-paste aja ketiga contoh tersebut.....Trus di cek!. Nah apabila tidak sesuai  urutan kodenya dengan contoh berwarna merah muda maka disesuaikan saja kodenya ya.... Pasti sekarang udah tampil......Ya, gak???  Hal tersebut dikarenakan kemungkinan pengetikan kode yang kurang lengkap atau sedikit berbeda.  OK! saya rasa cukup sekian dulu untuk postingan kali ini....SUKSES selalu buat semuanya, sekali lagi semoga bermanfaat  dan jangan lupa Kritik dan Saran yang membangun saya Tunggu, baik di ruang "Komentar" maupun di "Chat Box/Chat Room"