Cara Membuat Entri Populer Yang Berjalan

Jumpa lagi gan dengan saya admin Blue Ruby. Kali ini saya akan membagikan pengetahuan saya mengenai Cara Membuat Entri Populer Berjalan.

Langsung saja tanpa harus mengulur banyak waktu. berikut tutorialnya untuk anda semuaaa

Sebelum menuju praktek, admin menyarankan kalian untuk back up tema kalian dahulu. Untuk yang belum mengerti bisa lihat : Cara Backup Tema Blogspot

1.Pertama, pastikan blog anda sudah memasang Widget "popular Post". Apabila anda belum memasangnya, pergilah ke pengaturan tata letak kemudian pilih "Add Widget". Kemudian pasang populer post.

2.Kemudain apabila anda sudah memasang widget Populer Post, pergiah menuju Teemplate, Kemudian pilih "edit HTML"

3.Pada kotak edit html, tekan Ctrl+F. Kemudian ketikan

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
            <b:includable id='main'>

4.Apabila sudah ketemu, blok pada tulisan tersebut dan ganti dengan kode berikut >>

 <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'>
    <marquee align='left' direction='up' height='160'
onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2'
width='100%'>
<ul>
      <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>
</ul>
 </marquee>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

5.Untuk yang warna merah, silahkan ganti dengan kecepatan yang anda inginkan.

6.Apabila sudah, silahkan klik simpan Template.

7.Coba pergi ke halaman blog anda.

Admin tidak bertanggung jawab apabila nantinya  kalian tidak mengikuti prosedur. atau anda menempatkan kode pada tempat yang salah. Admin sebelumnya sudah meminta kalian untuk backup tema kaliaan.

Baca juga:
*Buku dongeng anak yang konyol
*Cerita Horor Creepypasta (Original Art and Story)
*Cara mencuri data password dan aktivitas keyboard orang lain

Tweet