Blogger

Wednesday 5 August 2015

Tutorial Menambahkan Widget Recent Post di Blog


Selamat malam sobat blogger... setelah lama saya tak membahas tentang tips Nge-Blog, untuk kali ini saya akan membahas salah satu tips blog yang bisa membuat sedikit pengaruh pada traffick blok kita dan bisa membuat nyaman para pembaca sekalian... Tips blog untuk kali ini yaitu cara pemasangan widget recent post pada blog...

Widget recent post ini berisi tentang sejumlah postingan terbaru dari kita. apa keuntungan memasang widget iini? tentu ada keuntungannya... karena dengan memasang widget kita dapat menginformasikan kepada pembaca tentang postingan terbaru dari blog kita. Dari hal tersebut tentunya akan membuat penasara pembaca kita ketika mereka berkunjung untuk membaca berita/artikel di blog...

Tak usah lagi berpanjang lebar, berikut ini akan saya sajikan tutorial memasang widget recent post ke dalam blog milik kita:

1. Tolong Copy code HTML/Javascript di bawah 

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://pc-informasi.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var you_script=document.createElement('script');you_script.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(you_script);
//]]>
</script>


2. Pengaturannya...
    a. pada kode var HomePage= "Isikan Alamat Url website anda
    b. pada kode numPosts = Isikan jumlah post yang ingin anda tampilkan..

Mungkin cukup sekian tips yang bisa saya bagi untuk kali ini, semoga dapat bermanfaat untuk kita semua... 



2 comments:

  1. Nah, Ini Yang Saya Cari, Terimakasih Sudah Dibagi ya, Izin Coba :)

    ReplyDelete