Memberi Scroll pada Label di Blog
Berawal dari pertanyaan dari seorang teman di twitter, Bagaimana cara memberi scroll pada lebel? Akhirnya saya cari-cari dan menemukan cara itu. Label itu memang penting, usahakan setiap tulisan diberi label yang sesuai, fungsinya adalah untuk mempermudahkan penelusuran berdasarkan label dan mengetahui tulisan (postingan) yang terkait berdasarkan kesamaan label.
Memang sangat tidak enak dipandang dan bikin susah jika ada banyak label. Apalagi jika jika dibuat tampilannya mendatar, satu-satu dari atas. Sidebar jadi terlihat memanjang ke bawah. Tidak seimbang dengan post area. Oleh sebab itu untuk mengakalinya bisa memberi scoll pada label. Sehingga fungsi scroll akan membuat lebih rapi.
Cara Memberi Scroll pada Label di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
6. Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300 adalah tingginya.
7. Simpan Template jika sudah selesai.
Jika di template kamu tidak menemukan kode
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
berarti cari kode <div class='widget-content'>
dan sisipkan kode yang berwarna merah setelah itu.
Memang sangat tidak enak dipandang dan bikin susah jika ada banyak label. Apalagi jika jika dibuat tampilannya mendatar, satu-satu dari atas. Sidebar jadi terlihat memanjang ke bawah. Tidak seimbang dengan post area. Oleh sebab itu untuk mengakalinya bisa memberi scoll pada label. Sehingga fungsi scroll akan membuat lebih rapi.
Cara Memberi Scroll pada Label di Blog
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<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='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:300px;'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:300px;'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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>
6. Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300 adalah tingginya.
7. Simpan Template jika sudah selesai.
Jika di template kamu tidak menemukan kode
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
berarti cari kode <div class='widget-content'>
dan sisipkan kode yang berwarna merah setelah itu.
makasih gan infonya . . .
BalasHapusbtw bisa bantu ane dalam hal seo kagak??
wah makasih banyak ya mas, blog aku jadi rapi gara2 mengikuti ajaran di blog ini :))
BalasHapushmm trik yang lumayann mempercantik blog saya,eheh.....
BalasHapusthx...
manteb nie gan,, terimakasih udh berbagi
BalasHapusnampaknya bagus sekali informasi ini...
BalasHapusmantap kang .... ane pengen coba dulu kang
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusThanks sharing info nya Mas. Ilmu yang berharga buat Newbie seperti saya :)
BalasHapusIkut menyimak artikelnya Gun :-)
BalasHapusSilahkan mampir2 juga ke Web saya.
Salam Outbound !
makasih sob infonya sangat membantu...
BalasHapusterimakasih gan, dicoba dulu ah...
BalasHapusTerimakasih untuk semua komentarnya :D
BalasHapusmantap nih gan thanks
BalasHapusthanks izin nyimak
BalasHapusjangan Sungkan Mampir di Blog saya
BalasHapusnice post gan
BalasHapussip mas meluncur ke tkp.,.
BalasHapussip mas meluncur ke tkp.,.
BalasHapussudah saya aplikasikan gan... :-)
BalasHapusPernahkah anda mendengar tentang Zahir Accounting Software ?? terdengar dari namanya atau mungkin dari pemikiran anda apakah anda sudah mempunyai gambaran tentang Zahir Accounting Software ??
BalasHapussangat membantu
BalasHapusmakasih ya atas penjelasannnya
BalasHapusilmunya bermanfaat sekali nih gan..salam kenal
BalasHapusthanks gan; atas infox
BalasHapuswah gitu to msbro....
BalasHapussedang belajar buat blog masbro..
blog melarat 1
blog melarat 2
tahnk untuk infonya gan!!
BalasHapusProduk dijamin asli
BalasHapusTILLA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6275 ATAU KLIK WEBSET RESMI KAMI http://tilla-shop.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL
Dijual
Ready Stock !
BlackBerry 9380 Orlando - Black
Rp.900.000,-
Ready Stock !
BlackBerry Curve 8520 Gemini
Rp.500.000,-
Ready Stock !
BlackBerry Bold 9780 Onyx 2
Rp.800.000,-
Ready Stock !
Blackberry Curve 9320
Rp.700.000,-
Ready Stock !
Samsung Galaxy Tab 2 (7.0)
Rp. 1.000.000
Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si
Rp.1.500.000,-
Ready Stock !
Samsung Galaxy Note N7000 - Pink
Rp.1.700.000
Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White
Rp.500.000,-
Ready Stock !
Nokia Lumia 800 - Matt Black
Rp.1.700.000,-
Ready Stock !
Nokia Lumia-710-white
Rp. 900.000,-
Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM
Rp.450.000,-
Ready Stock !
Nokia Lumia 710 - Black
Rp. 900.000,-
Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Black
Rp.1.200.000,-
Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel)
Rp.1.200.000,-
Ready Stock !
Apple iPod Touch 4 Gen 8GB
Rp.700.000
Ready Stock !
APPLE iPod Nano 8GB - Pink
Rp.500.000,-
Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home
Rp 1.300.000
Ready Stock !
Acer Aspire S3-951-2364G34iss
Rp. 1.200.000,-
Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7
Rp. 2.500.000,-
Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green
Rp. 2.500.000,-
Ready Stock !
Nikon D7000 kit 18-105mm
Rp.1.700.000
Ready Stock !
Nikon D90 Kit 18-105mm Vr
Rp 1.300.000
Ready Stock !
Nikon Coolpix L 120 Red
Rp. 900.000
Ready Stock !
Nikon Coolpix P 500 Black
Rp 1.000.000
kok saya gak bisa yah ?? padahal udah ngikutin ini persis -___-
BalasHapus