OXA

Cara Menyatukan Kode Elemen pada Blog- sudah hampir seminggu saya tidak ngepost dan saat ini saya bela-belain untuk ngepost dengan mengambil tema Cara Menyatukan Kode Elemen pada Blog biasa di sebut dengan pencampuran antar widget, jadi begini gan singkatnya kode elemen pada blog bisa di jadikan satu kotak dengan tab-tab yang berbeda langsung saja ini contoh gambarnya:

ok langsung saja cara pembuatanya cukup mudah tinggal menambah widget elemen baru pada blog pilih HTML/javascript dan copas kode widget berikut.

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px; /*--Pull tab down 1px--*/
     overflow: hidden;
     position: relative;
     background: #e0e0e0;
     cursor:pointer;
    }
    html .tabber h2.active {
     background: #fff;
     border-bottom: 1px solid #fff; /*--"Connect" active tab to its content--*/
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none;
    }
    </style>
     
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script>
     
    <!-- to make sure the widget works, do not alter the code below -->
    <div id='codeholder'><p>Get this <a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank">widget</a></p></div>

pilih simpan tanpa menggunakan judulpun tidak masalah, setelah itu tarulah widget elemen ini paling atas dan tiga widget elemen yang akan di jadikan satu taruh di bawahnya widget elemen yang baru kita buat tersebut seperti in.

sekian keterangan Cara Menyatukan Kode Elemen pada Blog selamat mecoba dan jangan lupa selalu berdoa hehe...