Cara membuat background widget archive blog
- login blog
- klik rancangan >> edit HTML (centang 'Expand Template Widget')
- lalu cari kode <div id='ArchiveList'> untuk memudahkan untuk mencari tekan ctrl + f
- buat hasilnya jadi seperti ini
<div class='widget-content'>
<div style='overflow:auto; height:300px; background:url(http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg); background-repeat:no-repeat;'>
<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 style='overflow:auto; height:300px; background:url(http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg); background-repeat:no-repeat;'>
<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'/>- simpan dan lihat hasilnya
ket :
kode yang berwarna merah adalah kode yang harus ditambahkan.
angka 300 menandahakn tinggi blog archive sobat, dan pastinya bisa sobat sesuaikan sendiri dan bila sobat ingin memberi efek scroll pada archive sobat bisa klik DISINI
link http://i865.photobucket.com/albums/ab218/1rd3/Gununges.jpg adalah alamat gambarnya dan bisa di ganti.jangan lupa kode </div> nya ya!
<div class='widget-content'>
<div style="border: solid 10px #dddddd; background: #f0f0f0; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: green;">
<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 style="border: solid 10px #dddddd; background: #f0f0f0; padding: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; margin: 0; text-align: justify; line-height: 23px; color: green;">
<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'/>- Back to Home>
- Belajar Desain dan Mempercantik Tampilan Blogger >
- Membuat background widget archive blog
Labels
KELUARGA
Ads
Daftar Isi
Loading...
Diberdayakan oleh Blogger.
About Me
Arsip
-
▼
2012
(47)
-
▼
Februari
(21)
- Membuat background blog berubah warna saat di refress
- Membuat teks berputar pada kursor
- Membuat animasi melayang di sudut blog
- Memberikan burung terbang di blog (link twitter)
- Membuat pointer cursor sendiri
- Membuat background widget archive blog
- Membuat blog tidak bisa di copas (Copy-Paste)
- Membuat teks berjalan pada blog
- Membuat judul blog bergerak
- Membuat scroll pada archive blog
- Menghilangkan atribution atau Diberdayakan Blogger...
- Menghilangkan link berlangganan entri atom
- Membuat judul posting berada ditengah
- Membuat efek pelangi pada link blog
- Membuat efek turun salju pada blog
- Membuat background pada judul posting
- Menghilangkan navbar
- Membuat pesan selamat datang pada blog
- Membuat Link site sumber otomatis saat di Copas
- Membuat kursor bintang berguguran
- Membuat efek daun hijau atau kering dan mawar berg...
-
▼
Februari
(21)
Popular Posts
-
Cara membuat efek daun berguguran pada blog:
-
Cara Membuat Tanda Admin Pada Komentar Anda
-
Cara Membuat Link di blog Bergeser Ketika disentuh cursor
-
cara Membuat favicon dengan gambar gif
-
Cara Membuat Tombol ganti Background otomatis
-
Cara Membuat Efek Animasi Saat Cursor Menyentuh Link
-
Cara Membuat Tombol Page Up di Blog
-
Waktu lagi iseng-iseng browse di Tante Goggel karena pusing dan frustasi memikirkan keesokan harinya akan ada ulangna harian 2 mata pela...
About
Followers
Kunjungi
About Me
Blogger news
Total Pageviews
Blogroll
Calon Penghuni Surga
Blog Archive
-
▼
2012
(47)
-
▼
Februari
(21)
- Membuat background blog berubah warna saat di refress
- Membuat teks berputar pada kursor
- Membuat animasi melayang di sudut blog
- Memberikan burung terbang di blog (link twitter)
- Membuat pointer cursor sendiri
- Membuat background widget archive blog
- Membuat blog tidak bisa di copas (Copy-Paste)
- Membuat teks berjalan pada blog
- Membuat judul blog bergerak
- Membuat scroll pada archive blog
- Menghilangkan atribution atau Diberdayakan Blogger...
- Menghilangkan link berlangganan entri atom
- Membuat judul posting berada ditengah
- Membuat efek pelangi pada link blog
- Membuat efek turun salju pada blog
- Membuat background pada judul posting
- Menghilangkan navbar
- Membuat pesan selamat datang pada blog
- Membuat Link site sumber otomatis saat di Copas
- Membuat kursor bintang berguguran
- Membuat efek daun hijau atau kering dan mawar berg...
-
▼
Februari
(21)
Makasih ya min informasinya salam hangat dan salam sukses selalu buat blognya
BalasHapussemoga tambah maju blognya...
jangan lupa mampir ke blog saya yaa ^_^
- obat viagra jakarta
- viagra asli di jakarta
- viagra asli di tangerang
- Viagra Asli
- viagra asli di jakarta
- obat pembesar penis di jakarta
- viagra asli di jakarta