Update Modul Twitter di CMS Balitbang

Sudah lama sekali saya tidak posting di blog ini, baru hari ini saya mengisi blog ini. pada sharing kali ini saya akan membahas update Modul Twitter di CMS Balitbang. Kenapa judulnya seperti itu? karena memang Plugin twitter mulai pertengahan Juni 2013 ini Twitter telah mengaktifkan Twitter API 1.1 sebagai mesin (coding) terbarunya. Bersamaan dengan itu pula coding lama Twitter (Twitter API 1) dipensiunkan akibatnya modul twitter rekan2 yang ada di CMS Balitbang tidak aktif atau tidak muncul.

Untuk mengatasinya rekan-rekan harus mengupdate modul twitter yang ada di CMS Balitbang. Dengan langkah-langkah sebagai berikut ini.

Langkah Pertama

MENDAPATKAN KODE WIDGET TWITTER

  1. LOGIN ke akun Twitter yang disambungkan dengan website
  2. Klik menu SETTINGS (gambar roda gigi di bagian kanan atas) untuk selanjutnya masuk ke menu WIDGETS (ada di bagian kiri urutan paling bawah)
  3. Pilih akun Twitter yang ingin ditaruh di Twitter Widget, pilih juga konten yang ingin ditampilkan (timeline, favorites, list, atau search). Sesuaikan tampilan yang diinginkan (auto expand photos – supaya semua foto ditampilkan, height – tinggi widget, theme – tema & bingkai widget, link color – warna tulisan link pada tweet). Preview dari Twitter Widget dapat dilihat secara realtime di sisi kanan pengaturan. Simpan pengaturan dengan meng-klik tombol “create widget.”
  4. COPY kode HTML yang terletak di bagian kanan bawah dan PASTE  ke NOTEPAD atau program pengeditan php lainnya.

kode plugin twitter @SMAN3SMI

<br /><br /><?php<br /><br /><a class="twitter-timeline" data-dnt="true" href="https://twitter.com/SMAN3SMI" data-widget-id="359408270470967296">Tweets by @SMAN3SMI</a><br /><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script><br /><br />?><br /><br />


Langkah Kedua

MEMBUAT MODUL TWITTER UPDATE

Untuk mempermudah dalam contoh MODUL CMS BALITBANG INI dibagi 3 bagian dan tuliskan Seperti Contoh script dibawah ini.

<br /><br /><?php<br />//bagian awal<br /><br />if(!defined("CMSBalitbang")) {<br /><br />die("<h1>Permission Denied</h1>You don't have permission to access the this page.");<br /><br />}<br /><br />//bagian isi diawali dengan variabel $tag bagian ini yang akan tampil dilayar<br />//untuk contoh kali ini contoh script modul plugin twitter update yang sudah dicopy di langkah sebelumnya<br />$tag .="<center>";<br /><br />//PASTEKAN PLUGIN TWITTER DISINI diawali dengan variabel $tag .=' dan akhir dengan ';<br /><br />$tag .='<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/SMAN3SMI" data-widget-id="359408270470967296">Tweets by @SMAN3SMI</a>';<br />$tag .="<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';";<br />$tag .='if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>';<br /><br />$tag .="</center><br />";<br /><br />//bagian penutup<br />?><br /><br />

Setelah itu silahkan simpan dengan nama modul_Twitter.php

Langkah Ketiga

MENGEDIT MODUL TWITTER YANG SUDAH TERPASANG

  1. LOGIN Administrator Website CMS Balitbang
  2. Klik Menu Setting Admin -> Posisi Menu Modul -> kemudian cari modul twitter yang sudah ada
  3. Klik tombol Edit -> kemudian klik Edit Script Fungsi
  4. Copy Script modul_Twitter.php pada langkah kedua diatas kemudian
  5. Blog Semua script yang ada di Jendela Edit Script Fungsi dan PASTE (ctrl+V)
  6. Klik tombol Simpan dan klik tombol Simpan lagi

Mudah-mudahan bisa dipahami

Salam hangat selalu

About arisddg31

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

Posted on Juli 23, 2013, in CMS Balitbang, Tutorial. Bookmark the permalink. 1 Komentar.

Tinggalkan Balasan

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s

%d blogger menyukai ini: