Untuk tutorial kali ini sedikit mengulas tentang link. Untuk membuat link otomatis pada tulisan atau kata tertentu di blog - 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.
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 :
2. Masuk ke "Tata Letak - Edit Html"
3. Letakkan Kode di Bawah ini Sebelum Kode:
//<![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='"summary" + 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>
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...!
happy blogging Artikel Terkait
{ 3 comments... read them below or add one }
saya mau tanya knapa posting blognya jadi dobol yah ???? cek di http://www.site-benefit.info
mantab bro.. makasih yaa.. WORK 100%
ini yang saya cari...
tapi klo kata udah ada linknya gmn???
mampir ya http://tafshare.blogspot.com/2013/12/cara-memasang-akun-situs-jejaring-sosial-dengan-icon-yang-unik-pada-wordpress.html
Post a Comment