Oke sekarang tinggal ikuti beberapa langkah mudahnya ini:
1. Claim Feed, http://bagollum.com/feed (wordpress), http://bagollum.com/feeds/posts/default (blogger), ya udah tinggal di next2 aja sampe selesai.
2. Buka Tab Publicize, cari BuzzBoost pada sidebar bagian kiri page, klik, scroll kebawah dan aktifkan!.
3. Ambil dan edit kode script,
[spoiler intro="3a. Script asli;"]<script src="http://feeds.feedburner.com/Bagollum?format=sigpro"
type="text/javascript"
></script><noscript><p>Subscribe to RSS headline
updates from: <a
href="http://feeds.feedburner.com/Bagollum"></a><br/>Powered
by FeedBurner</p> </noscript>[/spoiler]
[spoiler intro="3b. Potong dan ambil;"]<script src="http://feeds.feedburner.com/bagollum?format=sigpro" type="text/javascript" ></script>[/spoiler]
[spoiler intro="3c. Edit agar seperti ini:"]<script src="http://feeds.feedburner.com/bagollum?format=sigpro&nItems=8&format=openLinks=new&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type="text/javascript" ></script>[/spoiler]
*bagollum, ganti dengan url feedburner masing-masing.
4. Setelah 1, 2 dan 3 beres, sekarang saatnya memasang dan menambahkannya di blog.
A. Untuk pengguna blogger.
a. Seperti biasa bikin widget baru dulu, Design - Page Element - Add a gadget - Javascript/HTML, kasih nama "Recent Post" dan letakkan script dari point 3c tadi pada kolom Content, oke save!
b. Design - Edit HTML - Expand Widget Templates, Pencet tombol F3 pada keyboard dan cari "Recent Post" tadi,
[spoiler intro="Cari script yang ini:"]
<b:widget id='HTMLsekian-sekian' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>[/spoiler]
[spoiler intro="Hapus dan ganti dengan ini:"]
<b:widget id='HTMLsekian-sekian' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='postnew'><div class='widget-content'>
<data:content/>
</div></div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>[/spoiler]
*HTMLsekian-sekian, sesuaikan dengan yang aslinya, misalnya HTML1, HTML2, HTML3 atau berapapun.
b. Pencet lagi F3 pada keyboard dan cari </head>,
[spoiler intro="Pastekan sebelum </head>:"]
<style>
.postnew li a:hover {
display:block;
text-decoration:none;
background:#efefef;
}
.postnew li a:visited {
text-decoration:none;
}
.postnew {
float:left;
width:380px;
}
.postnew ul {
width:90%;
list-style-type:none;
}
.postnew li a {
text-decoration:none;
border-top:1px solid rgb(204,204,204);
line-height:13px;
display:block;
padding:3px 0px 3px 0;
}
.feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter {
display:none;
padding:2px 3px;
margin-left:126px;
margin-bottom:12px;
width:162px
}
.feedburnerFeedBlock li:hover .date {
font-size:11px;
font-weight:bold;
text-align:left;
display:block;
position:absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxorNpi0-_iJdpldyuRjHGU_UG2i7N-8iMDT_CrXE0XK-LrAvpppscvYGMEuGLdWmiOa3o_-l6Qh8ISSqSuka80BxdbM1c56IrznMUmI3tVUViyy0rHnR2A50O9Zr28diN0vZUDgFN1I/s400/tooltips-date.gif) no-repeat scroll 10px 5px; color:#333; padding:6px 35px; margin-right:10px;
width:114px
}
.feedburnerFeedBlock li:hover div {
border-radius:8px 8px;
-moz-border-radius:0 0 8px 8px;
-khtml-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
font-size:11px;
display:block;
position:absolute;
border:1px solid #ccc;
background:#E5E5E5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06-aIYG7Qbkykgrv-64JSmiA8YnrEw-9_PNYthLjhWnYC8Jg0fUCfPtcIAbyLeJQf2bIW7jKbwNSbW-OrlbfOJdESD_Dec6ZgR1vlbY0uct-UcfqXMySrGKJAXjCo_abmrCLgnrykN08/s1600/tooltips-background.png) repeat-x;
color:#333;
padding:35px 10px 10px 10px
}
</style>[/spoiler]
c. Save, beres, selesai dan silakan lihat hasilnya!.
B. Untuk pengguna Wordpress Self Hosting.
a. [spoiler intro="Pastekan ini ke style.css:"]
<style>
.postnew li a:hover {
display:block;
text-decoration:none;
background:#efefef;
}
.postnew li a:visited {
text-decoration:none;
}
.postnew {
float:left;
width:380px;
}
.postnew ul {
width:90%;
list-style-type:none;
}
.postnew li a {
text-decoration:none;
border-top:1px solid rgb(204,204,204);
line-height:13px;
display:block;
padding:3px 0px 3px 0;
}
.feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter {
display:none;
padding:2px 3px;
margin-left:126px;
margin-bottom:12px;
width:162px
}
.feedburnerFeedBlock li:hover .date {
font-size:11px;
font-weight:bold;
text-align:left;
display:block;
position:absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxorNpi0-_iJdpldyuRjHGU_UG2i7N-8iMDT_CrXE0XK-LrAvpppscvYGMEuGLdWmiOa3o_-l6Qh8ISSqSuka80BxdbM1c56IrznMUmI3tVUViyy0rHnR2A50O9Zr28diN0vZUDgFN1I/s400/tooltips-date.gif) no-repeat scroll 10px 5px; color:#333; padding:6px 35px; margin-right:10px;
width:114px
}
.feedburnerFeedBlock li:hover div {
border-radius:8px 8px;
-moz-border-radius:0 0 8px 8px;
-khtml-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
border-radius:0 0 8px 8px;
font-size:11px;
display:block;
position:absolute;
border:1px solid #ccc;
background:#E5E5E5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj06-aIYG7Qbkykgrv-64JSmiA8YnrEw-9_PNYthLjhWnYC8Jg0fUCfPtcIAbyLeJQf2bIW7jKbwNSbW-OrlbfOJdESD_Dec6ZgR1vlbY0uct-UcfqXMySrGKJAXjCo_abmrCLgnrykN08/s1600/tooltips-background.png) repeat-x;
color:#333;
padding:35px 10px 10px 10px
}
</style>[/spoiler]
b. Pastekan script dari point 3c di atas kemana saja kita ingin meletakkannya.
c. Beres dan lihat hasilnya!
[spoiler intro="Contoh "]
The feed providing these headlines is not available.
Selamat mencoba.........
Sumber : http://bagollum.blogspot.com/2011/12/cara-membuat-recent-posts-ala-feed.html