Cara Pasang Script Permalink Dan Artikel Terkait

Cara Pasang Script Permalink Dan artikel Terkait - Selamat malam blogger semua jumpa lagi pada kesempatan malam hari ini untuk belajar mempercantik blogspot, yang mana pada kesempatan ini saya akan membagikan sedikit tutorial cara memasang permalink dan artikel terkait dengan scroll. Namun pada kali ini saya akan menggabungkan kedua script tersebut menjadi satu lokasi, maksudnya mereka di tandai dengan blok margin atau kotak yang berwarna, anda bisa melihat contoh di bawah artikel.

Ok unuk memulai cara pemasangan kedua script tersebut lumayan gampang dengan sedikit ketelitian, silahkan anda simak cara-caranya di bawah.
Silahkan anda masuk ke blogger dashboard masuk template dan cari edit html setelah itu silahkan anda pasang script di bawah di atas ]]></b:skin>.


.rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

Langkah selanjutnya cari kode <data:post.body/>, untuk mempermudah pencarian anda bisa menggunakan ctrl+f, dengan cara mengklik di area atau kotak html template anda. Kalu sudah ketemu copy kode script di bawah dan pastekan di bawah <data:post.body/>. Catatan, apabila template sobat sudah menggunakan readmore simpan kode pada <data:post.body/> yang kedua.

K:ode Script

<br/>
<div style='border: 1px solid #dfdfdf; margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #f5f5f5; text-align: left;'><b:if cond='data:blog.pageType == &quot;item&quot;'> Anda sedang membaca artikel tentang <strong><u><a expr:href='data:post.url'><data:blog.pageName/></a></u></strong>. Silahkan anda baca artikel <strong><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></strong> Tentang <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<strong><a expr:href='data:label.url' rel='tag'><data:label.name/></a></strong>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop> yang lainnya.</b:if></b:if>
<div class='postmeta'>
<p><b:if cond='data:blog.pageType == &quot;item&quot;'><p align='left'><font color='blue'><b>Page Information</b></font></p><p align='left'><b>Title:</b> <a expr:href='data:post.url' rel='bookmark' title='post permalink'><data:post.title/></a></p><p align='left'><b>URL:</b> <data:post.url/></p></b:if></p>
  <br/>
<p align='center'><textarea cols='62' name='txt' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' rows='2' style='display: inline;'><a expr:href='data:post.url'><data:blog.pageName/></a></textarea></p>
  <br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:100px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if></div></div>

Selanjutnya anda freview dulu, kalau sudah tidak ada erorr silahkan anda tinggal save saja.
Catatan : Tulisan yang berwarna merah, anda bisa menggantinya denga tulisan anda sendiri, semoga bermanfaat.