Tutorial Dynamic Title Bar CMS Balitbang (Seo Friendly)

Kegunaan Dinamis Title Bar

Tutorial kali ini saya akan membahas cara membuat Title Bar Dinamis tentunya masih di CMS Balitbang untuk meningkatkan SEO website kita. Title Bar Dinamis adalah Baris Judul yang terdapat di tag  < title > yang akan muncul di Title Bar Browser yang default CMS Balitbang Title Bar berisi Text statis “Selamat Datang di Nama sekolah” . Sedangkan Title Bar ini sangat penting untuk meningkatkan trafik pencarian di google. Misalnya seseorang mengetikan keyword tutorial cms dan google akan mencari keyword itu salah satunya melalui tittle Bar website kita sedangkan title bar CMS Balitbang hanya berisi test statis “Selamat Datang di Nama sekolah” yang tentunya tidak sama dengan keyword yang dicari. Oleh karena itu Dinamis Title Bar itu solusinya.

Gambaran Dinamis Title Bar

Dinamis Title Bar pada tutorial kali ini berupa Baris judul dinamis | namawebsite untuk contoh live bisa perhatikan di baris judul WordPress tiap kali klik judul artikel di tittle bar akan berubah sesuai dengan judul yang aktif. bisa dilihat contoh gambar di bawah ini:

contoh-dinamis-title-bar

Contoh Dinamis Bar WordPress

contoh-dinamis-cms-balitban

Dinamis title Bar detail Berita CMS Balitbang

guru-staf

Dinamis Title Baru Guru Staf CMS Balitbang

detail-guruDinamis Title Bar Detail Guru CMS Balitbang

 Contoh di atas merupakan contoh dinamis Title Bar CMS Balitbang dari Judul Berita, Profil Guru Staf, Detail Profil Guru. Diharapkan dari contoh diatas bisa dikembangkan untuk page yang lainnya seperti materi ajar, artikel, info , agenda dsb.

Target yang dicapai

Setelah membaca tutorial ini diharapkan bisa mengembangkan untuk pembuatan dinamis title bar di semua aspek atau page di CMS Balitbang. Tutorial ini sebagai pondasi awal untuk pengembangan selanjutnya.

Tahapan Pembuatan Dynamic Title Bar

Membuat fungsi baru dengan nama fungsi_dynamic_title_bar.php

Buatkan file baru dengan nama fungsi_dynamic_title_bar.php di php editor dengan script seperti dibawah ini dan contoh pertama yaitu membuat judul dinamis Berita.

Buatkan sintak function baru dengan nama dynamicBar() seperti di bawah ini

<?php
//sintak function dynamicBar
function dynamicBar()
{
include "koneksi.php";
//isikan baris kode untuk menampilkan dinamis judul Berita
}
Membuat baris kode untuk menampilkan dinamis judul Berita

Ketikan baris kode berikut ke dalam function dynamicBar() ;

<?php
//======= Dynamic Title Bar untuk Berita ========================================================//

//jika id dari url yang diminta adalah berita
if($_REQUEST['id'] == "berita")
{
//maka page/halaman diisi Berita
$page="Berita";

//Jika kode belum ditentukan maka
if (!ISSET($_REQUEST['kode']))
{
//Maka Title Bar nya nama halamanya dan nama webnya
$dynamicbar= " $page | $webhost ";
}
else
{
//meminta variabel kode dari ulr dan masukan ke variabel $kode
$kode = $_REQUEST['kode'];

//memanggil field judul dari tabel t_news yang field id = $kode
$query = "select subject from t_news where id='$kode'";
$rquery = mysql_query($query);
$judul = mysql_fetch_array($rquery);

//Jika kode sudah ditentukan Title Bar nya nama halamannya dan judul artikelnya
$dynamicbar=  $judul['subject'] ." | $page  ";
}

}

Dari baris kode diatas intinya meminta/request id dan kode dari url yang aktif contoh url berita index.php?id=berita&kode=250 di url tersebut ada dua variabel yaitu id dan kode. id untuk menentukan halaman yang aktif sedangkan kode untuk menentukan detail halamannya. Karena di baris kode diatas sudah saya beri komen penjelasan dari tiap baris kodenya maka tidak akan saya jelaskan secara detail.

Keseluruhan kode function dynamicBar()

<?php

//sintak function dynamicBar
function dynamicBar()
{
include "koneksi.php";

//======= Dynamic Title Bar untuk Berita ========================================================//

//jika id dari url yang diminta adalah berita
if($_REQUEST['id'] == "berita")
{
//maka page/halaman diisi Berita

$page="Berita";

//Jika kode belum ditentukan maka
if (!ISSET($_REQUEST['kode']))
{
//Maka Title Bar nya nama halamanya dan nama webnya
$dynamicbar= " $page | $webhost ";
}
else
{
//meminta variabel kode dari ulr dan masukan ke variabel $kode
$kode = $_REQUEST['kode'];

//memanggil field judul dari tabel t_news yang field id = $kode
$query = "select subject from t_news where id='$kode'";
$rquery = mysql_query($query);
$judul = mysql_fetch_array($rquery);

//Jika kode sudah ditentukan Title Bar nya nama halamannya dan judul artikelnya
$dynamicbar=  $judul['subject'] ." | $page  ";
}

}

Dari contoh diatas bisa dikembangkan ke halaman yang lain misalnya halaman detail guru dan staf dengan url guru.php?id=data&kode=608 dengan cara yang sama dengan request berita silahkan untuk mencobanya.

Memasang fungi dynamic title bar ke CMS Balitbang

Langkah 1.  Copykan file fungsi_dynamic_title_bar.php ke folder functions

Copykan file fungsi_dynamic_title_bar.php yang sudah dibuat ke folder functions di CMS Balitbang.

Langkah 2.  Edit file index.php di folder html

Buka file index.php yang berada di folder html dan tambahkan baris baru di bawah ini

include ("../functions/fungsi_dynamic_title_bar.php");

di atas baris

function isi($id) {

sehingga menjadi

<?php
session_start();
define("CMSBalitbang",1);
include ("../lib/parsing.php");
require ("../lib/config.php");
include ("../functions/fungsi_utama.php");
include ("../functions/fungsi_gabung.php");
include ("../functions/fungsi_temp.php");
//untuk memanggil fungi_dynamic_title_bar
include ("../functions/fungsi_dynamic_title_bar.php");

function isi($id) {

cari baris kode berikut ini

$id = $_GET['id'];
if ($id=='')  $id = $_POST['id'];

$a["nmsekolah"]=$nmsekolah;
$a["nmweb"]=$webhost;
$a["isi"]=isi($id);
$a["atas"]=banneratas();
$a["menu"]=menu($id);
$a["kiri"]=$kiri;
$a["path"]=$alan;
$a["bahasa"]=multibahasa();
Parse($alan."index.tpl.htm",$a);

?>

kemudian sisipkan kode ini

$a["dynamicbar"]=dynamicBar();

 

sehingga menjadi

$id = $_GET['id'];
if ($id=='')  $id = $_POST['id'];

//kode yang ditambahkan dynamicbar untuk di tampilkan di index.tpl.htm
$a["dynamicbar"]=dynamicBar();
$a["nmsekolah"]=$nmsekolah;
$a["nmweb"]=$webhost;
$a["isi"]=isi($id);
$a["atas"]=banneratas();
$a["menu"]=menu($id);
$a["kiri"]=$kiri;
$a["path"]=$alan;
$a["bahasa"]=multibahasa();
Parse($alan."index.tpl.htm",$a);

?>
Langkah 3.  Edit file index.tpl.htm di folder template aktif

Buka file index.tpl.htm di folder templat aktif misal template namanya smanew maka foldernya temp/smanew

cari baris kode

<title>Selamat Datang di{nmsekolah}</title>

dan ganti dengan baris ini

<title>{dynamicbar}</title>
Langkah 4.  Edit File guru.php, siswa.php, profil.php, alumni.php

Edit file guru.php, siswa.php, profil.php dan alumni.php sama seperti merubah file index.php dari langkah 1-2. Untuk langkah ke 3 tidak perlu.

Selesai

Alhamdulilah tutorial sudah selesai dan selamat mencoba kalo ada yang tidak jelas silakan komen langsung ya. oh iya file fungsi_dynamic_title_bar.php sudah saya siapkan sebagai contoh kalo mengalami kesulitan disitu sudah saya contohkan beberapa halaman seperti profil, berita, artikel, Materi Ajar, Materi Ajar Detail, Materi Uji, Materi Uji detail dan detail Guru dan Staf untuk yang lainnya silahkan kembangkan sendiri ya.

SEMOGA BERMANFAAT.

SILAHKAN DOWNLOAD FILENYA di bawah ini

download_button

About arisddg31

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

Posted on Juli 24, 2015, in CMS Balitbang, Tutorial and tagged , , , , , . Bookmark the permalink. Tinggalkan 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: