Cara Membuat Counter Label Berjauhan

adscblog

Bagi para blogger yang suka aktive bloging mungkin anda pernah melihat di suatu blog yang anda kunjungi ada Label yang Counter atau jumlah Label nya berjauhan dengan tulisan nya,namun jika anda para blogger masih bingung dengan apa yang saya maksud,anda bisa lihat dengan gambar nya di bawah,dan jika anda tertarik dengan pembuatan Counter label yang berjauhan ini anda bisa ikuti langkah cara pembuatannya di bawah ini,dan cara membuatnya pun sangat mudah andapun pasti bisa melakukan nya.

Label Counter

Untuk pembuatan Counter label berjauhan ini silahkan anda letakan kode Css ini di template anda

.label-count{background: #292929;border: 1px solid #2E2E2E;;border-radius:5px;-webkit-border-radius:5px;padding:0 5px;float:right}
.label-count a:hover {;text-decoration:none;background :#fff}

Langkah selanjutnya silahkan anda masuk ke tata letak dan Tambah Gadget dan silahkan anda klik Label,setelah itu silahkan anda masuk ke edit html kemudian carai Widget label yang anda bikin tadi,setelah ketemu silahkan anda hapus semuanya kemudian ganti dengan kode Label di bawah ini

<b:widget id='Label1' locked='true' 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' expr:title='data:label.name'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span class='label-count' 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' expr:title='data:label.name'>
                            <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>
              </b:includable>
  </b:widget>

Setelah itu silahkan SAve template dan lihat hasilnya,nah sangat mudah bukan selamat mencoba dan pasti berhasil adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 11 Juni and have 0 komentar