Jumat, 17 Desember 2010

belajar nge blog ....

Menu yang terdapat pada sebuah web selain berguna untuk memudahkan pengunjung membuka halaman-halaman tertentu, juga bisa menambah estetika. Begitu pula dengan menu horizontal yang bisa membuat web kita menjadi lebihergonimis dan keren. Nah, bagaimana dengan blogspot? Harus diakui bahwa pada template blogspot standart, fasilitas menu horizontal tidak ada didalamnya. Namun, kita tidak perlu berkecil hati sebab seperti yang telah saya katakan pada postingan sebelumnya bahwa kita bisa membuat menu termasuk menu horizontal pada blogspot. Berikut saya ulaslangkah-langkah membuat menu horizontal pada Blogspot. Sebagai contoh kita akan membuat menu horizontal dibawah header
  1. Login ke akun Blogspot pembaca
  2. Klik link menu Tata Letak, kemudian pilih Edit HTML.
  3. Back up terlebih dahulu template pembaca dengan mengklik link Download Template Lengkapagar jika terjadi kesalahan saat mengedit, pembaca bisa mengembalikannya dengan menguploadnya kembali.
  4. Silahkan beri tanda centang pada kotak kecil disamping tulisan Expand Template Widget
  5. Cari kode seperti dibawah ini pada template pembaca:



  6. Jika sudah ketemu, silahkan copy struktur berikut tepat dibawah kode-kode pada langkah 5
  7. Setelah itu klik tombol SIMPAN TEMPLATE, lalu lihat hasilnya
  8. Pembaca akan melihat bahwa menu-menu tersebut muncul sebagai list vertikal, bukan horizontal. Oleh karena itu, kita perlu mengatur tampilannya agar muncul berjejer secara horizontal dengan menggunakan CSS. Selain itu, kita juga bisa mengatur tampilan dari menu tersebut agar terlihat lebih menarik dengan CSS.
  9. Buka kembali bagian Edit HTML pada blogspot pembaca, kemudian cari kode ]]>.
  10. Silahkan copy struktur berikut diatas kode ]]>
    /*CSS untuk menu horizontal*/

    .menuhor ul{
    font: bold 13px arial;
    padding-left: 0;
    margin-left: 0;
    height: 20px;
    }

    .menuhor ul li{
    list-style: none;
    display: inline;
    }

    .menuhor ul li a{
    padding: 2px 0.5em;
    text-decoration: none;
    float: left;
    color: black;
    background-color: #33FFCC;
    border: 2px solid #33FFCC;
    }

    .menuhor ul li a:hover{
    background-color: #33CCFF;
    border-style: outset;
    }

    .menuhor ul merupakan atribut class yang berfungsi untuk mengatur tampilan parent dari listmenu horizontal tersebut.
    .menuhor ul li berfungsi untuk mengatur tampilan anak menu horizontal yang kita buat.
    .menuhor ul li a berfungsi untuk mengatur tampilan link dari anak menu tersebut.
    .menuhor ul li a:hover berfungsi untuk mengatur tampilan link anak menu ketika pointer digerakkan diatasnya.
  11. Kemudian ubah struktur yang Anda copy pada langkah 6 diatas sehingga menjadi seperti berikut:
  12. Silahkan ganti URL 1 dengan URL halaman yang akan dituju jika menu "Home" diklik. URL 2diganti dengan URL halaman yang akan dituju jika menu "Tutorial Website" diklik, dan seterusnya.
  13. Klik tombol SIMPAN TEMPLATE.
Untuk melihat hasilnya silahkan buka disini. Seperti yang telah saya katakan, bahwa CSStersebut berfungsi untuk mengatur tampilan menu yang kita buat tadi. Silahkan pembaca menambah atau merubah atribut CSS tersebut untuk memodifikasi tampilannya, misalnya warna tulisan, background, lebar menu, dan lain-lain. Jika pembaca ingin mengerti cara memodifikasi atau membuat CSS tersebut, silahkan klik disini. Saya yakin pembaca akan lebih mengerti bagaimana CSS tersebut bekerja. Dengan adanya menu horizontal tersebut blogpembaca pasti menjadi lebih keren dan ergonomis.
Selamat mencoba dan jangan lupa meninggalkan komentar ya

Mendagri VS Aryo Bimo


Ini menjadi hal yang mustahil terlaksana. Seorang Mendagri di paksa turun dari podium saat membacakan RUU DIY ( Rancangan Undang-Undang Daerah Istimewa Yogyakarta ) Oleh DPR Fraksi PDI-P ( Bimo ). Seorang Mendagri di paksa turun setidaknya sudah ada kontrak forum. Dimana kontrak forum tersebut berisi tentang kuasa seorang perwakilan untuk membacakan hasil rapat internal di atas podium sampai selesai laporannya. Jika ada semacam kontrak forum terebut, kejadian itu tidak akan pernah terjadi dan tidak menjadi bahan perbincangan di media massa. Sehingga jika halnya sudah masuk dalam media massa sudah barang tentu Mendagri akan mendapat sebuah penilaian dari masyarakat yang minim. Jelas halnya jika Mendagri seorang perwakilan yang diberikan izin dari kepala pemerintahan yakni Presiden.
Sebelumnya, Bimo DPR fraksi PDI-P memberikan sebuah pernyataan bahwa Mendagri tidak mempunyai wewenang untuk membacakan RUU DIY,   sebab RUU itu dibahas di ruang lingkup kedaerahan. Artinya di bahal dalam lembaga DPRD sebab itu terkait dengan kelangsungan hidup masyarakat di daerah Yogyakarta. Bimo pun mempersilahkan Mendagri untuk turun dari Podium setelah membaca separoh dari laporan tentang RUU DIY. Seorang Mendagri pun bersedia memenuhi permintaan DPR fraksi PDI-P. Dan Mendagri memberikan laporannya kepada pemimpin sidang ( presidium ). Ini merupakan sedikit deskripsi bagaimana mekanisme berjalannya suatu sidang. Dan Mendagri pun mencoba memberikan ulasan tentang kejadian tersebut ke media massa. Yang mana menyatakan bahwa Mendagri sudah mendapatkan izin untuk membacakan laporan RUU DIY di depan persidangan Dewan. Dengan demikian, setidaknya mendapatkan ulasan sedikit tentang pembahasan RUU tersebut di persidangan Dewan.