- Back to Home »
- TipsnTrick »
- Tips Membuat Artikel Terkait Blog Anda
Posted by : Unknown
Sabtu, 09 November 2013
Cara Membuat Artikel Terkait (Related Posts) - Untuk memudahkan pengunjung menelusuri artikel-artikel di blog sobat, sobat bisa menambahkan widget artikel terkait / related posts.
Fungsinya adalah agar setiap post/artikel yang terkait atau terbit
dalam kategori yang sama, dapat ditampilkan juga dalam post yang sedang
dibaca pengunjung. Biasanya, widget artikel terkait ini diletakkan di bawah postingan.
Selain itu, widget artikel terkait ini berguna untuk memudahkan
pengunjung melihat artikel lain yang berhubungan dengan artikel
(postingan yang aktif). Dengan adanya related post bisa meningkatkan
pagehit pada blog anda.
Caranya Liat di bawah
1. Login ke Account/Dashboard blog kalian. Masuk ke menu Edit HTML.
2. Backup dulu template kalian, untuk berjaga-jaga apabila ada kesalahan.
3. Kalo udah,beri tanda centang pada Expand Widget Templates.
4. Cari kode <data:post.body/> menggunakan CTRL+F pada browser. dan letakkan kode dibawah ini setelah kode tersebut.
(Nb: Akan ada 2 kode <data:post.body/> pada template yang sudah memakai fitur readmore. Oleh karena itu,pastikan kode berikut ini di letakkan setelah kode <data:post.body/> yang pertama.)
lalu Copy kode di bawah :
Klik Untuk melihat Kodenya
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 4;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 3;
maxNumberOfPostsPerLabel = 11;
maxNumberOfLabels = 4;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Post-post Terpopuler
-
OK buat para sobat Blogger yang mempunyai Twitter yang berisikan konten-konten pada Blog-nya. Posting ini adalah salah satu solusi untuk m...
-
Pada Prinsipnya Membuat Sebuah blog itu Identik dengan kata-kata dan Tulisan yang sangat Panjang. kadang kadang kita berfikir apabila menuli...
-
Oke Buat Sobat Blogger...... Kemarin aku udah Update Untuk Teks Berjalan tapi Sobat Cuma Bisa ganti Tulisan aja tanpa bisa ganti Warna dan...
-
Nah Buat Sobat Blogger Yang Berminat Menerapkan Pada Blog Sobat Semua, Sobat Bisa Ikuti Caranya Dibawah ini: Login Ke Akun Blogger So...
-
Masih seperti biasanya Sob.... Coz Blog identik dengan HTML makanya semua Widget yang di buat selalu seperti ini menggunakan cara yang s...
-
Cara Membuat Cursor Bertabur Bintang Mempercantik atau memperindah tampilan Blog adalah naluri dari setiap blogger .dan jikalau tamp...
-
Untuk cara pemasangan di halaman postingan berikut tutorialnya . 1. Login ke akun blog sobat 2. Klik Entri baru kemudian beri judul sesu...
-
Oke Langsung Saja nih Pergi ke Template > Edit HTML , lalu centang "Expand Template Widget" setelah itu cari kode </he...
-
Berikut langkah-langkah pembuatannya : Klik Untuk Liat Kode 1. Login ke Blogger 2. Masuk ke Template >> Edit HTML (centa...
-
Posting selanjutnya .............. Cara Membuat Fanspage Melayang Di Blog- kita pasti pernah melihat kotak facebook melayang di blog, pas...