Yazı Sonlarına Otomatik Kısa URL Nasıl Eklenir

Özellikle sosyal medyada haber paylaşımında ön plana çıkan kısa URL ler artık hemen hemen tüm alanda sıklıkla başvurduğumuz bir yöntem haline geldi.Forum imzamızda, mail imzamızda ya da sosyal medya hesaplarımızda uzun URL ler yerine kısa URL ler tercih etmeyi alışkanlık haline getirdiğimizi söyleyebilirim.Çünkü karakter sayısı az olması nedeniyle daha şık durduğu için kısa url ler daha çok işimize geliyor.Bu yüzden bugünkü yazımda blog yazılarımızı sosyal medyada direk link olarak paylaşmak isteyen okuyucularımız için kolaylık olması açısından nasıl kısa URL oluşturabiliriz onu paylaşacağım.

Şimdi içinizden “ne var ki kısa url oluşturma servisleri yardımıyla ben bunu yaparım” diyorsunuzdur.Doğru fakat aşağıda paylaştıklarımla yazımıza otomatik kısa URL oluşturacağız ve yazı sonunda buna yer vereceğiz.

>>Google URL Kısaltma Servisi

Blogger da Otomatik Kısa URL Yazı Sonuna Nasıl Eklenir

Blogger hesabınıza giriş yapın.

Şablon sekmesine tıklayın ve Html Düzenle kısmına gelin.

Aşağıdaki kodu arayın :

]]></b:skin>

Hemen üzerine aşağıdaki kodları ekleyin.

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 600px;

}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 150px;

padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}

Şimdi ikinci adıma sıra geldi.Yukarıda CSS kodlarını ekledik.HTML kodları için ilk olarak aşağıdaki kodu bulun :

<div class='post-footer'>

Hemen altına aşağıdaki kodu ekleyin:

<!—Kısa Url Script-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='shoternUrl'>
<form id='shorturl'/>
<!-- short url widget script start -->
  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
// this is how to get a result of shortening a single url
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
       document.getElementById(&quot;shorturl&quot;).innerHTML = &quot;<div id='shorternh2'>Bu yazıyı paylaşın!</div> &lt;input type=&#39;text&#39;  class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;);
});
</script></div>
    </b:if>
<!—Kısa Url Script-->

Şimdi şablonunuzu kaydedebilirsiniz.Herhangi bir yazı sayfanızı kontrol ettiğinizde yazı sonunda otomatik kısa URL nin oluştuğunu göreceksiniz.