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.....
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy paste kode dibawah ini pada HTML/JavaScript.
numposts = 9; yaitu judul artikel yang akan ditampilkan.
http://pies74.blogspot.com : ubah dengan URL blog Anda.
4. Klik Simpan.
1. Login akun blogger Anda.
2. Pilih Tata Letak ---> Tambah Gadget ---> HTML/JavaScript.
3. Copy kode berikut ini pada HTML/JavaScript.
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.
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.
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&alt=json-in-script&callback=rp">
</script>
Keterangan:<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&alt=json-in-script&callback=rp">
</script>
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>
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 :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>
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.