Senin, 03 Oktober 2011

Cara Membuat Link Otomatis Pada Tulisan Atau Kata Tertentu di Blog

Jika anda memiliki akun twitter dan anda sedang membukanya, So Please klik link:


Jika anda sedang membuka akun fb dan ingin mengirim alamat posting ini kedinding anda, silahkan klik jempol dibawah:


Untuk tutorial kali ini sedikit mengulas tentang link. Untuk membuat link otomatis pada tulisan atau kata tertentu diblog - blogspot ini agar lebih memudahkan kita yang tidak lagi menanamkan link secara manual, dan menurut sobat blogger ini juga bisa supaya 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...! 
http://hmubaraq.blogspot.com/2011/01/cara-membuat-link-otomatis.html
Sumber: http://nurmanali.blogspot.com/

0 komentar:

Poskan Komentar