-->

PIES74 BLOG

BLOG TUTORIAL|SEO DAN BISNIS ONLINE

MEMBUAT WIDGET POSTING TERBARU

cara membuat blog di blogspot,template blogspot,tutorial blogspot,widget blogspot,mempercantik blogspot,teknik seo,optimasi seo,cara membuat widget posting terbaru
Pada postingan kali ini ane coba untuk membahas mengenai salah satu cara supaya artikel yang kita buat cepet terindex oleh mbah google. katanya sih gan...,
ya gan..., selain popular post dan daftar isi, salah satu syarat untuk cepat tidaknya sebuah artikel dapat terindex oleh google adalah widget posting terbaru. oleh karena itu, untuk pengingat ane dalam membuat blog, ane coba untuk share tentang bagaimana kita membuat widget posting terbaru.
langsung aja ya gan.....


  •  postingan terbaru dari suatu blog

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript. 
<script src="http://id-pemula-javascript.googlecode.com/files/artikel-terbaru.js"></script>
<script>var numposts = 9; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://pies74.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>
Keterangan:
numposts = 9; yaitu judul artikel yang akan ditampilkan.
http://pies74.blogspot.com : ubah dengan URL blog Anda.
4. Klik Simpan. 


  • postingan terbaru berdasarkan label tanpa gambar thumbaill

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript. 
<script style="text/javascript">
var numposts = 9;
var standardstyling = true;
</script>
<script type='text/javascript'>function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');}</script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/NAMALABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

Keterangan:
NAMABLOG : Ganti dengan URL blog Anda.
NAMALABEL : Ganti dengan nama label yang akan ditampilkan.
var numposts = 9 : Jumlah posting yang akan ditampilkan pada widget.
4. Kemudian klik 'Simpan'.

postingan terbaru berdasarkan label dengan gambar thumbaill

1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Letakkan kode berikut ini pada HTML/JavaScript. 
<style>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script src="http://id-pemula-javascript.googlecode.com/files/recent-post-label-thumbnail.js">
</script><script>
var numposts = 10;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;
</script><script src="http://pies74.blogspot.com/feeds/posts/default/-/Tutorial%20Blog?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">
</script>
Keterangan :
var numposts = 10; Jumlah artikel yang akan ditampilkan.
var numchars = 150; Jumlah karekter posting yang akan ditampilkan.
http://pies74.blogspot.com Ganti dengan URL blog Anda.
Tutorial%20Blog Ganti dengan nama label yang ingin Anda tampilkan. 
4. Kemudian Simpan.

Baca juga: