Membuat Scroll pada Arsip Blog - BLOGATTANAHI
Headlines News :
Home » » Membuat Scroll pada Arsip Blog

Membuat Scroll pada Arsip Blog

Written By Langlang Buana on Kamis, 10 Juni 2010 | 19.27

Pernahkah anda melihat sebuah situs yang arsip blognya berjejer sangat panjang ke bawah? Itu adalah pengaturan standar dari blogspot. Di samping memakan ruang sidebar hal itu tentu sedikit mengganggu tampilan blog. Kondisi tersebut sebenarnya bisa diatasi dengan cara membuat scroll, yaitu semacam tombol yang bisa ditarik-tarik ke atas dan ke bawah untuk melihat seluruh arsip blog secara bergantian. Ukuran kotak scroll tersebut bisa diatur sesuai keinginan kita, sehingga tampilannya tidak banyak memakan ruang sidebar. Cara membuatnya adalah:


  1. Masuklah ke halaman Dasbor blog anda dan klik Tata Letak. 
  2. Kemudian klik Edit HTML. 
  3. Untuk berjaga-jaga jika terjadi kesalahan backuplah terlebih dahulu template anda, dengan cara klik Download Template Lengkap.
  4. Jika sudah centanglah kombo Expand Template Widget.
  5. Kemudian carilah kode: <div id='ArchiveList'> 
6. Kemudian perhatikan beberapa baris kode di bawahnya. Lengkapnya akan terlihat seperti di bawah ini.
<div style='overflow:auto; width:ancho; height:100px;'>
<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'/>

7. Kode yang berwarna biru adalah kode yang harus ditambahkan untuk membuat scrollnya. Letakkanlah kode tersebut seperti posisi di atas. Khusus yang berwarna merah (100) adalah angka untuk tinggi kotak scrollnya. Anda bisa ganti sesuai dengan ukuran yang paling pas untuk blog anda. Setelah itu klik SIMPAN TEMPLATE dan tunggu hingga proses berlangsung.
8. Simpan.......
Sebagai contoh hasilnya akan tampak seperti ini.


Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger