Kamis, 05 Juli 2012

Cara Membuat Label & Arsip Blog Menggunakan Scroll

Keyword : Cara Membuat Label & Arsip Blog Menggunakan Scroll - Tutorial Membuat Label & Arsip Blog Menggunakan Scroll - Trik Membuat Label Scroll - Bagaimana Membuat Label dan Kateori pakai Scroll - Cara Membuat Label Dengan Fungsi Scroll - Cara Membuat Arsip blog Dengan Fungsi Scroll - Script Membuat Label & Arsip Blog Menggunakan Scroll


Buat sobat yang mempunyai banyak label mungkin akan direpotkan dengan label atau kategori yang memanjang kebawah .label yang memanjang seperti itu tentunya akan membuat sidebar blog menjadi tidak enak dipandang karena akan memanjang ke bawah ,oleh karena itu banyak blogger yang membuat labelnya dengan fungsi scroll. Label dengan fungsi scroll adalah label yang kedudukanya bisa di geser atau menyelinap kedalam .dengan menggunakan label dengan fungsi scroll ini label blog sobat tidak akan memanjang ke bawah.

Untuk membuat label dan arsip blog pastikan eleman arsip dan label nya telah ditambah kan,.
kalau belum, silahkan tambahkan ke :

1. Akun blog
2. Rancangan
3. Ke elemenn laman
4. Tambah gadget
5. Pilih Label dan Arsip Blog

Langsung saja ke tutorialnya Cara Membuat Label Menggunakan Scroll :

1. Login Ke blogger.
2. Klik Tata Letak.
3. Klik Edit HTML.
4. Selanjutnya cari kode di bawah ini .
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
5. Kemudian Copy dan paste Kode berikut Tepat dibawah kode tersebut.
<div style='overflow:auto; width:ancho; height:100px;'>
6. Selanjutnya cari kode dibawah ini.
</b:includable>
7. Jika sudah ketemu Copy dan pasti kode dibawah ini tepat diatasnya.
</div>
Catatan : Jika kode diatas tidak ketemu di blog sobat silakan cari kode <div class='widget-content'> . dan angka 100px yang berwarna merah diatas adalah tinggi label scroll-nya silakan sobat ganti sesuai dengan keinginan sobat.

Jangan dulu disimpan, kita ke tutorial selanjutnya Membuat Arsip Blog Menggunakan Scroll :
Masih sama seperti cara membuat label,

1. Cari kode :
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
Atau yang mirip-mirip seperti itu, yang penting ada kata arsip/archive nya deh :D

2. Nanti akan ada seperti ini

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'><div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div><b:include name='quickedit'/>
</div>
</b:includable>
Catatan : Kode warna Biru dan Merah adalah kode yang ditambahkan kedalam script tersebut
Kode warna merah yang dicetak tebal adalah tinggi scroll nya, silahkan sobat ganti agar sesuai dengan blog sobat.

Terakhir save dan lihat hasilnya..

Ok itulah Cara Membuat Label & Arsip Blog Menggunakan Scroll , semoga bermanfaat.
Sumber : http://klinik-it.blogspot.com , http://kolom-inspirasi.blogspot.com

Tidak ada komentar:

Poskan Komentar