Cara Membuat Auto Link Pada Tulisan Tertentu di Blogger

Setelah mencari lama sekali baru ketemu, membuat auto link di blogger - blogspot supaya lebih seo friendly, dengan memasang pengaturan ini kita tidak usak menanam link secara manual tinggal kita targetkan saja kata atau kalimat apa yang akan kita targetkan.

Menurut beberapa teman saya dengan ini maka artikel kita akan mengandung banyak text anchor dan bisa menguatkan posisi SERP pada postingan kita, baiklah sobat kalau begitu langsung saja kita mulai caranya.

langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit Html"
Langkah 3
Letakkan Kode di Bawah ini Sebelum Kode: </head>

<script type='text/javascript'>
//<![CDATA[
function doHighlight(bodyText, searchTerm,link)
{
var newText = "";
var i = -1;
var lcSearchTerm = searchTerm.toLowerCase();
var lcBodyText = bodyText.toLowerCase();

while (bodyText.length > 0) {
i = lcBodyText.indexOf(lcSearchTerm, i+1);
if (i < 0) {
newText += bodyText;
bodyText = "";
} else {

if (bodyText.lastIndexOf(">", i) >= bodyText.lastIndexOf("<", i)) {

if (lcBodyText.lastIndexOf("/script>", i) >= lcBodyText.lastIndexOf("<script", i)) {
newText += bodyText.substring(0, i) + '<a href="'+link+'">'+ bodyText.substr(i, searchTerm.length) + '</a>';
bodyText = bodyText.substr(i + searchTerm.length);
lcBodyText = bodyText.toLowerCase();
i = -1;
}
}
}
}

return newText;
}

function highlightSearchTerms(searchText, treatAsPhrase,link,divid)
{

if (treatAsPhrase) {
searchArray = [searchText];
} else {
searchArray = searchText.split(" ");
}


div=document.getElementById(divid);
var bodyText = div.innerHTML;
for (var i = 0; i < searchArray.length; i++) {
bodyText = doHighlight(bodyText, searchArray[i], link);
}
div.innerHTML = bodyText;
return true;
}
//]]></script>

Langkah 4 Cari Kode Seperti di Bwah ini :

<data:post.body/>

!... : Biasanya Kode ini ada dua apabila Sobat Menggunakan ReadMore, Cari yang kedua kode seperti itu. Langkah 4  Hapus Kode tadi dan ganti dengan Kode Dibawah ini :

<p> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> highlightSearchTerms('keywords1',true,'http://link1.blogspot.com','summary<data:post.id/>'); highlightSearchTerms('keywords2',true,'http://link2.blogspot.com','summary<data:post.id/>'); </script> </p>

 INFO : Ganti Keywords1 dan dua sekaligus Linknya sesuai yang Sobat inginkan, Untuk menambahkan keywords dan link mudah saja, tinggal tambahin saja Kode ini :

highlightSearchTerms('keywords',true,'http://link.blogspot.com','summary<data:post.id/>');

Lalu ganti keywords dan linknya sesuai yang sobat inginkan, setelah itu Simpan Template Dan lihat hasilnya. Selamat mencoba semoga berhasil yah...! 

Posted in: All