All for Joomla All for Webmasters

Membuat Twitter Follower dengan Format Teks

twitter-text-count Untuk menampilkan Twitter Follower pada blog atau web kita biasanya menggunakan widget tambahan yang formatnya berupa gambar. Jelas cara ini tidak bisa dimodifikasi tampilannya. Jika anda ingin membuat tampilan dengan gaya sendiri, kita harus membuatnya dengan format teks seperti yang terlihat pada blog ini.

Pada tutorial Membuat Twitter Follower dengan Format Teks ini hanya bisa diterapkan pada Blog WordPress. Jadi bagi blogger yang menggunakan Platform selain wordpress tidak bisa. Kode yang akan digunakan pada tutorial ini dibuat oleh “Rarst“.

 

Buat Sebuah File PHP

Langkah pertama yang dilakukan adalah membuat sebuah file php, misalnya kita beri nama twitter.php. Kemudian copy pastekan script PHP dibawah ini :

<?php
  $tw = get_option("twitterfollowerscount");
  if   ($tw['lastcheck'] < ( mktime() - 3600 ) )
  { 
  $xml=file_get_contents('http://twitter.com/users/show.xml?screen_name=okihelfiska');
  if (preg_match('/followers_count>(.*)</',$xml,$match)!=0) {
  $tw['count'] = $match[1];
  }
  $tw['lastcheck'] = mktime();
  update_option("twitterfollowerscount",$tw);
  }
  echo $tw['count'];
  ?>
<?php include("twitter.php"); ?>

Gantilah baris dibawah ini dengan username twitter anda :

$xml=file_get_contents('http://twitter.com/users/show.xml?screen_name=USER-TWITTER-ANDA');

Cara Menampilkan Script

Untuk menampilkan twitter count, bukalah salah satu file pada template WordPress anda, bisa pada file index.php, sidebar.php, header.php, dll. Lalu ketikkan code berikut ini ditempat yang akan ditampilkan :

<?php include("twitter.php"); ?>

Berilah style pada code, agar tampilan lebih manis dilihat.

<p><span class="twitter-followers"><?php include("twitter.php"); ?></span> Followers</p>

Contoh CSS yang saya gunakan adalah :

span.twitter-followers { 
font-size: 24px; 
vertical-align: middle; 
padding-left: 5px; 
color: #1e96db; 
}
I'm Teacher Vocational School in SMK Labor Pekanbaru. I interested in Computer, Networking, Web Design, Blogging and the development of computer education.

2 Comments

  1. Pingback: Membuat Twitter Follower dengan Format Teks | Belajar Komputer - Twitter Mania

Leave a Reply

Your email address will not be published.