June 16, 2011

Widget Mengesan Orang Tweet Entri Blog

Widget ini dalam bahasa Inggeris diberi nama twitter trackback dan terima kasih kepada moretechtips sebab berjaya buat widget yang sangat awesome dan hanya satu dalam dunia blog ni. Masih belum ada orang lain yang buat widget macam ni, ada, tapi dia fail (Google:Danzarella)


Disebabkan site tu dalam bahasa Inggeris, maka aku rasa mungkin ada yang tak faham nak pasang macam mana. Nota Facebook aku yang cerita pasal kelebihan widget ni haritu aku dah update kod tapi hanya orang yang like nota tu akan terima notification yang aku dah letak code di bawahnya. Yang tak like dan tak ambik perhatian, ketinggalan lah hehe
________________________________________________________________
#1 - TWITTER TRACKBACKS BAR
_________________________________________________________________
Okay, cukup merepek, widget ni ada 3 jenis. Untuk buat dia muncul satu demi satu dalam bentuk banner kecil (Trackbacks Bar) seperti di bahagian sidebar kanan blog ni, korang copy code ni

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js"></script>

<div class="twitter-trackbacks">loading..</div>


dan pastekan pada mana-mana tempat dalam blog korang yang korang nak widget ni muncul. Secara asasnya, pergi ke Dashboard>Design>Add HTML dan pastekan code ni

Kelebihan: jimat ruang dan loading sebab dia load satu demi satu
Keburukan: Dalam selang lebih kurang satu saat, hanya 1 muka akan dipaparkan. Kalau ada 100 orang tweet entri ni, hanya orang tweet paling latest dapat kelebihan

_________________________________________________________________
#2 - TWITTER TRIPLE TRACKBACKS BAR - CONTOH
_________________________________________________________________

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js"></script>

<div class="twitter-trackbacks" options="{
   url:''
   ,n:9
   ,show_n:3
   ,stay_time:8000
   ,animate:'height'
   ,inf_only:0
   ,inf_tip:1
}"
>loading..</div>

Yang ini korang boleh tengok demo dia dengan mengklik "contoh". Cara gunakannya sama sahaja. Boleh paste dekat mana-mana bahagian dalam blog

Kelebihan: load 3 muka tukang tweet entri blog sekaligus. Kalau korang nak tunjukkan tukang tweet pada page widget ni diletakkan sahaja, tak perlu ubahkan code di atas. Kalau nak tunjukkan orang tweet entri tertentu walaupun pada page berlainan, letakkan url korang pada kod di atas (cari line url:'')
Keburukan: pastikan yang ini diletakkan pada bahagian bawah sekali dalam blog korang kalau tak setiap kali load dia akan gerakkan layout korang dan ini menjadikan page korang buruk. Tengok layout dia diubah2 kat sini 
_________________________________________________________________
#3 - TWITTER TRACK LIST - CONTOH
_________________________________________________________________

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
   $('div.my-trackbacks').twitterTrackbacks({
      url:''
      ,n:8
      ,show_n:0
      ,inf_tip:1
   });
});
</script>

<div class="my-trackbacks">loading..</div>

Yang ini dia paparkan tukang tweet entry korang dalam satu list yang panjang. Dalam 5 camtu. Juga boleh diletakkan di mana-mana bahagian dalam blog

Ada soalan? Boleh letakkan di bahagian komen.

4 comments:

Ada soalan berlainan daripada entri ni? Tanya je. Ada masa aku jawab

Dah lawat BLOG ARCX13.COM?

Komen selepas 14 hari diletakkan dalam mod pengesahan untuk elakkan spam