Menampilkan Photo Flickr di Blog
Bagi yang ingin menampilkan Photo Flickr di Blog terutama yang punya hobby koleksi photo pribadi atau yang lagi belajar wordpress, belajar seo, atau belajar internet marketing dan ingin fotonya di tampilkan di blog kesayangan, ada banyak sekali penyedia layanan untuk menampilkan photo kita di blog, tapi yang aku pakai di blog ini dan menurutku yang paling gampang adalah memakai jasa dari Flickr, alasan memilih Flickr karena mudah dan simple aja, langkah untuk join pun sangat praktis dan mudah, demikian juga fasilitas untuk upload fotonya, kalau tertarik silakan aja join segera 
Berikut langkah-langkah untuk ambil script dari Flickr untuk di pasang di blog anda:
Setelah anda join dan upload photo, selanjutnya yang harus Anda lakukan pertama kali adalah mendapatkan kode skrip Flickr yang akan Anda tempel di sidebar (atau di mana pun di bagian blog Anda). ada sekitar 5 langkah yang harus di lakukan
Langkah 1 :
Memilih badge atau model tampilan photo, ada 2 pilihan badge yang bisa di pakai :
model “An HTML badge” seperti yang ada di blog saya ini, atau model “A Flash badge” silakan pilih sesuai selera , saya anggap anda pilih model seperti punya saya, setelah di pilih lalu tekan NEXT: CHOOSE PHOTOS
Langkah 2 :
Menentukan photo yang mau di tampilkan, anda tinggal pilih aja, mau di tampilkan semua photo yang di upload, atau memilih sesuai keinginan, atau kalau mau pilih semua photo anda tinggal centang pilihan “All of your public photos” kebetulan blog ini pakai setingan itu, setelah itu klik NEXT : LAYOUT
Langkah 3
Selanjutnya anda harus menentukan jenis LAYOUT yang mau di pakai, seperti: jumlah photo yang mau di tampilkan, kemudian photo yang mau di tampilkan mau di buat acak atau tidak, kalau mau di buat acak seperti tampilan photo di blog ini, centang pilihan “A random selection”, kemudian pilih ukuran photo yang mau di tampilkan, ada 3 pilihan ukuran: (square, thumbnail dan mid-size) photo di blog ini memakai pilihan “thumbnail” kemudian untuk pilihan “orientation” di buat Vertical.
kemudian klik NEXT: COLORS
Langkah 4
Memilih warna tampilan, baik itu background nya, border, link dan lainnya, setelah itu klik NEXT: PREVIEW & CODE
Anda akan mendapatkan code yang ruwet dan membingungkan seperti ini:
<!– Start of Flickr Badge –>
<style type=”text/css”>
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id=”flickr_badge_uber_wrapper” cellpadding=”0″ cellspacing=”10″ border=”0″><tr><td><a href=”http://www.flickr.com” id=”flickr_www”>www.<strong style=”color:#3993ff”>flick<span style=”color:#ff1c92″>r</span></strong>.com</a><table cellpadding=”0″ cellspacing=”10″ border=”0″ id=”flickr_badge_wrapper”>
<script type=”text/javascript” src=”http://www.flickr.com/badge_code_v2.gne?
count=3&display=latest&size=t&layout=v&source=
user&user=8181135%40N05″></script>
</table>
</td></tr></table>
<!– End of Flickr Badge –>
Tapi anda ndk usah bingung dan pusing, (apalagi yang baru belajar wordpress) karena yang terpenting menurut saya hanya bagian yang saya kasi garis tebal aja, berikut script yang terpenting:
<script type=”text/javascript” src=”http://www.flickr.com/badge_code_v2.gne?
count=3&display=latest&size=t&layout=v&source=
user&user=8181135%40N05″></script>
8181135%40N05 adalah ID saya, anda bisa cek ID anda di ID Gettr
Selanjutnya, potongan code diatas tinggal anda tempelin di bagian sidebar atau bagian lain yang anda sukai di blog anda
Setelah itu, anda tinggal lihat hasilnya
Selamat mencoba ya , semoga bermanfaat, ayo belajar wordpress sama-sama
No related posts.
