Cara membuat Widget Postingan terbaru

Sudah kangen banget sebenarnya untuk menulis di blog ini, tapi sayangnya baru sekarang punya kesempatan yang pas untuk melepaskan kerinduan itu (ciye ciyeeee...). Dan saya ingin berbagi tentang cara membuat widget postingan terbaru atau terkini buat blog sobat yang berplatform blogger khususnya pada kesempatan kali ini.

http://kendhou.blogspot.co.id/2016/01/cara-membuat-widget-recent-post.html

Sebagaimana widget popular post ataupun widget related post, widget ini (recent post) merupakan widget yang dapat membantu kita memberitahukan kepada pengunjung mengenai konten-konten yang kta miliki. Khususnya bagi artikel-artikel yang belum lama kita publikasikan.

Bukan hanya fungsi menginformasikan postingan-postingan yang terbaru dan masih segar dari blog kita, tapi widget ini juga dapat mempermanis tampilan blog sehingga akan membantu menaikkan penampilan blog di mata pengunjung. Itu adalah beberapa manfaat dari adanya widget ini.

Bagaimana cara membuatnya?

Sangat mudah sekali, seperti biasanya sobat hanya perlu meletakkan script yang ada ke dalam blog sobat dan dalam hal ini adalah widget yang telah sobat persiapkan. Oke sob, kita langsung praktekkan ya...

1. Masuk ke akun blog blogger sobat

2. Pada halaman administrasi (dashboard) klik menu Tata Letak

3. Buat widget baru dengan memilih Tambahkan Gadget > HTML/JavaScript

4. Tempelkan script di bawah ini 

<style type='text/css'>
img.recent_thumb {width: 90px;height: 70px;float: left;
margin-right: 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='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 = 50;</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<hr/>

5. Taraa.... widget post terkini (postingan terbaru) sudah jadi

Jika sobat kurang suka dan hendak menghilangkan gambar tampilan (thumbnail) yang berada pada artikel yang ditampilkan oleh widget, sobat hanya perlu mengganti nilai pada var showpostthumbnails = true ; menjadi var showpostthumbnails = false. Karena selera setiap orang bisa sangat berbeda-beda, iya kan sob??

Pada bagian var numposts = 5; angka tersebut menunjukkan berapa artikel yang kita tampilkan dalam widget, bisa dikurangi maupun ditambah. Sesuaikan jumlah dengan penampilan halaman blog ya sob.

Sedangkan var numchars = 50; adalah jumlah karakter yang dapat ditampilkan dalam widget dan sebagai deskripsi dari artikel sobat. Nilainya pun bebas sesuai dengan keinginan masing-masing orang, tentukan yang terbaik untuk blog sobat.

Semoga postingan tentang cara membuat widget postingan terkini yang saya tuliskan ini dapat memberikan manfaat bagi sobat-sobat sekalian.
Salam Pintar...

Berlangganan update artikel terbaru via email:

5 Responses to "Cara membuat Widget Postingan terbaru"

  1. Replies
    1. Sama-sama sob
      Makasih kembali dah mau nengokin blog kecil ini
      Salam kenal

      Delete
  2. ** Pasang iklan anda di www.cekbonus.com cuma Rp. 100,-rupiah perhari..

    ReplyDelete
  3. klo related artikel yg kaya begini gmna gan?

    http://www.bintang.com/

    ReplyDelete
  4. 100%TERPERCAYA TOKO ONLINE RESMI BUKAN PENIPUAN DI DELIMA PONSEL 100% KAMI JAMIN UANGX KAMI KEMBALIKAN APA BILA BARANGX TIDAK SAMPAI DALAN JANGKA 2 HARI ATAU KUNJUNGI WEBSITE RESMI KAMI DI http://delima-ponsel.blogspot.com
    PONSEL:HUB/SMS:0852-4004-4475 PIN BB:5B3C6CE6
    Ready Stock ! Apple iphone 5 32GB Rp.3.000.000,-
    Ready Stock ! Apple iPhone 5S 32GB Rp.4.000.000,-
    Ready Stock ! Apple iPhone 6 plus 32gb Rp.5.500.000,-
    Ready Stock ! Samsung Galaxy S5 Rp.2.500.000
    Ready Stock ! Samsung Galaxy S6 32GB Putih Rp.3.700.000
    Ready Stock ! Samsung Galaxy S4 I9500 Putih Rp.2.200.000
    Ready Stock ! Samsung Galaxy Note 3 PUTIH Rp.3.000.000
    Ready Stock ! Samsung Galaxy Note 4 SM-N910H Gold Rp.3.500.000,-
    Ready Stock ! Samsung Galaxy A3 A300H 16GB Rp.2.000.000
    Ready Stock ! Samsung Galaxy A5 A500F Silver Rp. 2.500.000,-
    Ready Stock ! Samsung Galaxy E5 E500H Putih Rp.1.700.000
    Ready Stock ! Samsung Galaxy E7 E700H Putih Rp. 1.900.000,-
    Ready Stock ! Apple iPhone 4 16GB - Black Rp.1.800.000,-
    Ready Stock ! Apple iPhone 4S 16GB (dari Telkomsel) Rp.2.200.000,-
    Ready Stock ! Samsung Galaxy Grand Prime SM-530H Rp.1.200.000
    Ready Stock ! Asus Zenfone 2 ZE551ML RAM 4GB-64GB Rp.2.700.000,

    ReplyDelete

Terima kasih atas kunjungannya...
Pertanyaan, pendapat,serta saran dan masukan dapat sobat tuliskan pada kolom komentar yang tersedia. Harap menggunakan bahasa yang baik dan sopan.
Mohon maaf, segala bentuk SPAM dan mengandung unsur SARA akan kami hapus.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel