Cara Membuat Widget Arsip Blog Menggunakan Scroll Pada Blog

Cara Membuat Widget Arsip Blog Menggunakan Skrol Pada Blog : 
Archive Blog itu sendiri yaitu sebuah daftar artikel yang diurutkan berdasarkan tanggal, bulan, dan tahun. Pada dasarnya jika kita baru membuat sebuah blog widget arsip blog tersebut tampilannya masih default, yang mungkin saja jika artikel kita banyak tentunya bisa menghabiskan sidebar blog. Untuk itu kita harus membuat tampilan widget tersebut menggunakan skrol agar lebih menarik dan tidak memakan page sidebar.
Bagi yang masih kebingungan cara membuatnya mari kita simak dan terapkan langkah berikut.
login ke blogger anda lalu pilih template dan edit, seperti biasa agar mempercepat pencarian ctrl + F dan ketikan "BlogArchive" atau "<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>"agar lebih cepat dan langsung tersorot targetnya, setelah itu kopikan script di bawah ini tepat tepat di bawah yang barusan cari.
<b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
<div style='overflow:auto; width:ancho; height:200px;'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
Jika sudah dipasang preview dulu lalu simpan apabila sudah berhasil.
KETERANGAN ;
Ubah teks yang di blok merah sesuai keinginan untuk mengatur tingginya widger scroll.
Terimakasih.


Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