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>
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);
}
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>
Bu şekil kullanarak yazılarınızı daha etkileşimli bir hale getirebilirsiniz.