Blogger Eklentisi: Bitly Url Kısaltıcı

Blogger bloglarımızda çoğu zaman ihtiyaç duyduğumuz url kısaltma işlemini otomatik yapmak ve hiç zahmet etmeden, hızlı bir şekilde içeriğinizi bit.ly gibi tanınmış bir “url kısaltıcıyla” kısaltıp paylaşmak ister misiniz? Sosyal medyanın önemi büyük. Özellikle Twitter'da yaptığımız paylaşımlarda linklerimizin oldukça kısa olması şart. Harf sınırlamasından dolayı bu gerekli. Bu nedenle insanlar “Url Kısaltıcı” uygulamaları kullanıyorlar. Bit.ly siteside bunların başında geliyor. Şimdi basit bir “Blogger Eklentisi” ve “Bit.ly API Key” ile bu işlemi gerçekleştireceğiz.

Özellikler;

• Otomatik url kısaltır
• Yazının istediğiniz yerine koyabilirsiniz
• Bit.ly hesabınıza otomatik yüklenir
• Türkçe

Neden gerekli?

Özellikle blogspot.com uzantılı bloglarda url çok uzun oluyor. Başlık ne kadar uzunsa url o kadar uzun oluyor. Zaten “blogspot.com” kendi başına gayet uzun bir url olduğu için sosyal medya paylaşımlarımızda mutlaka hem teknik açıdan hem de görsel açıdan kısaltmak şart.

Bu özelliklere sahip eklentiyi Blogger Blogumuza uygulayalım. Şu adımları izleyin...

1. Blogger hesabınıza giriş yapın ve şablonunuzun yedeğini alın,
2. Şablon sekmesine geçin,
3. HTML Düzenle butonuna tıklayın,
4. Ctrl+f yardımıyla </head> kodunu bulun
5. Üstüne aşağıdaki kodu yapıştırın,

<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=o_4r2aekpnd8&amp;apiKey=R_b1b8992889eaa4e1319fdc45dd752a26' type='text/javascript'/><script src='https://10line-code.googlecode.com/files/short-url-bitly.js' type='text/javascript'/>

Kırmızı olanlar benim “Login” ve “API Key”'imdir. Siz kendinizinkini kullanabilirsiniz. Yazının sonunda kendinizin API keyinizi nerede bulabileceğini söyleyeceğiz...

• Daha sonra şablonunuzda aşağıdaki kodu bulun

<p class='post-footer-line post-footer-line-3'>

• Eğer bu kod yoksa aşağıdakini aratın

<div class='post-footer-line post-footer-line-3'>

• Eğer bu kodu da bulamazsanız aşağıdakini aratın

<data:post.body/>

• Bu kodun hemen üstüne aşağıdaki kodu yapıştırın.

<div id='bp_shorturl'><form expr:id='"bp_short_holder_" + data:post.id'/></div><script type='text/javascript'>Bloggerplugins_shortener.init(&quot;bp_short_holder_<data:post.id/>&quot;,&quot;<data:post.canonicalUrl/>&quot;)</script>

Bu son verdiğimiz kod blog yazınızda görünecek olan koddur. Bu nedenle bu kodu eklentinin görünmesini istediğiniz herhangi bir yere yapıştırabilirsiniz. Dediğimiz kodları dikkate almayabilirsiniz.

Şimdi kendi API Key'inizi kullanmanızdan bahsedelim. Şu adımları izleyin;

1. bit.ly sitesinden hesap alın ve giriş yapın,
2. Sağ üstte hesap isminizin bulunduğu yerden “settings” kısmına geçin,
3. Karşınıza çıkan sayfada “Advanced” sekmesine geçin,
4. En alttaki “Legacy API Key” kısmında “Show legacy API key” linkine tıklayın. Bilgileriniz orda ve yukardaki koddaki kırmızı yerlere sizinkileri yazın.