Cara Membuat Scroll pada popular post Blogspot

Kadang kita di bingungkan oleh tampilan blog yang berantakan,apa lagi saat tampilan popular post kita sangat panjang ke bawah ,akan sangat tambah mengganggu pemandangan tampilan blog kita atau

Di Artikel ini saya akan membuat tampilan popular post menjadi ringkas dengan menambahkan script scroll pada popular post,jika anda berminat untuk menambahkan scroll pada polular post,anda agar tampilan popular post anda tersusun rapi saya akan memberikan cara memasang scrip popular post pada popular post

Langkah - langkah cara membuat script scroll pada popular post sebagai berikut

• Masuk ke akun blogger anda

• Pilih template  >  Edit HTML > Edit template (sebelum mengedit saya sarankan anda mencadangkan tempalte anda dan unduh template lengkap jika agar jika ada error kita masih punya file tempalte sebelumnya

• setelah masuk ke tampilan template HTML cari kode Popular Post di HTML atau bisa langsung tekan Ctrl F pada tampilan template HTML dan ketik PopularPost

Setelah ketemu tampilan code script akan seperti di bawah ini

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>

• Masukan kode <div style='overflow:auto; width:ancho;height:300px;'>di atas   <div class='widget-content popular-posts'>  

setelah memasukan kode kode script scroll dengan benar maka tampilan kode script akan berubah seperti di bawah ini

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

• Setelah itu tambahkan kode</div> Tepat di atas </b:includable> (kode </b:includable> ada di akhir widget popular post

<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> di sini memasukan kode tersebut

</b:includable>

Jika sudah benar semua silahkan pratinjau tempalte anda,apakah berubah atau error,jika berhasil simpan template dan tunggu hingga selesai

Selamat anda sudah berhasil menambahkan scroll pada popular post

Note:anda bisa merubah tinggi scroll dengan mengubah kode 300px;' dengan angka yang anda inginkan

Mungkin itu saja artikel dari saya tentang Cara Membuat Scroll pada popular post Blogspot semoga bermanfaat.

Tweet