Cara membuat Drop Down Menu lebih dari satu

Langsung saja pada inti nya .

• Pertama Login ke akun BLOGGER anda .
• Kemudian Klik Template or Layout
• Pilih Edit HTML
• Klik Lanjutkan
• Centang Expand Template Widget
• Cari     ]]></b:skin>       (biar cepat gunakan CTRL+F) 
• Kemudian Copas SCRIPT di bawah tepat di atas nya :
• Klik OK

/*----- MBT Drop Down Menu ----*/

    #mbtnavbar {

        background: #000000;

        width: 880px;

        color: #FFF;

            margin: 0px;

            padding: 0;

            position: relative;

            border-top:0px solid #000000;

            height:35px;

    }

    #mbtnav {

        margin: 0;

        padding: 0;

    }

    #mbtnav ul {

        float: left;

        list-style: none;

        margin: 0;

        padding: 0;

    }

    #mbtnav li {

        list-style: none;

        margin: 0;

        padding: 0;

            border-left:1px solid #DDD;

            border-right:1px solid #DDD;

            height:35px;

    }

    #mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {

        color: #000;

        display: block;

       font:normal 12px Helvetica, sans-serif;

       margin: 0;

        padding: 9px 12px 10px 12px;

            text-decoration: none;

       

    }

    #mbtnav li a:hover, #mbtnav li a:active {

        background: #809FFE;

        color: #FFF;

        display: block;

        text-decoration: none;

            margin: 0;

        padding: 9px 12px 10px 12px;

       

   

       

    }

    #mbtnav li {

        float: left;

        padding: 0;

    }

    #mbtnav li ul {

        z-index: 9999;

        position: absolute;

        left: -999em;

        height: auto;

        width: 160px;

        margin: 0;

        padding: 0;

    }

    #mbtnav li ul a {

        width: 140px;

    }

    #mbtnav li ul ul {

        margin: -25px 0 0 161px;

    }

    #mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {

        left: -999em;

    }

    #mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {

        left: auto;

    }

    #mbtnav li:hover, #mbtnav li.sfhover {

        position: static;

    }

    #mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {

        background: #809FFE;

        width: 120px;

        color: #000;

        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;

   

    }

    #mbtnav li li a:hover, #mbtnavli li a:active {

        background: #2646A6;

        color: #FFF;

        display: block;

        margin: 0;

        padding: 9px 12px 10px 12px;

            text-decoration: none;

    }

• Langkah selanjutnya adalah masuk ke Tata Letak
• Kemudian Klik Add Gadget
• Pilih HTML/Java Script
• Kemudian Copas Script di bawah ini
• Klik OK

<div id="mbtnavbar">
<ul id="mbtnav">
<li>
              <a href="#">#</a>
            </li>
<li>
               <a href="#">#</a>

                <ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</li>
<li>
               <a href="#">#</a>

                <ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</li>
<li>
               <a href="#">#</a>

                <ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</li>
<li>
               <a href="#">#</a>

                <ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</li>
<li>
               <a href="#">#</a>

                <ul>
<li><a href="#">#</a></li>
<li><a href="#">#</a></li>
</ul>
</li>
</ul>
</div>

Catatan : Tanda Pager Merah ( # ) di isi dengan URL Link Anda
              Tanda Pager Hijau ( # ) di isi dengan Nama yang akan di tampilkan
              Tanda Pager Biru ( # ) di isi dengan Nama Menu Dropdown nya

Kalau masih belum mengerti mengenai mengisi URL anda bisa lihat contohnya di menu blog saya .


Jangan Lupa Juga untuk Follow Blog and Like My FP

Baca Lanjutannya >>

Auto Like Part II

Langsung Aja ya saya akan memberitahu anda Link Auto Like Facebook yang kedua .

Ni dia Link nya :

Auto Like Update


Semua nya pasti sudah tahu caranya kan ..Jadi saya tidak usah memberi tahukan lagi .
Bagi yang Belum tahu bisa di lihat di postingan saya sebelum nya .

Thank's For ITC SMK BNI

Baca Lanjutannya >>

Cara membuat SMS Online di Blog anda

Kali ini saya akan share tentang cara membuat SMS Online di BLOG Anda

1. Pertama login ke akun blogger Anda
2. Klik menu rancangan
3. Klik ‘Tambah Gadget’… 
4. Kemudian pilih HTML/Java Script
5. Copas Script di bawah ini ke HTML tersebut !!

<iframe name="widgetsms" src="http://www.sms-online.web.id/widget/" width="270" height="350" frameborder="0"></iframe>

Copas srcript di atas !!

Thank's For ITC SMK BNI

Baca Lanjutannya >>

Cara membuat Game ULAR Panjang di Blog

Langsung aja karena udah ada contoh game nya di Blog ane , jadi langsung ane kasih Script nya aja ya ..

Copas Script di bawah ke BLOG anda , dengan menambahkan gadget HTML :


<script type="text/javascript">

/****************************************************
* Cross Browser Snake game- By Lukman Designer- http://www.webtech101.com
*This game is available at http://www.dynamicdrive.com
****************************************************/

/**
*Modifikasi by www.itc-smk-bni.blogspot.com*
**/
            function cbsnake(){
          
                //Pixels to move at once
                this.jump = 8;
                //Size of snake. Make this one less than jump. Doesn't have to be,but adds good effect
                this.sos = 7;
                //Size of board
                //DANGER!!! this.sofb must be EVENLY dividable by this.jump DANGER!!!!
                this.sofb = 400;
                //Set things up
                this.daway = this.sofb - this.jump;
                this.correct = new Array();
                this.correct[0] = 0;
                while(this.correct[this.correct.length -1] != this.daway){
                    this.correct[this.correct.length] = this.correct[this.correct.length -1]+this.jump
                }
                this.zero = 0;
                var gameboard = ' <div class="board" id="board"> <div id="i2"><H1>GAME ULAR</H1> <H4>Ini adalah Game Ular. Pilih kecepatan kemudian gunakan tombol panah pada keyboard untuk mencoba dan makan apel, tapi Anda harus hati-hati jangan sampai menabrak dinding.. <br/><br/><br/><br/><br/><br/><br/><blink>Silahkan Pilih Tombol Dibawah Ini : </blink></H4></div> </div><div class="board" id="score"> <span id="cscore">0</span> <span id="buttons"> <button type="button" id="slow" onClick="snake.slow()">Lambat</button> <button type="button" id="medium"  onClick="snake.medium()">Sedang</button> <button type="button" id="fast"  onClick="snake.fast()">Cepat</button> </span></div>';
                document.write(gameboard);
            }
          
                cbsnake.prototype.setup = function(setspeed){
                    var thisObj = this;
                    //Score...
                    this.score = 0;
                    //Snake Direction
                    this.sdir = 'none';
                    this.sdirb = 'none';
                    this.sdirp = 'none';
                    //Snake arrays
                    this.ctop = new Array();
                    this.cleft = new Array();
                    //Top of snake class
                    this.ctop[0] = 200;
                    this.ctop[1] = -8;
                    //Left of Snake class
                    this.cleft[0] = 200;
                    this.cleft[1] = -8;
                    //current top of apple
                    this.atop = 0;
                    //current left of apple
                    this.aleft = 0;
                    //Milliseconds between move
                    this.speed = setspeed;
                    document.getElementById('board').innerHTML = '<div id="apple"></div><div id="snake0" class="snake"></div><div id="snake1" class="snake"></div>';
                    this.moveapple();
                    this.stopgame = false;
                    setTimeout(function(){ thisObj.msnake() },this.speed);
                    document.onkeydown = function(e){ return thisObj.snakedir(e); };
                }
                cbsnake.prototype.slow = function(){
                    this.setup(100);
                    this.buttons('true');
                    document.getElementById('slow').blur();
                }
                cbsnake.prototype.medium = function(){
                    this.setup(70);
                    this.buttons('true');
                    document.getElementById('medium').blur();
                }
                cbsnake.prototype.fast = function(){
                    this.setup(30);
                    this.buttons('true');
                    document.getElementById('fast').blur();
                }
                cbsnake.prototype.rannum = function(num1,num2){
                    num1 = parseInt(num1);
                    num2 = parseInt(num2);
                    var generator = Math.random()*(Math.abs(num2-num1));
                    generator = Math.round(num1+generator);
                    return generator;
                }
                cbsnake.prototype.moveapple = function(){
                    var usethis = false;
                    while(!usethis){
                        this.atop = this.correct[this.rannum(0,this.correct.length-1)];
                        this.aleft = this.correct[this.rannum(0,this.correct.length-1)];
                        if(this.numInArray(this.ctop,this.cleft,this.atop,this.aleft) == 0){
                            usethis = true;
                        }          
                    }
                    document.getElementById('apple').style.top = this.atop+"px";
                    document.getElementById('apple').style.left = this.aleft+"px";
                }
                cbsnake.prototype.snakedir = function(e){
                        if(!e){
                            //IE...
                            e = window.event;
                        }
                        switch(e.keyCode){
                            case 38:
                                if(this.sdir != 'down' && this.sdirp != 'down'){
                                    this.sdirb = 'up';
                                    this.sdirp = 'up';
                                }
                                break;
                            case 40:
                                if(this.sdir != 'up' && this.sdirp != 'up'){
                                this.sdirb = 'down';
                                this.sdirp = 'down';
                                }
                                break;
                            case 37:
                                if(this.sdir != 'right' && this.sdirp != 'right'){
                                this.sdirb = 'left';
                                this.sdirp = 'left';
                                }
                                break;
                            case 39:
                                if(this.sdir != 'left' && this.sdirp != 'left'){
                                this.sdirb = 'right';
                                this.sdirp = 'right';
                                }
                                break;
                            case 32:
                                if(this.sdir == 'none' && this.sdirp != 'none'){
                                    this.sdirb = this.sdirp;
                                    this.sdirp = 'none';
                                }
                                else{
                                this.sdirp = this.sdir;
                                this.sdirb = 'none';
                                }
                                break;
                        }
                        return this.stopgame;
                      
                }
                cbsnake.prototype.msnake = function(){
                    if(this.stopgame === false){
                        if(this.sdir != 'none'){
                            this.moveall();
                        }
                        var thisObj = this;
                        switch(this.sdir){
                                case 'up':
                                    this.ctop[0] = this.ctop[0] - this.jump;
                                    document.getElementById('snake0').style.top = this.ctop[0]+"px";
                                    if((this.ctop[0] == this.zero && this.sdirb == 'up') || this.ctop[0] < this.zero){
                                        this.gover();
                                    }
                                    break;
                                case 'down':
                                    this.ctop[0] = this.ctop[0] + this.jump;
                                    document.getElementById('snake0').style.top = this.ctop[0]+"px";
                                    if((this.ctop[0] == this.daway && this.sdirb == 'down') || this.ctop[0] > this.daway){
                                        this.gover();
                                    }
                                    break;
                                case 'left':
                                    this.cleft[0] = this.cleft[0] - this.jump;
                                    document.getElementById('snake0').style.left = this.cleft[0]+"px";
                                    if((this.cleft[0] == this.zero && this.sdirb == 'left') || this.cleft[0] < this.zero){
                                        this.gover();
                                    }
                                    break;
                                case 'right':
                                    this.cleft[0] = this.cleft[0] + this.jump;
                                    document.getElementById('snake0').style.left = this.cleft[0]+"px";
                                    if((this.cleft[0] == this.daway && this.sdirb == 'right') || this.cleft[0] > this.daway){
                                        this.gover();
                                    }
                                    break;
                        }
                        if(this.sdir != 'none'){
                            this.hitself();
                            this.happle();
                        }
                    this.sdir = this.sdirb
                    setTimeout(function(){ thisObj.msnake() },this.speed);
                    }
                }
                cbsnake.prototype.gover = function(){
                    if(!this.stopgame){
                        this.stopgame = true;
                        var inner = document.getElementById('board').innerHTML;
                        document.getElementById('board').innerHTML = inner+'<div id="notice">Game Over! Skor Anda '+this.score+'</div><div id="i2"><b>Silahkan Ulangi Lagi...</b></div>';
                        document.getElementById('apple').style.backgroundColor = '#D7BEBE';
                        for(i=0;i<this.cleft.length;i++){
                            document.getElementById('snake'+i).style.backgroundColor = '#BEBEBE';
                        }
                        this.buttons('');
                    }
                }
                cbsnake.prototype.happle = function(){
                    if(this.atop == this.ctop[0] && this.aleft == this.cleft[0]){
                        //HIT!!!
                        this.score++;
                        document.getElementById('cscore').innerHTML = this.score;
                        this.moveapple();
                        this.addsnake();
                    }
                }
                cbsnake.prototype.addsnake = function(){
                var newsnake = document.createElement('div');
                var newid = 'snake'+this.cleft.length;
                newsnake.setAttribute('id',newid);
                //this crap is for IE. I would rather add the class name.
                newsnake.style.position = 'absolute';
                newsnake.style.top = '-10px';
                newsnake.style.left = '-10px';
                newsnake.style.display = 'none';
                newsnake.style.backgroundColor = 'black';
                newsnake.style.height = '7px';
                newsnake.style.width = '7px';
                newsnake.style.overflow = 'hidden';
                document.getElementById('board').appendChild(newsnake);
                this.cleft[this.cleft.length] = -10;
                this.ctop[this.ctop.length] = -10;
                }
                cbsnake.prototype.moveall = function(){
                    var i = this.ctop.length - 1;
                    while(i != 0){
                        document.getElementById('snake'+i).style.top = document.getElementById('snake'+(i-1)).style.top;
                        document.getElementById('snake'+i).style.left = document.getElementById('snake'+(i-1)).style.left;
                        document.getElementById('snake'+i).style.display = 'block';
                        this.ctop[i] = this.ctop[i-1];
                        this.cleft[i] = this.cleft[i-1];
                        i = i - 1;
                    }
                }
                cbsnake.prototype.numInArray = function(array,array2,value,value2){
                    var n = 0;
                    for (var i=0; i < array.length; i++) {
                        if (array[i] === value && array2[i] === value2) {
                            n++;
                        }
                    }
                    return n;
                }
                cbsnake.prototype.hitself = function(){
                    if(this.numInArray(this.ctop,this.cleft,this.ctop[0],this.cleft[0]) > 1){
                        this.gover();
                    }
                }
                cbsnake.prototype.buttons = function(setto){
                    document.getElementById('slow').disabled = setto;
                    document.getElementById('medium').disabled = setto;
                    document.getElementById('fast').disabled = setto;
                }
        </script>
        <style type="text/css">
            .board{
            width: 399px;
            background-color: #FF66CC;
            border: 1px solid gray;
            position: relative;
            margin-left: 0;
            margin-top: 0;
            }
            #board{
            height: 399px;
            border-bottom: 0px;
            }
            #apple{
            position: absolute;
            background-color: red;
            height: 7px;
            width: 7px;
            overflow: hidden;
            }
            .snake{
            position: absolute;
            top: 200px;
            left: 200px;
            background-color: black;
            height: 7px;
            width: 7px;
            overflow: hidden;
            }
            .snake2{
            position: absolute;
            top: -10px;
            left: -10px;
            background-color: black;
            height: 7px;
            width: 7px;
            overflow: hidden;
            }
            #score{
            height: 60px;
            margin-top: 0px;
            }
            #cscore{
            color: black;
            padding-left: 10px;
            float: left;
            width: 25%;
            font-size: xx-large;
            }
            #buttons{
            float: right;
            width: 80%;
            text-align: right;
            padding-top: 1px;
            }
            #notice{
            position: absolute;
            top: 1em;
            left: 1em;
            right: 1em;
            text-align: center;
            font-size: 150%;
            }
            #i2{
            position: absolute;
            bottom: 1em;
            left: 1em;
            right: 1em;
            text-align: center;
            font-size: 95%;
            }
        </style>
   
   

<script type="text/javascript">
var snake = new cbsnake();
</script>
<br/>


Sekian dulu !!

Thank's For ITC SMK BNI

Baca Lanjutannya >>

Cara mengetahui Email Teman Facebook

Buat para Facebook Mania !

Yang mau mengetahui Email Facebook teman kalian , untuk mempermudah proses Hacking [ Untuk para Hacker ] .

Kali ini saya akan memberitahukan nya :

Pertama Pergi ke Yahoo
Kemudian Login dengan Id Yahoo Facebook anda .
Kemudian anda Klik Kontak :
Contoh :

Terus Anda Klik Impot Kontak seperti gambar di bawah ini :

Kemudian Klik Lambang Facebook :

Tinggal Ok dechh :

Klik Done kemudian pilih Action>Pilih Print All :

Finishing Klik Action Display

Hasil ScreenShot nya :

Thank's For ITC SMK BNI

Baca Lanjutannya >>