Cara Membuat Arsip Blog (Blog Archive) dengan Scroll

Tutorial Blogger, Kesehatan, Islami

  • HOME
  • DAFTAR ISI
  • BLOGGER
  • TEMPLATE
  • TIPS TRIK
  • SEO
  • DESAIN BLOG
  • WIDGET
  • KESEHATAN
Home Blogger Desain Blog SEO Tips And Trik Widget Cara Membuat Arsip Blog (Blog Archive) dengan Scroll

Cara Membuat Arsip Blog (Blog Archive) dengan Scroll

Ketemu lagi sob dengan saya di blog ini dan alhamdulillah saya masih diberi kesempatan untuk menulis artikel lagi . Pada kesempatan sebelumnya saya sudah bagikan sebuat trik untuk blog sobat yaitu trik Membuat Loading Blog Super Cepat dan Ringan yang bisa membantu loading blog sobat lebih cepat lagi..

Arsip Blog atau Blog Archive menurut saya merupakan kumpulan artikel-artikel kita dari pertama sampai yang terakhir kalinya yang terkumpul dalam satu widget dalam blog , Arsip Blog atau Blog Archive juga memudahkan pengunjung blog kita agar mengetahui artikel-artikel kita yang terdahulu. Dan agar Arsip Blog atau Blog Archive tidak terlalu panjang menjulur ke bawah kita bisa membuat Arsip Blog atau Blog Archive dengan scroll agar lebih menghemat ruang blog sobat.

Berikut ini contoh Arsip Blog (Blog Archive) dengan Scroll :

Contoh Arsip Blog (Blog Archive) dengan Scroll

Arsip Blog (Blog Archive) diatas saya beri scroll pendek agat menghemat ruang di blog saya sendiri.
Apakah sobat mau membuat Arsip Blog (Blog Archive) dengan scroll seperti diatas ???
bila sobat mau silahkan ikuti langkah-langkahnya berikut ini , mudah kok sob , hehehe

1. Login ke blogger sobat
2. Pilih Tata Letak > Tambahkan Gadget
3. Pilih Arsip Blog atau Blog Archive
4. Simpan Gadget
5. Kita pergi ke Edit HTML
6. Lalu kita cari kode <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
7. Tampilan Kode Penuhnya kira-kira seperti berikut
<b:widget id='BlogArchive2' 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 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>
<b:include name='quickedit'/>
</div>
8. Tambahkan kode <div style='overflow:auto; width:ancho; height:177px;'> dan </div>
    Dan kodenya kira-kira akan menjadi seperti ini :
<b:widget id='BlogArchive2' 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='overflow:auto; width:ancho; height:177px;'><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>
9. Kode warna merah adalah kode yang ditambahkan kedalam script template, anngka 177 adalah tinggi Arsip Blog atau Blog Archive , Sobat bisa menggantinya sesuka hati.

10. Klik simpan template dan lihat hasilnya.

Demikianlah Sob postingan saya kali ini yaitu tentang Cara Membuat Arsip Blog (Blog Archive) dengan Scroll. dan semoga trik ini bisa berguna dan bermanfaat bagi kita srmua , Dan seperti biasanya sob , bila ada tutur kata atau pengucapan saya yangg kurang berkenan dihati saya mohon maaf sebesar-besarnya , Wassalamualaikum.
Tweet

6 Responses to " Cara Membuat Arsip Blog (Blog Archive) dengan Scroll "

  1. Unknown30 Mei 2013 pukul 16.28

    nice tutorial sangat bermanfaat gan...

    BalasHapus
    Balasan
    1. Anonim30 Mei 2013 pukul 16.38

      sama-sama ya , tutorial dari agan juga sangat bermanfaat..
      makasih kunjungan baliknya..

      Hapus
      Balasan
        Balas
    2. Balas
  2. Anonim31 Mei 2013 pukul 09.47

    Ok ini kunjungan baliknya http://jalurmedia.blogspot.com/
    http://grendismaya.blogspot.com/

    BalasHapus
    Balasan
    1. Anonim31 Mei 2013 pukul 11.59

      oke sob

      Hapus
      Balasan
        Balas
    2. Balas
  3. Unknown5 Juni 2013 pukul 15.01

    Postnya keren gan ^_^

    http://bloggerjava.net

    BalasHapus
    Balasan
    1. Anonim5 Juni 2013 pukul 15.18

      tentunya dong , hehee

      Hapus
      Balasan
        Balas
    2. Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar ( Atom )

Sering Dibaca

  • planet ajaib

    Cara Membedakan Tokek Jantan Dan Tokek Betina

  • planet ajaib

    5 Pembalap GP Paling Legendaris di Dunia

  • planet ajaib

    Cara Membedakan Raket Yonex Asli Dengan Yonex Palsu

Site Info

Blogroll

  • Harga Motor Yamaha Honda
  • Cek Resi JNE
  • Katalog Carrefour
  • Kata Kata Mutiara

Sahabat

Label

Aneh (13) Badminton (1) Bisnis (3) Blogger (67) Cerita (3) Cinta (3) Desain Blog (14) Directory (1) Fakta Menarik (2) Fenomena (2) gadget (1) Hewan (1) Hoby (2) Information (8) Internet (1) Iseng (12) Kata Kata Mutiara (1) Kecantika (1) Kecantikan (1) Kesehatan (45) Komputer (2) Manfaat (5) Olahraga (1) Pengetahuan (6) Resep (3) SEO (26) Software (1) Teknologi (3) Template (12) Tips And Trik (57) Tool Blog (3) Widget (18)
Privacy Police | Contact| About Me
Support : sertifikasi crane
isnpeksi dan sertifikasi
Copyright © 2013 Planet Ajaib - All Rights Reserved
Design by jasa sertifikasi crane
Powered by Blogger