Cara Mudah Membuat Scroll pada Archive Blog (arsip blog)

Cara Mudah Membuat Scroll pada Archive Blog (arsip blog)

Heyyy sob  sudah lama nhi ane dak coret caret di blog hehehe ,,,! kira-kira ane udah fakum 1 bulan lebih lah. Sekarang ane akan shering tentang Scroll, Cara Mudah Membuat Scroll pada Archive Blog. pasti sobat ada yang tidak suka sama tampilan blog archive yang panjang, nah  untuk itu ane akan kasih tau cara nya dengan memasang Scroll jadi tampilan-nya saja yang di pendekin tapi isi dari blog archive masi tetep sob.

Sedikit mengenai Scroll Vertikal sob untuk mengeser ke atas dan ke bawah yang ada di sebelah kanan blog. Cukup lah ane basa basinya sob langsung saja ke TKP hehehe .. !

yah kira-kira ada 3 langkah untuk memasang scroll pada blog archive kok sob.

Pertama  sobat harus login dulu ke blogger

Kedua  masuk ke halaman Templaet

Ketiga  cari kode ini sob   <div id='ArchiveList'>
(gunakan Ctrl+F) untuk memudahkan pencarian gunakan crtl+f  biar cepet ketemu sob hehehe ..

Setelah itu paste kan kode yang di bawah ini

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

 Di atas kode ini sob <div id='ArchiveList'>

Untuk lebih jelasnya lihat gambar di bawah ini sob

Setelah anda paste kan pasti ada kesalahan tapi jangan kawatir sob ketikan kode </div> di atas kode ini sob </b:includable>

Untuk lebiih jelasnya lihat pada gambar di dawah ini …. !!

Selesai juga dah sob Membuat Scroll pada Archive Blog simpan dan lihat hasilnya jreng-jreng-jreng ….!!

Maaf sob   Sebelum-nya sobat, untuk mencoba tutorial ini sobat harus menambahkan HTML/Java Script || Blog Archive pada Tata Letak sobat dulu sebelum mencoba tutorial ini … !

Nih sahil kode yang tdi kita sisipkan seperti di bawah ini .. !!

  </b:if>

      <div class='widget-content'>

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

      <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> 

Terima kasih sob anda telah membaca Tutorial Cara Mudah Membuat Scroll pada Archive Blog   mohon maaf jika ada kesalahan dalam pengetikan karena kesempurnaan hanya milik 

ALLAH SWT  ..   Wassalam .. ^_^

 
  

Title : Cara Mudah Membuat Scroll pada Archive Blog (arsip blog)
Description : Cara Mudah Membuat Scroll pada Archive Blog (arsip blog) Heyyy sob   sudah lama nhi ane dak coret caret di blog hehehe ,,,! kira...
Rating : 4.5 stars based on 153 reviews

Ditulis oleh: aziz husen - Sunday, 2 February 2014

Artikel Lainnya