Pin BB

Monggo diinvite ya 765cb6f6

Cara Membuat Entri Populer Berjalan

Menu Entri Populer memang sudah di sediakan oleh Blogger, akan  tetapi disini saya 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. Login terlebih dahulu di Blogger
  2. Pilih rancangan
  3. Pilih Edit HTML jangan lupa centang Expand Template Widget
  4. 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>


  • Selanjutnya sobat save dan lihat hasilnya.

    1. Posted by syamsul arifin On Thursday, January 17, 2013 4 komentar
      Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

      + komentar + 4 komentar

      January 18, 2013 at 10:31 AM

      hati2 ya gan buat caranya, makasih

      Terimakasih borescope atas Komentarnya
      January 18, 2013 at 10:31 AM

      makasih banget gan buat caranya

      Terimakasih timbangan atas Komentarnya
      April 10, 2013 at 9:35 AM

      artikel yang sangat berguna nambah lagi ilmu saya,, terima kasih untuk artikel yang bermanfaatnya, salam kenal ijin meninggalkan jejak.. terima kasih
      Tips SEO Marketing http://tips-seo-marketing.blogspot.com

      Tips SEO Marketing

      Terimakasih Sofyan-blogger.com atas Komentarnya
      July 14, 2013 at 11:13 PM

      Nice info Gan...
      Sekalian ijin numpang nampang...
      Hehehehe....
      Salam kenal..
      www.zest-warnet.info

      Terimakasih Iwan Zest atas Komentarnya

      Post a Comment

      Terima kasih telah membaca artikel Tips dan Trik Syamarif , Blog ini sudah dofollow silahkan tinggalkan komentar anda.
      Harap tidak membuat SPAM