Membuat Menu di Bawah Header / Judul Blog

Bagi rekan blogger yang menggunakan template yang belum difasilitasi dengan menu horisontal dibawah header pada blognya, berikut saya postkan bagaimana cara membuat menu tersebut. Fungsi dan kegunaan menu ini adalah agar memudahkan kita dalam menelusuri  semua isi yang terkandung didalam blog tersebut (baca: easy to navigate)  .Yuk kita mulai...



Hal pertama yang harus dilakukan adalah login ke blogger > Layout/Tata Letak > Edit Html .
Selanjutnya Anda cari kode dibawah ini, untuk mempermudah pencarian silahkan gunakan CTRL+F

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>

Anda ubah kode showaddelement='no' menjadi  showaddelement='yes' , kalau sudah klik simpan ya

Setelah yang pertama sudah disimpan, sekarang klik Page elements / Elemen Laman > Tambah Gadget > HTML/Javascript , copy kode dibawah ini,simpan dan letakan tepat dibawah header.
Untuk menambah gadget dibawah header bisa baca  disini

<a href="http://www.masbugie.com " class="navigation">HOME</a>
<a href="http://www.masbugie.com " class="navigation">CONTACT</a>
<a href="http://www.masbugie.com " class="navigation">BUKU TAMU</a>
<a href="http://www.masbugie.com " class="navigation">FACEBOOK</a>
<a href="http://www.masbugie.com " class="navigation">TWITER</a>
<a href="http://www.masbugie.com " class="navigation">DOWNLOAD</a>
<a href="http://www.masbugie.com " class="navigation">LAIN-LAIN</a>
<a href="http://www.masbugie.com " class="navigation">CHATTING</a>

*Alamat url diatas silahkan sesuaikan dengan blog Anda.


Hal ketiga adalah supaya menu itu menimbulkan efek warna sehingga menjadi kelihatan menarik.

Klik Tata Letak > Edit HTML , cari kode </b:skin> , agar mudah gunakan tombol CTRL+F
Copy kode dibawah ini dan letakan tepat diatas kode  </b:skin> kemudian simpan.

a.navigation {
background: #3333ff ;
color: #ffffff;
margin: 1px;
padding: 2px;
border-width: 0;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
a.navigation:hover {
background: #333333;
color: #ffffff;
text-decoration: none;
}

Perhatikan kode yang berwarna biru adalah warna tombol dan efek hover dan bisa dirubah sesuka hati Anda.Dan yang berwarna merah adalah jarak antara tombol satu dengan lainnya, silahkan Anda sesuaikan sesuai selera.

Untuk mengetahui kode-kode warna dalam HTML silahkan lihat juga disini

Selesai, semoga bermanfaat....salam

Tips Buat Mahasiswa IT

Tips Buat Mahasiswa IT
IT (Informatic Technologi) adalah bidang yang saya geluti saat ini , yang mana merupakan perjudian yang saya lakoni dalam menjalani slice of life yang membuang kesempatan saya kuliah di universitas negeri  ,, hahaha
dari pengalaman saya sebagai mahasiswa IT ada beberapa tips yang mudah2an dapat membantu teman2 yang baru masuk menjadi mahasiswa IT
1. Ikut Program Orientasi Mahasiswa Baru
Kata Ospek mungkin terkenal dengan sesuatu yang menyeramkan dalam memulai hidup menjadi mahasiswa , akan tetapi itu sangan mempengaruhi kesiapan kita dalam menjalani hidup sebagai mahasiswa .

2. Persiapkan Logika
Sebagai Informatikawan tentunya sangatlah penting akan sebuah logika, karena kode program2 yang akan dibuat dan ditulis adalah runtutan secara sistematis yang meniru cara kerja otak kita.

3. Berfikir secara terurut
Pada poin 2 di jelaskan bahwa " kode program2 yang akan dibuat dan ditulis adalah runtutan secara sistematis yang meniru cara kerja otak kita" maka mulailah berfikir secara runtut dan menganalisis cara kerja kita dari awal hingga akhir ,,
contohnya apabila kita di suruh membuat program untuk memisahkan bilangan ganjil dari 1 - 10
maka otak kita tentu sudah tahu bahwa bilangan ganjil dari 1-10 adalah 1,3,5,7,9 akan tetapi kita harus menganalisis dulu dari awal maka
kita tulis dahulu 1,2,3,4,5,6,7,8,9,10 kemudian otak kita berfikir aturan bilangan ganjil yaitu bilangan yang memiliki sisa bagi , apabila dibagi 2
kemudian otak kita memisahkan bilangan2 tersebut
yaitu 1,3,5,7,9 setelah berfikir demikian maka akan mudah untuk di buatkan program

yakni pertama melakukan perulangan kemudan dicabangkan dengan rule atau aturan yang ada ,, hehhe simple kan .. :) ??

4. Apabila anda telah mempelajari bahasa pemograman cobalah membuat program2 sederhana untuk melatih logika anda seperti
-bilangan finnobanci
-bilangan prima
-penyebut bilangan dll
5. Ikutilah study club yang ada di jurusan anda
6. Apabila anda merasa perlu pelajaran tambahan atau kurang faham maka jangan ragu untuk less pemograman ,,
hehe sekian dari saya ,, semoga membantu hehe