Selasa, 08 Mei 2012

Pesan & Kesan Selama Mengikuti Praktik Labintdas

Pesan dan Kesan Praktikum Labintdas (Laboratorium Internet Dasar)
Kesan belajar di Labintdas  dengan ditutor ka arrum sangat-sangat menyenangkan dan apa yang dipelajari juga menjadi bermanfaat buat saya sendiri,yang tadinya hanya mengetahui cara pakainya saja menjadi mengetahui cara membuatnya.

Pesannya terhadap Labintdas dimohon mengganti komputer yang sekarang dengan yang baru ataupun yang sewajarnya agar semua mahasiswa yang praktikum di Labintdas menjadi merasa nyaman dan bisa menggunakan komputer tersebut secara masing-masing.

Cara Membuat Menu Dropdown di Blog

Ada pun langkah – Langkahnya sebagai berikut :


  • Login ke Blogger >> klik Tata Letak >> Edit HTML. 
  • Backup dulu template anda. caranya pasti sudah taulah.. >> Download Template Lengkap 
  • Cari Code :
    ]]></b:skin>
     
  • Copy paste code di bawah ini tepat di atasnya

    /* Navigasi Dropdown Menu */
          #navdropdownmenu{
          background:black; /*Warna Latar Belakang */
          width:100%;
          height:auto;
          margin:0;
          padding:0;
          }
          #navdropdownmenu ul{
          float:left;
          list-style:none;
          margin:0;
          padding:0;
          }
          #navdropdownmenu li{
          list-style:none;
          float:left;
          }
          #navdropdownmenu li a, #navdropdownmenu li a:link, #navdropdownmenu li a:visited{
          color:yellow; /* Warna Teks */
          display:block;
          padding:9px 10px 9px 10px;
          font-size: 12px; /* Ukuran Teks */
          font-family: verdana; /* Jenis font */
          text-decoration:none;
          }
          #navdropdownmenu li a:hover{
          background:yellow; /* Warna latar saat kursor mouse berada di atasnya (hover) */
          color:black; /* Warna teks saat kursor mouse berada di atasnya */
          padding:9px 10px 9px 10px;
          }
          #navdropdownmenu li ul{
          z-index:10;
          position:absolute;
          height:auto;
          width:200px; /* Lebar submenu */
          border-width:1px 0 0 0; /* Tebal garis pinggir submenu */
          border-style:solid;
          border-color:#ffff66; /* Warna garis pinggir submenu */
          }
          #navdropdownmenu li ul li a, #navdropdownmenu li ul li a:link, #navdropdownmenu li ul li a:visited{
          float:none;
          background:black; /* Warna latar belakang submenu */
          width:200px; /* Lebar submenu. Isi dengan nilai yang sama */
          border-width:0 1px 1px 1px; /* Tebal garis pinggir submenu */
          border-style:solid;
          border-color:#ffff66; /* Warna garis pinggir submenu */
          }
          #navdropdownmenu li ul li a:hover{
          background:yellow; /* Latar belakang submenu ketika kursor mouse berada di atasnya */
          color:black; /* Warna teks submenu ketika kursor mouse berada di atasnya */
          }
          #navdropdownmenu li:hover ul, #navdropdownmenu li a:hover ul#submenu, #navdropdownmenu li:hover a:hover ul#submenu{
          z-index:10;
          position:absolute;
          height:auto;
          width:200px; /* Lebar submenu */
          left:auto;
          }
          .ngumpet{
          display:none;
          }
          .muncul{
          display:block;
          }
     
  • Cari kode berikut

    </head>
     
     
  • Ketikkan code berikut diatasnya

    <script>
          var auahgelap = &#39;&#39;;
          function petakumpet(id)
          {
          var menu = document.getElementById(id);
          var sangmantan = menu.className;
          if (sangmantan == &#39;ngumpet&#39;) {
          if (auahgelap != &#39;&#39;) {
          var terlalu = document.getElementById(auahgelap);
          terlalu.className = &#39;ngumpet&#39;;
          }
          menu.className = &#39;muncul&#39;;
          auahgelap = id;
          } else {
          menu.className = &#39;ngumpet&#39;;
          }
          }
          function umpetpetak(id)
          {
          var menu = document.getElementById(id);
          var sangmantan = menu.className;
          if (sangmantan != &#39;ngumpet&#39;) {
          if (auahgelap == &#39;&#39;) {
          var terlalu = document.getElementById(auahgelap);
          terlalu.className = &#39;muncul&#39;;
          }
          menu.className = &#39;ngumpet&#39;;
          auahgelap = id;
          } else {
          menu.className = &#39;muncul&#39;;
          }
          }
          </script>

     
  • Cari kode yang mirip kode berikut.

    <div id='header-wrapper'>
          <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
          <b:widget id='Header1' locked='true' title='(Judul Blog Anda) (Header)' type='Header'/>
          </b:section>
          </div>

     
  • Dibawahnya, ketikkan kode berikut:

    <div id='navdropdownmenu'>
          <ul id='navdropdownmenu'>
          <li><a href='#'>Home</a></li>
          <li onmouseout='petakumpet(&quot;submenu1&quot;)' onmouseover='umpetpetak(&quot;submenu1&quot;)'><a href='#'>Software PC</a>
          <div class='ngumpet' id='submenu1'>
          <ul>
          <li><a href='#'>Application</a></li>
          <li><a href='#'>Anti Virus</a></li>
          <li><a href='#'>Internet Browser</a></li>
          <li><a href='#'>Utility</a></li>
          <li><a href='#'>Themes</a></li>
          <li><a href='#'>Desktop</a></li>
          <li><a href='#'>Games</a></li>
          <li><a href='#'>Hack Tools</a></li>
          </ul>
          </div>
          </li>
          <li onmouseout='petakumpet(&quot;submenu2&quot;)' onmouseover='umpetpetak(&quot;submenu2&quot;)'><a href='#'>Mobile Software</a>
          <div class='ngumpet' id='submenu2'>
          <ul>
          <li><a href='#'>Application</a></li>
          <li><a href='#'>Games</a></li>
          <li><a href='#'>Themes</a></li>
          <li><a href='#'>Anti Virus</a></li>
          </ul>
          </div>
          </li>
          <li onmouseout='petakumpet(&quot;submenu3&quot;)' onmouseover='umpetpetak(&quot;submenu3&quot;)'><a href='#'>Tips And Tricks</a>
          <div class='ngumpet' id='submenu3'>
          <ul>
          <li><a href='#'>Blogger</a></li>
          <li><a href='#'>Tutorials</a></li>
          <li><a href='#'>Computers</a></li>
          </ul>
          </div>
          </li>
          <li onmouseout='petakumpet(&quot;submenu4&quot;)' onmouseover='umpetpetak(&quot;submenu4&quot;)'><a href='#'>Music</a>
          <div class='ngumpet' id='submenu4'>
          <ul>
          <li><a href='#'>Indo Hits</a></li>
          <li><a href='#'>Rock</a></li>
          </ul>
          </div>
          </li>
          <li><a href='#'>News Update</a></li>
          </ul>
          </div>



    Keterangan:
     
          * Tanda
     # pada kode <a href='#'> adalah link. Ganti dengan URL yang diinginkan
          * Anda bisa menambah atau mengurangi menu diatas.

     
  • Lalu klik >> Simpan Template (Di anjurkan untuk mempratinjau dulu sebelum menyimpan!)
     
  • Lihat Hasilnya..

