Jika muncul Halaman AdF.ly Klick Skip Ad pada pojok atas

Membuat Menu Pada Blogspot


    Menu Pada Blogspot mod 1 untuk tampilannya lihat gambar dibawah ini :



    Coding:
    --------------------------------------------------------------------------------------------------------------------

    <style type="text/css">
    #cssmenu,
    #cssmenu ul,
    #cssmenu ul li,
    #cssmenu ul li a {
      margin: 0;
      padding: 0;
      border: 0;
      list-style: none;
      line-height: 1;
      display: block;
      position: relative;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    #cssmenu {
      width: auto;
      font-family: Helvetica, Arial, sans-serif;
      color: #ffffff;
    }
    #cssmenu.align-right ul li {
      float: right;
      border-right: 0;
      border-left: 1px solid rgba(0, 0, 0, 0.22);
    }
    #cssmenu.align-right ul li a {
      border-right: 0;
      border-left: 1px solid rgba(255, 255, 255, 0.15);
    }
    #cssmenu ul {
      background: #222222;
      /* Old browsers */

      background: -moz-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
      background: -webkit-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
      background: -o-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
      background: -ms-linear-gradient(bottom, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
      background: linear-gradient(to top, #000000 0%, #222222 50%, #3c3c3c 51%, #393939 78%, #888888 100%);
    }
    #cssmenu:after,
    #cssmenu ul:after {
      content: '.';
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
    }
    #cssmenu ul li {
      float: left;
      display: block;
      border-right: 1px solid rgba(0, 0, 0, 0.22);
      z-index: 1;
    }
    #cssmenu ul li::after {
      content: '';
      width: 100%;
      height: 8px;
      position: absolute;
      border-top-left-radius: 50% 4px;
      border-top-right-radius: 50% 4px;
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
      background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
      background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #222222 61%, #222222 100%);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
      z-index: 2;
      bottom: 10px;
    }
    #cssmenu ul li a {
      display: block;
      padding: 10px 30px;
      text-decoration: none;
      font-size: 12px;
      text-transform: uppercase;
      color: #ffffff;
      border-right: 1px solid rgba(255, 255, 255, 0.15);
      z-index: 3;
    }
    #cssmenu ul li a:hover,
    #cssmenu ul li.active a {
      color: #ffffff;
    }
    #cssmenu ul li:hover,
    #cssmenu ul li.active {
      background: #1275ae;
      /* Old browsers */

      background: -moz-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
      background: -webkit-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
      background: -o-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
      background: -ms-linear-gradient(bottom, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
      background: linear-gradient(to top, #0b4669 0%, #1275ae 50%, #1794dc 51%, #1691d8 78%, #98d2f4 100%);
    }
    #cssmenu ul li:hover::after,
    #cssmenu ul li.active::after {
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
      background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
      background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 60%, #1275ae 61%, #1275ae 100%);
      background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    }
    </style>

    <div id='cssmenu'>
    <ul>
       <li class='active'><a href='index.html'><span>Home</span></a></li>
       <li><a href='#'><span>Products</span></a></li>
       <li><a href='#'><span>About</span></a></li>
       <li class='last'><a href='#'><span>Contact</span></a></li>
    </ul>
    </div>

    Cara Memasang Coding Menu :
    -------------------------------------------------------
    Loging ke bloger dulu kemudian pilih layout Kemudian klick add gadget:








    Kemudian pilih javascript
     Kemudian Akan Muncul Halaman Seperti ini :




    Setelah itu Paste coding di atas ini pada content, contoh lihat gambar dibawah ini :



    Kemudian Klick Save dan lihat Hasilnya
    Untuk Password RAR semuanya : wongnewbie.blogspot.com


    Google PageRank Checker Powered by  MyPagerank.Net
    Flag Counter