Cara Buat Archive Blog Dengan Scroll




Cara Buat Archive Blog Dengan Scroll

Cara Buat Archive Blog Dengan Scroll


Hasil gambar untuk arsip blog

Hari ini saya akan menjelaskan cara membuat blog Arcive. sebelumnya saya akan menjelaskan sedikit apa itu atchive blog, Archive blog adalah sebuah daftar urutan artikel yang di urutkan sesuai tanggal bulan dan tahun, Nah biasanya archive blog ini di letakan di sidebar pada sebuah blog, menurut saya berguna sekali jika di pasang pada sebuah blog, karena dengan widget arsip ini kita bisa dengan mudah menemukan artikel-artikel anda hanya dengan melihat halaman arsip.

Dengan kita menambahkan scroll pada bagian halaman arsip tentu tidak memakan banyak ruangan di sidebar dan. bisa anda sesuaikan tinggi untuk menyesuaikan dengan sidebar anda.
untuk lebih jelasnya ikuti langkah-langkah sebagai berikut ini.

# Ada dua cara untuk membuat archive scroll dengan mudah :

1. Cara Buat Archive Blog Dengan Scroll

Langkah-langkahnya: 

1. Pastikan anda sudah menambahkan arsip blog ke widget blog milik anda.
2. Sekarang anda login ke akun blogger anda.
3. Kemudian pilih menu template > Klik Edit Html 
4. Dan silahkan anda cari kode 'ArchiveList'
5. Jika sudah ketemu kemudian anda letakan kode kode di bawah ini tepat di atas kode 'ArchiveList'  

<div style='overflow:auto; width:ancho; height:300px;'>

6. Selanjutnya anda scrool ke bawah sedikit, dan anda akan melihat kode seperti ini <b:include name='quickedit'/>  tambahka kode </div> tepat di atasnya Atau lebih jelasnya lihat contoh seperti di bawah ini.

<div style='overflow:auto; width:ancho; height:300px;'>  <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>

Note : 300px adalah tinggi arsip dan silahkan anda sesuaikan sesuka anda.

7. Jika sudah selesai maka silahkan anda save template anda dan bisa di lihat hasilnya.


2. Berikut Membuat Scroll Widget Archive Blog Dengan Css

  1. Pastikan anda sudah memasang widget archive di blog anda ya
  2. Kemudian anda masuk editor template [ edit html ]
  3. Dan cari kode ]]></b:skin> atau </style> selanjutnya anda letakkan script kode berikut ini tepat di atasnya.
4.  #BlogArchive1 .widget-content{
5.  height: 300px;
6.  margin: 10px;
7.  width: auto;
8.  overflow: auto;}
  1. Yang terakhir simpan template dan lihat hasilnya
Nah itulah  cara termudah  untuk membuat  Cara Memasang Scroll pada Widget Archive Blog Dengan Css. Demikian tutorial hari ini,nanti kan tutorial selanjutnya, semoga bermanfaat, apabila ada yang kurang di mengerti langsung di tanyakan, dan saya akan siap membantu. terimakasih sudah berkunjung di blog jelek saya,.salam.

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect