Sitenizdeki Yazılara Tweetleme Linki
  1. Anasayfa
  2. İçerik Yönetim Sistemleri

Sitenizdeki Yazılara Tweetleme Linki

0

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.

Bu Yazıya Tepkiniz Ne Oldu?
  • 0
    be_endim
    Beğendim
  • 0
    alk_l_yorum
    Alkışlıyorum
  • 0
    e_lendim
    Eğlendim
  • 0
    d_nceliyim
    Düşünceliyim
  • 0
    _rendim
    İğrendim
  • 0
    _z_ld_m
    Üzüldüm
  • 0
    _ok_k_zd_m
    Çok Kızdım
İlginizi Çekebilir

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir