Related Posts Integration Blogger Widget

Related posts integration. Selamat datang kembali para pengunjung setia BeBeN si bloglang anu ganteng kalem tea \m/ Seperti biasa mau berbagi informasi pilihan dan tentunya penuh GAYA b-) :)) Penampilan blog tanpa adanya related posts atau artikel terkait pada akhiran postingan bagai anang tanpa syahrani ;)) Bila kalian sobat perhatikan banyak trik yang satu ini menampilkannya per label. Tidak ada yg salah dengan trik itu, tapi kalau diperhatikan secara detil lagi :-B ada label yang tampil double (ganda) :-q pada setiap artikel terkaitnya :(|) Sebelum masuk ke caranya, ada baiknya lihat kelebihan related posted yg akan BeBeN sharing ini :

1. Mengidentifikasi semua label yang ada pada posting blog.
2. Mengumpulkan semua label dan kemudian menghilangkan duplikasi label pada postingan.
3. Untuk setiap label yang berkualitas, dengan menggunakan Google Feed API maka label yang relevan akan ditampilkan.
4. Mengidentifikasi duplikat link dari semua URL yang dihasilkan, untuk menjaga duplikasi label.
5. Dengan metode "document.write" menampilkannya pada setiap akhir postingan.

Proyek jebolan sobat blogger kita ThinkTibits ini patut diacungin jempol :-bd Kinerja related posts dipadukan dg Google Feed API mungkin bisa menguatkan link-link postingan yg ada pada blog kita ;)) Untuk versi inggris silahkan masuk Related Posts Blogger Integration Widget. Kalau versi bloglang silahkan diperhatikan langkah-langkahnya :D

1. Log-in terlebih dahulu pada account blog sobat.
2. Expand Widget Templates, itu artinya dicentang.
3. Letakkan script berikut tepat diatas/sebelum tag </head>...
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>google.load("gdata", "1.x", { packages : ["blogger"] });</script>
4. Pada langkah ini, pada artikel aslinya
   Step2:- Create a post widget in blogger and add the required Javascript code)
   ada script panjang tuh :-/ Disini BeBeN cuma memasukkan script related postednya saja sob :p
<div class='widget-content'>
<h3>Related Articles</h3>
<div id='123' style='padding:10px;'/><br/>
<h6>Widget customized by <a href='http://thinktibits.blogspot.com'>Yellowrose</a></h6>
<script type='text/javascript'>
function init2() {
var finalurlarray = new Array();
function eliminateDuplicates(arr) {
var i,
len=arr.length,
out=[],
obj={};
for (i=0;i<len;i++) {
obj[arr[i]]=0;
}
for (i in obj) {
out.push(i);
}
return out;
}
var finalurlarray1 = new Array();
var funcvar1=0;
var bloggerService = new google.gdata.blogger.BloggerService('com.appspot.interactivesampler');
var handleQueryResults = function(resultsFeedRoot) {
var blogFeed = resultsFeedRoot.feed;
var html,postTitle,entryUri;
var postEntries = blogFeed.getEntries();
for (var i = 0; postEntry = postEntries[i]; i++) {
postTitle = postEntry.getTitle().getText();
entryUri = postEntry.getHtmlLink().getHref();
html = '<a href= '+entryUri+'>'+ postTitle + '</a>' + '<br>';
finalurlarray1.push(html);
}
funcvar1++;
if (funcvar1 == filtArray.length) {
var urlarrayfinal=eliminateDuplicates(finalurlarray1);
for (var i = 0; i < urlarrayfinal.length; i++){
document.getElementById("123").innerHTML += urlarrayfinal[i];
}
}
};
var handleError = function(error) {
document.write("unable to load the related posts now");
};
var labelArray = new Array();
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
labelArray.push(textLabel);
</b:loop>
</b:loop>
var filtArray=eliminateDuplicates(labelArray);
var feedUri,query;
for (var i = 0; i < filtArray.length; i++){
feedUri = 'http://thinktibits.blogspot.com/feeds/posts/default/-/' + filtArray [i];
query = new google.gdata.blogger.BlogPostQuery(feedUri);
bloggerService.getBlogPostFeed(query, handleQueryResults, handleError);
}
}
google.setOnLoadCallback(init2);
</script>
</div>
Ganti tulisan yg BG kuning dg URL Link blog sobat.

Kalau sobat pusing, masih dalam keadaan dicentang Expand Widget Templates cari tulisan (judul) diatas artikel postingan sobat masing²! Nah setelah itu perhatikan pada tag...

<div class='widget-content'>

ISI-SCRIPT-ARTIKEL-TERKAIT

</div>

Masukkan/ganti isinya dg script yg dari sobat kita :) (yg diatas itu tuh, yg aku suruh ganti urlnya sama url sobat masing²) Langkah terakhir ucapkan Alhamdulillah dan lihat hasilnya ;))Thanks a lot for http://thinktibits.blogspot.com