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 🙂

Rate this post

Paylaş

1 Cevap

  1. Müjdat SAYAR dedi ki:

    süper tek kelime ile

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bunlar da hoşunuza gidebilir...