Berbagi itu Indah

Thursday 19 February 2015

Cara Membuat Recent Post tanpa Gambar di Blog

Pada kesempatan kali ini ane akan share cara untuk membuat sebuah widget recent post di blogger, tapi Recent Post yang ane share tidak menggunakan sebuah gambar melainkan hanya tulisan saja yang muncul seperti Screenshot di atas , Recent post berisi judul artikel terbaru pada blog kita, jadi dengan memasang widget ini dapat membantu pengunjung kita tentang artikel-artikel terbaru kita
  • Login ke akun blogger Anda
  • Setelah itu pilihlah rancangan template
  • Lalu pilih Add Widget => Pilihlah HTML/Javascript
  • Copylah Script di bawah ini
<div id="tb"> <script style="text/javascript" src="http://tutorialblogspot.googlecode.com/files/recentpostnothumbnail.js"></script> <script style="text/javascript">var numposts = 10;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://kamigajekingdom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div> <style type=text/css> #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdWh_YIBKmzfbqeCN0-49LSFxdMq1MAyYhngYuxvmXLB_N3HrCg8vyrzdbwV_hzU6ZwHhMt0nMSF9hVAgA-A-X5w-iauPYEJ1Az0MqDP264UWTBdZac4JeLRVK5pX41lIcnpHOUV8q2JSV/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;} #rpdr, #rpdr a {color:#808080;} #tb { } .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style>
  • Klik Simpan/Save. -->>> Lalu simpan template anda.
  • Dan Lihatlah Hasilnya ,
NB* Coba agan liat tulisan berwarna "http://kamigajekingdom.blogspot.com/" , agan menggantinya dengan URL Blog agan dan tulisan var numposts = 10 , adalah jumlah ostingan yang akan agan tampilkan di Recent Post tersebut.

Demikianlah cara membuat recent post tanpa gambar di blog, misalnya agan-agan punya pertanyaan bisa di di beritahu di komentar
Artikel Terkait

1 comments:

Balas Hapus

Good gan..back to my web




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP