Jumat, 09 Maret 2012

Membuat Archive Blog Dengan Scroll

Membuat scroll down pada archive blog
Apa ya kelebihan archive dengan scrolldown dan tanpa scroll down?
Pertanyaan yang bagus, In my opinion, karena menghemat tempat sidebar, jadi gak memanjang kebawah terlalu panjang,,,,, ssssssssst
lebih baik langsung kita pelajari aja!
Dari kumpul blogger kita belajar dan dapet ilmu baru,,
1.Buka www.blogger.com, masuk ke dashboard anda
2.Pilih Layout , lalu klik Edit HTML
3.Centang Expand Widget Templates

cari kode <div id='ArchiveList'>




Utak-atik dikit HTMLnya dengan menambah kode berwarna merah dibawah ini, susunannya juga seperti dibawah ini:

<div class='widget-content'>

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 200px; background-color: #FFFFFF;">

<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>




dah tinggal simpan aja!
cepetkan ? selamat mencoba semoga sukses


3 komentar:

  • Admin says:
    22 Maret 2012 pukul 00.25

    Mana gan kodenya... hehe...

    oh iya gan mengingat pertanyaan agan di blog ane:

    wah.. bagus tu biar penjaga lokete gak telatan,.. makasih kunjungan sob,.. ane mau nanya cara ganti pallet warna pada tab horizontal, kaya punya kamu mas, juga tulisan kategori, daftar isi dll, jadi kotak kolomnya bs ga keliatan,,mencolok?

    Kalau mau ganti warna caranya cari tahu dulu kode warna yang di gunakan warna tersebut kalau ane biasa pake color picker ada di software picpick untuk cari tau warna kode html, selain html ada juga kode warna rgb, c++ dan delphi...

    saya sudah cek warna-warna blog agan dengan color picker, software picpik...

    Sebelum edit simpan template anda dulu di komputer agar bila terjadi kegagalan bisa di ulang lagi..

    pallet warna pada tab horizontal agan: #3A3C40 kalau mau ganti cari di template agan kode tersebut, lebih cepat dengan tekan ctrl + f pada firefox... Kalau dicari kadang ada beberapa kode warna yang sama, cari yang dekat dengan kode menu horizontal anda...
    terus warna background judul widget:
    #04B1F1
    kalau mau diganti cari kode tersebut.. kalau mau dihilangkan ganti kode warna dengan "none" tanpa tanda petik... cari yang biasanya dekat dengan nama sidebar...
    Tapi saya lihat tulisannya berwarna putih nanti kalau dihilangkan backgroundnya tulisannya gak kelihatan, untuk itu cari kode #fff atau #ffffff (kode warna putih) ganti dengan warna kesukaan anda semisal hitam kodenya #000000 ...

    Bila gagal balikin template seperti semula kemudian cari kodenya lagi mungkin banyak yang kembar...

    Untuk permudah cari kode warna html bisa dengan photoshop atau program2 sejenis atau picpick seperti yang ane pakai...

  • Seputar Ilmu Fiqih says:
    26 Maret 2012 pukul 07.32

    wah mantab,,, thanks sob..

  • Seputar Ilmu Fiqih says:
    18 April 2012 pukul 07.40

    sory... lupa./.. ha ha new bie,mm,m,

Posting Komentar