Cara Mudah Memasang SEO Smart Link di Blog

10/19/2015
Cara Mudah Memasang SEO Smart Link di Blog

Cara Mudah Memasang SEO Smart Link di Blog - Kali ini Arlina Design akan berbagi plugin SEO Smart Link yang merupakan sebuah plugin WordPress yang berfungsi mengubah setiap kata yang ditentukan dalam suatu artikel menjadi sebuah link.

Cara Kerja Plugin SEO Smart Link


Plugin ini akan membaca setiap kata yang sobat tentukan di dalam artikel. Contohnya jika sobat menambahkan kata SEO atau Blogger pada plugin, maka otomatis setiap kata tersebut akan berubah menjadi sebuah link itupun jika di artikel blog sobat terdapat kata tersebut.

Cara Memasang SEO Smart Link


Buka Blogger > Template > Kemudian tambahkan kode di bawah ini sebelum </body>

<script type='text/javascript'>
function smartLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new smartLink();
f.add(&quot;SEO&quot;, &quot;http://www.arlinadzgn.com/&quot;);
f.startScript();
</script>

Jika ingin plugin di atas hanya tampil di halaman postingan saja, silakan tambahkan tag kondisional khusus halaman post

Referensi : Beberapa Fungsi Tag Kondisional Pada Widget

Simpan template

Pada kode yang ditandai, ganti SEO dengan kata kunci yang sobat tentukan dan ganti http://www.arlinadzgn.com/ dengan url blog sobat.

Pada kode di atas sobat bisa menambahkan kata kunci lain dibawahnya, sebagai contoh

f.add(&quot;SEO&quot;, &quot;http://www.arlinadzgn.com/&quot;);
f.add(&quot;Template&quot;, &quot;http://www.arlinadzgn.com/&quot;);
f.add(&quot;Blogger&quot;, &quot;http://www.arlinadzgn.com/&quot;);

Sobat juga bisa menambahkan kata menjadi huruf tebal, sebagai contoh

f.add(&quot;&lt;b&gt;SEO&lt;/b&gt;&quot;, &quot;http://www.arlinadzgn.com/&quot;);

Catatan


Disarankan untuk tidak menambahkan kata kunci yang berlebihan, 1 sampai 3 kata kunci sudah cukup.

Contoh Penerapan


Perhatikan kata Mobile dan Friendly pada artikel di halaman demo



Demikian tentang Cara Mudah Memasang SEO Smart Link di Blog, semoga bermanfaat.

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

1 comment

Mbak Arlina, saya sudah memasang Kode Javascript diatas di atasnya <*/body> scriptnya udah work tapi kok cuma di homepage aja ya? kalau di artikel / post malah gak muncul atau gak work

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.