3 langkah memasang auto link SEO di Blogspot

1. Loggin Blogger >> MASUK Blog Sobat.
2. Menu Edit HTML >> CTRL + F >> masukan " </body> "
3. Copy code berikut diatasnya :
CODE

<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://bloganda.blogspot.com/&quot;);
f.startScript();
</script></b:if>

4. selesai .

ket warna : (ganti SEO dengan kata kunci yang diinginkan dan ganti nama blog sesuai nama blog anda. )

Lanjutkan membaca... »»

2 langkah membuat slider otomatis

 Langkah pertama

1. Kita harus membuat satu widget di bawah header untuk meletakkan slider nantinya. Login ke blogger dengan akun Anda
2. Setelah masuk ke dashboard, pilih blog yang mau dipasang slider.
3. Kemudian pilih template >> Edit HTM, jangan lupa centang dulu kotak expand widget template.
4. Backup dulu template untuk berjaga-jaga jika nanti terjadi kesalahan dalam pengeditan. Kemudian masukkan kode berikut ini diatas ]]></b:skin>
   
   1. /* Slide Content 
   2. ----------------------------------------------- */  
   3. .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left;  
   4. word-wrap: break-word; overflow: hidden;}   
   5. .slide {color: #666666;line-height: 1.3em;}  
   6. .slide ul {list-style:none;margin:0 0 0;padding:0 0 0;}  
   7. .slide li {margin:0;padding-top:0;  
   8. padding-right:0;padding-bottom:.25em;  
   9. padding-left:0px;text-indent:0px;line-height:1.3em;}  
   10. .slide .widget {margin:0px 0px 6px 0px;}  
5. Kemudian untuk memanggil widget agar muncul di layout, letakkan kode berikut di atas <div id='main-wrapper'>
   
   1. <b:if cond='data:blog.url == data:blog.homepageUrl'>  
   2.       <div id='slide-wrapper'>  
   3. <b:section class='slide' id='slide' preferred='yes'/>  
   4.       </div>  
   5. </b:if>   
6. Lalu save template, sekarang anda masuk ke layout dulu, lihat dibagian bawah header apa sudah ada satu widget kosong seperti pada gambar di bawah?

Langkah kedua

1. Masih pada posisi Edit HTML masukan kode dibawah ini diatas ]]></b:skin>
   
   .shadow{width:950px; height:39px; background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9ADRwfXARAzX2nPVDlqpMjWI520o22vZUtGAhNUIQcrEaDAQ-hByAcKdzudzykXQ94sKJcjifQoN9mwInV59AITb3P9j0F5bpfbcCmGQDcQSts1wtPIZKxUoJvvGo7dfx0q7AOTG-PAC/s1600/shadow1.png) no-repeat center;margin:0 auto}
   #featured-slider{position:relative;overflow:hidden;width:950px;height:325px;background:#fcfcfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0Igmf6u8z0AYHbh25mxQNYy9Mtjva7MIux5ihqOZmm2eHK3C2BUBmoFYy3kXCrnRc2PXvpXvo9XYF1zTgV_J0YaXidhQUhOpdRgDq8BwGlDq84KMIqKHxUuZ4Zy3hUsmDTqNIRFnSrv2E/s1600/slider-bg.png) repeat-x top;margin:0 auto;padding:0 auto}
   #featured-slider .contentdiv{visibility:hidden;position:absolute;left:20px;top:10px;z-index:1;width:305px}
   #featured-slider .contentdiv img{background:#fff;padding:2px;border:1px solid #ccc;width:297px;height:297px;overflow:hidden}
   #featured-slider .sliderPostPhoto{position:relative;height:305px;width:305px;overflow:hidden}
   #featured-slider .sliderPostInfo{position:absolute;top:0;left:345px;color:#a1a1a1;background:url();height:190px;width:540px;padding:5px 0 0}
   #featured-slider .sliderPostInfo p{color:#0a0a0a;line-height:1.6em;font-size:14px;padding-top:1px}
   #featured-slider .featuredPostMeta a{color:#a1a1a1}
   #featured-slider .order a {display:block; width:98px; height:40px; bottom:14px; left:0px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfNHe6xlatt6Ksh1wY3liFTssGN2mNOIlG83kfIuWri-7Gq-iWBo7AO6XFR1X-CIzen2fSJqek5lmJhhsx9JkIu78mCEakfo_gYWEL61CgEAS5YwyhyzCK_1E6-BK_pu5-QizNSwINOGp/s1600/order.png) no-repeat 0 0; position:absolute;  font-size:15px; line-height:13px; text-transform:uppercase; text-decoration:none; font-family: 'Open Sans', sans-serif; color:#fff; font-weight:700; padding:11px 0 0 6px;}
   #featured-slider .order a:hover{ color:#515151;}
   .featuredTitle{font:bold 24px Tahoma;color:#719429;line-height:1cm}
   .featuredTitle a{color:#719429}
   .featuredTitle a:hover{color:#0a0a0a}
   #paginate-featured-slider{position:absolute;right:0;top:250px;z-index:1;width:595px;height:80px;overflow:hidden}
   #paginate-featured-slider ul{width:595px;list-style:none}
   #paginate-featured-slider .featured_thumb{float:left;margin-right:15px;width:65px;height:65px;padding:0}
   #paginate-featured-slider .featured_thumb:hover{opacity:0.7}
   Ukuran 950px diatas menunjukkan lebar slider, dan 325px adalah tinggi slider. Silahkan sesuaikan dengan ukuran template Anda.
2. Setelah langkah diatas, masukkan kode berikut diatas kode </head>
   
   <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
   <script src='http://yourjavascript.com/112241212156/slider.js' type='text/javascript'/>
   <script type='text/javascript'>
   //<![CDATA[
   imgr = new Array();
   imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiviDYYuJmRqO9tTm7Yvkj0E7EPAfFnTUUY9dakr_JxKIwyFY5DRoAx9uT5zyYG5txNVVuqelVUiPksWAEqfE9glj9ryUu1utfnxHZVs5VDpbpo8sQq8g192fHVM1DzqTVyJ5taQVmXkP8/s1600/no+image.jpg";
   showRandomImg = true;
   
   aBold = true;
   
   summaryPost = 400;
   summaryTitle = 25;
   
   numposts2 = 7;
   
   function removeHtmlTag(strx,chop){
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   
   s = s.join("");
   s = s.substring(0,chop-1);
   return s;
   }
   
   function showrecentposts1(json) {
   j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
   img  = new Array();
    
     for (var i = 0; i < numposts2 ; i++) {
       var entry = json.feed.entry[i];
       var posttitle = entry.title.$t;
   var pcm;
       var posturl;
       if (i == json.feed.entry.length) break;
       for (var k = 0; k < entry.link.length; k++) {
         if (entry.link[k].rel == 'alternate') {
           posturl = entry.link[k].href;
           break;
         }
       }
   
   for (var k = 0; k < entry.link.length; k++) {
         if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
           pcm = entry.link[k].title.split(" ")[0];
           break;
         }
       }
   
       if ("content" in entry) {
         var postcontent = entry.content.$t;}
       else
       if ("summary" in entry) {
         var postcontent = entry.summary.$t;}
       else var postcontent = "";
      
       postdate = entry.published.$t;
   
   if(j>imgr.length-1) j=0;
   img[i] = imgr[j];
   
   s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
   
   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
   
   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
   
   
   var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
   
   var day = postdate.split("-")[2].substring(0,2);
   var m = postdate.split("-")[1];
   var y = postdate.split("-")[0];
   
   for(var u2=0;u2<month.length;u2++){
   if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
   }
   }
   
   var daystr = day+ ' ' + m + ' ' + y ;
   
   var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a class="crop-foto" href="'+posturl+'"><img width="200" height="150" class="alignright" src="'+img[i]+'"/></a></div><div class="sliderPostInfo"><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><span class="featuredPostMeta">'+daystr+' | <a href="'+posturl+'">'+pcm+' Comments</a></span><p>'+removeHtmlTag(postcontent,summaryPost)+'...   <a href="'+posturl+'" class="meta-more">View Detail </a></p></div><p class="order"><a href="'+posturl+'">order!</a></p></div>';
   document.write(trtd);    
   
    j++;
   }
   
   }
   
   function showrecentposts2(json) {
   j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
   img  = new Array();
    
     for (var i = 0; i < numposts2 ; i++) {
       var entry = json.feed.entry[i];
       var posttitle = entry.title.$t;
   var pcm;
       var posturl;
       if (i == json.feed.entry.length) break;
       for (var k = 0; k < entry.link.length; k++) {
         if (entry.link[k].rel == 'alternate') {
           posturl = entry.link[k].href;
           break;
         }
       }
   
   for (var k = 0; k < entry.link.length; k++) {
         if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
           pcm = entry.link[k].title.split(" ")[0];
           break;
         }
       }
   
       if ("content" in entry) {
         var postcontent = entry.content.$t;}
       else
       if ("summary" in entry) {
         var postcontent = entry.summary.$t;}
       else var postcontent = "";
      
       postdate = entry.published.$t;
   
   if(j>imgr.length-1) j=0;
   img[i] = imgr[j];
   
   s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
   
   if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
   
   //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
   
   
   var month = [1,2,3,4,5,6,7,8,9,10,11,12];
   var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
   
   var day = postdate.split("-")[2].substring(0,2);
   var m = postdate.split("-")[1];
   var y = postdate.split("-")[0];
   
   for(var u2=0;u2<month.length;u2++){
   if(parseInt(m)==month[u2]) {
   m = month2[u2] ; break;
   }
   }
   
   var daystr = day+ ' ' + m + ' ' + y ;
   
   var trtd = '<ul class="featured_thumb"><a rel="'+i+'" class="toc" href="#"><img width="65" height="65" title="our product" alt="our product" class="featured_thumb" src="'+img[i]+'"/></a></ul>';
   document.write(trtd);    
   
    j++;
   }
   
   }
   //]]>
   </script>
   Perhatikan kode warna merah diatas jika pada template anda sudah terdapat jQuery.min.js meskipun serinya berbeda, Anda tidak perlu memasukkan script warna merah itu lagi. Cukup satu jQuery.min untuk satu template jika ada dua, kemungkinan akan bentrok dan slidernya tidak jalan.
3. Selanjutnya perhatikan kode script pada langkah pertama untuk nomer 5 diatas, ganti semua dengan kode dibawah ini :
   
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
         <div id='slide-wrapper'>
   <b:section class='slide' id='slide' preferred='yes'>
   <b:widget id='HTML82' locked='false' title='feature content slider' type='HTML'>
   <b:includable id='main'>
   <div id='featured-slider'>
   <script>
   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
   </script>
   <div id='paginate-featured-slider'>
   <ul>
   <script>
   document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
   </script>
   </ul>
   </div>
   </div>
   <script type='text/javascript'>
   featuredcontentslider.init({
   id: &quot;featured-slider&quot;, //id of main slider DIV
   contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
   toc: &quot;markup&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
   nextprev: [&quot;&quot;, &quot;&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; to hide.
   revealtype: &quot;click&quot;, //Behavior of pagination links to reveal the slides: &quot;click&quot; or &quot;mouseover&quot;
   enablefade: [true, 0.4], //[true/false, fadedegree]
   autorotate: [true, 5000], //[true/false, pausetime]
   onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
   //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
   //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
   }
   })
   </script>
   </b:includable>
   </b:widget>
   </b:section>
         </div>
   </b:if>
   <div class='shadow'/>
4. Setelah itu save template dan masuk ke layout akan nampak seperti pada gambar dibawah ini :
   
   5. save

