Cara Membuat Auto Link Pada Tulisan Tertentu di Blogger

logo blogspot

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

NB – Biasanya Kode ini ada dua kode apabila Sobat Menggunakan ReadMore, Cari yang kedua kode seperti itu.

Langkah 4

Hapus Kode tadi dan ganti dengan Kode Dibawah ini :

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

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

postingan ini di update 04/02/2012

10 thoughts on “Cara Membuat Auto Link Pada Tulisan Tertentu di Blogger”

  1. script’nya bisa di pindahin ke texarea ga? (pake textarea)

    soalnya kalau di copy paste langsung, takut ada yang salah copy atau tidak terambil.

    1. oke2 sip makasih atas sarannya, dimakluminya h soalnya saat posting artikel ini blog ini masih singgah di blogspot jado postingan kodingnya jadi berantakan, tapi tenang udah saya eit lagi silahkan dicoba yah 😀

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *