Selasa, 04 September 2012

Tips Membuat Scroll Pada Blog Archive


Dengan 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 & PILIH lANJUTKAN
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 sesuai selera.
 8. Simpan jika sudah selesai. 




SELAMAT MENCOBA

Tidak ada komentar:

Poskan Komentar

Buat sahabat yang mau sedot gambar DLL, silakan..
Jangan lupa tuk tinggalin jejak sobat dengan komentar pada blog ini supaya ane juga gampang berkunjung ke blog sobat.

Entri Populer

BACKLINK SITE

Memasang banner site yang menyediakan backlink otomatis sangatlah membantu tuk meningkatkan traffic blog kita karena selain anda pengunjungpun akan klik banner site baclink otomatis yang ada diblog anda nah hal ini yang akan membuat link anda akan terus nonggol diurutan pertama. survei membuktikan bahwa link yang nonggol di urutan pertama itu yang sering diklik visitor. Anda tertarik pasang banner backlink otomatis silahkan copy paste kode di bawah ini yang saya dapatkan dari site beberapa negara.
EMBUN OENGOESERIBU KAWANbacklinkgratis4ufreebanner4uSERIBU KAWANbertaubatlahiklanseribuartissexy17freebacklinks4usatriopiningitkatamutiara4usehatwalafiahiniinfo4uFree Automatic Linkiklansahabat2billiontraffic4uiklanwargaechange de liensseribusayangDAHOAM Free Backlinksbloggratiss4usurgalokaSERBA SERBISENI LUKISTEMPLATE GRATISWARGA BISNISAGUS FAUZYUnlimited BacklinkFree Automatic LinkFree Automatic Link4905GOBLOGANEKA VIDEOFree BacklinksBacklink ExchangeCalendario BiblicoFree Automatic LinkDie Gute SaatFree Automatic LinkFree Automatic LinkFECEBLOG 4UIFree Automatic LinksangrajamayaIntercambio de enlacessurgawebEnlaces GratisFree Automatic LinkFree Automatic LinkFree Automatic LinkbabulfatahFree Automatic Elvira Linksbacklinkgratis4uFree Automatic LinkFree Automatic LinkBUSANA MUSLIMFree BacklinksUnlimited Backlink ExchangeseribukatamutiaraUnlimited Backlink ExchangeTradiciones Peruanas de Ricardo PalmaAutomatic Backlink ExchangeFree Automatic LinkPlugboard Free Backlink ExchangeMariachi Backlink ExchangeWeb Link ExchangemajelisrasulullahText Backlink ExchangesLinkon Bedava - Free BacklinkText Back Links Exchangebedava - Free Backlink - www.linkdevi.comText Back Links Exchangesbedava - Free Backlink - www.v8link.com