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!

Cara Menghilangkan Widget Post di Homepage

---

Selamat siang para juragan semua..

Ane baru aja belajar ngeblog ne gan ..

Mau numpang tanya,,cara ngilangin widget post biar g nongol di Home gimana ya??

Ane minta petuah sama mbah googe hasil rata2 kayak gini :

• Cukup menambahkan code pada warna biru

Spoiler for hasil:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Ane liatin kode yg mirip sama kayak diatas,,trus ane timpuk di blog kok tetep g bisa y gan??mohon petunjuknya....

oya...di blog ane kira2 kodenya macem gini gan :

Spoiler for kode:

<div id='spacer'/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>