Jika Ada Link Dalam Blog Ini Yang Tidak Berfungsi Atau Broken, Dengan Segala Kerendahan Hati Kami Berharap Pengunjung Sekalian Meng-Infokan Kepada Kami Agar Se-segera Mungkin Kami Memperbaikinya,TERIMA KASIH..!!BLOG ANAK BIMA mengucapkan "SELAMAT HARI RAYA IDUL ADHA 1437H MOHON MAAF LAHIR DAN BATIN" @Admin [by:dyenps]

Wednesday, June 6, 2012

Cara Membuat Scroll Arsip Blog


Cara Membuat Scroll Arsip Blog

Tujuan dari pembuatan scroll atau menu scroll adalah untuk memperhemat ruang pada blogdan juga bisa membuat blog kita menjadi kelihatan rapi dan tertata tentunya.
Mari langsung saja kita mulai melakukanya:




1.       Seperti biasa anda harus sign in di akun blogger.com kalian

2.       Pilih Template (antar muka blogger terbaru)

3.        Pilih >>Edit HTML dan klik >>Lanjutkan, kemudian  >>Centang Expand Widget, bila perlu     backup dulu Temlatenya jangan sampai ada kesalahan,caranya tekan >>control+A, lalu >>control+C pada keyboard dan buka notepad tekan >>control+V,dan save pada root hardisk komputer anda.

4.       Carilah kode yang kurang lebih seperti berikut ini ( gunakan ctrl+F untuk mempermudah pencarian):

 <div class='widget-content'>

Kamu akan menemukan kode kurang lebih sama seperti ini:

 <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div style='overflow:auto; width:ancho; height:300px;'>
  <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'/>
  </div>
</b:includable>
</b:widget>

5. Sisipkan kode yang berwarna biru seperti contoh di atas.
Ket. kode berwarna biru adalah kode scroll yang di sisipkan tepat di bawah kode:
 <div class='widget-content'>
Sedangkan angka 300px adalah batasan tinggi dari menu scroll yang kamu buat, bisa juga di ubah sesuka hati kamu.


6. Pratinjau atau preview dulu,kalau berhasil Simpan Template dan lihat hasilnya ...bagus kan..???
   Hasilnya sama persis seperti Arsip Blog punya saya ini,lihat di bagian bawah blog ini.
Demikian cara membuat scroll pada arsip blog....semoga bermanfaat....D.






Artikel Terkait:

0 comments:

Post a Comment

Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!

Followers

Google+ Followers

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More