» » » Cara Membuat Scroll Box Pada Widget Archive Blog

Comeon-Moveon | Bagaimana Cara Membuat Scrool Pada Widget Archive Di Blog? - Seperti anda lihat pada widget sidebar Comeon-Moveon pada Archive Blog Comeon-Moveon menggunakan scroll agar tidak terlalu panjang artikel yang keluar. Apakah anda juga ingin mencoba Cara Membuat Scroll Pada widget Archive Blog anda, silahkan ikuti tutorial berikut :
  1. Login ke Acount Blogger atau Dashboard.
  2. Klik Template >> Edit HTML >> Lanjutkan (centang Expand Template Widget).
  3. Cari kode yang seperti ini : <div id='ArchiveList'>
    Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan.
  4. Kemudian letakan kode ini : <div style='overflow:auto; width:ancho; height:220px;'> di atas kode <div id='ArchiveList'>
  5. Masukan kode berikut : </div> di baris ke 11 setelah dari <div id='ArchiveList'>
  6. Apabila berhasil maka akan diperoleh kode seperti dibawah ini :
      <h2><data:title/></h2>
         </b:if>
         <div class='widget-content'>
       <div style='overflow:auto; width:ancho; height:220px;'>
         <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>

Catatan : Untuk Mengatur Ketinggian Scroll Box, ganti kode height:220px sesuai keinginan anda, misalnya height:100px.

7. Kalau sudah selesai, Simpan Template dan lihat hasilnya, maka akan diperoleh scroll box untuk widget archiev/arsip blog seperti gambar di bawah.
Sekian tutorial cara memasang scroll box pada widget Archive di blog. semoga bisa bermnafaat :)

Wahyunorry WnorcxDitulis Oleh : Wahyunorry Wnorcx

Artikel Cara Membuat Scroll Box Pada Widget Archive Blog, diterbitkan oleh Unknown pada hari Senin, 11 Februari 2013. Semoga artikel ini dapat menambah wawasan Anda. Anda diperbolehkan mengcopy paste / menyebar luaskan artikel ini, namun anda harus meletakkan link dibawah ini sebagai sumbernya.

Suka artikel ini? bagikan

FacebookGoogle+Twitter
Senin, Februari 11, 2013
,

1 komentar:

Ketentuan berkomentar:
1. Setelah Anda mengirim komentar, Anda tidak dapat mengubah atau menghapusnya.
2. Comeon-Moveon berhak untuk menghapus komentar apapun yang dinilai melanggar aturan berikut ini:
- Relevan. Komentar Anda tidak sesuai topik dan tidak mempunyai kaitan dengan kiriman awal.
- Sopan. Jangan menggunakan kalimat yang mendiskriminasikan ras, seks, dan atau bernada menyerang. Komentar yang kasar, bernada kebencian, atau memfitnah tidak diijinkan.
- Cermat. Iklan atau permohonan tidak diperkenankan.
- Terpuji. Dilarang mengirimkan komentar yang melanggar hukum atau mendukung perilaku yang buruk.
- Simpatik. Tidak mengirimkan muatan yang bervirus atau komponen yang berbahaya.
- Cerdas. Komentar yang memuat informasi pribadi, seperti nomor telepon dan surat elektronik (email) akan dihapus.

Langganan: Posting Komentar (Atom)
 
Top