Sitenizdeki Yazılara Tweetleme Linki

İçerik Yönetim Sistemleri
29 Ekim 2017
0 yorum
790 kez görüntülendi.

Javascript gün geçtikçe gelişiyor. Geliştikçe web siteleri için kullanılabilir özellikleri ile siteleri hem kolay kılıyor hem de görsel açıdan estetik bir zevk katıyor. Buna örneklerden biri de InlineTweet.JS adlı küçük script betiğini gösterebiliriz.

Birçoğumuzun internet sitesi bulunmakta. Bu internet sitelerinde genelde yazının en alta yazının linkini sosyal ağlarda paylaşmaya yönelik butonlar bulunur. Peki yazınızın içinde bulunan herhangi bir cümleyi tweetleme linki olarak bıraksaydık nasıl olurdu? Yazdığımız yazının bir cümlesini tweetable link haline çevirsek ve okuyucular o linke tıkladığı zaman otomatik olarak tweet hesaplarında paylaşsalar? İşte bu betik, bu güzelliği sağlıyor.

Öncelikle

https://github.com/ireade/inlinetweetjs/

adresinden gerekli JS dosyasını indirerek sitenizin dosyaların FTP aracılığı ile gönderin.

ardından,

</head> etiketinden önce olan kısma

<script src="path/to/inline-tweet.min.js"></script>

1	<script src="path/to/inline-tweet.min.js"></script>

yolunu ekleyin. Tabii ki src kısmında belirteceğiniz dosya yolu sitenize eklediğiniz js yolu olmalıdır.

Ardından stil CSS dosyasına

[data-inline-tweet] a {   
text-decoration: none;   
color: #000; 
} 
[data-inline-tweet] a span {   
border-bottom: 1px dotted rgb(0,172,237);   
font-style: italic;      
margin-right: 10px; 
} 
[data-inline-tweet] a:hover span {   
background-color: rgba(0,172,237,0.1);   
color: rgb(0,172,237); 
}

[data-inline-tweet] a {

text-decoration: none;

color: #000;

}

[data-inline-tweet] a span {

border-bottom: 1px dotted rgb(0,172,237);

font-style: italic;

margin-right: 10px;

}

[data-inline-tweet] a:hover span {

background-color: rgba(0,172,237,0.1);

color: rgb(0,172,237);

}

bu kodu ekleyiniz.

Yapacağınız işlemler bu kadar.

Sitenize yazı eklerken

<span data-inline-tweet
data-inline-tweet-via="mention kişisi eklenecek"
data-inline-tweet-tags="etiket buraya eklenecek"
data-inline-tweet-url="link buraya eklenecek">
Linklenmesini istediğiniz yazıyı burada belirtiniz.
</span>

<span data-inline-tweet

data-inline-tweet-via="mention kişisi eklenecek"

data-inline-tweet-tags="etiket buraya eklenecek"

data-inline-tweet-url="link buraya eklenecek">

Linklenmesini istediğiniz yazıyı burada belirtiniz.

</span>

Bu şekil kullanarak yazılarınızı daha etkileşimli bir hale getirebilirsiniz.

Bir önceki yazımız olan Neden Blogger Kullanıyorum? başlıklı makalemizde blogger, blogger kullanmak için sebepler ve neden blogger hakkında bilgiler verilmektedir.