Menambah Modul Twitter di CMS Balitbang

Tutorial ini merupakan tutorial sederhana bagaimana kita menambahkan modul twitter di CMS Balitbang. Untuk contoh livenya bisa lihat di live demo. Sebetulnya caranya sama seperti memasang modul plugin fb.

Disini saya tidak akan membahas cara mendapatkan plugin twitter, yang akan saya bahasa cara memasangnya di CMS Balitbang. Untuk script plugin twitternya bisa di download

tombol download

Sebelumnya perhatikan struktur default Modul di CMS Balitbang di bwah ini

// pembuka script php

<?php

//pembuka variabel $tag bisa dengan  tanda kutip dua (") atau kutip satu (')

$tag . = ‘

isikan plugin twitter disini

//penutup $tag

‘;

//penutup script php

?>

untuk lebih jelasnya silahkan baca dulu tutorial berikut ini Cara Menambah Modul/Widget di CMS Balitbang.

Setelah paham tentang struktur modul CMS Berikutnya masukan script plugin twitter seperti dibawah ini:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: '@SMAN3SMI',
interval: 6000,
title: 'Tweet for Education',
subject: 'Twitter Smantie',
width: 292,
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1985b5'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
toptweets: true,
behavior: 'default'
}
}).render().start();
</script>";

Keterangan:
baris 6 untuk menentukan twitter yang akan dimunculkan contoh search:’@arissd31′,
baris 8 isikan judul/tittle twitter
baris 9 isikan subject twitter

selah dirubah gabungkan plugin twitter tersebut dengan modulnya taruh dibagian $tag .=’ twiter disini ‘; sehingga script setelah di gabung menjadi seperti dibawah ini

<?php

if(!defined("CMSBalitbang")) {

die("<h1>Permission Denied</h1>You don't have permission to access the this page.");

}

$tag .="<center>";

$tag .='<script src="http://widgets.twimg.com/j/2/widget.js"></script>';
$tag .="<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: '@SMAN3SMI',
interval: 6000,
title: 'Tweet for Education',
subject: 'Twitter Smantie',
width: 292,
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#444444',
links: '#1985b5'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
toptweets: true,
behavior: 'default'
}
}).render().start();
</script>";
$tag .="</center><br />";
?>

setelah selesai simpan dengan nama twitter.php

Memasang modul tersebut ke CMS Balitbang

  • isikan kan form diatas, untuk Pilih File cari file modul twitter.php yang telah dibuat tadi, untuk template menu pilih Tidak Ada
  • Klik tombaol Simpan

Download Script Modul Twitter di bawah ini

tombol download

Salam Hangat Selalu
About these ads

About arisddg31

Saya seorang guru TIK di SMA Negeri 3 Kota Sukabumi asal dari Kota Wates Jogjakarta

Posted on Maret 26, 2013, in CMS Balitbang, Tutorial. Bookmark the permalink. 1 Komentar.

  1. Terima Kasih Pak atas pencerahannya.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Ikuti

Get every new post delivered to your Inbox.

%d bloggers like this: