Tips Mendesain Sendiri Chicklet Twitter Counter

Tweet

Saya sangat bosan dengan tampilan chicklet twitter counter seperti yang dibuat di twittercounter.com, walau warna dapat diubah tapi tetap membosankan. Selain desainnya, situs kita akan terasa pengaruh dari chicklet tersebut, diantaranya situs akan terasa lambat saat dikunjungi karena kode script berada di direktori twittercounter dan twitter.com, dan terkadang tampilan chicklet tidak sempurna seperti jumlah follower tidak tampil pada chicklet tersebut.

Akan lebih baik jika source kode chicklet tersebut tersimpan di situs kita sendiri, selain menghindari masalah anda juga akan leluasa untuk mendesain kembali. Anda tidak perlu menginstall plugin tapi cukup dengan menambahkan php function.

Silahkan copy kode dibawah ini lalu paste ke file function.php di wordpress themes anda.

1	function string_getInsertedString($long_string,$short_string,$is_html=false){

2	if($short_string>=strlen($long_string))return false;

3	$insertion_length=strlen($long_string)-strlen($short_string);

4	for($i=0;$i<strlen($short_string);++$i){

5	if($long_string[$i]!=$short_string[$i])break;

6

}

7	$inserted_string=substr($long_string,$i,$insertion_length);

8	if($is_html && $inserted_string[$insertion_length-1]=='<'){

9	$inserted_string='<'.substr($inserted_string,0,$insertion_length-1);

10

}

11	return $inserted_string;

12

}

13

14	function DOMElement_getOuterHTML($document,$element){

15	$html=$document->saveHTML();

16	$element->parentNode->removeChild($element);

17	$html2=$document->saveHTML();

18	return string_getInsertedString($html,$html2,true);

19

}

20

21	function getFollowers($username){

22	$x = file_get_contents("http://twitter.com/".$username);

23	$doc = new DomDocument;

24	@$doc->loadHTML($x);

25	$ele = $doc->getElementById('follower_count');

26	$innerHTML=preg_replace('/^<[^>]*>(.*)<[^>]*>$/',"\\1",DOMElement_getOuterHTML($doc,$ele));

27	return $innerHTML;

28

}

Kemudian tempatkan dimana saja kode di bawah ini (footer, sidebar, header, etc), dan ganti nama shabilweb dengan username twitter anda.

1	<?php echo getFollowers("shabilweb")." followers"; ?>

Sebagai contoh saya tempatkan di sidebar, anda bisa lihat di sidebar blog ini.

Sekian dulu tipsnya dan selanjutnya saya akan share lagi tips coding untuk Facebook Like dan Chicklet Feedburner Counter.

Terima kasih sudah membaca artikel berjudul Tips Mendesain Sendiri Chicklet Twitter Counter dan sobat bisa menemukan artikel Tips Mendesain Sendiri Chicklet Twitter Counter ini dengan url http://odikgratis.blogspot.com/2011/06/tips-mendesain-sendiri-chicklet-twitter.html. Silahkan baca artikel ©Odikgratis yang lainya. Jika ingin share artikel ini, tolong cantumkan link Sumbernya

Artikel Terkait