Cara Membuat Twitter Badge

9 Jun

Berikut cara membuat twitter badge sendiri dengan menggunakan 1 file javascript. Terlebih dahulu unduh berkas javascript twitter badge di sini. Kemudian, buka dan sunting berkas tersebut:

badge.imgtwitter = ‘http://static.fotokita.net/images/twitter-ikuti-kami-60×119.png’;
badge.imgabout = ‘http://static.fotokita.net/images/about-10×11.png’;

badge.color = ‘#2299cc’;
badge.side = ‘r’;
badge.top = 200;

badge.account = ‘prianto’;

Keterangan:

  • badge.imgtwitter dan badge.imgabout adalah lokasi gambar yang ingin ditampilkan. Atau, diamkan saja konfigurasi tersebut untuk menggunakan logo yang tersebut
  • badge.color adalah kode warna dasar logo
  • badge.side adalah posisi logo akan ditampilkan: kanan atau kiri
  • badge.top adalah posisi logo dari atas (satuan piksel)
  • badge.account adalah akun twitter yang ingin ditampilkan

Terakhir, di file HTML, tempatkan kode

<script type=”text/javascript” src=”http://example.com/path/to/twitterbadge.js”></script&gt;

tepat sebelum tag </body>. Perlu diperhatikan bahwa “http://example.com/path/to/twitterbadge.js&#8221; adalah lokasi berkas javascript yang sudah disunting.

Kode ini pun dapat diunduh melalui http://snipplr.com/view/55088/twitter-badge/

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: