Headlines News :
Home » » Cara Membuat Label (katagori) Dengan Fungsi Scroll Pada Blog

Cara Membuat Label (katagori) Dengan Fungsi Scroll Pada Blog

Tips Dan Trik untuk blog kali ini mengenai Cara membuat label atau katagori dengan fungsi scroll yang memnarik. Siapa yang tak menginginkan tampilan blognya menarik, rapih, dan enak dilihat semua pasti berkata ingin sekali punya blog yang enak dipandang (saya juga kepengen mas).
Nah mungkin Anda yang sedang membaca disini, pada blognya sudah memiliki katagori atau label yang banyak dan memanjang, maka dari itu saya akan kasih cara untuk mengurangi halaman blog yang masih memiliki label kepanjangan yaitu dengan cara mengunakan fungsu scroll.


http://coretanyusuf.blogspot.com/2012/06/cara-membuat-label-katagori-dengan.html

Tidak begitu ribet banget sebenarnya untuk merubah label yang panajang cukup anda mencari judul label di Edit HTML Untuk lebih jelas yuk kita perhatikan dan ikuti langkah-langkahnya dibawah ini.
  1. login ke Blogger Anda
  2. Jika belim memiliki label buat terlebih dahulu pada sidebar tambahkan Gadget lantas beri judul label yang telah anda buat
  3. Sebagai contoh saya anggap judul labelnya adalah "Katagori"
  4. Klik Tempelate trus Edit HTML>> Klik Expand tempelate widgets
  5. Silahkan anda cari Judul Label yang telah Anda Buat tadi Contoh : Kategori cari pake fungsi Ctrl+f
  6. Sebagai Contoh perhatikan baik-baik kode dibawah ini :

<b:widget id='Label1' locked='false' title='Kategori' 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>

8. Terakhir simapn templates

Keterangan penting: perhatikan penyisipan ke 2 kode diatas yang berwarna Biru ke 2 nya harus sama persis seperti kode diatas, dan untuk angka 250px silahkan Anda ganti dengan ukuran yang sesuai menurut anda angka 250px menunjukan tingginya scroll pada kolom label. berhubung sudah ngantuk saya cukupkan dulu sampai disini mengenai cara membuat label dengan fungsi scroll pada blog semoga bermanfaant bagi anda yang membaca.

Share this article :

1 Berikan komentar anda disini :

Ramdhani Ardiansyah said...

Terima kasih sobat, sudah saya buat dan berhasil...
http://dhanicyx.blogspot.com

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Coretan UMUM - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger