Cara memasang kolom atau kotak arsib blog ( blog archive
)
Agar blog kita lebih nyaman untuk
dikunjungi oleh orang banyak dan juga lebih menarik untuk dilihat,maka salah
satunya adalah dengan cara membuat kolom atau kotak arsib blog ( blog archive )
agar tidak memanjang kebawah,yaitu dengan menjadikan kolom atau kotak arsib
blog ( blog archive ) supaya pendek .
Pertama anda buat dulu arsib blognya dan
kemudian baru anda masuk ke menu template blog anda dengan cara :
1. Masuk ke
menu settingan blog anda
2. Klik
template blog , lalu klik edit html
3. Cari kode <div id='ArchiveList'>
4. Untuk
memper mudah pencarian klik ctrl
+ f atau f3 , lalu tulis atau copy paste <div id='ArchiveList'> kedalam kotak pencarian
5.
Jika sudah ketemu, Simpan kode di
bawah ini tepat di atas kode <div id='ArchiveList'>
<div style='border: 1px solid rgb(204, 204, 204); padding:
5px; overflow: auto; width: 100%; height: 250px; background-color:
#FF8000;'>
6.
Sehingga menjadi kode seperti di bawah ini
<b:widget id='BlogArchive1' 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='border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto;
width: 100%; height: 250px; background-color: #FF8000;'>
<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>
7.
Dan beri kode penutupnya yaitu kode </div> pada baris yang ke 3 , sehingga kode </div> nya menjadi 3 baris di atas kode <b:include
name='quickedit'/>
8.
Kemudian klik simpan template
Catatan yang perlu di perhatikan pada kode dibawah ini
adalah :
<div
style='border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto;
width: 100%; height:
250px;
background-color: #FF8000;'>
1.
Kode height:
250px adalah untuk membuat tingginya kotak atau kolom arsib
blog.
2.
Kode FF8000 adalah untuk membuat warna kotak atau kolom arsib blog.
3.
Silahkan anda download kode warna di link di bawah ini .
http://ngeblog07.blogspot.com/2013/04/kumpulan-kode-warna-html-lengkap.html
HASILNYA SEPERTI GAMBAR INI
PENULIS ( DESAINS ) TGK ABANG
HASILNYA SEPERTI GAMBAR INI
PENULIS ( DESAINS ) TGK ABANG
