• Selamat siang semua.


    Cara memasang Label pada blog :

    1. Masuk dasbor kemudian pilih tata letak
    2. Tambah Gadegt pada bagian sidebar atau footer atau yang lainnya
    3. Pilih widget label blogger dan tambahkan
    4. Pengaturan pada widget label : centang pada Tampilkan Jumlah Entri Per Label
    5. Simpan

    Next

    1. Masuk ke edit HTML kemudian centang Expand Template Widget
    2. Cari id widget Label atau code mirip seperti di bawah ini
    <b:widget id='Label1' locked='false' title='Label' type='Label'>
    <b:includable id='main'>

      <b:if cond='data:title'>
      <h2><data:title/></h2>
      </b:if>
      <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
      <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
      <li>
      <b:if cond='data:blog.url == data:label.url'>
      <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
      <b:else/>
      <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
      </b:if>
      <b:if cond='data:showFreqNumbers'>
      <span dir='ltr'>(<data:label.count/>)</span>
      </b:if>
      </li>
      </b:loop>
      </ul>
      <b:else/>
      <b:loop values='data:labels' var='label'>
      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
      <b:if cond='data:blog.url == data:label.url'>
      <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
      <b:else/>
      <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
      </b:if>
      <b:if cond='data:showFreqNumbers'>
      <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
      </b:if>
      </span>
      </b:loop>
      </b:if>
      <b:include name='quickedit'/>
      </div>

    </b:includable>
    </b:widget>
        Perhatikan:
    <b:widget id='Label1' locked='false' title='Label' type='Label'>
    <b:includable id='main'>

    hapus semua pada bagian ini.

    </b:includable>
    </b:widget>
    3. Jika sudah di hapus masukan code di bawah ini pada bagian yang di hapus tadi:
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
    <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'><data:label.count/> Artikel</span> </b:if> </b:if> </li> </b:loop> </ul>
    <b:else/>
    <b:loop values='data:labels' var='label'>
    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
    <b:if cond='data:blog.url == data:label.url'>
    <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
    <b:else/>
    <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    <b:if cond='data:showFreqNumbers'>
    <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
    </b:if>
    </span>
    </b:loop>
    </b:if>
    </div>
    4. Lalu letakkan code di bawah ini diatas code ]]></b:skin>
    .sidebar ul li {
      background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo06MYiAz0JNeNARST-W6C3V3e3ELTs1Trx6ojuRGnII3KwJK4XI7IG7S5cdyiJWQlftv09tWuiwIfi-Z_yvnKgly6Xg52EqqE5V6fyLbAMv_SzE2Lk98P3IVunyGTTupiLBnyQPCdZjfE/s1600/icon-new-window.png) no-repeat left center;
      list-style-type:none;
      margin:0 0 5px;
      padding-left:20px;
      transition:padding 0.26s ease;
      -moz-transition:padding 0.26s ease;
      -webkit-transition:padding 0.26s ease;
    }
    .sidebar ul li:hover {
      padding-left:23px;
    }
    .sidebar ul li:hover span.label-count {
      opacity:0.5;
      margin-left:10px;
    }
    span.label-count {
      background:#cc0000;
      border-radius:0 10px 10px 0;
      -moz-border-radius:0 10px 10px 0;
      -webkit-border-radius:0 10px 10px 0;
      color:#000;
      height:auto;
      margin-left:50px;
      opacity:0;
      position:relative;
      text-align:center;
      width:auto;
      padding:2px 8px;
      transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
      -moz-transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
      -webkit-transition:all 0.3s cubic-bezier(1,2,0,0) 0s;
    }
    span.label-count:before {
      content:"";
      width:0;
      height:0;
      position:absolute;
      right:100%;
      top:0;
      border-width:10px;
      border-style:solid;
      border-color:transparent #cc0000 transparent transparent;
    }
    5. Pratinjau dulu sebelum di save

    Sumber 

    { 31 comments... read them below or Comment }

    1. Artikelnya bermanfaat sob

      http://didil-cyber.blogspot.com

      ReplyDelete
    2. Keren Gan !! (y)

      ReplyDelete
    3. mantap gan makasih ya

      www.ichalilmu.blogspot.com

      ReplyDelete
    4. wah mantap tuh tutornya , coba dulu ah

      www.galpock.blogspot.com

      ReplyDelete
    5. Artikelnya bermanfaat sob .. ^_^

      ReplyDelete
    6. Saya mampir, ga lupa follow agan :)
      ayooooo, sudah follow saya belum?
      hehehehe

      ReplyDelete
    7. wah keren kk,
      ijin coba yaa,

      oia kk, follow back ya blog ku,
      krena blog mu udah ku follow,
      http://d-aschri93.blogspot.com/

      ReplyDelete
    8. mah mantab nih tutornya ijin coba yah

      ReplyDelete
    9. Thanks gan atas infonya, Coment back http://gha-azahari.blogspot.com

      ReplyDelete
    10. ijin copas ya sob ke blog gue.
      tenang,sumber pasti ada.
      gue copas ke altec dz :)

      ReplyDelete
    11. MANTEP GAN :D

      http://onthezone.blogspot.com/

      ReplyDelete
    12. blogwalking sob :D

      ReplyDelete
    13. Bermanfaat artikelnya..

      Thxsobat..
      visi back ya
      http://ilh4m-black4rt.blogspot.com

      ReplyDelete
    14. Seep lahh sob! keren banget kalo di terapin!

      Ziarah balik sob!
      http://lutfiezard.blogspot.com/

      ReplyDelete
    15. keren sob, tapi loadingnya jadi berat gak?
      comment back ya.. :D

      ReplyDelete
    16. Y mnrut.ku egg sob
      ok

      ReplyDelete
    17. Ijin coba sob?? bagus??
      Kunbal y sob??
      http://trilling69.blogspot.com

      ReplyDelete
    18. Ijin Coba

      http://neverln.blogspot.com/

      ReplyDelete
    19. wah bagus nih sob,,
      comment back sucses zone-vn.blogspot.com

      ReplyDelete
    20. mantab nih tutorialnya..thnks sob..
      come back

      ReplyDelete

    Copyright © 2015 - The Masked Man - All Right Reserved

    The Masked Man Template by Johanes Djogan - Designed by Masked X