Tumblr‘da geleneği bozmayıp Paylaş butonu hazırlamış. Sanırım artık daha fazla içeriğin Tumblr üzerinden paylaşılmasını istiyorlar. Facebook son çıkardığı güncellemelerle paylaşımı çok fazla kolaylaştırmıştı bu da Tumblr gibi nispeten zor siteleri adım atmaya yönlendirdi. “Peki bu butonu nasıl web sitemize koyarız?” sorusunun yanıtını bu makalemde anlatacağım.

1- Bu linke girip başlıyoruz: http://www.tumblr.com/docs/tr/share_button

2. Adım: Sayfaya girince karşınıza yukardaki gibi bir sayfa çıkacaktır. Sayfa zaten türkçe anlamak kolay. 1′inci Adım kısmındaki kodu alıyoruz tagından önce bir yere yapıştırıyoruz.

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>

Yada bu kodu alabilirsiniz.

3. Adım: “Sayfan için Özel bir düğme oluştur.” Kısmına gelelim. Karşımıza Temel, Gelişmiş diye 2 seçenek çıkacak işi uzatmak istemiyorsanız Temel kısmından butonunuzu seçip kodunuzu alın. Web sitenizde gerekli yere yapıştırın, WordPress kullanıyorsanız < ?php the_content(); ?> kodundan sonra yapıştırın tabi bu kişinin teması ve isteğine göre değişir.

Eğer biraz daha detaylı bir şey istiyorsanız Gelişmiş kısmına girelim. Karşınıza “Paylaşım türü” bölümü açılacaktır.

Burada Bağlantı, Tanıtım Kutusu, Fotoğraf, Video Gömme gibi seçenekler mevcuttur. Ve aşağıdada Programlama dilini sormakta. Kodu PHP, Ruby On Rails, JavaScript olarak alabilirsiniz.

İpucu*
Eğer Tumblr’ın hazırlamış olduğu butonu beğenmediyseniz bunu değiştirebilirsiniz. Kendi hazırladığınız Tumblr paylaşma butonunu koyabilirsiniz. Tek yapmanız gereken, sitenize koyacağınız Tumblr paylaş kodunun içinde .png uzantısı aramak

Örnek:

<a href="http://www.tumblr.com/share/link?url=<?php echo urlencode(INSERT_URL_HERE) ?>&name=<?php echo urlencode(INSERT_NAME_HERE) ?>&description=<?php echo urlencode(INSERT_DESCRIPTION_HERE) ?>" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>

Bu kodda gördüğünüz üzere http://platform.tumblr.com/v1/share_1.png Bu kısma kendi Tumblr paylaş butonunuzun URL‘sini girerseniz Tumblr‘nin kendi yapmış olduğu paylaş butonundan kurtulmuş olursunuz. Son olarak width:81px; height:20px; kısmını sizin paylaş butonunun boyutları ile değiştirmeyi unutmayın!

Bütün herşeyi yaptıktan sonra bize verilen kodu gerekli yerlere yapıştırıp kullanmaya başlıyabilirsiniz. :) Bu makaleninde sonuna geldik.