Monday, October 29, 2012

Cara membuat Artikel terkait di blog

Bagaimana Cara Membuat Artikel Terkait Blog? Membuat Artikel Terkait blog sangat bagus untuk optimasi SEO Onpage Blog karena dapat meningkatkan pageview Blog. Dengan adanya artikel terkait maka pengunjung bisa melihat artikel lain yang berhubungan dengan artikel yang sedang dibacanya sehingga memperlama pengunjung berada di blog anda. Semakin lama pengunjung di blog anda akan menjadi acuan bagi Google untuk melihat kredebilitas blog anda. Setelah saya melakukan penulusuran, banyak bertebaran cara membuat artikel terkait, saya mencoba untuk memaparkan cara paling mudah dan gampang diterapkan biar tidak ribet.

 Anda bisa melihat contoh tampilan blog saya sebelum ada Artikel terkaitnya.

Cara membuat Artikel terkait di blog


Untuk membuat Artikel terkait blog silahkan ikuti langkah-langkah berikut ini:

1. Klik Template--->Edit Html--->Centangkan Expand Widget Templates
2. Cari kode ]]></b:skin> Untuk memudahkan mencari kode tersebut gunakan tombol CTRL+F
3. Setelah ditemukan, Copy paste kan kode di bawah ini diatas kode ]]><b/:skin>
  
.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);}

4. Selanjutnya cari kode <data:post.body/> Gunakan Control+F untuk memudahkan pencarian kodenya.
5. Copy pastekan kode dibawah ini di bawah kode <data:post.body/>

<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>

6. Simpan Template dan Lihat Perubahan seperti contoh tampilan artikel terkait dibawah ini

Contoh Artikel Terkait


Terima Kasih telah sudi mampir dan membaca Artikel "Cara Membuat Artikel Terkait Blog". Semoga Informasinya dapat membantu dan bermanfaat.

JANGAN LUPA UNTUK VOTE GOOGLE + UNTUK HALAMAN INI. TERIMA KASIH BANTUANNYA
Judul: Cara membuat Artikel terkait di blog; Ditulis oleh januarsen silalahi; Rating Blog: 5 dari 5

Ditulis Oleh : januarsen silalahi

Terimakasih atas kunjungan Anda Karena telah sudi membaca artikel Cara membuat Artikel terkait di blog. Tidak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar Di Bawah. Jika Artikel Bermanfaat, Anda boleh menyebarluaskan atau mengutip artikel Cara membuat Artikel terkait di blog dengan cara penyampaian yang berbeda, namun jangan lupa untuk mencantumkan link sumbernya. Diharapkan agar tidak melakukan copy paste. Terima Kasih, Happy Blogging :)

No comments:

Post a Comment