LAGI TUTOR BERGUNA UNTUK SAHABAT BLOGGERS

Bismillahirahmannirahim..
Assalamualaikum...

Cara Membuat Posting Bergambar Yang betul Agar Tak Menyusahkan Pengunjung.

Satu lagi tutor untuk bloggers... Aku selalu melawat blog2 korang. x kira siapa pun mesti ada perkara yg mereka benci apabila melawat blog. Benci bukan dari sudut penulisan, tapi benci kerana kadang2 tanpa kita perasan blog kita terlalu kuat menyedut bandwidth. Maksud aku kat sini bila org bukak blog kita, connection internet mereka jadi slow. Kebanyakan darinya yg mengunakan berok band atau TMnut streamyx pakej 384kbps, lebih hancur lagi untuk mereka yg guna dial up. Klau x pun kadang2 TMnut streamyx ni time dia datang bulan memang dia buat hal. Kelembapan yang teramat sangat. Masuk pulak kat blog kita yang macam semak samun, terus down habis la nampaknya internet connection pengunjung.

Antara sebabnya ialah, blog templates yg mempunyai banyak colum, terlalu banyak iklan yg x mendatangkan hasil pun. Terlalu banyak widget dan gadget yg x penting ditampilkan pada blog kita contohnya, blog award, window roaming, rambu ramba yg mcm hutan rimba, bintang, kelip2, harimau , gajah, kereta , basikal dan macam2 lagi sampah sarap laa yg korang nak sumbatkan dalam blog korang tu. Ha..ha..ha..ha.. lagi lembab dan menyakitkan hati klau lagu/audio gadget yg korang guna jenis yg x boleh nak stopkan... guna aja la yg mcm kat blog aku ni.. org x suka bila2 boleh offkan..

Kelembapan juga boleh berpunca dari kerana ramai sgt pengunjung blog kita dalam satu2 masa tu.. ini juga salah satu sebab page blog kita berat. tp yg ni jarang sgt la rasanya, klau blog kita x berapa popular. contohnya mcm blog aku ni la, .. huhuhu

Aku xnak cerita panjang2.. macam dua tutor berkenaan blog yg aku buat sebelum ni. Tutor kali ni pun berkesan untuk buat pengunjung blog kita suka melawat blog kita. Ini berkenaan posting bergambar/image yang kita buat dalam blog kita. Biasanya image yg melibatkan tulisan dan huruf (click di SINI kalau nak tengok contoh). Jika semasa kita post gambar tu, untuk menyesuaikan pada blog kolum, kita akan "tick" pada small atau medium, akibatnya gambar tu nanti jadi kecil. Jadi pastinya pengunjung akan click pada gambar/image untuk membesarkannya.

Kat sinilah masalahnya. Biasanya bila kita click pada gambar/image, window akan terus reloding Page pada Tab yg tgh kita bukak tadi kan ? Bermakna pengunjung secara automatik akan terkeluar dari page blog kita. Akibatnya, dengan connection internet pengunjung yg lembab, mereka malas nak bukak semula blog kita. sebagai contoh cuba korang click image kat bawah ni. tengok apa yg jadi ?



Macam biasa mesti x jadi mee kari kan.. hehehe..
Ok.. sebenarnya bila korang click pada mana2 gambar/image pada posting dlm blog aku ni, dia akan bukak window yang lain (New Tab) untuk bukak image tu tadi. Baiknya disini.. pengunjung x perlu click pada Go back one page untuk tengok blog kita semula. maksudnya pengunjung x perlu tunggu window reload semula blog kita yg lambat mcm kura2 tu. Dan pengunjung juga masih x terkeluar dari page blog kita, dan dia org masih boleh terus membaca blog kita sepuas2nya.. tanpa ada perasaan hangin... hehehe.
Dan yg penting benda ni boleh korang aplikasikan pada setiap sesuatu yg berupa link dalam blog korang. maksudnya setiap link yg ada pada blog korang apabila org click, dia terus akan bukak pada New Tab.

Ok macamana...? ada rasa nak cuba buat ke ?... Sebenarnya senang saja nak buat benda ni bagi yg dah otai2. tapi kadang2 dia terlupa. Ok.. untuk yg newbie aku cuba ajarkan korang mengikut cara aku.. klau x faham cuba2 la jugak fahamkan... hehehehe..

1. Macam biasa sign in pada blog korang.
2. Click pada NEW POST.
3. Add image macam biasa korang nak buat posting bergambar.
4. Click Browse, pilih image yang mana korang nak masukan pada posting korang pastu click Open.
5. Pastu click UPLOAD IMAGE .
6. Setelah meng upload image korang kena buat tambahan code sedikit. Kena pastikan dulu korang ada pada kedudukan Edit Html dan bukannya Compose.
7. Codenya mcm yg warna merah kat bawah ni ... mana2 pun boleh guna,, Tapi aku sarankan guna yang target="blank" tu jer la.. ada ler sebabnya. nak cerita kat sini jadi lagi panjang plak nnt.

target="blank" atau target="new"

Persoalannya kat mana kita nak letak code ni?
Sebagai contoh korang boleh tengok kat bawah ni. Bila korang buat posting bergambar lebih kurang mcm kat bawah ni la code yg akan kluar. Bezanya cuma link address jer la. Ok.. Yang warna hitam adalah keseluruhan code image. Yang aku warnakan hijau plak adalah link address. Kedudukan code tadi letaknya selepas link address. Yang aku warnakan merah tu adalah code yg perlu kita tambah tadi.

Contoh 1:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://rubbertapperz.blogspot.com/_5R1ybpzs3n8/SnQTycIzCtI/AAAAAAAAA2c/5BrH9WbbaQg/s1600-h/2359010108_protester_isa_slideshow_2.jpg" target="blank">&lt;img style="cursor: pointer; width: 320px; height: 243px;" src="http://http://rubbertapperz.blogspot.com/_5R1ybpzs3n8/SnQTycIzCtI/AAAAAAAAA2c/5BrH9WbbaQg/s320/2359010108_protester_isa_slideshow_2.jpg" alt="" id="BLOGGER_PHOTO_ID_5364934813372582610" border="0" /></a>

Contoh 2:

<div class="post-body entry-content"> <style>.fullpost{display:inline;}</style> <p><a href="http://businessapasaja.blogspot.com/2438/3761208228_d4e8ba392e_o.png" target="new"><img src="http://businessapasaja.blogspot.com/2438/3761208228_9863b87a50_s.jpg" align="left" border="0" width="90" /><></a>

Contoh 3:

<a href="http://byeracing.blogspot.com/" target="blank"><img style="width: 384px; height: 136px;" src="http://byeracing.blogspot.com/2009/06/stiker-isa.png?w=468&amp;h=166" alt="http://byeracing.blogspot.com/2009/06/stiker-isa.png?w=468&amp;h=166" border="0" /></a>

Dah.. pastu click kat PUBLISH POST jer laa.. nak buat apa lagi?

p/s: code ni boleh korang aplikasikan untuk apa saja link dalam blog korang.

Itu saja setakat ini. Semoga blog kawan2 semua akan bertambah pengunjungnya, insyaAllah.
Wassalam.