Tutorial Blogspot

Tutorial Blogspot, SEO, HTML5, CSS3, Facebook, Twitter, Software, Game, Motivasi, Tips dan Trik

Select Menu
  • Home
  • Blogging
    • Tutorial Blogspot
    • CSS
    • jQuery
    • Widget
  • Tools
    • SEO
    • Template Blogger
    • HTML Encrypter
    • Code Color
    • Responsive Cek
  • Sitemap
  • About Me
  • Link Exchange
  • Pasang Iklan
  • Kontes SEO Template Premium
Home » jQuery » Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah

Senin, 01 September 2014

Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah

Unknown
12 Comments
jQuery
Senin, 01 September 2014
Memberikan Scroll Pada Arsip Blog - Arsip blog merupakan sebuah widget blog yang sudah disediakan oleh blogger untuk membarikan informasi mengenai isi konten blog baik berupa bulanan, mingguan atau harian. Arsip blog juga sangat direkomendasikan buat blogger untuk dipasangkan di blog sehingga blog sahabat bisa lengkap dan bisa menunjang page view lebih banyak lagi.

Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah
Biasanya sebagian blogger pemula memasang widget Arsip blog atau Blog Archive dengan sederhana sehingga blog mereka terasa tidak terlihat dengan tampilan cantik dan simple akan archive blog memanjang ke bawah lantaran tidak dikasih scroll widget Archive. Dan untuk mempersimple dan mempercantik tampilan Arsip blog anda, alangkah baiknya anda mengikuti cara memasang Scroll Pada Arsip atau Archive Blog, di bawah ini:

1. Silahkan anda login di akun Blogger anda

2. Pilih Template dan Klik kemudian pilih Edit HTML

Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah

3. Cari Kode <div id='ArchiveList'> dengan cara tekan control+p, kemudian letakkan kode di bawah ini tepat di atasnya
<div style='overflow: auto;height: 200px;'>
4. Tambahkan Kode </div> sebagai penutup tepat di atas <b:include name='quickedit'/>. dan hasilnya akan seperti di bawah ini: 

<div class='widget-content'>
<div style='overflow: auto;height: 200px;'>
<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>

Catatan: height:200px merupakan tinggi widget yang anda pasang di blog anda, silahkan anda sesuaikan sendiri.
5. Simpat Template dan lihat hasilnya
Demikian panduan blog cara mamasang scroll Arshive blog sesuai dengan keinginan anda. Semoga bermanfaat.

Suka Artikel? Bagikan: Facebook Twitter Google+

12 Comments

avatar
Balas
Kang Muroi delete 1 September 2014 pukul 19.21

tak bungkus dulu triknya nih, siapa tahu nanti bikin scroll....keep blogging

avatar
Balas
dedetea66 delete 1 September 2014 pukul 19.37

yupp Scroll selain untuk ngirit tempat juga membuat tampilan blog jadi rapi dan enak dipandang yah sob hehe....

avatar
Balas
Aldino Sya delete 1 September 2014 pukul 22.38

bagus inih Mas..arsip scrollnya..ada latarnya, tdk seprti biasanya. apalagi kalau penempatannya dilengkapi gambar..jd mudah simpannya..

avatar
Balas
Devy delete 2 September 2014 pukul 00.39

hanya memperkecil kode height saja ya gan, baru tahu saya, maklum masih newbie hal beginian,,

langsung praktek dech gan, terimakasih atas tutorialnya

avatar
Balas
Unknown delete 2 September 2014 pukul 02.10

kreen ahh... mksh info'y

avatar
Balas
oyo sukarya delete 2 September 2014 pukul 04.10

kalau sdh psang kelihatan rapih ya Mas..tdk memanjang ke bawah..thx tipsnya bisa di coba

avatar
Balas
Unknown delete 2 September 2014 pukul 12.44

ok gan, bungkus aja

avatar
Balas
Unknown delete 2 September 2014 pukul 12.44

benar son dede thea..

Salam blogwalking ya sob

avatar
Balas
Unknown delete 2 September 2014 pukul 12.45

betul mas aldino..

makasih dah berkunjung

avatar
Balas
Unknown delete 2 September 2014 pukul 12.45

iya mbak..

oke mbak
sama sama mbak

avatar
Balas
Unknown delete 2 September 2014 pukul 12.46

sama sama mbak nenk ratu

avatar
Balas
Unknown delete 2 September 2014 pukul 12.46

iya mas oya sukarya..
maksih

Berkomentarlah Dengan Sopan

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Statistik

Flag Counter

Label

  • Blogging
  • Css
  • jQuery
  • SEO
  • Template
  • Widget
Diberdayakan oleh Blogger.

Arsip Blog

  • ▼  2014 (41)
    • ▼  September (33)
      • Download Software Untuk Membuat Logo
      • Mengenal Google Sandbox dan Solusinya
      • Learning From Lost Link Opportunities
      • Cara Membuat Label Cloud Flat Keren
      • Responsive Jquery Modal Box
      • Google Tidak Menyukai Blog Spam dan Ini Cara Mengh...
      • 5 Cara Terbaik Membuat Pengunjung Berlama-lama di ...
      • Anizan Alternatif Google Adsense
      • Cara Menambahkan Tombol On Off Video Di Blogger
      • Template Blogger Thesisense SEO Friendly 2014
      • Jquery Image Crousel Slider For Blogger
      • Slider with thumbnails For Blogger
      • Cara membuat efek Rotasi + Shadow pada Gambar Blog
      • Tuama Minahasa Template Blogger Responsive
      • Sisense Blogger Template
      • Cara memasang Iklan Di Bawah Artikel/Postingan
      • Cara Proteksi CSS Menggunakan Base64
      • Daftar Peserta Kontes SEO TemplatePremium
      • Jenis Jenis Doctype
      • Template Minima Colored 2.1 Final
      • Cara Memasang Scroll Arsip/Archive Blog Dengan Mudah
      • Related Posts Blogger : 6 in 1
      • Auto ReadMore dengan Gambar tanpa Javascript
      • Membuat Demo JSFiddle di Blog dengan JQuery
      • Iklan Gambar ala Google AdSense
      • Jquery Image Tooltip
      • Banned Spammer di Komentar Blog
      • Random Post Fast Loading
      • Menampilkan Pesan Pada Jam Tertentu
      • Apa Itu Backlink
      • You Comment I Follow
      • Anime First Responsive Blogger Template
      • CSS Sprite
    • ►  Agustus (8)

Mengenai Saya

Unknown
Lihat profil lengkapku
Copyright 2014 Tutorial Blogspot - All Rights Reserved
Template by Dino Desain - Powered Blogger