Salah satu layanan photo album yang popular di kalangan blogger adalah flickr.Layanan gratis dari Yahoo ini memang paling menarik, baik dari segi tampilan maupun dukungan tool dibelakangnya.Untuk itu kita akan mencoba mendapatkan kode HTML dari flickr agar bisa digabungkan dengan template blogger kita.Kita mulai?
Pertama kali yang perlu dilakukan jelas memiliki akun di flickr.Bilapun tidak, yahoo tidak berkeberatan kita menggunakan akun email kita di yahooo sebagai user login di flickr.Kita akan membicarakan cara mendapatkan kode HTMLnya, untuk itu disini tidak dibahas bagaimana cara mengupload photo, mengorganisasikan, membuat group atau setingan photo album lainnya.
1. Untuk itu kita membutuhkan badge dengan mengakses tautan http://www.flickr.com/badge_new.gne.
Disini ada 2 pilihan mode tampilan badge yang akan kita pasang di blog.Yakni an HTML badge dan a Flash badge.Keduanya diberikan keleluasaan memilih mengingat kelebihan dan kekurangan badge yang terpilih.HTML sangat cocok untuk yang lebih mengedepankan sisi kesederhanaan.Sedang Flash mengagungkan sisi penampilan.Kekurangannya adalah versi HTML sangat monoton, sedangkan flash membutuhkan dukungan flash plugin di browser pengaksesnya.Jadi silahkan pilih salah satu dari kedua pilihan ini.
2.Pilih photo yang akan dipublikasikan.
Ini bisa jadi photo milik kita sendiri, atau photo temen kita.
Bila memilih opsi photo sendiri maka akan dipertajam pilihannya menjadi semua photo publik, atau photo dengan tag khusus ataupun publik photo yang telah kita Set sebelumnya.Saatnya untuk memilih salah satu agar kita semakin dekat dengan kode yang kita cari.
3.Kostumasi warna.
Ini bagian yang paling menyenangkan.Memilih warna yang kita kehendaki.Tak perlu takut bila kita tak mengetahui kode heksa dari warna yang kita inginkan.Terdapat panel warna yang disediakan untuk memudahkan kerja kita.
Kali ini gunakan feeling ya untuk mendapatkan warna yang sesuai dengan blog kita secara keseluruhan.Bagi yang tak ingin repot dengan warna pilihan terahir pun disediakan, yakni no background dan no border.Sepertinya ini cocok dengan yang diburu waktu mengejar pesawat ya :D.Setelah itu terahir kita pilih
4.Here comes our badges!
Woala....kodenyapun muncul dibagian ini.Jadi tunggu apalagi...salin dan pasang kode ini di blogmu.
ass wr wb
BalasHapuskang makin hari makin asyik juga ya materinya.....naah yang ini sebenernya aku tunggu...gimana dong...dari dulu pengen ada album photo di blogku...musti accout dulu ya..ke flicker...bantuin ya...kalau ukuran photonya gimana..???
makasih ya bantuannya
wassalam,
meti
makasi pak..postingnya... jadi inget deh :D
BalasHapusNah ini dia tips yang saya tunggu-tunggu (meskipun belum saya minta). Tinggal dilihat hasilnya di blogku (seperti yang dulu saya pernah tanya).
BalasHapusMakasih banyak, Mas Agus!
mas klo saya copy langsung code-nya ke page index, kok style css-nya malah bikin page blog saya error, jadi sakarang flickr saya tanpa css.
BalasHapuskenapa ya???
ada baiknya dicek juga apakah kode yang disimpan di template tak ada yang korup, alamat blognya?
BalasHapusMakasih ilmunya ya Mas Agus! udh diaplikasiin tuh! :D
BalasHapusmakasih kang...
BalasHapusakhirnya bisa juga
mo nanya nih kang,
BalasHapusbuat nampilin foto, saya make marquee trus langsung link ke foto2 yg sudah di upload sebelumnya di geocities.
nah....di bandingin dengan "display flickr photos" ini, kira2 lebih berat yg mana kang?
pro sachroel, aku perlu tau ukuran-ukuran gambar di geocities...ukuran thumbnail kah?
BalasHapuskarena bila melihat layanan flicr memang menampilkan ukuran kecil agar lebih ringan dimunculkan gambarnya.... dan flicr juga menampilkan dalam bentuk slide flash yang secara teknis menajdi sangat ringan....
kalo soal server sih keduanya masih berada di luar negeri, jadi berat karena aksesnya yg jauh bisa jadi alasan...
kesimpulannya...bila ukuran di geocities besar, maka mending di flickr saja....
mas, kalo mo tampilin penyedia layanan foto lain spt rock.you, slide.com ato photobucket, apakah prosesnya sama aja? ini cuma bisa ditampilin di widget ya? bisa ga dimasukin ke postingan artikel?
BalasHapusprosesnya bisa jadi berbeda, dan secara teknis bila kita menerima kode HTML dari penyedianya, kita bisa pasang di bagian mana saja di blog kita, sekalipun dalam postingan misalnya.
BalasHapussaya sudah mencoba beberapa kali meng-copy kode tersebut di wordpress, namun selalu gagal. penyebabnya adalah, kode javascript selalu "hilang" ntah kemana ...
BalasHapusborsalino, dipasang di blog wordpress.com ato domain sendiri yang menggunakan wp? karena bila menggunakan wordpess.com cukup tambahkan widget dan pilih Flickr. Imbuhkan alamat feed flickrnya disitu.
BalasHapusKang, setelah di Copy, Here comes our badges! di paste dimana ya,
BalasHapusApa di Flickr atau di Teks
atau di mana ?
Tolong pencerahannya
kode yang dikasih dari flickr pasangkan di blog,dengan menambahkan gadget berjenis html/javascript di blogger.
BalasHapussilakan dicoba ya!