Kamis, 01 Agustus 2013

Cara membuat kolom scroll pada arsip blog

CARA MEMBUAT KOLOM SCROLL PADA ARSIP BLOG (BLOG ARCHIEV) – Arsip blog adalah salah satu widget yang sangat penting untuk blog, namun karena tampilannya terlalu panjang banyak blogger – blogger yang tidak menggunakan widget dari blogspot ini, karena itu saya memposting cara membuat kolom scroll pada arsip blog dengan membuat tampilannya menjadi lebih pendek tetapi tidak merubah subtansinya, baiklah daripada belama-lama langsung saja, berikut tutorialnya.




Cara  yang pertama:
1. Login ke akun blog kalian
2. Kalian masuk ke Tata Letak --> Template --> Edit HTML, kemudian kalian cari kode dibawah ini (gunakan Ctrl + F untuk mempermudah)

<b:widget id=’BlogArchive1’loked=’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:200px;'>
    <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

5. Simpan Template
Catatan : Kode warna biru dan merah dalah kode yang harus kalian tambahkan
                 Kode Warna biru adalah tinggi, bias kalian ubah sesuai kebutuhan


Cara yang kedua :
1. Login kea kun blog kalian

2. Kalian masuk ke Tata Letak --> Template --> Edit HTML, kemudian kalian cari kode
<div id=’ArchiveList’> atau ArchiveList (gunakan Ctrl + F untuk mempermudah).

3. Kemudian kalian terapkan kodisi di bawah 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>

4. Simpan Template.

Catatan :
-  Supaya kalian bisa menemukan kode <div id=’ArchiveList’> atau ArchiveList , Kalian harus
   memasang Arsip blognya terlebih dahulu dengan cara : masuk ke Tata Letak --> Tambah HTML
   --> Arsip blog --> Save. Jika sudah selesai silahkan coba cara yang di atas
- 200px : Adalah Untuk merubah tinggi kolom scrollnya, selahkan kalian sesuakan dengan
    kebutuhan
- Harap disesuaikan saja kodenya, karena tidak semua templates sama,

Silahkan Mencoba
Semoga Berhasil 

Artikel Terkait Info Desain Blog

Ditulis Oleh : Rifky ~ Home Info

M.Rifky saputra Kalian sedang membaca artikel tentang Cara membuat kolom scroll pada arsip blog. Saya memperbolehkan kalian untuk mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

Comments
0 Comments

0 komentar:

Posting Komentar