Disini, Tutorial Go Blog telah menyiapkan salah satu contoh untuk mempercantik pada penampilan desain template website/blog anda agar blog yang anda miliki bisa mendukung SEO Friendly. Trik SEO wajib anda pelajari, apabila ingin volume traffice pengunjung bertambah dan mendapatkan hati dari mesin google pencarian. Kita ambil contoh sederhana saja, misalnya membuat "Recent Post". Recent post adalah sebuah artikel yang terbaru dari website/blog milik anda.
Cara membuat widget recent post atau postingan terbaru ini bisa juga dijadikan sebagai pemberitahuan terhadap para pengunjung bahwa ada artikel atau postingan yang terbaru dari website/blog milik anda.
Membuat sebuah widget recent post ini sangatlah simpel, karena cuma menampilkan judul postingan saja. So...tidak akan memberatkan website/blog yang anda miliki saat ini.
Baiklah, kita segera berangkat langsung ke TKP...!!
Nanti dulu, sebelum anda akan melakukan cara pembuatan recent post tersebut, anda harus meng-copy paste-kan terlebih dahulu kode script dibawah ini.
<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://tutorialgo-blog.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 rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>
Keterangan :
- Yang berwarna merah tersebut adalah jumlah postingan yang akan ditampilkan.
- Yang berwarna biru adalah alamat blog, anda bisa menggantinya dengan alamat blog anda.
Nah, kini giliran tutorial cara pemasangan recent post-nya.
Keterangan :
- Login ke blogger.com
- Masukkan email & kata sandi
- Buka situs blog anda
1. Pilih dan buka menu "Tata Letak" pada homepage website/blog anda. Biasanya, menu Tata Letak ini terdapat pada posisi kiri layar depan kaca anda dan dibawah menu Kampanye.
 |
| Gambar 1 |
2. Langkah selanjutnya, anda masuk dan tekan menu "Tambahkan Gadget". Dan nantinya anda akan memilih widget apa yang akan anda pilih.
 |
| Gambar 2 |
3. Pilih menu "HTML/JavaScript" untuk menaruh kode script pembuatan recent post atau postingan terbaru website/blog anda.
 |
| Gambar 3 |
4. Setelah itu, anda bisa letakkan kode script recent post atau postingan terbaru yang sudah anda copy paste tersebut didalam kolom kotak tang bergaris warna merah tersebut seperti gambar yang ada dibawah ini. Kemudian anda tekan "Simpan".
 |
| Gambar 4 |
5. Lihat hasil yang sudah anda lakukan dalam membuat recent post, apakah sudah benar atau masih belum muncul.
 |
| Hasil Gambar |
Apakah anda sudah menyimak tentang Cara Membuat Recent Post Pada Blog tersebut, dan apakah anda sudah melakukan cara-cara seperti yang di atas lakukan? Jika sudah, saya ucapkan selamat, namun jika masih belum berhasil anda bisa mengulanginya kembali. Atau bisa juga pakai Cara Gampil Membuat Widget Recent Post Dengan Gambar. Terima kasih banyak...
