Membuat Link berupa Gambar Animasi (*gif)

Jika anda harus bersusah payah memasukkan object flash kedalam blog karena harus menambahkan beberapa kode,lebih prakstis memakai animasi gambar (*.gif). Gambar ini nantinya akan menjadi sebuah link,yang mempunyai tooltips / keterangan link. Untuk contohnya lihat seperti di bawah ini: Sebenarnya,untuk memasang gambar pada blog dalam kasus kali ini meletakkan file/gambar berextention *gif,sama halnya dengan cara meletakkan gambar berformat *jpg. Nah!Untuk kodenya copy di bawah ini: <a href="http://geliat-bisnis.blogspot.com/"target="_self" title="Cari duit"> <img style="width: 152px; height: 66px;" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif"/></a> Untukhttp://geliat-bisnis.blogspot.com/ gantilah nama URL tujuan. Untuk http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif gantilah alamat URL Gambar animasi yang ingin anda tampilkan. Untuk Cari duit adalah keterangan / tooltips / keterangan yang muncul ketika mouse berada di atas area. Untuk menambahkan/memasang file berextention *swf alias flash,akan saya posting di artikel selanjutnya,jadi keep stay ya(aalah..) Selamat mencoba ya..:)

Cara Memasang/Menampilkan Object Gambar Animasi Flash (*swf) pada Blog

Menghias Blog Dengan Gambar Flash

Jika anda pernah mengunjungi beberapa situ berita seperti detik,okezone,dll pasti sering menjumpai iklan yang berextention swf.
Untuk memasang file swf flash pada blog lain dengan meletakkan atau memasang gambar berformat jpg.
Oleh karena itu kali ini,pelajaran menghias blog kali ini saya dengan senang hati ingin berbagi bagaimana cara memasang gambar flash di blog.

Langkah Mudah cara memasang gambar animasi pada blog

Gambar animasi flash (*swf) mempunyai banyak kelebihan diantaranya,file justru mempunyai ukuran yang lebih kecil dan gambar cenderung lebih menarik juga merangsang pengunjung mengekliknya.

Memasang gambar animasi terlalu banyak juga kurang bagus,alangkah baiknya sesuai dengan kebutuhan dan seadanya saja.

Membuat file animasi berformat swf (shock wave file),saya kira sudah banyak yang memberikan tutorial bagaimana cara membuat file usil ini.
Namun disini saya hanya ingin berbagi bagaimana cara memasang atau menampilkan obyek gambar animasi (*swf).

Untuk langkah menampilkan gambar animasi flash swf pada blog bisa ikuti trik di bawah ini:

Memasang Flash pada Blog Blogspot

• Tentukan file yang ingin anda pasang,jika anda membuat sendiri hendaklah upload file tersebut kedalam hosting yang support swf,seperti geocities.com,maupun hosting anda pribadi.
  Disini saya ambil contoh banner yang diciptakan pihak www.detik.com,jika file ini masih available dia beralamat di:
  
  http://openx.detik.com/images/bni-280x175-r1.swf
  
  Untuk halamanya bisa anda lihat di sini
• Jika anda sudah menentukan url file swf tersebut,giliran sekarang tentukan alamat url tujuan anda,disini saya ambil contoh:
  
  http://pelajaran-blog.blogspot.com/

Setelah semua anda persiapkan,kemudian ikuti instruktur(aaalah-red)cara menambahkan gambar animasi ke blog dibawah ini:

• Pergilah ke dashboard anda,lalu pilihlah tata letak kemudian pilih tambah gadget/add new widget,kemudian pilih html/javascript.
• Lalu letakkan kode berikut:
  

  ---

  <embed quality="high" allowscriptaccess="always" flashvars="alink1=http://pelajaran-blog.blogspot.com/" type="application/x-shockwave-flash" height="100%" src="http://openx.detik.com/images/bni-280x175-r1.swf" width="100%" wmode="transparent"></embed>

  ---

Untuk:

• http://pelajaran-blog.blogspot.com/ gantilah link tujuan anda.
• http://openx.detik.com/images/bni-280x175-r1.swf gantilah url file flash (*swf) anda.

