Membuat Recent Post yang Mudah dan Ringan di Blogspot

Bosan dengan menu recent post atau posting terbaru default blogger

Recent post atau posting terbaru adalah urutan dimana postingan atau artikel yang baru kita buat diblog akan tampil berurutan dari postingan terbaru ke postingan lama. Tujuannya yaitu agar mempermudah pengunjung blog untuk mengakses postingan artikel apa saja yang kita buat. 

Tentu saja dengan adanya recent post ini baik pembuat blog atau pengunjung sama-sama diuntungkan. Pengunjung bisa dengan mudah mengakses postingan-postingan terbaru dan pembuat blog juga akan diuntungkan jika pengunjung membaca semua postingan yang dibuat. 

Sebenarnya blogger sudah mempersiapakan recent post secara default, tapi terkadang kita juga merasa bosan dengan tampilan recent post default yang disediakan. 

Jika sahabat pengguna blogger merasakan hal itu, maka cobalah dengan recent post yang akan saya share berikut dibawah  ini. Selain mudah, recent post ini juga terasa ringan di blog.

Berikut ini contoh tampilannya:



Langkah-langkah nya yaitu:

  1. Login ke akun Blogger anda
  2. Klik Setelan
  3. Pilih Tata Letak
  4. Pilih Add Widget
  5. Klik Html/javascript
  6. Copy Paste kode dibawah ini:


<style scoped="scoped"> #dte_recent-post {   font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;   color:#333;   margin:0 auto;   padding:0;   min-height:100px;   no-repeat 50% 50%; } #dte_recent-post li {   list-style:none;   margin:0;   padding:7px;   background-color:white;   border-bottom:1px solid #ddd; } #dte_recent-post li a img {   float:left;   margin:0 10px 0 0;   padding:0;   border:none;   background:none;   outline:none; } #dte_recent-post li a.title {   display:block;   font-size:12px;   text-decoration:none;   color:#990000; } #dte_recent-post li a.title:hover {   text-decoration:underline; } #dte_recent-post li span.foot {   clear:both;   display:block;   color:#ccc;   margin-top:7px;   font-size:10px; } </style> <ul id="dte_recent-post"></ul> <script> //<![CDATA[ var rp_homePage = "http://rakjat-djelata.blogspot.com", // Nama blog kamu     rp_numPosts = 5,     rp_thumbWidth = 72,     rp_numChars = 100,     rp_sortByLabel = false,

    rp_noImage = "data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/
gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",     rp_monthNames = [         "Januari",         "Februari",         "Maret",         "April",         "Mei",         "Juni",         "Juli",         "Agustus",         "September",         "Oktober",         "November",         "Desember"     ],     rp_newTabLink = true,     rp_loadTimer = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...) //]]> </script> <script src="http://dte-project.googlecode.com/svn/trunk/blogger-recent-post-with-preloader.js">
</script>


7. Ganti tulisan "http://rakjat-djelata.blogspot.com" dengan nama blog kamu.

8. Klik Save, lalu lihat hasil nya.


Jika langkah-langkahnya persis seperti yang saya jelaskan diatas, mudah-mudahan recent post
atau posting terbaru di blog sudah berubah dan persis seperti contoh.

Begitulah kira-kira cara membuat recent post yang mudah dan ringan di blog. Jika ada kendala
atau tambahan silahkan tulis di kolom komentar.

Baca juga artikel saya yang lain:


Semoga bermanfaat...!!!



Membuat Recent Post yang Mudah dan Ringan di Blogspot Membuat Recent Post yang Mudah dan Ringan di Blogspot Reviewed by operator sekolah on September 01, 2014 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.