Trik Buat Roll pada Entri Populer ~.^.~ CERITA LUCU blog kang bagas96 I share blog mobile template

Simpan » Diposting oleh Sieun Gaming » Rabu, 04 Juli 2012 » Label: Tutorial Blogger » Beranda

permalink

Rabu, 04 Juli 2012

Sieun Gaming

Trik Buat Roll pada Entri Populer

baik lah pada kesempatan kali ini saya akan berbagi trik membuat Roll pada entri populer dimana kegunaannya sangat banyak sekali manfaatnya salah satunya agar blog kita tidak terlihat memanjang ke bawah, oke deh langsung saja ke poko permasalahan
langkah  Buat Roll pada Entri Populer
1. Login ke blog anda dulu dong
2. Masuk ke Tata Letak
3. pilih Add witget
4. lalu cari entri populer dan tambahkan
5. Pilih jumlah entri populer yang diinginkan(disini saya pilih 4 entri populer)
6. Lalu simpan
7. Lalu masuk Template>edit HTML>lanjutkan>
8. Jangan lupa beri centang pada Expand Template Widget
9. Lalu cari kode Entri Populer atau  <div class='widget-content popular-posts'>

10. Copy pastekan scrip dibawah tepat dibawah <div class='widget-content popular-posts'> (ingat dibawahnya)
  <div style='overflow:auto; width:ancho; height:250px;'>
sehingga tampilannya seperti ini

    <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>

11. lalu cari kode
  <b:include name='quickedit'/>
</div>
12. tambahkan srip </div> sehingga menjadi seperti
    <b:include name='quickedit'/> </div></div>

dan tampilan keseluruhannya adalah sebagai berikut

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:250px;'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div></div>