Cara Mengubah Ukuran Header CMS Balitbang Kemdikbud

Ukuran Header Template pada CMS Balitbang standar Panjang 1000 dan Tinggi 150. Tapi pada tulisan ini akan kita bahasa gaimana cara mengubah ukuran header CMS Balitbang menjadi tinggi dari sebelumnya. Ukuran header tergantung pada template yang kita gunakan, walaupun template yang kita gunakan sudah tinggi akan tetapi apabila kita belum melakukan perubahan pada plugin pada CMS Balitbang tidak tidak akan mempengaruhi ukuran header website sekolah kita,oleh karena itu mari kita ikuti langkah-langkah berikut ini :
LANGKAH PERTAMA
Download Slidebanner, lalu letakkan / ekstract pada folder plugins website anda.
LANGKAH KEDUA
edit file index.tpl.htm yang anda gunakan pada template anda, lalu cari di baris paling bawah kode
</div>
     
</body>
</html>
   
lalu sisipkan script berwarna biru  diantara
</div>
dan
</body>
sehingga script menjadi

</div>
    <link rel="stylesheet" type="text/css" href="../plugins/slidebanner/preview.css"/>
    <link rel="stylesheet" type="text/css" href="../plugins/slidebanner/wt-rotator.css"/>
    <script type="text/javascript" src="../plugins/slidebanner/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../plugins/slidebanner/js/jquery.easing.1.3.min.js"></script>
    <script type="text/javascript" src="../plugins/slidebanner/js/jquery.wt-rotator.min.js"></script>   
    <script type="text/javascript" src="../plugins/slidebanner/js/preview.js"></script>       
</body>
</html>   

Lalu Simpan index.tpl.htm
LANGKAH KETIGA
edit file fungsi_gabung.php yang ada pada folder functions di website anda
lalu cari kode

function banneratas() {

....................
....................
....................
   
return $atas;
}
Ganti function banneratas sehingga menjadi
function banneratas() {

    $banneratasku=mysql_query("select * from t_gambaratas");
    $nomor=1;
    while ($okbanner = mysql_fetch_array($banneratasku))
    {
$viewbanner .="
                            <li>
                               <a href='../images/banneratas/gbanner$okbanner[id].$okbanner[jenis]' title='$okbanner[judul]' width='1000' height='150'>
                               <img src='../images/banneratas/gbanner$okbanner[id].$okbanner[jenis]' alt='$okbanner[judul]' width='1000' height='150'></a>
                            </li>
";
$nomor++;
}
$atas ="
    <div class='panel'>
        <div class='container'>
            <div class='wt-rotator'>
                <div class='screen'>
                <noscript><img src='../images/banneratas/gbanner1.jpg'/></noscript>
                </div>
                <div class='c-panel'>
                    <div class='thumbnails'>
                        <ul>
                        $viewbanner
                        </ul>
                    </div> 
                    <div class='buttons'>
                        <div class='prev-btn'></div>
                        <div class='play-btn'></div>   
                        <div class='next-btn'></div>              
                    </div>
                </div>
            </div>   
        </div>
    </div>";
   
return $atas;
}
SImpan fungsi_gabung, dan refresh website anda.
Pengaturan Images pada header rotator melalui admin panel

 Selamat mencoba, semoga berhasil

Salam hormat
P. Widiyanto
SMK Negeri 2 Banyumas
Sumber : kajianwebsite.org