Menbuat Tab Menu navbar Horizontal diatas header halaman Blog

Menbuat Tab Menu navbar Horizontal diatas header halaman Blog

Perlu diketahui bahwasanya navbar tidak hanya dapat disembunyikan, namun dapat pula dilakukan kustomisasi untuk bagian tersebut yaitu dengan cara menambahkan navbar baru yang lebih ‘cantik’ bila dibandingkan dengan navbar standar Blogger. Dan untuk mempermudah pemahaman mengenai navbar baru yang dimaksud di sini, maka Anda dapat melihatnya pada gambar di tas, dalam hal ini adalah bagian yang ditunjukkan dengan tanda anak panah.

Oke, sekaligus menanggapi pertanyaan Sobat Blogger dalam artikel tanya jawab tentang bagaimana cara membuat menu navbar seperti yang tampak pada gambar di atas, maka sekarang kita langsung pada pokok pembahasan yaitu mengenai cara membuat bilah navigasi di atas header sebagai pengganti navbar. Dimana teknik yang perlu dilakukan untuk keperluan tersebut adalah dengan cara mengerjakan langkah-langkah berikut ini secara berurutan.
Pertama, buka editor template dengan cara mengeklik menu ‘Template>Edit HTML>Lanjutkan’.
Kedua, cari ]]></b:skin> dan kemudian sisipkan kode di bawah ini tepat di atasnya.
#navbar-iframe {
height:0px; visibility: hidden; display: none;
}
Keterangan:
Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.
Ketiga, sisipkan rangkaian kode CSS berikut ini tepat di atas ]]></b:skin> .
/*--------------------------------------------------------------
Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog
Oleh: Semar Bingung
Blog: ELTELU -:[SEMAR BINGUNG'S WEBLOG]:-
URL : http://eltelu.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
width: 100%;
min-width: 960px;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 27px;
font-size: 13px;
z-index: 99;
white-space: nowrap;
background-color: #336699;
background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
box-shadow: 0px 2px 0px rgb(14, 90, 140);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
-moz-transition: all 0.2s linear 0s;
width: 960px;
height: auto;
margin: 0px auto;
}

.kolom-menu {
width: 521px;
height: auto;
margin: 0px 0px 0px -41px;
float: left;
display: inline;
}

.kolom-menu ul {
height: auto;
margin-top: 0px;
}

.kolom-menu ul li {
float: left;
position: relative;
list-style: none outside none;
}

.kolom-menu ul li:first-child {
border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
color: #ffffff;
font-weight: bold;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
text-decoration: none;
display: inline-block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
position: relative;
border-right: 1px solid rgba(30, 30, 30, 0.125);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
background-color: rgba(255, 255, 255, 0.125);
}
Keterangan:
Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah warna biru untuk background dan putih pada teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.
Keempat, cari kode <body dan kemudian sisipkan rangkaian kode dengan format seperti contoh berikut ini tepat di bawahnya.
<div class='bilah-menu-atas' id='bilahmenuatas'>
<div class='kolom-utama'>
<div class='kolom-menu'>
<ul>
<li><a href='http://eltelu.blogspot.com/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEos8lmZtL7aV7M1pbO1EHymcHaPebVpYCO4C_BAkOBZzdMVv49bjsTsoEODBwyrIpG1kCZLczp7C1g90SiAgmAUGhx2xMDvj6bkidM6qiTcKXnml7RVlM5F0kJM3h3eD0aXCWuT1azig/s800/Beranda.png' width='20px'/></a></li>
<li><a href='URL'>Menu Kiri 1</a></li>
<li><a href='URL'>Menu Kiri 2</a></li>
</ul>
</div>
<div class='kolom-menu'>
<ul style='float: right'>
<li><a href='URL'>Menu Kanan 1</a></li>
<li><a href='URL'>Menu Kanan 2</a></li>
</ul>
</div>
</div>
</div>
Keterangan:
Ganti http://www.rohilfans.info/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata Menu Kiri 1, Menu Kiri 2, Menu Kanan 1 dan Menu Kanan 2 sesuai dengan menu tampilan yang dikehendaki.
Kelima, simpan template.

Setelah template disimpan maka navbar standar Blogger tidak lagi ditampilkan di halaman blog dan akan tergantikan dengan navbar baru seperti yang tampak pada gambar di atas. Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), Menu Kiri 1, dan Menu Kiri 2, sedangkan kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode <li><a href='URL'>Menu</a></li>.
Semoga berguna dan bermanfaat.
Husaimi Hamidi: Pemprov Riau Tak Serius Kelola Aset Daerah

Husaimi Hamidi: Pemprov Riau Tak Serius Kelola Aset Daerah

PEKANBARU - Banyaknya aset-aset milik daerah yang tidak terurus dan dibiarkan terbengkalai merupakan bentuk ketidak seriusan Pemerintah Provinsi (Pemprov) Riau dalam menangani aset daerah tersebut.

Hal itu ditegaskan Legislator DPRD Riau, dari komisi C, Husaimi Hamidi, Kamis (5/2/2016). Bukti ketidak seriusan itu,  karena dirinya melihat secara langsung  banyaknya aset yang dimiliki tidak terdata dan dibiarkan terbengkalai begitu saja. Seperti mess DPRD Provinsi yang berada di Jalan Thamrin.

"Mess yang di Tahmrin itu dulunya di tempati anggota dewan yang berasal dari dapil luar Pekanbaru. Namun karena sekarang tidak ada yang menempati, mess itu terbengkalai begitu saja," ujar Politisi Partai PPP itu saat di jumpai Riaupos.co di ruangan kerja Komisi C kamis (5/2/2016)

Lebih lanjut Husaimi mengatakan,tidak hanya mess yang pernah ditempati anggota DPRD Riau , tapi mess mahasiswa juga tidak terawat.

"Kalau tidak digunakan lebih baik di jual dan dialihkan saja aset yang lain, sehingga aset itu jelas kita punya," tegasnya

Dalam waktu dekat ini, kata Husaimi,  pihaknya dari komisi C DPRD Riau yang membidangi aset pemprov Riau akan turun langsung melihat semua aset-aset milik daerah itu.

Pihaknya tidak menginginkan, aset yang menjadi milik daerah tersebut terbengkalai dan di tempati oleh orang yang bukan seharusnya.

"Saya lihat pemprov ini sanggup membangun tetapi tidak bisa menjaga. Saya rasa ini di sengaja dibiarkan begitu saja, kalau dah lupa yaa di selamatkan oleh pihak-pihak tertentu. Saya pribadi, tidak setuju kalau mess itu di perbaiki lagi, karena banyak rumah dinas yang di tunggu bukan orang yng bersangkutan," tuturnya.

Sumber : RIAUPOS.CO

Kendaraan Tonase Besar Banyak yang Memakai Plat Non-BM

PEKANBARU - Plat nomor kendraan non BM saat ini dinilai semakin ramai ada di sejumlah Provinsi Riau. Keberadaannya pun kebanyakan bukan keluar masuk Riau untuk mengantar barang dan sebagainya, namun untuk beroperasional secara rutin.


Anggota Komisi E DPRD Riau, Muhammad Adil mengatakan, kendaraan plat non BM tersebut kebanyakan adalah kendaraan bertonase besar, untuk mengangkut beban berat atau kegiatan-kegiatan proyek. Menurut Adil, keberadaan kendraan tersebut tidak hanya ada di daerah kabupaten, tapi juga di perkotaan, misalnya Kota Dumai.

"Saat ini cukup banyak kendraan berplat non BM tersebut yang beroperasional di Riau. Kita lihat contohnya ada di Dumai. Mengapa tidak pakai plat BM saja, mengapa harus non BM," kata Adil, Jumat (4/3/2016).
Sementara itu, anggota Komisi C DPRD Riau, Husaimi Hamidi mengatakan, di daerah Pelalawan pihaknya juga menemukan hal yang sama beberapa waktu lalu, ketika turun ke sejumlah perusahaan beberapa waktu lalu.

"Kami sudah sampaikan ke perusahaan dan meminta agar dilakukan balik nama, kami berikan waktu selama tiga bulan untuk melakukan balik nama tersebut," imbuhnya. (*)