Membuat Auto Link di Blogger

Cara-Membuat-Auto-Link-Pada-Tulisan-Tertentu-di-Blogger

asallamualaikum wr.wb
Auto Link pada Blogspot memang sudah tidak asing lagi , namun masih banyak para blogger yang masih mencari-cari cara ini untuk di terapkan pada blognya..
tapi apakah penting Auto Link di gunakan pada blog.
ada yang bilang itu penting adapun yang bilang itu tidak penting karena akan menganggu SERP postingan kita. karena kebanyakan link malah akan menjadi lemah pada search engine google.

Adapun yang mengatakan.

membuat auto link di Blogger – Blogspot supaya lebih SEO friendly, dengan mengandung banyak text anchor dan bisa menguatkan posisi SERP pada postingan kita.

UNDER-88 → Hemm... tapi yang kali ini saya posting bukanlah debat tentang penting gak pentingnya auto link pada blogger atau blogspot. Yang akan saya jelaskan adalah bagaimana cara memasang auto link . kalau masalah penting atau tidaknya sich itu tergantung penilaian masing-masing saja. saya tidak ada urusannya.. hehehe..

UNDER-88 → baiklah sobat tanpa basa-basi lagi 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 Bawah ini :

<data:post.body/>

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

→ Langkah 5

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

UNDER-88 →Saya sarankan anda tidak terlalu banyak membuat Auto Link. gunakan saja seperlunya.. untuk menghindari jika benar kebanyakan link malah membuat postingan lemah terhadap search engine.

selesai sudah postingan Auto Link ini semoga bermanfaat bagi sobat sekalian.
jika ada kata yang keliru dan code yang eror silahkan tinggalkan komentar atau bisa melalui kotak saya..
selamat mencoba..

wassallamualaikum wr.wb