Membuat entri populer dalam scroll box

Berbagi Apa Saja Entry popular blog adalah widget yang dapat menampilkan baik beberapa judul posting saja maupun judul posting berserta cuplikan redaksi artikel posting blog. Widget ini merupakan salah satu dari sekian widget yang disajikan oleh bloger yang bisa didapatkan oleh pengelola blog secara gratis melalui add gadget blog.

Pada artikel ini akan diperkenalkan cara mengatur tampilan scroll box widget entry popular blog. Pengaturan ini dilakukan karena widget enrty polpular adalah widget default. Akan tetapi walaupun default pengguna masih bisa mengatur jumlah dan jenis tampilannya.

Untuk mendapatkan hasil dari kode yang diperkenalkan di bawah ini langkah yang wajib dilakukan adalah memasang gadget Entry populer. Untuk mendapatkan Gadget Entry popular dapat dilakukan sebagai berikut, yaitu:

1. Sign in di blog

2. Klick Rancangan

3. Klick Add gadget

4. Pilih Entry Popular

5. Atur Jumlah artikel yang ingin ditampilkan dengan mencentang/menandai kotak yang tersedia.

6. Klick Simpan agar widget tersebut

Dengan melakukan 6 (enam) langkah yang dijelaskan di atas blog anda sudah memiliki widget entry popular. Langkah selanjutnya adalah membuat Widegt Entry populer ini menjadi berbentuk scroll box sehingga memungkinkan pengujung dapat melihat artikel-artikel didalamnya dengan menggunakan mouse.

Cara membuat scroll box widget entry populer dapat dilakukan dengan langkah-langkah yang dijelaskan di bawah ini. Langkah yang akan ditempuh di bawah ini bloger sedang berada pada posisi halaman rancangan (setelah sign in). Caranya sebagai berikut, yaitu:

1. Klick Edit HTML
2. Cari kode ]]></b:skin>. Untuk memudahkan menemukannya gunakan Ctrl F lalu masukan kode ]]></b:skin> pada teks box yang muncul pada bagian bawah screen (layar) komputer/laptop yang digunakan.
3. Copy kode di bawah ini dan tempatkan di atas atau sebelum ]]></b:skin>

#PopularPosts1.widget{
height:270px;
width:285px;
overflow:auto;
}

Keterangan
270px adalah tinggi kolom widget
285px adalah lebar kolom widget

      4. Klick Simpan Template untuk menyimpan perubahan.
      5. Klick Lihat untuk melihat hasilnya.

»»  READMORE...

Cara Membuat Readmore

Sebenarnya banyak blogger yang mempostingkan Tips ini, saya menulis ini juga supaya saya tidak lupa
Langsung saja

1. Masuk Blogger pilih Template
2. Centang Expand Template Widget
3. Cari kode </head> Supaya cepat klik Ctrl F dan tuliskan </head>
4. Masukkan kode dibawah ini tepat dibawah </head>

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430;summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> dan Ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Keterangan :

• READ MORE : bisa diganti sesuai keinginan anda
• summary_noimg = 430; adalah tinggi potongan artikel tanpa gambar, bisa diganti keinginan anda
• summary_img = 340; adalah tinggi potongan artikel dengan gambar, bisa diganti keinginan anda
• img_thumb_height = 100; adalah ukuran tinggi thumbnail, bisa diganti keinginan anda
• img_thumb_width = 120; adalah ukuran lebar thumbnail, bisa diganti keinginan anda

Save Template dan lihat hasilnya
Selamat mencoba

»»  READMORE...