Cara Menambah Modul/Widget di CMS Balitbang

Tutotial ini merupakan tingkat dasar bagaimana cara menambah modul/widget di CMS Balitbang. Sebelum saya bahas lebih jauh ada hal yang harus diketahui modul/widget di CMS Balitbang secara default ada 3 bagian yaitu: 1) sidebar Kiri 2) sidebar tengah dan 3) sidebar Kanan.

Langsung aja pembahasan:

a) langkah memasang modul

  • isikan kan form diatas, untuk Pilih File cari file modul yang akan ditambahkan dalam format php
  • Klik tombaol Simpan

b) Membuat Modul

Untuk script modul di CMS Balitbang dalam bentuk PHP dan isi dari modul tersebut bisa berupa TEXT, HTML, PHP atau SCRIPT KODE EMMBED dari Widget Sumber lain seperti ; kode twitter, facebook fan page, shoutbox, youtube emmbed dll.

ok, langsung aja kita bahas satu persatu:

SCRIPT / SINTAK DEFAULT MODUL CMS BALITBANG

<?PHP // pembuka script php

 $tag . = ‘//pembuka $tag

ISI YANG AKAN TAMPIL DILAYAR BISA BERUPA

TEXT, HTML , PHP, SCRIPT KODE EMMBED dari widget sumber lain, facebook fan page dll

                ‘;  // penutup $tag

?> // penutup script php

 

CONTOH MODUL BERUPA TEXT HTML

  1. Tulis scrip berikut ini
<?PHP
    $tag .= '
            <b> SELAMAT DATANG DI WEBSEKOLAH KAMI</b>
           ';
?>
  1. simpan script tersebut dengan nama welcome.php
  2. pasang modul tersebut , lihat langkah memasang modul di atas, lihat hasilnya seperti gambar di bawah ini.

silahkan variasi modul dengan tag html yang anda kuasai bisa di tuliskan di sini

CONTOH MODUL BERUPA  SCRIPT PHP terkoneksi dengan database CMS

untuk contohnya bisa dilihat di folder modul CMS Balitbang misalnya:


<?php // banner tengah

$tag .="<br>";

$query = "SELECT * FROM t_banner where status='13' and aktif='1' order by id desc limit 0,1";

$result = mysql_query($query) or die("Query failed banner");
 while ($rows = mysql_fetch_array($result)) {
 $src= "../images/banner/bn$rows[id].$rows[jenis]";
 $link=$rows[url];
 $vlink1=$rows[id];
 $alt=$rows[alt];
 if (!empty($link)) {
 $vlink="../functions/visit.php?id=$vlink1' target='_blank";
 }
 else $vlink="#";
 $tag .="<center><a href='$vlink' ><img src='$src' alt='$alt' border='0' width='467' height='80'></a><br></center>";
 }

?>

intinya mengambil data dari table t_banner yang status=13 dan aktif=1 sebanyak 1 buah. untuk bisa paham mengenai script ini harus belajar tentang bahasa PHP. Insya Allah kalo ada waktu luang akan saya buat tutorial dasar2 PHP.

CONTOH MODUL BERUPA SCRIPT dari SUMBER LAIN

Memasang Modul VIDEO YOUTUBE.

1.  buka Video Youtube

2.  klik tombol Bagi/share -> sematkan/emmbed

3.  tentukan ukuran

4.  kopi kode -> paste ke script modul yang di buat di bagian $tag .=’    ‘;

seperti dibawah ini

  1. Tulis scrip berikut ini

<?PHP

$tag .= '



';

?>

text yang tercetak miring berwarna biru merupakan script kode embed dari YOUTUBE.

  1. simpan script tersebut dengan nama video.php
  2. pasang modul tersebut , lihat langkah memasang modul di atas, lihat hasilnya seperti gambar di bawah ini.

saya cukupkan disini dulu yach, soalnya mau pulang dulu nich he he he, nanti dilanjut lagi bagi yang kurang jelas bisa comment aja disini. Tunggu untuk tutorial berikutnya memasang modul yang lainnya seperti shoutbox, alquran online, facebook fan page, twitter, slider(jquery) dan masih banyak lagi.

Salam Hangat Selalu

Aris

About arisddg31

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

