Cara Membuat Recent Post di Blog Blogspot

Posted by | Follow @romeltea

Cara Membuat Recent Post di Blog Blogspot
CARA menampilkan, memunculkan, atau membuat widget Recent Post, Latest Posts, Tulisan Terbaru, atau Posting Terbaru di Sidebar Blog Blogspot tidak lagi semudah dulu.

Awalnya Recent Post widget ini disediakan Blogger di Dashboard Blog. Kini sudah tidak ada lagi. Sudah lama gadget Latest Posts itu tidak tersedia.

Menurut "obrolan" di Google Product Forum, hilangnya widget latest posts di blogger itu karena "pihak ketiga" yang menyediakannya tidak support lagi.

SOLUSINYA? 
Gunakan saja gadget Feeds! Gak usah pake javascript/html yang hanya mengganggu kecepatan loading blog.

Bisa juga menggunakan kode (script) yang disediakan Feedburner, yakni di fitur "Publicize" > "BuzzBoost"

Cara Membuat Recent Post di Blog Blogspot Tanpa JavaScript:

1. Klik "Layout" > "Add a Gadget" di Sidebar.
2. Akan muncul "Popup Wondows" Gadget Blogger. Scroll ke bawah dan pilih/klik "Feed"

Cara Membuat Recent Post di Blog Blogspot

3. Masukkan alamat lengkap blog Anda di kolom yang tersedia, misalnya http://blogromeltea.blogspot.com/ lalu klik "Continue"

Cara Membuat Recent Post di Blog Blogspot

Catatan: Bisa juga dengan memasukkan alamat url feedburner blog yang didapat di Google Feedburner.

4. Akan muncul Nama Blog dan List Posting Terbaru

Cara Membuat Recent Post di Blog Blogspot


5. Ganti Nama Blog dengan POSTING TERBARU atau RECENT POSTS, LATEST POSTS, atau apa saja, bebas, yang menunjukkan itulah konten terbaru di blog.

Cara Membuat Recent Post di Blog Blogspot

6. Klik "Save"!

SELESAI!
Recent Blogger Posts alias  Posting Terbaru sudah muncul di sidebar blog Anda.

LATEST POST MENGGUNAKAN SCRIPT
Kalau Anda mau menggunakan script, banyak tuh, misalnya dari Helpblogger. Cara pasangnya beda lagi:

1. Layout > Add a Gadget > pilih "Javascript/HTML"
2. Masukkan kode berikut ini di kolom "Content".

<div id="hlrpsb">
<script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="http://blogromeltea.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #0B3861; font-size: 13px;}
#rpdr, #rpdr a {color:#808080;}
.bbrecpost2 {
padding-top:6px;
padding-bottom:6px;
border-bottom: 1px #cccccc dotted; }
</style>

3. Jangan lupa GANTI alamat blog yang berwarna merah dengan url blog Anda.
4. Save! Beres!

KODE RECENT POST BLOGGER LAINNYA
Kode lain yang bisa digunakan:

<ul id="recent-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://blogromeltea.blogspot.com/",
numPosts = 5;
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><strong><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></strong></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>


MENAMPILKAN RECENT POSTS HANYA DI HALAMAN DALAM
Umumnya blog sudah menampilkan posting terbaru di halaman depan (Home, Homepage). Jadi, tak perlulah widget Latest Posts ini tampil pula di homepage!

Tampilkan widget Posting Terbaru itu HANYA di halaman dalam (Single Post, Single Page).

CARANYA:
  1. Template > Edit HTML
  2. Cari (Ctrl+F) kode widget Posting Tarbaru yang sudah dipasang tadi.
  3. Tambahkan kode <b:if cond='data:blog.pageType == "item"'> di bawah kode  <b:includable id='main'>
  4. Tambahkan kode  </b:if>   di atas kode </b:includable>
Macam ni tampilan kodenya:

  <b:widget id='Feed1' locked='false' title='POSTING TERBARU' type='Feed'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
      </b:if>
  </b:includable>

5. Save Template!

Nah itu dia Cara Membuat Recent Post di Blog Blogspot plus cara menampilkannya hanya di halaman dalam sebagai panduan buat "newbie". (http://blogromeltea.blogspot.com).*

» Thanks for reading Cara Membuat Recent Post di Blog Blogspot

Tags: Desain Blog
3 Komentar untuk "Cara Membuat Recent Post di Blog Blogspot"

Saya mau tanya bagaimana cara bikin recent post seperti blog ini ? Kalau contoh di atas dari Feeds itu pas diklik muncul ke halaman Feed Burner.

latest post di blog ini pake cara pertama

No Spam, Please!

Back To Top