Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh - Hay berjumpa lagi sahabat setia ATC Arul Ajeh, Pada Artikel kali ini dengan judul Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh, kami telah menyiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi artikel Artikel tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh
link : Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh

Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh

Recent Post tidak muncul di blog

Dalam postingan kali ini saya ingin berbagi script untuk membuat recent post yang keren dan elegan di blog anda dengan menggunakan fasilitas feed.
Mungkin script ini bisa membantu anda jika seandainya template blog anda tidak bisa memunculkan recent post seperti yang pernah saya alami, .

oke langsung saja

Pertama login di blog > tata letah >tambahkan widget HTML dan masukan 2 script dibawah ini :

<style type='text/css'>
img.recent_thumb {
width: 60px;
height: 60px;
float: left;
margin-right: 10px;
margin-top: 10px;
}
.recent_posts_with_thumbs {
float: left;
width: 100%;
min-height: 70px;
margin: 10px 0px 10px 0px;
}
ul.recent_posts_with_thumbs li {
min-height:100px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
ul.recent_posts_with_thumbs i {
text-decoration:none;
font-size:11px;
}
.recent_posts_with_thumbs a {
text-decoration:none;
font-size:14px;
color :#000;

}
.recent_posts_with_thumbs strong {
font-size:15px;
}
</style>

<script style='text/javascript' src='https://googledrive.com/host/0BzPgmXeCwsMRcmlNOHhtaDNNMjA'></script><script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>

catatan : untuk var numpost = 5 itu adalah jumlah post yang akan di tampilkan dan jika ingin menampilkan tanpa thumbnail gambar, anda bisa menggati showpostthumbnails menjadi false.

Semoga bermanfaat :D

Selesai deh Artikel Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh

Sekian dulu ya artikel Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh kali ini, Semoga bisa memberi manfaat untuk kalian semua. Oke, sampai berjumpa lagi di artikel lainnya.

Anda saat ini membaca artikel Widget Recent Post Keren dan Elegan di Blog By Arul Ajeh dengan url https://advancedteamcode.blogspot.com/2015/05/widget-recent-post-keren-dan-elegan-di.html

Tweet