News Update :


Cara Membuat Scroll Pada Arsip Blog



Sebelum membaca yang ini, silahkan baca yang ini cara membuat artikel terkait dengan scroll !!
Cara Membuat Scroll Pada Arsip BlogDengan membuat scroll pada arsip blog, akan membuat panjang sidebar ke bawah tetap. Walau pada bulan tertentu banyak postingan atau sedikit arsip blog yang tampilannya herarki akan terlihat rapi dengan adanya scroll. Jika kita sudah menambahkan widget arsip blog dengan model herarki, langsung saja lakukan langkah selanjutnya.




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 + &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>
<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 + &quot;_ArchiveMenu&quot;'>
<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='&quot;archivedate &quot; + 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 == &quot;expanded&quot;'>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy toggle-open'>&#9660; </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; + &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId + &quot;&amp;toggleopen=&quot; + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;
<b:else/>
&#9658;
</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. 


ref:http://kurniasepta.blogspot.com/2011/10/membuat-scroll-pada-blog-archive-arsip.html

jangan asal copas kalau web anda tidak mau diBLOKIR,baca aturannya disini!!!


Anda sedang membaca artikel tentang Cara Membuat Scroll Pada Arsip Blog dan anda bisa menemukan artikel Cara Membuat Scroll Pada Arsip Blog ini dengan url http://wawasanfadhitya.blogspot.com/2012/05/cara-membuat-scroll-pada-arsip-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Scroll Pada Arsip Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Scroll Pada Arsip Blog sebagai sumbernya.

Share on :
Bookmark and Share
| | 40 comments



Artikel Terkait

40 comments:

free pc game high compressed mengatakan...

thanks for sharing

visit back ya ke blog saya ^_^

Fandi Adhitya mengatakan...

oke gan...

Anonim mengatakan...

makasih infonya sangat bermanfaat

cerita anak kost mengatakan...

wah mudah ternyata ya bang.

Fandi Adhitya mengatakan...

hehe iyaiya

Fandi Adhitya mengatakan...

sama2 gan

Unknown mengatakan...

thanks sob
mampir2 ya : http://informasi-saya.blogspot.com

Fandi Adhitya mengatakan...

ok gan

Mang uem mengatakan...

thanks sudah berbagi ilmunya, sukses selalu....

Yusuf Afif Fauzan mengatakan...

www.1sfgate.blogspot.com

Fikhi mengatakan...

Makasi gan...

Agung Laksono mengatakan...

Gan Kok Gk Bisa Ya :(

Agung Laksono mengatakan...

Link Blog Kamu Sudah Terpasang Diblog Saya.
Hrap Pasang Balik Ya Link Blog Saya.
Cek Saja Di http://agungxd.blogsot.com/

Nieh Script Link Text saya :

Dunia Blogging Seo

Fandi Adhitya mengatakan...

@fikhi: sama2

Fandi Adhitya mengatakan...

@agung: coba diteliti lagi gan

Fandi Adhitya mengatakan...

@agung:nanti saya link back

Rico Finede mengatakan...

mkasih tuk impo nya

Fandi Adhitya mengatakan...

iya sama2

Anonim mengatakan...

buat link yuk....http://kamikazenewbie.blogspot.com

Fandi Adhitya mengatakan...

ayuk :) pasang dulu link ane gan :D

Anonim mengatakan...

bang punya ane kgk ad archive2, adanya archive1 gmn tuh bang..??

Fandi Adhitya mengatakan...

ganti yang archive 1

akram berbagi mengatakan...

wam makasiya atas informasinya bermanfaat banget dan tuker link gan kalau mau beri tahu saya ya

akram berbagi mengatakan...

sekalian gan follow blog saya nanti saya follow juga blog agan

Fandi Adhitya mengatakan...

oke deh gan..tunggu ya

Blog Berita Aktual mengatakan...

kode ini tidak ada di blog saya ..yang mana ya ? Gimana solusinya ? Thanks dulu atas tipsnya

Anonim mengatakan...

Thanks atas infonyaaa

Unknown mengatakan...

Alhamdulillah sukses juragan terimakasih atas tutorialnya, kalau ada waktu manpir ia juragan, saya sudah follow ditunggu follow baliknya ia.

Kang Sofi mengatakan...

Thanks tutorialnya bang

assuyuthi mengatakan...

thank mas broe artikel di atas sangat membantu ya..

Hafiz - 24™ mengatakan...

By Admin : Berbagi Informasi JKT48

Free Download Games & Movie

Hafiz - 24™

Unknown mengatakan...

mantab sob,

sukses dah buat admin

http://awhnymous.blogspot.com
http://cheater-arsid.blogspot.com

Unknown mengatakan...

alhamdulilah berhasil sob.. terima kasih atas infonya :)

HutanMaya mengatakan...

berhasil sob :D makasih ya

Loli Women mengatakan...

mancab gan :D

Topik Umum mengatakan...

wah mancab gan :D

Abangmusik mengatakan...

work gan

Anonim mengatakan...

thanks gan infonya
http://arif-net.blogspot.com/

Unknown mengatakan...

0525qihangtrue religion
kate spade bags
cheap oakley sunglasses
coach outlet online
coach factory outlet
coach outlet store online
coach factory outlet
polo ralph lauren
burberry scarf
jordan shoes
burberry outlet
michael kors handbags
tory burch shoes
toms shoes
air max 95
chanel handbags
michael kors outlet
oakley sunglasses
coach outlet store online
michael kors handbag
gucci outlet
true religion outlet
fitflops sale clearance
burberry outlet online
oakley sunglasses
pandora outlet
true religion sale
oakley sunglasses sale
cheap oakleys
q

Unknown mengatakan...

2015-10-5 leilei
Coach Diaper Bag Outlet
louis vuitton outlet stores
abercrombie store
hollister clothing
nike air max 90
Jordan 4 Shoes For Sale
Authentic Air Jordan 13 shoes for sale
coach factory outlet
ugg boots sale
Air Jordan 6 Champagne Bottle
Michael Kors Handbags Clearance Outlet
Cheap Ray Ban Wayfarer
Jordan 3 Retro 2015
timberland outlet
Coach Outlet Online Discount Sale
michael kors outlet
canada goose jackets
michael kors outlet
michael kors outlet online
Michael Kors Outlet Online Deals Huge

Komentar di: Cara Membuat Scroll Pada Arsip Blog

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.

 

Page Rank Check

Technology Blogs

© Copyright 2012.Wawasanfadhitya: Cara Membuat Scroll Pada Arsip Blog | Template by Fandi Adhitya
All Rights Reserved | Privacy Policy