Cara membuat recent post bergambar merupakan suatu kalimat yang biasa diketikkan para blogger di mesin pencari yang tidak lain dan tidak bukan google search engine untuk mencari solusi mengenai tentang cara memasang widget artikel terbaru atau biasa disebut juga dengan sebutan recent post. Bagi blogger yang masih baru seperti saya sering mencari cari tentang hal tersebut untuk mempercantik serta memaksimalkan tampilan blog kita . Dengan adanya recent post saya rasa akan membuat blogkita semakin baik dimata pembaca karena hal ini tentunya sebagai salah satau cara promosi artikel kita yang lainya agar dibaca oleh pengunjung yang sempat melihatnya. Dengan demikian dapat pula disimpulkan bahwasanya widget artikel terbaru tentunya bisa meningkatkan page view blog kita tapi dengan syarat artikel anda banyak yang menarik tentunya.Membahas tentang Cara membuat recent post bergambar saya rasa bukanlah merupakan suatu hal yang sulit untuk kita bahas dan kemudian kita bagi bersama asalkan semangat berbagi masih ada dalam diri kita. Ok bagi anda blogger yang ingin memasang recent post dengan gambar dan tentunya gambarnya sesuai dengan gambar yang ada pada artikel postingan anda maka saya persilahkan anda untuk mengikuti panduan yang ada dibawah ini :
Cara membuat recent post bergambar
- Login ke blogger anda
- Kemudian silahkan klik tata letak/layout > Add a Gadget > HTML/JavaScript
- Setelah terbuka jendela baru untuk memasukkan kode HTML maka silahkan masukkan kode dibawah ini
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;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 style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;</script>
<script src='http://www.asalberbagi.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='http://www.asalberbagi.com' target='_blank'>Recent Posts Widget</a> | <a href='http://www.asalberbagi.com/' target='_blank'>Asalberbagi.com</a></small>
- Kemudian ganti huruf yang berwarna merah diatas dengan alamat blog kamu .
- Lalu langkah terakhir adalah dengan meng Klik "save"
- Jika anda ingin mengubah jumlah artikel yang akan ditampilkan pada widget ini silahkana anda mencari kode seprti berikut ini : var numposts = 5; ( Ganti angka 5 sesuai keinginan anda)
Post a Comment