hack image blogger anda dgn AJAX!


Demo (Single Image) : Click to View





Demo (Grouped Images) : Click to View

menarik bukan?

selalu kan nampak effect ni di mana2 website?

inilah yang dinamakan fungsi AJAX, tapi kali ni dipasang di blogger

terima kasih kepada encik pejal aka encik dekan or kaizer

kalau x kerana dia, lambat la saya nak realize kesyiokan AJAX nie

dia la yg beriye2 dulu suh saya try AJAX ni, bagi link tutorials apa sume

tapi time tu tgh study JSP, so kurang sket mood, cuma tgk gitu2 je

jom kita tgk apa yg bes sgt dgn benda nie!

bley blah ke xbley blah~

ok, antara kelemahan image yang diupload ke blogger ialah

apabila kita click, image tersebut akan dibuka di page yg sama

agak menyusahkan sbb paparan blog akan hilang & diganti dgn paparan image

mungkin ada alternatif seperti open link image tersebut in new tab/window

tapi cuba fikirkan in worst case scenario, di mana blog tu disable right-click

oleh kerana itu, kebanyakan users akan memilih utk tidak click pada image

xtau la korang, tapi saya mmg xkan click image, melainkan SANGAT penting

dengan adanya fungsi ni, users pasti x teragak2 nak click utk view image

selain tu, blog juga akan load dgn lebih pantas kerana kesemua image

telah ditetapkan pada saiz yang kecil

contohnya, korang hanya perlu pilih size thumbnail image sebagai “small”

tetapi bila users view image, ia akan dipaparkan mengikut saiz sebenar

selain tu, fungsi ni juga boleh link images dalam sesebuah entry menjadi satu

teruja x? teruja x? jom pasang!

ok, saya dah siap2 setting dah files nya. siap host dlm server sendiri tau

korang tinggal nak pasang je. bertuah punya budak. isk isk

masukkan code ni selepas tag <head> :

seterusnya, setiap kali selepas upload image di blogger :

1. pergi ke mode Edit HTML

2. edit code drpd onblur sehingga ke ”

kepada

rel=”lightbox”

3. edit url image dengan membuang -h

contohnya jika url image anda adalah seperti di bawah

http://bp2.blogger.com/…/s1600-h/Image.jpg

remove “-h” dalam “/s1600-h/” supaya menjadi /s1600/ sahaja

u’re done!



PERHATIAN!
PERHATIAN!

untuk single image cuma add rel=”lightbox”

untuk linked image, sila add rel=”lightbox[chokilala]“

chokilala tu contoh je, korang boleh guna apa2 word

yg penting xsama utk setiap entry

untuk add title, sila add title=”bla bla pok pek pok pek”

untuk add link, sila add rev=”http://chokilala.blogspot.com”

arghhh penatnya buat post nie! panjang sgt n byk kena explain

abes hilang tenaga batin i.. kuikui

sekian, terima kasih

Credits :

Fizz – sebab support host image kat server dia

Dynamic Drive – sebab celikkan mata saya psl AJAX

Ryehanna – sebab request nak tgk view menara drpd atas..

mari menyakat fizz!

antara pelakon x bergaji yang terlibat :

Ezany sebagai Mak Fizz
Izah sebagai Bapak Fizz
Aida sebagai Nenek Fizz

hahaha.. gelak gile lepas nenek fizz kuar
mak fizz nak marah fizz, last2 dia pun kena marah dgn nenek fizz

kepada fizz yang kacak (bodek je nie, takut fizz marah)
maapkan kami semua, sesungguhnya ini hanya gurauan semata-mata
perkara ini terjadi selepas proses penukaran 2 emoticons di shoutbox berlaku

:marah: & :ulat:
sila test ye kwn2.. hehehe

saya sangat happy laaaa… hahahaha
sakit tau perut i gelak.. kihkih

P/S : post yang serupa juga boleh ditemui di sini by cik aida

lightbox 2.03a + blogger


Demo : Click image untuk tumbesaran berganda
untuk mengubati hati yang lara sebab xdpt masuk th3 c0d3 kan..
petang+malam jumaat saya telah berhempas-pulas belajar AJAX..
AJAX ni bukan panggilan manja utk orang nama Razak tau (boss mase prac)
bukan gak ajax fabuloso.. di sini.. di sana..
tapi ia adalah sejenis programming language.. kira mcm anak Java la..
ala.. saya belajar basic2 je, tp cukup la untuk menjeleskan encik pejal.. nyeh2

selepas puas bersoal-jawab dgn kakak DynamicDrive & makcik Yahoo
akhirnya saya dapat integratekan fungsi ni ke dalam blogger
haizz.. pening gak tau, sebab memula image close tu segan2 nak kuar

saya mmg xsuka dgn image yg upload ke blogger
kalau nak tgk, kena click then dia akan open ke new page, x efisien
sebab tu saya jarang nak click image kat blog, pasal xsuka
nak2 kalau blog yg buat no right click, saya tinggalkan je blog tu

tapi skrg dengan adanya fungsi ni, senang la sket
pasni saya nak apply kat blog nie, supaya senang org nak tgk image instruction
kalau sape2 yg berminat nak apply benda ni gak, leh request saya buat post
tapi takut sesetengah org xfaham la, sbb agak complicated sket

okla ni.. berjaya edit coding pun da leh happykan saya sket
selain tu, ade org nak belanja saya. bes2. belanja apa? hehe rahsia
yang penting benda tu best n berguna utk blog. harap betul2 la jadik
jimat duit saya.. duit yg dah reserved, leh bwk gi shopping

okla.. saya nak tido. ngantok nie
btw, pic atas tu menara taming sari di melaka, sebelah dataran pahlawan
baru bukak thn nie, boleh naik n view pemandangan melaka sambil berputar
cun x pic? amek guna camera kokak saya tu je tau! mcm DSLR kan? *perasan*

jom le ke melaka!

saya xde mood


xde pe.. saje je nak kenakan korang..
mood daku agak kureng baik
kerana..
  • mcm xdpt masuk th3 c0d3
  • FTMK kena pindah kampus bandar


itu saje. sekian. noktah

th3 c0d3 = programming contest yg diadakan sethn sekali di UTeM
FTMK = fakulti teknologi maklumat dan komunikasi

updated – 10.15 am :
ok, mmg sah xdpt masuk the code. en sanusi baru call minx maaf
seriously, it hurts. it hurts. da tunggu setahun ok. setahun
benda2 mcm ni buat aku rasa nak jadik seorang programmer yg jahat
im done

updated again – 1.40 am the next day :


klik picture utk tumbesaran berganda

YM dgn KJ(ketua jabatan) artificial intelligence.. merangkap lecturer Java ku
cik zeratul yg tegur dulu, hurm xpe la cik. saya dah patah hati ni. isk isk
tapi at least kata2 cik tu da mengubat la sket hati saya yg lara
psl xdpt masuk the code tu.. ngehngeh thanks~

latest info psl FTMK. victory is ours!
FTMK xjadik berpindah ke kampus bandar, instead akan ke kampus tetap
tapi kena sacrifice sket, kongsi dengan fakulti lain. lantak la kann..
yg penting bkn di kampus bandar! hoyeh2x! tahniah dekan! tahniah FICTS!
tahniah gak utk semua student FTMK kerana kita bersatu dlm hal nie!

Page 43 of 56« First...«4142434445»...Last »