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

11 comments:

  1. Kalo ini kan untuk tmplate gan.

    yang sya bgung tu merubh kode script mnjdi link aktif, jdi wlpun d copas te2p aja tidak bsa mrubah kpmlikan script trsbut.

    ReplyDelete
    Replies
    1. itu akan sulit di jelaskan tertulis...
      kalaupun bisa kita musti tau isi scriptnya.. dan gak bisa langsung semua musti satu-satu..
      contoh link yang di masukan
      document['write']('<div>
      <a title="Denzdii Gustiana" style="display:block !important;visibility:visible !important;text-decoration:none;" href="http://under-88.blogspot.com/" target="_blank">Link</a>
      </div>');

      tiap penggunaan akan beda-beda,kesalahan satu saja maka script gak kan jalan...
      untuk parse script di sini JSCompresion

      Delete
    2. oh thanks gan, tpi sya akuin ilmu sya blum smpe stu . . .
      gtu kok pgin kyk gtu, hehehe . . .

      ok dah gan lnjutkan, ckckck . . .

      Delete
  2. Ini yang saya cari dulu akhirnya ketemu juga di sini. Sepertinya ini akan mengalahkan plugin smart link nya WP, hehehe. Izin praktek Gan! Lowongan Kerja Terbaru

    ReplyDelete
  3. Ya ijin menyimak aja sobat, gak begitu mudeng!hehe

    ReplyDelete
  4. sebenernya bagus sih, tapi karena nggak mudeng jadinya ndak bagus. hehe.
    nyimak aja mas. Kunjungan balik juga boleh

    ReplyDelete
  5. http://www.newindo.org/

    http://www.newindo.org/

    http://www.newindo.org/

    http://www.newindo.org/

    http://www.mata-wanita.com/

    http://www.mata-wanita.com/

    ReplyDelete
  6. manthap gan artikelnya, perlu an coba
    giribig.com
    blog.giribig.com
    idcheat.com

    ReplyDelete

Perhatian !! Komentar Pada Bulan September 2012 belum bisa di balas.
di karenakan semua admin sedang sibuk dengan urusan kulliahnya.
semoga setelah akhir bulan artikel dan komentar akan segera di update.


terima kasih atas perhatiannya sekali lagi kami minta maaf yang sebesar-besarnya.

 
loading...
Top