Kamis, 19 Mei 2016

Membuat Recent Post Dengan Thumbnail Ringan

  Tidak ada komentar
Membuat Recent Post Dengan Thumbnail RinganRuang Berkah  - Membuat Recent Post Dengan Thumbnail Ringan. Recen Post Merupakan salah satu widget yang biasa ada dan memang para blogger banyak sekali yang menggunakan widget recent post ini. mungkin tujuan pemasangan recentpost ini tidak hanya agar para pengunjung dapat mengetahui apa sih artikel yang baru saja dibuat di blog ini karena biasanya script recent post selalu menampilkan postingan terbaru. widget ini juga ditampilkan agar tampilan blog tidak terlau sepi kayak di kuburan. dengan widget recent post maka wawasan pengunjung melihat artikel lainnya semakin bagus alhasil berdampak pada bounce rate yang bagus. dan kali ini saya akan memberi tahu cara membuat recent post dengan thumbnail karena dengan thumbnail maka recent post akan semakin bagus. Widget ini hampir sama dengan widget milik blogger sendiri yaitu widget popular post. bisa menampilkan thumbnail, bisa menampilkan tulisan. juga namun recent post hanya menampilkan artikel terbaru, beda dengan popular post yang menampilkan artikel popular atau banyak dibaca. nah jika mau masang langsung saja ikuti,


<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></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 = 150; </script>
<script src='http://www.blog-yogi.org/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Keterangan 

  • var numposts adalah jumlah artikel yang di tampilkan
  • var numchar adalah character/huruf yang di tampilkan
  • ganti yang berwarna hijau dengan blog agan sendiri

Membuat Recent Post Dengan Thumbnail Ringan

1. Login ke Akun Blogger.com
2. Ke menu tata letak lalu klik Tambahkan widget
3. masukan script tadi
4. save template 
5. selesai


Membuat Recent Post Dengan Thumbnail Ringan - Untuk widget dengan thumbnail ini biasanya akan mengikuti css yang ada pada blog agan dan tentu tampilan dan bentuk warna huruf akan berbeda setiap blog nya karena css bawaan template tersebut. dan perlu di ingat widget ini ringan dari pada widget lainnya sehingga tidak terlalu memberatkan blog agan. pengunjung pun tidak akan berlama lama load blog agan jadi blog agan akan tetap ringan menggunakan widget recent post ini. bagaimana gan cukup mudah ? sekian gan tentang Membuat Recent Post Dengan Thumbnail Ringan semoga artikel dapat bermanaat dan menjadi berkah buat agan dan juga buat saya. terima kasih.
loading...

Tidak ada komentar :

Poskan Komentar