Halo sobat blogger semua.., di siang hari ini saya akan Membahas mengenai Cara Membuat Scroll pada Label Blog. Ada beberapa Keuntungan dari Memasang Scroll pada Label ini bisa Membuat Blog lebih Simpel dan tampak Propesional. hehehe... Mungkin Untuk sebagian sobat sudah pada tahu caranya, Namun untuk yang belum tahu dan ingin Memasangnya Silahkan ikuti Tutor Blogger saya Berikut ini...:
1. Login ke Blogger
2. Pilih menu Template
3. Edit Template, Kemudian pilih Lanjutkan. "Jangan Lupa Beri tanda centang pada Expand Template Widget"
4. Cari Kode Berikut ini <div expr:class='"widget-content " + data:display + "-label-widget-content"'> Atau jika tidak ketemu Cari yg ini <div class='widget-content'>
5. Lalu Tambahkan Kode ini Tepat di Bawahnya <div style='overflow:auto; width:ancho; height:300px;'>
Untuk Lebih jelasnya Lihat Contoh di Bawah ini :
Catatan : Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300px adalah tingginya.
Ok Sobat Semoga bisa Bermanfaat, Selamat mencoba & semoga berhasil... Mungkin Cukup sekian dan Terima kasih.
1. Login ke Blogger
2. Pilih menu Template
3. Edit Template, Kemudian pilih Lanjutkan. "Jangan Lupa Beri tanda centang pada Expand Template Widget"
4. Cari Kode Berikut ini <div expr:class='"widget-content " + data:display + "-label-widget-content"'> Atau jika tidak ketemu Cari yg ini <div class='widget-content'>
5. Lalu Tambahkan Kode ini Tepat di Bawahnya <div style='overflow:auto; width:ancho; height:300px;'>
Untuk Lebih jelasnya Lihat Contoh di Bawah 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='"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>
Catatan : Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300px adalah tingginya.
Ok Sobat Semoga bisa Bermanfaat, Selamat mencoba & semoga berhasil... Mungkin Cukup sekian dan Terima kasih.
Baca Juga yang ini Sob...:
Tutor Blogger
- Daftar Social Bookmark Indonesia | Tutor Blogger
- Cara Mendapatkan PageRank Dari Google
- Penyebab Link in Alexa Tidak Bertambah atau No Data
- Perbedaan Menjiplak dan Meng-Copas di Blogger
- Membuat Scroll Pada Kotak Komentar Blog
- Membuat Kotak Komentar Thread Keren di Blogger
- Widget Penting yang harus ada di Blogger.
- Cara Cepat dan Mudah Mengetahui Blog Dofollow Atau Nofollow
- Tips Mendapat Backlink Berkualitas Permanent.
- Penyebab Jumlah Pelanggan Feedburner Naik-Turun
- Membuat Recent Coment avatar di Blogger
- Membuat Random Post di Blogger.
- Pentingnya Blogwalking | Tips SEO
- Di Halaman Awal/Home Blog Hanya Muncul 1 Postingan.
- Cara Scan Blog dari Virus atau Malware
- Memasang Meta tag Otomatis di setiap halaman Blog.
- Cara Membuat Link Sumber Otomatis ketika Artikel Blog di Copas.
- Berkomentar Bisa Dapat Backlink Untuk Optimasi SEO
- Membuat Thread Balas/Reply Komentar Blogger.
- Cara Membuat artikel Terkait dengan Scroll di bawah postingan Blog.
- Cara Membuat Tombol Shared (Daun) keren di Blog.
- Cara Menampilkan Navbar Blog secara Auto Hidden.
- Cara Membuat Box Followers Twitter di Blog.
- Cara Merubah Tulisan Posting Baru, Beranda, Posting Lama dengan Gambar.
Menyimak dulu gan
BalasHapuscoment back ya..
Siip".., Kapan" di Coba ath.. hehe :)
Hapusthanks yo
BalasHapusThanks ane copy dulu, belum sempat ane pasang
BalasHapusby http://budayabacabaca.blogspot.com
terimakasih, sudah ane pasang
BalasHapushttp://budayabacabaca.blogspot.com
AKU COBA COPY GAN AKU PENDATANG BARU DI DUNIA BLOG MOHON BIMBINGANNYA Y...FOLLOW AKU Y KK BIAR ADA TEMAN NIE DI zhendragon.blogspot.com
BalasHapusoke bos saya prektekan dulu :D
BalasHapusMantap gans, keren, kunjung balik gans
BalasHapusSharetivis
kok saya tidak menemukan >> Kemudian pilih Lanjutkan. "Jangan Lupa Beri tanda centang pada Expand Template Widget" <<< saya tidak menemukan itu , itu terletak dimana yah ??
BalasHapusSalam kenal sobat.
BalasHapusSudah langsung sy diterapkan di blog sy. Anda bisa lihat sendiri.
Di tunggu kunjungan baliknya di blog dofollow yang baru sy rintis
Tks. atas ilmunya.
Makasih gan atas tutorialnya sangat membantuku..
BalasHapusKali aja blognya mau dipasang google adsense ane siap bantu gan.. Murah dan Aman!!!
thank infonya
BalasHapuskunjungin yah blog saya baru buat di www.scoreflash.blogspot.com
Makasih sob,ane sering lupa caranya thanks sob
BalasHapuscomeback
g bisa bos
BalasHapushttp://www.chipsaktiallpayments.com/
setelah di copas hasilnya:
BalasHapus- See more at: http://optimus-software.blogspot.com/2012/12/cara-membuat-scroll-pada-label-blog.html#sthash.zfT8pnG0.dpuf
coba di perbaiki lagi supaya artikelnya bermanfaat..
makasih gan infonya
BalasHapusgan, saya kan nyobain tutornya,, pas dipraktekin,, data2 nya sih ada,, cuman pas di pratinjau template kok jadi eror (terjadi kesalahan katanya) gmn donk,,, mohon pencerahannya... :)
BalasHapusMakasih gan infonya..
BalasHapus