Cara Membuat Scroll Pada Blog Archive
Cara Membuat Scroll Pada Blog Archive ~ Hari ini kita membuat pembelajaran untuk para blogger yang masih pemula yang butuh diajarkan cara membuat arsip blog fungsi scroll,maka diluncurkanlah artikel ini.Dengan memasang fungsi scroll maka,pengunjung blog pun akan bisa dengan gampang membaca isi blog kita.Untuk membuat arsip blog memiliki fungsi scroll sangat mudah, untuk membuatnya silahkan ikuti langkah-langkah berikut
Cara Membuat Scroll Pada Blog Archive (Arsip Blog)
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
6. Kode lengkapnya adalah seperti ini
<b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<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:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
7. Kode warna merah dan hijau adalah kode yang ditambahkan kedalam script tersebut, 200 adalah tingginya, dan kita bisa ubah seseuai selera.
8. Simpan jika sudah selesai. hasilnya akan seperti ini :
Artikel Menarik Lainnya
Blog
- Cara Memasang Anchor Text Di Blog
- Cara Membuat Meta Tag Otomatis Pada Setiap Postingan
- Cara Menampilkan Gambar Posting Blog Di Pencarian Google
- Cara Black Hat seo Menggunakan Cyber Hack
- Cara Memasang Meta Tag Dublin Core
- Pasang Banner Blog Di Tersemat Dot Com
- Cara Submit Blog Ke Bing
- Cara Membuat Sitemap Di Blog
- Cara Mengganti Template Blog
- Cara Membuat Kotak Blogroll Dan Marquee
- Cara Mendaftar Dan Memasang Iklan SITTI Di Blog
- Cara Membuat Tombol Share Facebook Twitter Dan Google Plus
- Cara Memasang Fans Page Facebook Di Blog
- Cara Membuat Tombol Follow Twitter Di Blog
- Cara Membuat Daftar Isi Blog Dengan Scroll
- Cara Mempercepat Loading Blog
- Cara Membuat Iklan Melayang Di Blog
- Cara Memasang Seo Smart Link Di Blog
- Cara Membuat Buku Tamu Melayang Di Blog
- Cara Upload JavaScript Di Google Code
- Cara Membuat Seo Otomatis pada gambar
- Cara Membuat Meta Tag Yang Di Sukai Google
- Cara Cepat Menurunkan Nilai Alexa Rank
- Cara Cepat Mendapatkan Sitelink Google
- Cara Membuat Blog Menjadi Dofollow
Tips dan trik
- cara cepat root android terbaru
- Cara Install Dan Konfigurasi Dhcp Server
- Cara Memasang Anchor Text Di Blog
- Cara Membuat Meta Tag Otomatis Pada Setiap Postingan
- Cara Menampilkan Gambar Posting Blog Di Pencarian Google
- Resep Macam - Macam Kue Bolu
- Cara Submit Blog Ke Bing
- Cara Membuat Sitemap Di Blog
- Cara Mengganti Template Blog
- Cara Membuat Kotak Blogroll Dan Marquee
- Contoh Pidato Bahasa Inggris
- Cara Instalasi Windows Server 2003
- Cara Mendaftar Dan Memasang Iklan SITTI Di Blog
- Cara Verifikasi Paypal Menggunakan Kartu Bank Niaga
- Cara Membuat Tombol Share Facebook Twitter Dan Google Plus
- Cara Membuat Pancake Cokelat Dan Durian
- Cara Memasang Fans Page Facebook Di Blog
- Resep Dan Cara Membuat Rainbow Cake
- Cara Membuat Tombol Follow Twitter Di Blog
- Cara Mempercepat Koneksi Internet Modem
- Cara Membuat Daftar Isi Blog Dengan Scroll
- Cara Cepat Meningkatkan Pengunjung Dengan SEO
- Cara Mempercepat Loading Blog
- Cara Membuat Iklan Melayang Di Blog
- Cara install linux Debian Lenny
Cara Membuat Scroll Pada Blog Archive
Diulas oleh 798 Pembaca Tips Blogging And Computer
5
Jumat, 22 Juni 2012
Langganan:
Posting Komentar (Atom)
7 Responses to “Cara Membuat Scroll Pada Blog Archive”
Keren..., Thanks ya Mas Info N Tutornya..., I Like..!
Visite Back Please : http://khabaranunik.blogspot.com/ 14 Oktober 2012 pukul 11.09
terimakash... tipsnya ok banget.. 14 Oktober 2012 pukul 12.39
mantap cuy... makasi.
ini yang gua cari. 14 Oktober 2012 pukul 12.45
sip gan , sudah saya coba dan berhasil , arsip jadi simpel dan tambah keren, 20 Oktober 2012 pukul 11.02
Terimakasih atas tips scroll nya 6 November 2012 pukul 21.43
ia gan
sama2 :) 18 November 2012 pukul 22.19
thanks gan tipsnya 29 Desember 2012 pukul 17.10
Posting Komentar