Monday, October 19, 2015

Cara Mudah Memasang SEO Smart Link di Blog

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.