Hasilnya akan seperti dibawah ini (gambar akan terlihat jika detik.com masih menyediakannya):

---

---

Gimana,keren khan? selamat mencoba dan semoga bermanfaat :D

Cara Menampilkan Gambar di Widget

Untuk mempercantik tampilan blog anda, tambahkan gambar-gambar di widget anda (filenya jangan gede-gede..). baik itu link ke website lain atau hanya pemanis blog anda.
Caranya :

1. Tambahkan widget Teks
2. Edit, lalu masukan contoh kode HTML di bawah ini :
<a href=”http://www.investasiwaralaba.com/?id=master02″><img class=”alignnone size-full wp-image-79″ title=”inv” border=”0″ src=”http://kangismet.files.wordpress.com/2009/02/inv.gif” alt=”inv” width=”165″ height=”59″ /></a></a>
Keterangan :
“http://www.investasiwaralaba.com/?id=master02″ = link gambar
src=”http://kangismet.files.wordpress.com/2009/02/inv.gif” = tempat file gambar
Atau dengan cara yang mudah :
1. Buat tulisan baru.
2. Sisipkan gambar.
3. Link, gambar yang sudah disisipkan.
4. Copy kode HTML-nya.
5. Buat widget Teks baru, tulisan tidak usah di Save.
6. Paste.
7. Selesai.
Gampang kan? Enjoy it!

Menambah Gadget Elemen Halaman

Yups,,, Jumpa lagi..!!! Ne merupakan hasil gak eeeh malam,, heheeee....!!! Next

Di bagian elemen halaman template, kadang kita sering kali ingin adanya fasilitas tambah gadget di beberapa bagian tertentu, namun hal ini tidak dapat kita lakukan berhubung template yang kita gunakan tidak menyediakan fasilitas tambah gadget tersebut,, untuk contohnya kita ingin agar dipostingan kita ada ucapan Selamat Datang,, ataupun posting tertentu yang seandainya kita masukkan posting terbaru posting tersebut tetap tidak berubah dan selalu berada paling atas, Ya..!!! di trik kali ini saya akan menjelaskan bagaimana cara agar kita dapat menambah fasilitas tambah gadget dibeberapa bagian tertentu dari template kita sehingga tampilan blog kita menjadi semakin muantap...heheee, tuk lebih jelasnya ikuti langkah- langkah berikut:

1. Masuk ke bagian dasboard blog sobat
2. Klik bagian tataletak
3. Klik elemen halaman

disini kita lihat dulu bagaimana bentuk elemen halaman template sobat, dan perubahan apa yang kira- kira akan terjadi nanti,, bayangkan kira- kira dibagian mana sobat ingin menambah fasilitas tambah gadget

4. Klik edit html, tekan CTRL + F untuk searching
5. Ditempat search ketikkan showaddelement
6. Kemudian tekan enter, seandainya berjumpa dengan tulisan seperti dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='SHARE (Header)' type='Header'/>
</b:section>
</div>

ganti menjadi seperti dibawah :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='SHARE (Header)' type='Header'/>
</b:section>
</div>

yang kita ganti adalah maxwidgets='1' showaddelement='no' menjadi maxwidgets='3' showaddelement='yes'

Penjelasan dari kode diatas :
- Header berarti kita berada pada posisi halaman judul, atau judul blog.
- maxwidgets='1&# berarti widget cuma satu
- ; showaddelement='no' berarti tidak dapat melakukan penambahan gadget diatas judul blog

Akibat dari kode yang kita ubah menjadi :
- kita sedang berusaha untuk menambah element gadget diatas judul blog
- mengganti maxwidgets dengan nilai 3 or lebih berarti menambah jumlah gadget yang akan kita tambah nanti
- mengganti showaddelement menjadi yes, berarti memberi ijin untuk melakukan penambahan gadget

Oke...!!! sekian dulu trik dari saya, seandainya mengalami kendala harap commentnya,

oya seandainya satu bagian telah diganti lanjutkan kebagian berikutnya dengan menekan enter sehingga semua showaddelement diganti nilainya..

Selamat Mencoba, Good Luck..!!!