Wednesday, 16 January 2013

Cara Membuat Entri Populer Berjalan

Membuat sebuah entri Populer memang sudah di sediakan oleh Blogger tapi disini admin akan memberikan cara atau tips yang sederhana untuk membuat Entri Populer yang disediakan oleh Blogger atau Blogspot menjadi Entri Populer yang cantik. Untuk membuat Entri Populer Berjalan para sobat ikuti langkah-langkah sebagai berikut :
  1. Para blogger Login terlebih dahulu di Blogger
  2. Pilih rancangan
  3. Pilih Edit HTML jangan lupa centang Expand Template Widget
  4. Kemudian sobat cari kode ( Pastikan Sobat sudah pasang Entri Populer Bawaan dari Blogger)
  5. <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
  6. Untuk mempermudah silakan gunakan F3
  7. Kalau sudah ketemu taruh kode 
  8. <marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'> dibawah kode <div class='widget-content popular-posts'><ul>
  9. Setelah selesai jangan lupa taruh kode </marquee> sebelum kode </ul>
  10. Sehingga akan terbentuk kode seperti di bawah 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'><ul>
    <marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
       
          <b:loop values='data:posts' var='post'>
          <li>
            <b:if cond='data:showThumbnails == &quot;false&quot;'>
              <b:if cond='data:showSnippets == &quot;false&quot;'>
                <!-- (1) No snippet/thumbnail -->
                <a expr:href='data:post.href'><data:post.title/></a>
              <b:else/>
                <!-- (2) Show only snippets -->
                <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 == &quot;false&quot;'>
                <!-- (3) Show only thumbnails -->
                <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/>
                <!-- (4) Show snippets and thumbnails -->
                <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>
        </marquee></ul>
        <b:include name='quickedit'/>
      </div>
    </b:includable>
    </b:widget>
9. Selanjutnya sobat save dan lihat hasilnya deh.
keterangan : silahkan perhatikan peletakan code yang berwarna biru dan ikuti panduan di atas pasti perhasil


selamat mencoba sob.



Ping your blog, website, or RSS feed for Free

Artikel Terkait

No comments:

 
Internet Business Blogs Google PageRank Checker Powered by  MyPagerank.Net
Copyright © 11-01-2013 CAH NGANJUK BLOG | protected: DMCA.com | powered by: Blogger