Widget Recent Post SEO Friendly - Loading Super Cepat

Posted by Kembar Pro



Untuk menunjang blog anda yang sudah SEO  Friendly sebaiknya sebagai tambahan informasi juga dipasang widget recent post atau postingan terkini yang loadingnya harus Super Cepat sehingga visitor akan merasa nyaman berkunjung ke blog anda.

Untuk memasang widget recent post tersebut caranya sangat sederhana hanya dalam beberapa langkah dibawah ini:





Contoh Tampilan Widget Recent Post SEO Friendly:
Contoh Widget Recent Post Fast Loading - SEO Friendly

Widget Recent Post SEO Friendly - Loading Super Cepa

1. Masuk ke Blogger Dashbord > Layout (Tata Letak) > add gadget / link

2. Copy dan masukkan salah satu HTML/Script dibawah ini:

Pilihan 1 Widget dengan Deskripsi
<div id="hlrpsa">
<script src="https://googledrive.com/host/0B8AmZWW2lk4lenZmUlpWRHdOY3c">
</script>
<script>
var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.kembar.pro/2014/06/widget-recent-post-seo-friendly-loading.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
#hlrpsa a {color: #0B3861; font-size: 12px;}
#rpdr, #rpdr a {color:#808080;}
#hlrpsa { color: #999999; font-size: 11px; border-bottom:1px #cccccc dotted; margin-top:-10px; padding-bottom:10px;}
.hlrps a {font-weight:bold; }
.hlrpssumm {}
</style> 

      Pilihan 2 Widget hanya judul / title 

 <div id="hlrpsb">
<script style="text/javascript" src="https://googledrive.com/host/0B8AmZWW2lk4lSnM1VEpsdVJRdWs"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blog-address.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://www.kembar.pro/2014/06/widget-recent-post-seo-friendly-loading.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

3. Ubah kode html sesuai blog dan selera anda

  • 5 (ubah jumlah posting yang akan ditampilkan), 100 (Jumlah karakter deskripsi), True ubah ke False jika ingin menghilangkan tanggal post
  • #0B3861 untuk merubah warna Font, 12px untuk merubah ukuran font
  • Widget dengan deskripsi #999999 untuk merubah warna Font, 11px untuk merubah ukuran font
  • blog-address.com ganti dengan alamat URL  blog anda

4. Simpan hasil widget, simpel bukan semoga bermanfaat.