Membuat Label Dalam Tampilan Scroll Pada BlogSpot

Membuat Label terkadang menjadi hal yang cukup penting buat para Blogger. Karena dapat membantu kita menemukan Link Tag dengan mudah. Tapi, biasanya kalau sudah terlalu banyak link tag yang kita buat, tampilan label menjadi tidak enak dipandang karna lerlalu memanjang kebawah. Nah... untuk menyiasatinya adalah dengan membuat Tampilan Scroll.
Kali ini aku pengen share tipsnya..

1. Log in ke blogspot
2. Lalu Klik "Template", dan masuk ke "Edit HTML"
Jika ada pertanyaan, jawab aja "Proceed".
Setelah masuk ke HTML nya, ceklis "Expand Widget Templates"
(Oh iya, kalau sebelumnya kamu belum punya gadget Label, kamu harus buat dulu, Caranya : Klik Disini)

Nah, Di Label Blogku, aku beri Nama "All Of Korea" (Terserah mau kasi nama apa)
Di tampilan HTML cari nama Label kamu Tekan Ctr+F






3.Lalu sisipkan Kode yang aku Bold Merah ke Blog di HTML kamu.
Tempatkan pada Posisi yang benar.. :)


</b:widget>
</b:section-contents><b:section-contents id='sidebar-right-2-1'>
<b:widget id='Label1' locked='false' title='All of Korean' 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;'>
   <div style='overflow:auto; width:ancho; height:250px;'>
 <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>
</div> </b:includable>
</b:widget>


4. Selesai... Save dan lihat hasilnya :D
Cara ini bisa kamu pakai juga untuk tampilan Blog Archive, ataupun lainnya.. 



Sekian.. Selamat mencoba dan mempercantik tampilan Blog Kamu.