Kategori: HTML

Integrating Styled Google Calendar with Your Website

In 2012 I started to wrote this article. In the end I quit writing it. I encountered it today again and I decided to finish it. Here it is.

My brother needed a calendar that shows his availability to his clients for his website. So, I know that already, marvelous Google Calendar provides embedding calendar in your website with iframe. But you couldn’t change its design (color, icons etc.). This is a bad thing for websites without white background color. It looks like an alien attached to your website.

I googled it a bit and I found this article: Integrating Google Calendar with your website. There is a PHP code in the article that it isn’t correct. But it inspired me. I took its idea and code and I reworked on it. Here is the live result: http://taneryilmaz.pro/#schedule 
Devamını oku »

Facebook Friend Selector

Facebook Friend Selector is a friend selection assistant for your Facebook application or your website that is equipped with Facebook Connect. This tool returns you your friends ID’s only and you use them as you please. It was built using the jQuery library.

Demo & Download

Facebook Friend Selector Color BlueFacebook Friend Selector Search ResultsFacebook Friend Selector Show Count

This plugin is no longer maintained. Feel free to fork and update! Github repo

Devamını oku »

Cufon’la Sağdan Sola Yazmak

Birkaç ay önce bir Facebook uygulamasında hem Cufon kullanıp hem de bunu sağdan sola olacak şekilde yapmak durumunda kaldım. Bunu yaparken Cufon’un RTL desteklemediğini öğrendim. İleriki zamanlarda sağdan sola yazım Cufon tarafından desteklenecekmiş ama fazla vaktim olmadığı için bir javascript çözümü buldum.

Bu kod sayfa yüklenirken yavaşlamaya sebep olabilir. Ara ara da font değişimi sırasında yaşanan geçişler görünebilir. Ama eğer sayfanın büyük bir bölümünde Cufon kullanmıyorsanız sorun olmayacaktır.

Cufon'la Sağdan Sola Yazmak
Devamını oku »

Yeni “Twitter’da Paylaş” Bağlantısı

Twitter geçenlerde “paylaş” bağlantısını değiştirdi. Yeni bağlantı şöyle oldu:

http://twitter.com/intent/tweet?text=Başlık&url=http://siteadı/&via=kimin_aracılığıyla

Yeni bağlantıdan anlaşıldığı gibi:
text = Başlık
url = Site Adresi
via = Kimin Aracılığıyla

via” kısmı isteğe bağlı olarak kullanılabilir. Yani sitenize ait bir Twitter kullanıcınız varsa via kısmına onu yazmanız etkili olacaktır.

WordPress’de paylaş linkini şöyle kullanabilirsiniz: (via için codersgrave‘i kullanacağım örnekte)

<a href="http://twitter.com/intent/tweet?text=<?php the_title(); ?>&url=<?php the_permalink(); ?>&via=codersgrave">Twitter'da Paylaş!</a>