Popular post adalah artikel yang paling sering atau banyak mendapat komentar dari
pengunjung. Sebelumnya saya pernah menulis artikel mengenai cara membuat
populer post dengan thumbnail. Populer post dengan thumbnail atau
gambar dapat anda buat dengan menggunakan gadjet blogger yang telah
tersedia. Namun kali ini saya akan membuat posting populer tanpa
thumbnail, posting populer ini akan menampilkan daftar post atau list
posting berdasarkan judul artikel. Selain judul populer post yang
ditampilkan, juga akan memuat jumlah komentar dari pengunjung. Caranya
membuatnya mudah saja, langsung kita praktekan :
2. Masuk ke Rancangan --> Edit Halaman
3. Tambahkaan Gadjet
4. Pilih HTML/Javascript
5. Masukan kode dibawah ini:
<!-- Popular posts by www.enchenhufara.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " (" + feed.value.items[i].commentcount + ")";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://enchenhufara.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<!-- Popular posts by www.enchenhufara.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " (" + feed.value.items[i].commentcount + ")";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://enchenhufara.blogspot.com
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<!-- Popular posts by www.enchenhufara.blogspot.com -->
Keterangan:
- Kode berwarna biru adalah jumlah artikel yang ingin ditayangkan
- Kode berwarna hijau adalah url blog
6. Ganti kode berwarna hijau dengan url blog anda
7. Simpan gadjet anda
- Kode berwarna biru adalah jumlah artikel yang ingin ditayangkan
- Kode berwarna hijau adalah url blog
6. Ganti kode berwarna hijau dengan url blog anda
7. Simpan gadjet anda
SELAMAT MENCOBA!!!!
Tidak ada komentar:
Posting Komentar