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
1
2
3
4
5
<?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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?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
1
2
3
4
5
6
7
8
9
<?PHP
$tag .= '
<span class="embed-youtube" style="text-align:center; display: block;"></span>
';
?>

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.

Posted on 14 Juni 2013, in CSS, Dreamweaver, Link Sukses, Materi SMK, Tulisanku, Web Desain. Bookmark the permalink. 1 Komentar.

  1. keren bang…..makasih infonya…

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: