Showing posts with label Tutorial blogspot. Show all posts
Showing posts with label Tutorial blogspot. Show all posts

Tuesday, June 21, 2011

SEO : Pasang SEO smart link untuk blogspot (update)

Posted by Begundal-dot | Tuesday, June 21, 2011 | Category: , | 0 comments


Belajar SEO Blogspot - Pernah dengar plugin SEO smart link ? sebuah plugin untuk wordpress yg fungsinya mengubah setiap kata yang kita tentukan, menjadi sebuah link. Kini plugin tersebut dapat kita pasang juga di blogspot.

seo smart link blogger
Semua kata "SEO" akan otomatis diconvert menjadi link
Bagaimana cara kerja seo smart link untuk blogspot ini ?
Script ini akan membaca setiap kata pada setiap posting. Contohnya, jika sobat memasukkan kata "SEO" pada script tersebut maka otomatis pada semua halaman yang terdapat kata "seo" akan di link ke alamat url yang telah sobat tentukan.

Apakah script autolink ini melanggar google guidelines?
Tidak, selama jumlah link yang sobat masukkan pada kode autolink masih dalam tahap wajar. Rekomendasi juragan, cukup 1 link saja.

Bagaimana cara memasang kode autolink ini di blogspot sobat ?
  1. Step pertama, Login ke blogger.com lalu ke design(rancangan).
  2. Menuju tab edit html. Tekan ctrl+f di keyboard. Dan cari kode </body> 
  3. Copy kode dibawah ini


<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
    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 autoLink();
f.add(&quot;SEO&quot;, &quot;http://blogergila.co.cc/&quot;);
f.startScript();
</script></b:if>


Setelah anda copy scripy diatas, paste kode di script tersebut tepat diatas kode  
</body> 

Kemudian simpan template



    Keterangan :
    • Lihat bagian paling akhir kode dan ganti SEO dengan kata atau kata kunci yang sobat pilih.
    • dibawahnya Ganti http://blogergila.co.cc/ dengan alamat url yang dituju.
    Repost : blogjuragan.blogspot.com
    nice tutorial btw :)

    Saturday, June 18, 2011

    Menghilangkan Judul Blog Di Header Blogspot

    Posted by Begundal-dot | Saturday, June 18, 2011 | Category: | 0 comments


    Judul blog berguna untuk memberi informasi tentang blog kita . Tapi terkadang hal ini malah menimbulkan masalah, misalnya kita mau menambahkan logo di header blogspot kita. Maka adanya blog title pasti sangat mengganggu karena menutupi logo kita.
    Nah kali ini saya mau berbagi pengalaman untuk menghilangkan Judul Blog Di Header Blogspot.

    Masuk menu Layout kemudian masuk Edit HTML kemudian cari Code di blog Anda yang mirip seperti dibawah





    #header h1 {

    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    }

    nahh seperti halnya menghilangkan tanggal posting kita tambahkan Code Css visibility:hidden; Kedalam Css Diatas Sehingga kurang lebih menjadi seperti dibawah

    #header h1 {
    margin:50;
    padding:5px 0 0 10px;
    font-size: 100%;
    font-weight:bold;
    line-height: 1.2em;
    letter-spacing:.0em;
    font-style:italic;
    color:#FFFFFF;
    visibility:hidden;
    }

    Jika Sudah Simpan pengaturanya....