Picasaweb ile Fotoğraf Widgetı oluşturma

Genelde tema ararken görürüz. Sidebarda veya footerda flickr fotoğraflarım diye bir widget olur. İşte flickr hesabı olmayanlar, flickrdan nefret edenler felan varsa. Bu Picasaweb ile oluşturulmuş Fotoğraf Galerisi tam size göre 🙂 Bu galeriyi yapmak çok kolay. Sadece birkaç tane javascript ve css kodu ile bunu halledebiliyoruz.

<style type="text/css">
.bbpicasabox {
padding: 5px;
background: #f7f7f7;
margin:2px;
width: 64px;
text-align:center;
float:left;
}

.bbpicasabox a:link, .bbpicasabox a:visited {
text-decoration:none;
}

.bbpicasabox a:hover {
text-decoration:underline;
}

.bbpicasabox img {
border-style:none;
width:64px;
}
</style><script style='text/javascript' src='http://dl.dropbox.com/u/29281608/js%20dosyalar%c4%b1/picasa-pub.js'></script>
<script src='http://picasaweb.google.com/data/feed/base/user/115906977963014091632?kind=album&access=public&alt=json-in-script&callback=showalbums'></script>

Verdiğim koddaki 115906977963014091632 id numarasıdır. Bu id numarasını, picasaweb’e girip ayarlardan id numaranızı görebilirsiniz. Son olarak javascript dosyaları şu linktedir http://dl.dropbox.com/u/29281608/JS%20Dosyalar%C4%B1/picasa-pub.js bu linki güvendiğiniz bir yere upload ederseniz sizin için bir sorun olmaz. Sileceğimden değil ya, bakarsınız silerim yedekleme, eleme felan yaparken, zor durumda kalmayın yani. Güzel bir widget, umarım bu widgetla blogunuz daha bir güzelleşir 🙂

Paylaş

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

1 Cevap

  1. Müjdat SAYAR dedi ki:

    süper tek kelime ile

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bunlar da hoşunuza gidebilir...