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



Artikel Terkait

48 comments:

free pc game high compressed mengatakan...

thanks for sharing

visit back ya ke blog saya ^_^

Fandi Adhitya mengatakan...

oke gan...

Rudy Hartono mengatakan...

makasih infonya sangat bermanfaat

cerita anak kost mengatakan...

wah mudah ternyata ya bang.

Fandi Adhitya mengatakan...

hehe iyaiya

marcel_linoez mengatakan...

makasih gan

Fandi Adhitya mengatakan...

sama2 gan

Monz Osd mengatakan...

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

Fandi Adhitya mengatakan...

ok gan

Mang uem mengatakan...

thanks sudah berbagi ilmunya, sukses selalu....

Fandi Adhitya mengatakan...

sama2 gan :)

Yusuf Afif Fauzan mengatakan...

www.1sfgate.blogspot.com

Fandi Adhitya mengatakan...

?

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

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

Mohammad Fhadli Ahmad mengatakan...

Thanks atas infonyaaa

M. Sofyan Daud 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™

awhnymous hack mengatakan...

mantab sob,

sukses dah buat admin

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

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

arif widodo mengatakan...

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

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

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

方松腾 mengatakan...

tiffany jewelry
ugg boots
air jordan shoes
michael kors handbags sale
michael kors handbags
ferragamo shoes
ralph lauren polo shirts
timberland outlet
adidas jeremy scott
jordan shoes
ralph lauren outlet
lebron 12
louis vuitton bags on sale
abercrombie fitch
louis vuitton handbags
ugg clearance
valentino shoes
fitflops shoes
nfl jerseys wholesale
nike air max
adidas outlet store
ferragamo shoes
louis vuitton outlet online
omega watches
nike air max 90
michael kors outlet
ferragamo outlet
converse sneakers
nike huarache
mac makeup

Gege Dai mengatakan...

lacoste pas cher
new york jets jersey
abercrombie and fitch
salomon shoes
minnesota vikings jerseys
dallas cowboys jersey
ferragamo outlet
san francisco 49ers jerseys
tods outlet online
broncos jerseys
nike free run
seattle seahawks jersey
puma shoes
miami heat
atlanta falcons jerseys
denver broncos jersey
vans shoes
jordan 4
49ers jersey
new england patriots jersey
packers jerseys
miami dolphins jerseys
buffalo bills jerseys
san diego chargers jersey
air max 90
instyler
celine outlet
abercrombie and fitch
seattle seahawks jerseys
cincinnati bengals jerseys
abercrombie and fitch
boston celtics
linyuan0504

roba. gad2 mengatakan...

https://decor-ksa.com/
https://3kary.com/property-status/farms-for-rent/
https://3kary.com/property-status/farms-for-sale/

Ana soo mengatakan...

https://decor-ksa.com/
https://3kary.com/property-status/shops-for-sale/
https://3kary.com/property-status/shops-for-rent/

roba. gad3 mengatakan...

http://www.kuwait.prokr.net/
http://www.emirates.prokr.net/

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