Kamis, 18 Juli 2013

Daftar Kecamatan di Kudus (Latihan Membuat Table)

Kudus terdiri atas 9 kecamatan. Berikut adalah daftar kecamatan di kudus beserta nama Camat masing-masing.



NoNama KecamatanNama Camat
1Kecamatan KotaBergas Catursasi Penanggungan
2 Kecamatan JatiHendro Martoyo
3Kecamatan BaeSoegiyanto
4Kecamatan GebogDjati Sholichah
5Kecamatan DaweDidik Sugiharto
6Kecamatan UndaanJoko Dwi Putranto
7Kecamatan KaliwunguEko Hari Djatmiko
8Kecamatan MejoboMundir
9Kecamatan JekuloAgus Budi Satriyo

Minggu, 30 Juni 2013

Mengubah Kursor Mouse di Blogspot

Cara mengubah kursor mouse di blog kita (blogspot) bisa dilakukan dengan cara yang sederhana. Berikut adalah cara sederhana untuk melakukannya.

  1. Siapkan gambar pengganti kursor mouse (dalam bentuk gambar png)
  2. Masuklah ke dashboard blog anda
  3. Pilih link Tata Letak (Layout)
  4. Tambahkan gadget (HTML/Javascript)
  5. isikan kode berikut di gadget tersebut:
    <style>
     body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtN0wygFI-uRBN8ojplZ6zsf3csl4E01ahCu7bjC5O2-RAbND2uNr0szABFN4FNsQILzHzfqiQRv1iDQkPa7jTBAZLwWLLXr5D4NRIjjhSEYFpfIN5Hs-sYBbG-IBzunK0JMR4mY7agQc/s155/panah.png"), auto;}
    </style>
    
  6. Simpanlah.
Selamat Mencoba!

Rabu, 26 Juni 2013

Thema Blogger Store V2 Untuk Latihan

Berikut adalah thema blogger store v2 untuk latihan. Silahkan di download di link berikut ini : Thema Blogger Store V2 Selamat mencoba

Jumat, 21 Juni 2013

Cara membuat Dropdown Menu di Blogspot

Berikut cara untuk membuat dropdown menu di blogspot:
  1. Buat struktur menu yang akan ditampilkan. misalnya :
    <div id="menuatas">
     <ul id="menuitem">
      <li>
       <a href="#">Daftar Blog</a>
       <ul>
        <li><a href="#">Abdul</a></li>
        <li><a href="#">Biyan</a></li>
       </ul>
      </li>
     </ul>
    </div>   
    
    
  2. Pilih bagian setting/layout atau setelan->tata letak, tambahkan html/javascript. dan isikan dengan struktur menu yang telah dibuat.
  3. Pilih bagian template, dan edit HTML, Tambahkan css berikut pada Template Blogspot, di bagian sebelum
    ]]></b:skin>
    -------------------------------------
#menuatas {
    background: #464849;
    width: 960px;
    color: #FFF;
    margin: 0px;
    padding: 0;
    position: relative;
    border-top:0px solid #960100;
    height:35px; }
#menuitem {
    margin: 0;
    padding: 0;
    }
#menuitem ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menuitem li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left:1px solid #333;
    border-right:1px solid #333;
    height:35px;
    }
#menuitem li a, #menuitem li a:link, #menuitem li a:visited {
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
}
#menuitem li a:hover, #menuitem li a:active {
    background: #028490;
    color: #FFF;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 9px 12px 10px 12px;
}
#menuitem li {
    float: left;
    padding: 0; }
#menuitem li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 160px;
    margin: 0;     
    padding: 0;
    }
#menuitem li ul a {
    width: 140px;
    }
#menuitem li ul ul {
    margin: -25px 0 0 161px;
}
#menuitem li:hover ul ul, #menuitem li:hover ul ul ul, #menuitem li.sfhover ul ul, #menuitem li.sfhover ul ul ul {
    left: -999em;
}
#menuitem li:hover ul, #menuitem li li:hover ul, #menuitem li li li:hover ul, #menuitem li.sfhover ul, #menuitem li li.sfhover ul, #menuitem li li li.sfhover ul {
    left: auto;
}
#menuitem li:hover, #menuitem li.sfhover {
    position: static;
}
#menuitem li li a, #menuitem li li a:link, #menuitem li li a:visited {
    background: #028490;
    width: 120px;
    color: #FFF;
    display: block;
    font:normal 12px Helvetica, sans-serif;
    margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
    z-index:9999;
    border-bottom:1px dotted #333;
    }
#menuitem li li a:hover, #menuitemli li a:active {
    background: #70b6bd;
    color: #FFF;
    display: block;
    margin: 0;
    padding: 9px 12px 10px 12px;
    text-decoration: none;
} 






  • Selamat mencoba!
  • Kamis, 20 Juni 2013

    Daftar Peserta dan Blog yang dibuat 2013/2

    Berikut adalah daftar peserta pelatihan Web dan Internet Gelombang ke-2/2013 beserta daftar blognya:
    NoNamaJudul BlogAlamat
    1AbdulLagu Indie Pop Melayu Terbaruwarungmusi.blogspot.com
    warungmaju.blogspot.com
    2BiyanBisnis Sampinganbatikstyle2l.blogspot.com
    3RatnaKisah Ceritaceritakisah1000.blogspot.com
    butikfashionstyle1.blogspot.com
    4ZulfadilZulfa Dillazulfadil.blogspot.com
    5ChotimahQuotemaquotema.blogspot.com
    mugccu.blogspot.com
    6ChillaJapan Loverarelliajapan.blogspot.com
    tokoonlinemenarik.blogspot.com
    irfanashuka.blogspot.com/
    7HeruSampingansampingankuu.blogspot.com
    8HudaSejarahsejarahhilang.blogspot.com
    buattoko.blogspot.com
    9Siti QToko Lagutoklagu.blogspot.com
    10AlfianBocah Amburadulbocahamboradol.blogspot.com/
    elektronikkitasemua.blogspot.com
    11YasinObat Bagi Manusiaprosmartok.blogspot.com
    tokobatherbalok.blogspot.com
    12BudiBerwirausahabossanjadipegawai.blogspot.com
    13ZiaSerambi Sastrarumbasastra.blogspot.com
    busanakerudungmuslimah.blogspot.com
    14RitaIstana Multimediaberlianmedia.blogspot.com
    fashionbajudanjilbab.blogspot.com
    15WulanWe Care with Smilenunungwulansari.blogspot.com
    16RochmahAngle bookrhonaselamanya.blogspot.com
    17HafidzKumpulan Kata Bijakoemarkhafidz.blogspot.com
    jualtuku.blogspot.com
    18Fandi Achmad

    19SusiBisnis Womenbiswom.blogspot.com