FriendFeed Embed Özelleştirme

Temamda kullandığım sosyal akış sayfasında kullandığım sosyal ağ ve servislerdeki son durum güncellemelerinin gösterildiğini söylemiştim. Bunun için de FriendFeed’in sağladığı API desteğini kullanmıştık. API arkaplan rengi, durum görüntülerinin istediğimiz şekilde düzenlenmesine imkan veriyor. Ancak biraz da programlama bilgisine sahip olmamız gerekiyor. Ancak FriendFeed’i sitemize eklerken özelleştirme yapmak için bir diğer yol da embed kodumuzu CSS ile desteklemektir.

Dün bir projemde kullanırken öğrendim FriendFeed’in embed koduna CSS ile katkı sağladığını. Düzeni bozmamak için varsayılan çerçeve rengini, yazı tipini, yazı rengini, logo durumunu ve daha birçok özelliği kendimiz belirleyebiliyoruz. Sadece arkaplan için herhangi bir yetkilendirme yapamıyoruz. Zaten logoyu gizleme, hesap daveti gibi özellikleri kaldırmak için embed kodunu oluşturmadan önce seçenekleri ayarlıyoruz. Bunun dışındaki çerçeve rengi, yazı tipini ise aşağıdaki kod ilebelirlemek mümkün.

#friendfeed { border: 0px !important;
background:none !important;}
.widget { border: 0px !important; font-family: Arial, Helvetica, sans-serif;}
.feed { border: 0px !important; font-family: Arial, Helvetica, sans-serif;}
.body {   border: 0px !important }
.logo { border: 0px !important }

Bu kodu sitemizin CSS dosyasına ilave ediyoruz. Hepsi bu kadar.

Google Web Elements

Birkaç gün önce Beyaz Blog‘da bir yazıda bir dökümanı yayınlamam gerekiyordu. Biraz uzun bir döküman daha doğrusu karar belgesi olduğu için Google Docs‘a yükleyip oradan bir paylaşım vermek daha mantıklı geldi kendi açımdan. Ancak gel gelelim embed yani gömme kodu alamadım yani böyle bir hizmetin olmadığının farkına vardım. Sonra da belgeye mecburen link vermek zorunda kaldım ve en kısa zamanda benim düşündüğüm şekilde birşeylerin geliştirilmesini içimden geçirdim. Google bu isteğimi duymuş olacak ki birçok servisinin embed kodlarının alınabildiği ve bunların yanında özel araçların da sitelere veya bloglara eklenebileceği Web Elements hizmetini yayınladı. Bu araçlara şimdi hep birlikte bakıyoruz.

Continue reading