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

kısa URL

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.

kisa-url-blogger

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

1 yorum:

  1. Bu konu ilgimi çekti. Özellikle bumerangd atarif paylaşırken kısa kodlar işime yarayabilir.

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.