Lanjutkan membaca... »»

4 cara membuat meta tag deskripsi pada blogspot

1. Pertama-tama login dulu dong ke blogger.com terus ke tata letak > edit html.
   
2. Tunggu sampe terload secara maksimal dan cari kode berikut (gunakan ctrl + f di firefox untuk mencari) :
   
   <title><data:blog.pageTitle/></title>
   
   
   
   
3. Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :
   
   <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
   <title><data:blog.pageTitle/></title>
   <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
   <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <title><data:blog.pageName/> - <data:blog.title/></title>
   <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
   <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
   </b:if>
   
   
   
4. Selesai

Lanjutkan membaca... »»

Template DB 4.0 Ciptaan disharge blogger

Postingan ini postingan pertama blog template bagus ini, bukan sembarangan template. template ini sudah membuktikan ke SEO an nya, karena yang menggunakan template ini terhitung menjadi papan atas tingkatan Alexa, dengan domain blogspot.com , menarik sekali bukan?

Siapa saja yang ingin menggunakan template ini silahkan mengunduhnya di situsnya langsung, yaitu http://www.templates.dicasblogger.com.br/2011/05/template-db-40.html . agar tidak mengurangi rasa hormat penulis terhadap ciptaan suatu karya.

Ok, saya rasa cukup sekian. silahkan gunakan template ini di blog anda, dan lakukan optimasi pada blog. jangan lupa isi dengan konten - konten menarik agar blog dikunjungi oleh para pembaca. :D

Kalau ada pertanyaan silahkan anda komentar dikolom komentar :) saya akan jawab semampunya.

Lanjutkan membaca... »»