Membuat Scroll di Label
بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم
Segala Puji hanya Milik Tuhan ,Pemilik seluruh Alam dan isinya amien..Masih turut berduka gempa di Haiti hiks..hiks...Bagaimana memulainya saya belum bisa he..he..kembali pada Blog Tutorial saya yang mendapatkan request bagaimana membuat LABEL ARSIP POSTING dengan gaya SCROLL.Sebelumnya saya uraikan singkat dulu mengenahi LABEL yang berfungsi to show all posting with detail when we have posting alias menampilkan semua yang telah kita postingkan gitu...Anda juga pasti tahu Gaya Sroll beragam mulai scroll comment,sroll archive,scroll label,scroll links dan scroll-scroll lainnya uakeh tenan,intinya scipt srocll adalah seperti dibawah ini
<div style='overflow:auto; width:ancho; height:300px;'>
</div>Kalau biasanya pada design blog biar terlihat rapi khususnya pada sidebar dengan menampilkan LABEL(yang saya bahas sekarang ini)biasanya dengan tampilan molor alias turuuunn...kebawah alangkah baiknya kita rapikan nah bagaimana merapikannya langsung saja ikuti cara berikut:
1.Tambahkan Gadget LABEL pada sidebar Anda(lalu simpan)
2.Masuk LAYOUT diteruskan ke EDIT HTML
3.Lalu centang Expand widget template
Nah penempatan script selengkapnya seperti di bawah ini
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='Label1' locked='false' title='Category' 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:hideFreqNumbers'>
<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:hideFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if></div>
<b:include name='quickedit'/>
</div>
<b:widget id='Label1' locked='false' title='Category' 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:hideFreqNumbers'>
<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:hideFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if></div>
<b:include name='quickedit'/>
</div>
4.Pastikan size ukuran serasi dengan sidebar anda.,hide=menyembunyikan angka,Show=menampilkan angka,selanjutnya SAVE,nah silahkan liat tampilan baru yach
Nah bila kedua script srcroll berwarna merah telah ditambahkan maka akan menjadi scroll category/label seperti milik saya Category/类别.
Akhirnya selamat mencoba dan semoga bermanfaat amien...salam blogger/site yach
makasih tutorialnya...biar gak panjang kayak kereta api...
dan rapi tentu saja..
save dulu ya...
makasih banyak
sis Narti>semoga bermanfaat
sda>sama sama
thanks for share nya dhana...!
ganti theme blog nih ..kerennnnnnn.....bellum nemu yang cocok yahh..ganti2 terus dehhh
thanks mbak...
:-)
makasih tipsnya
mas Ipin>sebenarnya saya ga suka ganti ganti baju londry mahal he..he.. berhubung kesalahan saya hingga galat datang terpaksa ganti
mas adrma>semoga berhasil n bermanfaat ya
mas subandi>sama-sama
Postingan Tutorial yang mnatap mbak...
makasih banyak.
mampir pagii mbak dhana... good luck for today ya... btw tutorialnya keren nih...
mas setiawan>semoga bermanfaat ya
zujoe>silahkan mampir,good luck too 4 u and semoga bermanfaat thnxs
Mantap nich....saya mau save dulu dah....biar bisa di praktekin......
wah ini menyinggung blog saya,heheee
thank's bnt sering'y...
ntr di coba,hehee
mas Arman>semoga bermanfaat
amceid >saya tidak menyinggung loh saya menjawab temen saya DARMA CCTIso saya postingkan
sip mbak... wah makin keren nih blog nya
bgs nie tipsnya.... pasti banyak yg suka
strategi>makasih blog anda juga keren kok
mas Ocim>alhamduLillah mas
mantabbb neh tipsnya, thanks ya mbk
sama-sama moenas semoga bermanfaat
makasih tutorialnya...:)
movie>thnxs for comment too
sis anita>sama-sama semoga bermanfaat
Blognya serba rapi... salut euy! :-)
muter muter blogwalking, akhirnya ketemu juga trik ini. Berguna banget buat rapiin layout blog nih...! thanks mba
Sangat bermanfaat tutorialnya, apalagi bagi yang memiliki komentar banyak di setiap postingnya kayak blog ini
Untuk pemasangan ini dimana kita letakkan misal dibawah atau diatas apa, nah itu belum anda sebutkan jadi aku ragu dimana kita letakkan mohon info sekalia lagi bisa di comment ini aku akan kebali lagi terima kasih
mba itu yg di copas mulai dari yg berwarna merah ...
trus penempatannya di bagian mana ...?
aq coba koq error terusss ...
thanks
bola-->thnxs ya
kelir-->blog anda juga banyak koment tuh thnxs ya
software-->dah saya jelaskan pada postingan baru mas
mas bobby-->yang anda copas cuma yang berwarna merah aja lau di simpan masa sich mas eror mungkin kode script anda yang trouble
Assalamualaikum wr wb
mba mohon bantuannya ...
aq masih blum mudeng sama penempatannya itu di sebelah mana ...?
dan yg di copy mulai dari yg mana ? (warna merah kah ..? )
terima kasih
wassalamualaikum wr wb
makasih mba atas tipsnya, ijin dicopy. Salam
tutorial bagus Gan, tks
keren....nice
terima kasih atas infonya. semoga anda mendapat balasan berlipat ganda dari Allah sWt. amin.
nice articles Affiliate Toko Online Jejualan.com JalanTikus.com: Download Gratis, Aman dan Cepat All About Anime
panjang banget scripnya izin copy ya mbak.
makasih gan
i like it
Informasinya sangat bagus memberikan pembelajaran tentang blog. Terima kasih
Mantap banget gan artikelnya. . Update terus ya artikel lainnya. Salam sehat dan sukses untuk semuanya
Wassalam
Mantap banget gan informasinya. . selalu sajikan info-info lainnya ya.
Salam sehat dan sukses terus
Selamat siang. .terimakasih untuk sajiannya, sukses terus ya
selamat sore. . sukses ya untuk blog nya, kami tunggu update terbarunya,
Terimakasih
Happy weekend sob. . Thank's ya untuk sajiannya, keren banget artikelnya.
Sukses selalu ya
Informasi yang disajikan mantap banget sob. Thank's ya
Salam sehat dan sukses terus, Amiin
Selamat pagi. . selamat beraktivitas kembali ya. Update terus informasi terbarunya, kami tunggu.
Informasi yang sangat mantap sob. . Sukses terus ya untuk blog ya.
Terimakasih & salam sehat
Info yang sangat baik dan bermanfaat banget sob. . Terimakasih banyak ya, sukses
Artikelnya mantap banget sob. . sukses ya untuk blognya.
Salam sehat dan jangan lupa mampir balik
Terimakasih untuk info dan tips nya. . semoga bermanfaat dan sukses terus utk blognya.
Salam sehat
semua yang telah dihadirkan oleh website ini sangat sempurna,baik tampilan dan artikelnya..penuh warna dan penuh makna.. specifications car and motorcycle , home design and decorating Ideas , price and specifications , minimalist home design
terimakasih, website ini telah memberikan engine kawasaki z800 ilmu pengetahuan yang sangat bermanfaat untuk saya dan yang lain specification honda cb500f
all had modern home design been presented specifications and price with a perfect through free home design this website .. sharp and accurate information reliable .. thanks you have willingly shared with us.