Terkadang membuat postingan hanya untuk sekedar menyimpan tips yang telah kita dapatkan selama keluar masuk dalam pengeditan blog, dari pada harus susah mencari diGoogle dan memilah-milah tips yang cocok dengan maksud kita.
Berikut adalah cara memasang related post by category, agar tidak terlalu memakan tempat dikarenakan postingan sudah terlalu banyak, related post ini memakai scroll agar lebih irit dalam penggunaan tempat. berikut tipnya :
- Login keBlogger dengan account kamu.
- Pergi ke "Tata Letak - Edit HTML".
- Centang kotak "Expand Template Widget".
- Login keBlogger dengan account kamu.
- Pergi ke "Tata Letak - Edit HTML".
- Centang kotak "Expand Template Widget".
- Cari code <data:post.body/>. Pada Blog yang sudah suport read more, cari code seperti itu yang kedua.
- Masukan code berikut dibawah code tadi :<b:if cond='data:blog.pageType == "item"'>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 200;
var maxNumberOfLabels = 500;
maxNumberOfPostsPerLabel = 500;
maxNumberOfLabels = 100;
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('albri').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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
<br/>
<br/>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 200;
var maxNumberOfLabels = 500;
maxNumberOfPostsPerLabel = 500;
maxNumberOfLabels = 100;
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('albri').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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>
- Klik "Simpan Template".
Selamat mencoba.
Selamat mencoba.
Makasih tutorialnya..
Keduaaax...! heheheh (belum suksesss jadi pertamaaaaax..!!!!)
Siiip tutorialnya Mas, aku juga dah pasang disini..
tutoriaL'y mantap....
salam sobat
wah siip banget info dan ilmunya,,
saya mau juga tuh,,memasang related post dengan scroll.
biar menghemat tempat ya,,
wah... saya bingung mau komen apa.
soalnya artikelnya udah bagus banget.
keep posting aja dech bro!
Info menarik nih...tapi postinganku belum terlalu banyak...
lamaa nggak kesini...soalnya dulu sampe beberapa kali ke sini, update -nya beluuum juga ada...
Wah mantap.. itu juga termasuk bordernya sob???
soalnya yg punyaku nggak ada bordernya....
hehee.. nice info......
http://www.facechan.com
sep sob...tq infonya ya
hidup untuk berbagi
mantep euy mas hapia...boleh jg nie tutornya
nice posting... mau mengamalkan ilmu di atas
numpang nyedot ilmunya...
ini yamg aku cari hammmmpir seminggu...
wah info yang mantabh,,
thx ya
kok pny ku ngga muncul ya????
mantapppp blognya..
langsung dicoba bos....
http://www.laymark.com/i/o/50.gif
blogwalking sob
thanks bro
hehe, tapi kalo di scroll efeknya sama crawl google gimana sob
Thank's...
Berhasil..maksih infonya. o z,punya saya kog gak nyala waktu mouse digerakan?