Bismillahir-Rahmanir-Rahim.. Assalamualaikum... Kepada para pengunjung. Tujuan blog ini di wujudkan adalah untuk berkongsi ilmu dan maklumat. Posting-posting dari blog ini tidak terbatas pada satu-satu bab. Ia lebih kepada mengikut citarasa hamba sendiri. Harap maaf jika tidak memenuhi kehendak jiwa serta keselesaan para pengunjung yang berlainan idealogi. Namun hamba tetap menyediakan berbagai label infomasi ( scroll down pada sidebar dibawah dan lihat pada "LABEL" ) untuk dimanfaatkan bersama. Semoga dapat memberi manfaat pada kita semua insyaAllah. wassalam.

JANGAN LUPA TINGGALKAN LINK SUPAYA SENANG AKU NAK MELAWAT DAN FOLLOW KORANG BALIK.. INSYA ALLAH.

Sunday, August 2, 2009

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.

30 comments:

.::ukhti yaya::. said...

salam..
balas ziarah kembali unt kali y ke 2.. ehm.. alhamdulillah.. entri y sgt bagus akh.. :) lebih2 lagi unt blogger yang sgt kurang ilmu mcm ana ini.. mcm byk y tkena dkt ana neh.. baru tahu.. byknya kelemahan blog ana.. btw, sykran jddan skali lagi unt entrinya y sgt mnarik.. jazakallah..~

BUJANG SUSAH said...

Sama-sama berkongsi dan menyebarkan ilmu insyaAllah..

Siapalah aKu taNpa-Mu TUHAN.. said...

salam saudara bujang senang..
ermmm...
mekaseh dgn info2 yg amatlah brgna nih..

ps:blog sy trabur sgt eh??hehe..bese laa bdk xblja tgi..bwat blog pn ancus...huhuhuuu~~~

Siapalah aKu taNpa-Mu TUHAN.. said...

saudara bujang nih otai programming ke??

BUJANG SUSAH said...

Xder otainya.. sekolah pun x habis.. cuma mana yg kita tahu tu kita kongsikan la insyaAllah.

intan.maisarah said...

rajinye la hai buat entry mcm ni.. ^^

terima kasih atas kongsi maklumat..

shukran~~

yohteh said...

SALAM BUJANG...

aku plak suke buat cam ni... tak de setting-setting. sambil tekan kekunci CTRL klik je mana-mana gambar ke link ke atau ape-ape je lah... mesti dia automatik pegi ke new tab.. senang..!

kalu nak besarkan atau kecilkan gambar ke tulisan ke atau keseluruhan paparan... macam tu gak ar.. tenyeh je CTRL(+/-)... jadik gak..!

kira OK tak..?

Duan said...

nampak mcm mnde kecik..
tapi amat bergune..tq..

shidah_melati said...

yahu.... berjaya. :)

BUJANG SUSAH said...

yohteh.. untuk yang pandai guna shortcut tu mmg xder masalah... masalahnya utk yg x tau guna jer nih... huhuhu

Norgadis Labuan said...

Salam...emmm nampaknya bnyk ilmu kat sini, maklumlah saya ni baru belajar...

positiveAlpha said...

tips yg sangat bagus & berguna! Terima kasih, my blogger friend! :)

nUmara... said...

as salam bujang senang.. thx for ur comments & thoughts & info in my post.. :)
thx also for ur nice info shared here.. :)

Siti Nurnafi'ah bt Jumari said...

Assalamualaikum wbt....
terima kasih kerana sudi melawat blog sy yg x seberapa tu...
sy sbnr ye bru dlm penulisan blog ni
klu ade silap sila la tegur
info yg bagus sy dpt dlm blog saudara
mohon utk disebarkan kpd yg lain

Wassalam....

Mujahidah said...

Assalamualaikum warahmatullah wbarakatuh..
Subhanallah..Allahuakbar..Alhamdulillah..
Bagusnya..syukran ye sebab sudi bri tguran dan panduan tok cane wat blog yg x mnyusahkan org lain nak baca..
Yela..kita wat blog ni tuk bg maklimat kt orang nak baca,,
Bkannya nak syok sniri kan..Ana pon lgsung x tahu kalo akhi x bg tahu..
InsyaAllah SWt ana akan aplikasikannya..
INSYAALLAH SWT..
JAZAKALLAH KHAIRAN KATHIRAN YA MUJAHID..

MiSS WaNa HeRMan said...

assalamualaikum..
syukran atas perkongsian yg bermanfaat..
insyaAllah ia berguna utk ana yg masih berjinak2 dalam penulisan..

AIN ADELIN said...

info berguna.. thanks ;D

eyna_chan said...

salam

tima ksih d atas tips!!!
sonok plak bile da jd canggih sket
hoho

shamsiah shamsuddin said...

tak paham la coding2 ni..

eja said...

salam bagus syabab info yg bagus dan bermanfaat saya sokong dgn pandangan tu..

Liz said...

Tq bujang senang..hehehe perasan pula liz..pasti blog Liz juga lambat macam kura-kura...

alifzikri said...

tq..bro bujang...bujang lagi ke?
hehehe..

Mama2Q said...

Salam..saya cuba wat cam en bujang ajor ni..tp apsal pic saya masih sama, tak keluar kat new tab dan kena reload page balik untuk tgk blog. saya still confius kat mana nak tulis target="blank" tu, sbb tak tau sampai mana dikatakan link address.

ira said...

panduan berguna.terima kasih^^

aiyang said...

assalammualaikum...terima kasih atas perkongsian ilmu...ooooo tak leh bubuh banyak widget kaaa....eheh..jap gi saya buang mana yang tak membawa hasil...ehehe

hayatiharun said...

alamak...blur juge nak paham nih....lalalala

nur alhuda said...

Assalamualaikum . .erm.terima kasih. .nnti try bt . .=)

shida said...

salam ziarah untuk kali ke..(tgh kira)..
macam terasa laks gambo yg diupload tak kua nk new tab..ho3~~~
tq da tutorial...
nt2 esok shida applykan...sekarang tnet lembab mlas nak buat apa2..huk3~~~
trimas

theklon network said...

terima kasih saudara atas info sedemikian . saya newbie so tuto ni sgt berguna. syukran :)

Geng Pancing said...

good job bro...good info