TEKS BERJALAN

*** SELAMAT DATANG DI TP.PKK. KELURAHAN METESEH KECAMATAN TEMBALANG KOTA SEMARANG *** WEBSITE ATAU BLOG INI DIBUAT UNTUK MEMPERMUDAH INFORMASI DAN KOMUNIKASI ANTAR PENGURUS, ANGGOTA DAN MASYARAKAT PADA UMUMNYA *** SEKRETARIAT : JL.PROF. SUHARSO NO. 001 KOTA SEMARANG 50271 TELP. (024) 76917099 *** E-MAIL : pkkmeteseh@gmail.com *** INTERNET ADALAH KEBUTUHAN YANG HARUS DIPENUHI DI ERA MODERN INI UNTUK MENINGKATKAN SUMBER DAYA MANUSIA DAN UNTUK MENGETAHUI APA YANG SEDANG TERJADI DI SELURUH DUNIA *** OPERATOR WEBSITE DAN COMPUTER IBU YUSUF *** TERIMA KASIH KUNJUNGAN ANDA ***

Minggu, 05 Mei 2013

CARA MEMBUAT MENU NAVIGASI


CARA MEMBUAT MENU NAVIGASI
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="right" scrollamount="3">
<img src="http://2.bp.blogspot.com/-xorOlfvvsQs/UbXwNk-EM8I/AAAAAAAAAcQ/rUsGwO-0MxI/s135/Image%2B11.jpg" height="109" width="112" />
</marquee>

<marquee>
<span style="color:#990000;"><span style="color:#cc0000;"><span style="color:#000000;"> <span style="color:#009900;">***<span style="color:#339999;"><b>  <span style="color:#993399;">SELAMAT DATANG DI TP.PKK. KELURAHAN METESEH KECAMATAN TEMBALANG KOTA SEMARANG</span></b></span>  ***<b>  WEBSITE ATAU BLOG INI DIBUAT UNTUK MEMPERMUDAH INFORMASI DAN KOMUNIKASI ANTAR PENGURUS, ANGGOTA DAN MASYARAKAT PADA UMUMNYA  </b>***   <b><span style="color:#993399;">SEKRETARIAT : JL.PROF. SUHARSO NO. 001 KOTA SEMARANG 50271 TELP. (024) 76917099  </span>***   <span style="color:#333300;">E-MAIL : pkkmeteseh@gmail.com</span>  *</b>**  <b><span style="color:#cc0000;">INTERNET ADALAH KEBUTUHAN YANG HARUS DIPENUHI DI ERA MODERN INI UNTUK MENINGKATKAN SUMBER DAYA MANUSIA DAN UNTUK MENGETAHUI APA YANG SEDANG TERJADI DI SELURUH DUNIA   </span></b>***  <b><span style="color:#000099;">OPERATOR WEBSITE DAN COMPUTER IBU YUSUF </span></b>***  <span style="color:#000000;"><b>TERIMA KASIH KUNJUNGAN ANDA</b>  </span>***</span></span></span></span></marquee><span style="color:#ff0000;">
</span>


    <style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
   
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

        </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href=' http://pkkmeteseh.blogspot.com/ '>BERANDA</a> </li>
                <li>

                  <a href='#'>PROFIL</a>
                     <ul>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/01/profil-tp-pkk-kelurahan-meteseh.html '>TP.PKK KELURAHAN</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/06/arti-lambang-pkk.html '>ARTI LAMBANG PKK</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/06/sejarah-pkk.html '>SEJARAH PKK </a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/06/10-program-pokok-pkk.html '>10 PROGRAM PKK</a></li>
                  </ul>
                                 <li><a href=' http://pkkmeteseh.blogspot.com/search/label/Berita '>BERITA</a> </li>
                                 <li><a href=' http://pkkmeteseh.blogspot.com/search/label/Undangan            '>UNDANGAN</a></li>
                                 <li><a href=' http://pkkmeteseh.blogspot.com/search/label/Notulen '>NOTULEN</a></li>
                                 <li> <a href=' # '>GALLERY</a>
                     <ul>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/06/blog-post_6212.html'>PENGURUS</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/05/blog-post_12.html'>KEGIATAN PKK </a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/03/pada-tanggal-25-maret-sd-tanggal-27.html'>TEMU KADER</a></li>

</ul>
                                 <li> <a href=' http://pkkmeteseh.blogspot.com/search/label/Pengurus '>PENGURUS</a></li>
                                 <li><a href=' http://pkkmeteseh.blogspot.com/search/label/Doa'>DOA PKK</a></li>
<li>
<a href=' # '>LAIN - LAIN</a>
<ul>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/05/membuat-cursor-tulisan-bertabur-bintang.html'>CURSOR BINTANG</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/07/cara-membuat-buka-foto-di-folder.html'>BUKA FOTO FOLDER</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/07/cara-membuat-link-download.html' >LINK DOWNLOAD</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/05/cara-membuat-link-dengan-logo-gambar.html'>LINK GAMBAR</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/05/cara-membuat-burung-terbang.html'>BURUNG TERBANG</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2012/07/cara-membuat-buku-tamu.html'>BUKU TAMU</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2012/07/cara-membuat-bunga-berguguran.html ' >BUNGA GUGUR</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2012/07/cara-membuat-kembali-ke-atas.html ' >KEMBALI ATAS</a></li>
                        <li><a href=' http://pkkmeteseh.blogspot.com/2013/07/cara-membuat-menu-navigasi.html ' >MENU NAVIGASI</a></li>

                  </ul>

<li><a href=' http://pkkmeteseh.blogspot.com/search/label/Video'>V I D E O</a></li>

<li>
                  <a href='#'>LINK - LINK</a>
                     <ul>
                        <li><a href=' http://tppkk-kotasemarang.org '>PKK KOTA SMG</a></li>
                        <li><a href=' http://dawismanggar2.blogspot.com '>PKK RT.03 RW.XIV</a></li>
                        <li><a href=' http://semarangkota.go.id/portal ' >PEMKOT SEMARANG</a></li>
                        <li><a href=' http://semarangkota.go.id/kel-pleburan '>KEL.PLEBURAN</a></li>
                        <li><a href=' http://dinustech.com/simpkk/v2/login'>SIM PKK KOTA</a></li>
                        <li><a href=' https://mail.google.com/mail/u/0/?shva=1#inbox' >E-MAIL</a></li>
                        <li><a href=' http://www.cbox.ws/admin.php?preproc=logout' >CBOX KOMENTAR</a></li>

                  </ul>
<li><a href=' http://pkkmeteseh.blogspot.com/2013/07/tv-online.html'>TV ONLINE</a></li>
</li></li></li></li></ul>

                <li>  </li>
                <li>
               </li>
        </div>


KETERANGAN : Kehilangan satu huruf HTML akan Error ( Berantakan )





1 komentar:

  1. ibu ibu pkk ora bakalan mudeng pak, kecuali ibu sarjana komputer....

    BalasHapus