Banner 468 x 60

Loading...

cara membuat artikel terkait / related post di blog - arminaven

Advertisement

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
 Asalamualaikum Wr. Wb.
setelah arminaven ganti templat, banyak fitur yang selama ini sudah terpasang di blog jadi hilang. salah satunya adalah pembuatan related post atau artikel terkait. dan alhamdulillah seperti yang sobata lihat, dibawah sudah ada related post. cara pemasangannya cukup mudah. ikuti aja langkah langkah berikut ini:
Cara membuat ArtikeL Terkait (Related Post) Di blogspot
  • masuk dulu ke Akun blog anda.
  • Pada halaman Dasbor, cari kata "RANCANGAN" lalu klik
  • Pada halaman Rancangan, klik tombol "EDIT HTML"sebaik nya aman kan dulu template sobat
  • Beri tanda checklist pada kotak kecil yg ada di depan tulisan Expand Template Wdget yang terletak diatas kotak kode HTML template blog anda
  • Cari kode ]]></b:skin> (Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat).
  • Copy kode dibawah ini, lalu paste DI ATAS kode ]]><b/:skin> berikut kodenya :
kode:
.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;
-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}


  • Selanjutnya, cari kode <data:post.body/> gunakan control F, kode ini mungkin lebih dari satu, jadi silahkan dicoba di setiap bawah kode itu
  • copy code ini di bawah <data:post.body/>
kode:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</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 = &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>


Selanjut nya SIMPAN TEMPALATE
Jika ingin mengganti warna background kotaknya, ganti kode warna ( #f10c0c; ) Dengan warna yang di ingin kan

Semoga Bermanfaat

Wasalamualaikum Wr. Wb.


Bisnis Investasi Online

Sobat punya blog ??
jangan biarkan menganggur hanya untuk tempat sharing semata
maksimalkan dengan melakukan bisnis online.
Arminaven mengundang sobat untuk mendapatkan usaha sampingan lewat blog

Penghasilan yang didapatkan Rp 50.000 s/d 1juta perhari dari INTERNET !
mari gabung sekarang
free member juga dapat komisi
semoga sukses
Nama :
Email :


segera validasi email sobat dan ikuti langkah - langkah selanjutnya
terima kasih telah bergabung
Salam Arminaven
Advertisement

0 Response to "cara membuat artikel terkait / related post di blog - arminaven"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "cara membuat artikel terkait / related post di blog - arminaven" ini bermanfaat, share ke jejaring sosial.
Konversi Kode