Tips & Trick SEO

 Belajar seo, sangat umum dan saya sering sekali mendengar kata itu, tapi apa sih sebenarnya yang haru dipelajari agar bisa cepat menguasai tekhnik-tekhnik seo yang jitu dan mujarab. Saya akan mencoba membahas apa saja yang harus dikuasai bagi pemula, minimal bisa menerapkan seo yang baik untuk web baru yang sudah dibuat, jadi siapkan dahulu bahan-bahannya seperti: koneksi internet dan website yang belum dioptimasi.
1.     Basic format
Langsung saja, format dasar seo sebenarnya terletak di: Title/Judul halaman, Meta, yang dibagi menjadi dua yakni meta keyword dan meta description. Sedangkan di Body yang perlu diperhatikan adalah penulisah heading (<H1>, <H2>, <H3>) dan seterusnya, karena penulisan heading sangat berpengaruh dalam proses seo. Sebaiknya gunakan heading dengan ‘bijak’, yakni <H1> sebaiknya untuk judul utama, <H2> untuk sub menu dan seterusnya. Pengaruhnya lumayan dasyat dan hasilnya pun optimal. Hanya dengan menerapkan basic format ini, saya kira semua syarat dari search engine sudah terpenuhi. Memang sih akan ada banyak lagi yang harus dikerjakan, tapi yang penting kan basicnya harus benar dulu.
2.    Pemilihan Keyword
Tahap ini sebenarnya tahap yang paling sulit, karena ditahap ini anda akan mendapatkan tantangan besar untuk menentukan keyword apa yang cocok untuk web anda. Tapi gak perlu takut untuk mencoba, karena master seo pun masih mencoba-coba dalam menentukan keyword apa yang cocok, namun tidak asal coba. Semua itu harus ditentukan dengan tools yang khusus dipakai untuk menentukan keyword. Pakai saja yang gratis, yakni tools yang dipakai untuk google adword, karena tools itu bisa memberikan hasil yang optimal. Tips untuk memilih keyword yakni jangan menggunakan keyword yang lagi populer dan banyak diperebutkan, sebaiknya hindari itu dari pada anda akan cepat putus aza.
3.    Backlink & Blog walking
Ini yang penting. Saya gak perlu menjelaskan ini lebih rinci karena pasti anda sudah tahu tentang ini. Intinya bagaimana web anda bisa dilink oleh web lain yang topiknya sejenis kalau bisa, tapi kalau enggak juga gak apa-apa. Dari pengalaman yang saya liat selama ini link yang tidak setopik memang kurang greget, tapi cukuplah untuk nambah-nambah poin untuk ningkatin pagerank. Demikian juga dengan blog walking, yakni dengan memberikan komentar yang tentunya baik dan relefan dengan topik di sejumlah blog dengan harapan mendapatkan tautan balik ke web kita.