Posted on November 26, 2012, in CMS Balitbang, Tutorial and tagged , , , , , , . Bookmark the permalink. 29 Komentar.

  1. Kalau membuat script untuk download gimana mas..

    • Untuk modul download yang diambil dari file di hosting kita,misal saya simpan file belajarphp.pdf di folder download di root (public_html).

      letakan scritpi ini di bagian $tag .=’ …’;

      <a href='../download/belajarphp.pdf' rel="nofollow">Belajar PHP</a>
      

      cara ini adalah cara manual tidak menggunakan sistem database. kesulitannya adalah kita harus mengpload file via cpanel di folder download dan memanggilnya dengan cara diatas.

      untuk membuat file download via database ditunggu ya he he he

  2. kalau mau ngedit/menambah coding ini, file.nya dimana pak???
    kolom tengah atas seperti

    biar seperti http://smpn4mgl.sch.id
    mohon bantuannnya…Maturnuwun

    • cara sama pak seperti menambah modul baru, cuma letakkan di posisi tengah tanpa menggunakan template yaitu pada pilihan template menu pilih tidak ada, dan seperti smpn4mgl.sch.id itu berisi tag html aja mas, contohnya seperti ini kurang lebih

      <?PHP
          $tag .="<br><center><b>SELAMAT DATANG DI WEBSITE RESMI <br> SMAN 3 KOTA SUKABUMI </b><br>
      	<img src='../images/welcome1.jpg' alt='keterangan' border='0' width='467' height='300'></a><br>
      	Media Informasi & Komunikasi Resmi SMP N 3 Kota Sukabumi, dalam upaya meningkatkan mutu pelayanan pendidikan.
      	</center>";
      ?>
      

      img src=’isikan alamat link gambar difolder mana disimpan’

  3. maturnuwun pak…
    maaf sebelumnya pak, saya cewek dan masih muda…
    kalau mau tanya lagi boleh pak??
    agar seperti di..
    http://www.parokimbk.or.id/warta-minggu/artikel/
    bagaimana pak?? ada dropdown tanggal dan muncul beberapa berita dan ada sub2nya..
    Maturnuwun

  4. kalau buat seperti di http://gkj.or.id/
    yang ada di agenda kegiatan itu bagaimana caranya pak??
    atau harus buat modul lagi+javascript lagi???
    mohon bantuannya..
    maturnuwun

  5. Pak Aris boleh minta minta saran dan solusi untuk fitur direktori siswa,
    kalau saya tambah di t_programahli misal idprog=4-10, program=Gilingan,Timuran,dll..
    terus di t_kelas misal tingkat=4-10 dna program=Gilingan, Timuran,dll.
    lalu saya import data…
    setelah saya jalankan malah tidak bisa tampil…
    dan yang defaultnya jurusan/program=IPA terus pilihan yang ada di kelas itu=X-1 sampe X-8
    itu yang salah apanya ya pak?/ bagaimana solusinya??

    kadang bisa, itupun cuma satu hari, setelah itu tidak bisa tampil lagi..
    kadang bisa tapi itu setelah cms balitbang itu baru dibuat jadi belum diganti secara detail..

    fitur jajak pendapat juga tidak bisa, meski awalnya bisa hanya sampai 3 hari setelah itu button pilih tidak berfugsi, kalau tidak milih option bagus atau cukup atau kurang pun harusnya bila ditekan button pilih itu jalan “Konfirmasi” tapi ini tidak bisa..
    button hasil masih bisa berfungsi…

    Maturnuwun Pak

  6. Minta tolong mas, kalau pasang twitter kok ada pesan error gini :
    Parse error: syntax error, unexpected T_STRING in /home/k0721342/public_html/modul/tag_twitter.php on line 3
    mohon pencerahannanya mas..

    • ada bentrok tanda kutip mas di modulnya
      contoh:

      <?php
      $tag :=" <a href="profil.html" > Profil</a> ";
      ?>
      

      perhatikan dibagian variabel $tag diawali dengan tanda kutip dua (“) dan di dalam isi yang berupa link terdapat tanda kutip dua (“) itu yang saya maksud bentrok tanda kutip

      solusinya ganti tanda kutip dua (“) dengan kutip satu (‘), sehingga script menjadi

      <?php
      $tag :=" <a href='profil.html'> Profil</a> ";
      ?>
      
  7. maaf mas mau tanya, saya mencoba menembahkan plugin FansPage facebook yang tutorialnya saya dapat di internet..dan hasilnya plugin tersebut berhasil muncul,tetapi saat tombol LIKE di klik, facebook user tidak berhasil like fanspage tersebut.
    muncul tulisan Sorry, your request could not be processed.Please try again di facebook tersebut..
    mohon pencerahannya mas.terimakasih

  8. Wah keren bangt, lengkap dengan vidoenya juga

  9. ngambil kode genarator dr fb knp g muncul ya d cms blitbang ???? mhn pncerahnnya
    <?php
    $tag .='
    (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = “//connect.facebook.net/id_ID/all.js#xfbml=1”;
    fjs.parentNode.insertBefore(js, fjs);
    }(document, “script”, “facebook-jssdk”));
    ‘;
    ?>

    • kalo yang dimaksud ingin membuat widget facebook di cms balitbang mas harus membuat modul baru contoh seperti kode di bawah ini

      <?php
      if(!defined("CMSBalitbang")) {
      	die("<h1>Permission Denied</h1>You don't have permission to access the this page.");
      }
      
      $tag .='<center>
      
      letakan plugin fb disini. untuk mendapatkan widget like Box (FB) silahkan buka facebook developer dan memilih Social Plugins lalu Like Box. Selanjutnya kita masukan URL halaman facebook, menentukan lebar widget, pilihan menampilkan stream atau tidak, dan warna. Jika sudah sesuai, tinggal klik Get Code, dan PASTE di SINI. UNTUK contohnya silahkan inbox di fb saya Aris Munandar
      
      </center>';
      
      
      ?>
      
      

      sedangkan kode diatas itu di tempatkannya di bagian sintag

      <head>
      
      ..
      
      
      </head>
      

      di file index.tpl.htm

  10. Mas mohon bantuannya, saya kesulitan untuk menambahkan modul twitternya , tolong kasi contoh modulnya? terima kasih

  11. maaf sudah bisa mas, setelah coba baca pentunjuk di atas..terima kasih

  12. saya mau tanyak pak
    saya mau buat modul di web sekolah saya
    saat saya sudah mengikuti langkahnya bapak di atas
    pas say buka tampilannya webnya untuk melihat hasilnya, malah tidak ada yg muncul pak,
    kesalahan ini dmna y pak mohon bantuannya

    • apa sudah ikuti prosedur yang ada, terus untuk modul kiri harus pakai template jangan yang tidak pakai template, biar lebih jelas kesalahannya bisa tidak di tunjukan script modulnya biar nanti saya koreksi

  13. pak setelah saya coba tulisan WELCOME ko tidak berbingkai, saya ingin membuat seperti web ini http://www.sman1sampit.sch.id/ . atas perhatian saya ucapkna terima kasih

  14. maaf mas,numpang tanya,bisa ga video yanfg di masukan dari localhost.soalnya kami hanya local saja ga bisa internet,gmn cara membuat code scriptnya biar videonya bisa ditampilkan,makasih…

  15. z maw bertanya , kalo maw bikin menu utama bagaimana caranya ???

  16. Assalamu’alaikum wr.wb.
    Salam kenal pak, saya juga seorang guru dari SMAN 4 Pekanbaru, sama2 K2 sperti bapak yang lagi nunggu2 SK. saya sekarang ini lagi coba kembangkan Website sekolah saya http://www.sman4pku.sch.id , pengennya juga ada fitur galeri videonya, setelah saya baca tutorial dari bapak, kayaknya sip banget, tapi pas saya coba download, link downloadnya mati pak,, mohon bantuan Bapak, terima kasih sebelumnya..

  17. Mohon pencerahan nya mas Aris.
    Kenapa ya widget script Countdown dibawah ini gk bisa berfungsi, sehingga tampilan website nya gk bisa berjalan seperti sebelum nya. terima kasih sebelumnya.

    <?php
    $tag .='
    #tahunbaru2016 {background:black;color:#5CAAFF;font-family:Oswald, Arial, Sans-serif;font-size:20px;text-transform:uppercase;text-align:center;padding:10px 0;font-weight:normal;}
    .teks {color:white}

    //<![CDATA[
    // set the date we're counting down to
    var target_date = new Date("Jan 1, 2016").getTime();
    // variables for time units
    var days, hours, minutes, seconds;
    // get tag element
    var countdown = document.getElementById("countdown");
    // update the tag with id "countdown" every 1 second
    setInterval(function () {
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date – current_date) / 1000;
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;

    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;

    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);

    // format countdown string + set tag value
    countdown.innerHTML = days + " hari ” + hours + ” jam ”
    + minutes + ” menit ” + seconds + ” detik menuju Tahun 2016″;

    }, 1000);
    //]]>

    ‘;
    ?>

  1. Ping-balik: Modifikasi Tampilan Modul Login CMS Balitbang « arisddg31

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: