Cara Menciptakan Kolom Scroll Pada Blog Archive ( Arsip Blog )

cara menciptakan kolom scroll pada blog archive - Trik cara menciptakan scroll pada arsip blog, cara menciptakan scroll pada arsip blog (blog archive), cara menciptakan kolom blog archive dengan scroll. apapun itu judulnya niscaya alhasil tetap sama.

cara menciptakan kolom scroll pada blog archive ini tergolong cara untuk mempercantik blog, pada umumnya arsip blog itu puanjang buanget. hehehe namun dapat dipendekkan tanpa merubah subtansinya. ok dengan menciptakan efek scroll widget jadi ringkas dan keren. sobat blogger juga dapat membaca postingan saya kemarin Cara Membuat Scroll Pada Kolom Komentar sobat akan lihat alhasil betapa menarik dan ringkas memakai efek scroll. lebay...... hahaha

Ini cara menciptakan kolom scroll pada blog archive, sobat ikuti tutorialnya. OK !!! cekidot......

Cara/tutorial 1

Baca Juga

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Kemudian sobat Cari isyarat berikut <div id='ArchiveList'> atau ArchiveList semoga lebih gampang gunakan ctrl+F.

6. Jika sudah ketemu Selanjutnya tambahkan isyarat yang berwarna merah menyerupai 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 + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>

</div>

<b:include name='quickedit'/>
</div>
</b:includable>

Keterangan :

Untuk menemukan isyarat <div id='ArchiveList'> atau ArchiveList maka teman-teman harus memasang Blog Archive nya terlebih dahulu dengan cara : klik Design/Rancangan >> Page Element >> Add a Gadget >> Blog Archive >> Save. Jika teman-teman sudah memasang Blog Archive nya maka eksklusif saja mencari kodenya tadi.
Harap diadaptasi saja kodenya, alasannya yakni tidak semua templates sama,
200px : Adalah Untuk merubah tinggi kolom scrollnya, silahkan ganti pada isyarat height:
Jika sudah klik Save templates dan lihat hasilnya.

Cara/tutorial 2

1. Login ke akun blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Widget Templates,
3. Cari isyarat berikut :

<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>

4. Lalu Terapkan Seperti di bawah ini.....

    <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 + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
    <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
    <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
    <b:include data='data' name='menu'/>
    </b:if>
    </div>
    </div></div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>

5. Kode warna Biru dan Merah yakni isyarat yang ditambahkan kedalam script tersebut.
200px yakni tingginya, dan kalian dapat ubah seseuai ke inginann kalian..

Demian cara menciptakan kolom scroll pada blog archive. ikuti selalu software mania pc akan selalu update dengan tutorial yang baru.

Referensi:

Good Luck