VBZP – Menyembunyikan Menu Konten

Hallo Manteman!!

Back again to my activity VBZPreneur. Kali ini engga terlalu special sih. Hanya langkah kecil yang berharap bisa menjadi langkah besar dikemudian hari. Hihi.

Mau tau apa aja? Yuk kita cermati sejenak ^_^

Di VBZPreneur itu banyak menu-menu yang memang ‘belum’ memiliki fungsi apapun. Selain mengganggu, pasti menu tersebut akan membuat kesalahpahaman diantara kita semua selaku pengguna VBZPreneur. Untuk itu, Hap punya ide untuk mensiasatinya dengan menyembunyikan sejenak menu-menu tersebut. Hihi

Mau tau seperti apa? Oke Hap kasih tahu before afternya ya ^_^

Before

After

Before

 

<!– Small boxes (Stat box) –>
<div class=”row”>
<div class=”col-lg-3 col-xs-6″>
<!– small box –>
<div class=”small-box bg-aqua”>
<div class=”inner”>
<h3><?=$jml_pos;?></h3>
<p>Postingan</p>
</div>
<div class=”icon”>
<i class=”ion ion-ios-book”></i>
</div>
<a href=“<?=base_url()?>post/me” class=”small-box-footer”>More info<i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<div class=”col-lg-3 col-xs-6″>
<!– small box –>
<div class=”small-box bg-green”>
<div class=”inner”>
<h3><?=$jml_com;?></h3>
<p>Comment</p>
</div>
<div class=”icon”>
<i class=”ion ion-ios-chatbubble”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–div class=”col-lg-3 col-xs-6″>
<!– small box –>
<!–div class=”small-box bg-yellow”>
<div class=”inner”>
<h3>44</h3>
<p>User Registrations</p>
</div>
<div class=”icon”>
<i class=”ion ion-person-add”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–div class=”col-lg-3 col-xs-6″>
<!– small box –>
<!–div class=”small-box bg-red”>
<div class=”inner”>
<h3>65</h3>
<p>Unique Visitors</p>
</div>
<div class=”icon”>
<i class=”ion ion-pie-graph”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–/div–><!– /.row –>

 

After

 

<!– Small boxes (Stat box) –>
<div class=”row”>
<div class=”col-lg-3 col-xs-6″>
<!– small box –>
<div class=”small-box bg-aqua”>
<div class=”inner”>
<h3><?=$jml_pos;?></h3>
<p>Postingan</p>
</div>
<div class=”icon”>
<i class=”ion ion-ios-book”></i>
</div>
<a href=”<?=base_url()?>post/me” class=”small-box-footer”>More info<i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<div class=”col-lg-3 col-xs-6″>
<!– small box –>
<div class=”small-box bg-green”>
<div class=”inner”>
<h3><?=$jml_com;?></h3>
<p>Comment</p>
</div>
<div class=”icon”>
<i class=”ion ion-ios-chatbubble”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–div class=”col-lg-3 col-xs-6″>
<!– small box –>
<!–div class=”small-box bg-yellow”>
<div class=”inner”>
<h3>44</h3>
<p>User Registrations</p>
</div>
<div class=”icon”>
<i class=”ion ion-person-add”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–div class=”col-lg-3 col-xs-6″>
<!– small box –>
<!–div class=”small-box bg-red”>
<div class=”inner”>
<h3>65</h3>
<p>Unique Visitors</p>
</div>
<div class=”icon”>
<i class=”ion ion-pie-graph”></i>
</div>
<a href=”#” class=”small-box-footer”>More info <i class=”fa fa-arrow-circle-right”></i></a>
</div>
</div><!– ./col –>
<!–/div–><!– /.row –>

 

Nah! dari script yang ada, Hap coba jelasin ya maksudnya. Ini engga ada yang di ubah sebenernya scriptnya. Hanya Hap coba non aktifkan script tersebut menjadi comment agar pas di refresh di bagian home, tidak akan terlihat. Lagi pula viewboard yang baru berhasil di tarik adalah Post dan Comment (untuk saat ini) dan selanjutnya akan lebih di tingkatkan.

Okedeh. Sekian dari penjelasan Hap, semoga bermanfaat ya ^_^

See you in next until ^_^

Leave a Reply