related post by categories (artikel berhubungan) sangat bermanfaat bagi para blogger khususnya bagi para penggiat seo. Cara membuat related post by categories di blogspot itu akan jauh membuat template blog sobat lebih seo friendly di mata search engine khususnya mbah google. Cara membuat related post by categories (artikel berhubungan) di blogspot ini juga bermanfaat bagi visitor untuk mencari artikel lain yang bersangkutan. Cara membuat related post by categories (artikel berhubungan) tidak jauh berbeda dengan posting sebelumnya sobat hanya perlu copas script di blog sobat. Yuk langsung kita bahas cara membuat related post by categories (artikel berhubungan) di blogspot.
Berikut cara membuat related post by categories (artikel berhubungan) di bogger:
1. silahkan login di blogger.com
2. pilih tata letak kemudian pilih edit html
3. jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"
4. kemudian cari dan temukan code script seperti ini <data:post.body/>
5. copy dan paste script di bawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 =
"<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
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>
6. pilih save template<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 =
"<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
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>
setelah langkah-langkah cara membuat related post by categories (artikel berhubungan) selesai maka template sobat akan jauh lebih seo friendly. Cara membuat related post by categories (artikel berhubungan) memang mudah….
Selamat mencoba….
Artikel Terkait:
Seputar Blog
- Cara Penulisan / Kode Berbagai Style di CBOX
- Cara Membuat Banner Iklan di Blog
- Cara Membuat Banner Animasi Secara Online
- Cara Memasang Iklan di Bawah Judul Postingan Blogger / Blogspot
- Shoutmix Tidak Gratis Lagi Sekarang
- Cara Menghapus Komentar di C-BOX
- Cara Upload JavaScript Menggunakan Google Code
- Merubah Tampilan Cursor Saat Diarahkan Ke Link
- Cara Menghapus Comment Di ShoutMix
- Cara Cepat Terindeks Google dengan Ping Service
- Memasang Sistem Komentar DISQUS pada Blogspot
- JS-kit Comment: Modifikasi Sistem Komentar di Blogger
- Merubah Kotak Komentar Dengan Intensedebate
- Cara Mengganti Tulisan Posting Lama,Beranda,Posting Baru
- Membuat Google Translate Tabbed untuk MengHemat Tempat
- Cara Menyembunyikan Rolling Widget Buku Tamu
- Membuat Rolling Widget Buku Tamu (Widget Bergeser)
- Membuat Kotak Komentar Tampil Beda
- Membuat Tampilan Komentar Berbeda Untuk Pemilik Blog
- Merubah Tampilan Labels Blog
- Merubah Tampilan Skin Label Di Blogger
- Memasang Musik di Blogger
- Memasang Music Pada Background Blog
- Memasang System Tuker Link Otomatis Pada Blog
- Membuat Banner Untuk Header
0 comments:
Posting Komentar
Jika Anda Ingin Berkomentar Mohon Di Cantumkan Nama Anda
Jangan Lupa Komenar Dan Follow ya !!!