Cara Membuat Link Otomatis Pada Kata Tertentu di Blog

Posted by boyadoe on Tuesday, February 22, 2011

Link otomatis pada tulisan atau kata tertentu di blogspot ini akan memudahkan sobat yang tidak lagi menanamkan link secara manual, dan menurut sobat blogger ini juga bisa bikin blog kita lebih seo friendly, kita tinggal tentukan kata atau kalimat apa yang akan kita targetkan untuk dijadikan sebuah link.

menurut yang saya tahu katanya dengan cara ini akan membuat artikel kita akan mengandung banyak text anchor dan bisa menguatkan posisi SERP pada postingan di blog kita.

Untuk langkah-langkahnya sebagai berikut :

1. Login ke Blogger

2. Masuk ke "Tata Letak - Edit Html"

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>

4. Langkah selanjutnya Cari Kode : <data:post.body/>
Apabila Anda Menggunakan ReadMore, maka kode tersebut akan ada dua, Cari yang kedua kode seperti itu.

5. selanjutnya 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>

Keterangan : Ganti Keywords1 beserta Linknya sesuai yang anda inginkan, dan untuk menambahkan keywords dan link, tinggal tambahkan saja Kode :

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

dan seperti keterangan diatas ganti keywords dan linknya sesuai yang diinginkan, setelah itu Simpan Template Dan lihat hasilnya. Selamat mencoba semoga berhasil yah...!

{ 3 comments... read them below or add one }

wong konsel said...

manteb gan tutornya ctrl+d ya

Rosadtea said...

Blm saya coba, tapi ctrl+D gan. salam kenal

Huda Jaffare said...

sesama blogers mari kita saling silaturrhmi yaa..ni alamtku :http://kitabulamasalaf.blogspot.com/

Post a Comment

Silahkan menuliskan komentar anda pada opsi Nama/URL, lalu tulis nama anda dan URL anda pada kotak yang tersedia.Jika anda tidak punya blog/website, kolom URL boleh dikosongkan.