Blog sitenize özelleştirilmiş Friendfeed Widget yerleştirin

Friendfeed.com nedir, ne işe yarar, eğer bilmiyorsanız öncelikle Volkan Görgülü'nün hazırladığı bu tanıtım videosunu izlemenizi öneririm.

Friendfeed, sitelerimize yerleştirmemiz için çeşitli görünüm ve amaçlara sahip widgetlar hazırlamış.Bu widgetlardan en çok tercih edilen ve benim de sayfamda sağda bulunan "Friendfeed Akışım" başlıklı bölümde görebileceğiniz üzere kullandığım bu widgetı nasıl yerleştirdiğimi ve özelleştirdiğimi sizlere bahsedeceğim, 3-4 dakika içerisinde sitenize yerleştirebileceksiniz siz de, hemen anlatalım.

Öncelikle widget scriptinin oluşturulduğu sayfaya girip, istediğiniz kriterleri seçin ve kriter seçiminize göre sitenizde göreceğiniz halini görebiliyorsunuz, yazı rengini, fontunu, friendfeed logosunu felan düşünmeyin şimdilik, bunları css kullanarak değiştirebileceğiz. İstediğiniz kriterleri seçtikten sonra sol alttaki script kodunu kopyalayıp, sitenizde nerede gözükmesini istiyorsanız oraya yapıştırın.
Artık demoda gördüğünüz şekliyle sitenizde de görebiliyor olmanız gerekir, peki çerçeveyi kaldırmak, üst taraftaki logoyu kaldırmak gibi çeşitli görsel düzenlemeler yapmak istermisiniz?
"Evet, isterim", diyorsanız sitenizin css dosyasını açıp içine aşağıdaki kodları yapıştırırsanız, benim sayfamda sağda bulunan "Friendfeed Akışım" başlıklı bölümün aynısı sizin sitenizde de oluşmuş olacak. ( Css ile ff widgetını özelleştirme konusuna friendfeed'in sayfasında genel olarak yer verilmiş)



.friendfeed.widget a {
text-decoration: none !important;
border: 0px !important;
}

.friendfeed.widget a:hover {
text-decoration: underline !important;
border: 0px !important;
}

.friendfeed.widget {
width: 100% !important;
background-color: transparent !important;
border: none !important;
}

.friendfeed.widget .logo { /*  Üstte bulunan logoyu kaldırdık  */
display: none;
}

.friendfeed.widget,
.friendfeed.widget div,
.friendfeed.widget span,
.friendfeed.widget img,
.friendfeed.widget table,
.friendfeed.widget tr,
.friendfeed.widget td {
background-color: transparent !important;
}

.friendfeed.widget .feed .entry .media {display:none}  /*  Mesajda eğer resim,video vs. eklemişsek(text dışında), kötü bir görünüm oluşturabileceğinden, kaldırdık */

.friendfeed.widget .feed .entry {
font-size: 12px !important;
}

.friendfeed.widget .feed .entry .info {
font-size: 8px !important;
}

.friendfeed.widget .bottom {
font-size: 8px !important;
background: none !important;
border-top: 1px solid #794822 !important;
}



Yorum kısmında isteyenler friendfeed widget yerleştirdikleri sitelerinin linklerini paylaşabilir.