Posted by This Thus This Thus on Rabu, 21 Januari 2015
Bagi para pemakai setia Wordpress, migrasi ke Blogger bisa menjadi sangat asing dan menyulitkan. Banyak fitur dan plugins yang tidak kita temukan di Blogger.
Salah satu fitur yg tidak didapatkan di Blogger adalah Recent Posts. Padahal fitur ini sangat penting untuk blog agar setiap artikel baru kita cepat diindex oleh search engine. Dengan menambahkan Recent Posts, blog pemula yang punya pagerank 0 sangat terbantu karena setiap halaman menyumbang internal link ke halaman baru yang baru dibikin. Selain hal yg berkaitan dengan SEO, menambahkan Recent Posts juga bisa menambah pageviews, dampaknya, peringkat Alexa kita jadi lebih tinggi.
Nah, lalu bagaimana cara tampilkan
Recent Posts dan thumbnail di Blogger?
Sebenarnya ada 2 pendekatan:
1. Kamu bisa langsung ke menu
Tata Letak >
Tambahkan Gadget >
Feed >
URL Feed .
Masukkan alamat website kamu sendiri. Misalnya: <b>http://www.speedytown.com</b>.
Lalu atur berapa jumlah post yang ingin kamu tampilkan di widget. Kamu juga bisa tambahkan thumbnail, nama penulis, tanggal terbit.
Atau dengan script
2. Biasa pembuat template lebih tertantang untuk membongkar jeroan script templatenya, maka dari itu, jika mengerti javascript dan struktur pemograman di blogger, berikut ini script untuk menambahkan Recent Post dan thumbail di sidebar blog.
Kamu bisa langsung ke menu
Tata Letak >
Tambahkan Gadget >
HTML &
Javascript.
Lalu
copy dan paste kode script di bawah ini.
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/feeds/posts/default"},
"hideHeader":"false","height":"500","count":8}</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
Catatan:
Gantikan
YOUR-BLOG dengan URL blog anda.
