CSS3 tab sidebar

moonroemoort

css

10 April 2014

Belum ada komentar

CSS3 tab sidebar ~ sebenarnya saya juga sudah pernah share tab sidebar ... tapi berhubung saya sudah jarang banget share jadi yah lumayan buat pelengap saja ... bisa agan lihat penampakannya di bawah ini ....




CARA PEMASANGAN

• masuk dasbord blogger.com
• klik tata letak pada menu dashbord
• klik add gadget >> pilih html/javascript
• masukan kode di bawah ini
• klik simpan

 <link href="https://googledrive.com/host/0ByNodV_m9cVLVDV1eEkyNVBITTg/" rel="stylesheet" type="text/css"/>
<div class="tabbed-view">
  <form>
    <div class="tab-container orange">
      <label class="tab-label">
        <input checked="checked" class="tab-radio" name="page" type="radio" value="page5" />
      </label>
      <br />
      <h2 class="tab">
        Tab 1 Heading
      </h2>
      <article class="tab-page" id="page5">
        Tab 1 Content Goes Here
      </article>
    
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page6" />
        <h2 class="tab">
          Tab 2 Heading
        </h2>
        <article class="tab-page" id="page6">
          Tab 2 Content Goes Here
        </article>
      
      </label>
    
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page7" />
        <h2 class="tab">
          Tab 3 Heading
        </h2>
        <article class="tab-page" id="page7">
          Tab 3 Content Goes Here
        </article>
      
      </label>
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page8" />
        <h2 class="tab">
         Tab 4 Heading
        </h2>
        <article class="tab-page" id="page8">
          Tab 4 Content Goes Here
        </article>
      
      </label>
    
    </div>
  </form>
</div>

CUSTOM

• ganti yang di sorot dengan judul/kode gadget ....

source : http://www.bloggeryard.com/2014/02/css3-content-tabs-for-blogger.html