Tips Trick

Cara Memasang Meta Tag Seo Friendly - kali ini saya akan share tutorial tentang bagaimana cara membuat blog 100% seo friendly , script meta tag ini saya terapkan pada blog kesayangan saya http://sarnujitea.blogspot.com nah itulah blog ke sayangan saya :v ,, nanti di bawah kita akan bahas fungsi meta tag sendiri yuk mari di simak semoga artikel kali ini bermanfaat bagi agan agan semua dan semoga blognya menjadi semakin seo bingit hahah lebay dikit, mari kita simak masgan .

Fungsi Meta tag

Setau saya sih ya mas gan meta tag ini kaya perintah untuk mesin pencarian mengcrawl title dan kw decripsi dan sebagainya cara ini saya gunakan di blog ke sayangan .

Cara Pasang

Log in ke blogger
Template edit HTML
Cari Kode <head>
Taruh kode di bawah ini di bawah kode <head>

<meta charset='utf-8'/>
<link href='http://sarnujitea.blogspot.com' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/> Wellcome! Android Community, Rom Andromax, Custom Rom , cusrom all android series </title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='Wellcome ! Android Blogger Community , Segalanya Tentang Android , Max C2, Dan Andromax Series Lainya' name='description'/>
<meta content='Rom Andromax,Rom Asus,Android Tutorial ,custom rom andromax c,andromax c jb, kumpulan rom andromax ,Custom Rom Andromax C , Custom Rom Andromax C Jb, Custom Rom Andromax C ICS , Custom Rom Andromax i, Custom Rom Andromax i2 , Custom Rom Andromax i3 , Custom Rom Andromax i3s , Custom Rom Andromax G , Custom Rom Andromax G2 , Custrom Rom Andromax C2, Custrom Rom Andromax C3, Custom Rom Andromax V3s , Custom Rom Andromax ' name='keywords'/>
<meta content='index, nofollow' name='robots'/>
<meta content='ldFWPNZSJpEm_zPYcGq10LJGRTXJzvXOUmN68Qfa7BM' name='google-site-verification'/>
<meta content='D59EC888F82F2485C622702A62BCC0A7' name='msvalidate.01'/>
<meta content='w1_nZHDzk9InKK0xy6VyjntqR2I' name='alexaVerifyID'/>
<meta content='1 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='https://plus.google.com/u/0/+sarnujienjitea/post' name='author'/>
<meta content='all' name='Slurp'/>
<link href='http://sarnujiea.blogspot.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://sarnujitea.blogspot.com/atom.xml' rel='alternate' title='Atom' type='application/atom+xml'/>
<link href='http://sarnujitea.blogspot.com/feeds/posts/default' rel='alternate' title='RSS Feeds' type='application/atom+xml'/>
<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://sarnujitea.blogspot.com' rel='openid.delegate'/>

Text Biru Ganti Dengan Title kamu
Text kuning Descripsi Blog kamu'
Text Merah Ganti Dengan KW Blog Kamu
Hijauh Ganti dengan Kode Verifikasi Alexa Google Dan Bing
Biru Tua Ganti Dengan Link G+ Kamu
Yang Sarnujitea.blogspot.com ganti dengan url blog kamu

Yups Cukup Sekian tutorial Cara Memasang Meta Tag Seo Friendly . Good Luck Dan Semoga Bermanfaat .

Cara Buat Widget Related Post Thumbnail - kali ini saya akan kasih tutorial atau cara membat related post atau artikel terkait dengan gambar , cara ini sangat mudah dan dapat di pahami dengan cepat bagi newbi seperti saya , related post ini saya pretelin dari template yang saya unduh :D bay seo simple contoh related postnya seperti template saya ini :D mari kita turun kebawah untuk kelanjutan bagaimana cara membuat widget related post thumbnailnya

1. log in ke blogger.com
2.pilih template
3.edit HTML
4. Cari ]]></b:skin>
5. Masukan Kode di bawah ini di atas ]]></b:skin>

/* ARTIKEL TERKAIT */
.related-post { margin: 15px 0; font-size : 13px; background : #fff; border:1px solid #ccc; color : #999; }
.related-post h4{font-size:14px;margin:0 0 .5em;background:#3598DB;color:#fff;padding:14px 20px 14px 75px;font-weight:normal;position:relative;font-family:Oswald,Arial,Sans-Serif;text-transform:uppercase}
.related-post h4:before{content:"\f074";font-family:fontAwesome;font-size:22px;font-style:normal;background-color:#297FB8;color:#fff;top:0;left:0;padding:9px 20px;position:absolute}
.related-post-style-2, .related-post-style-2 li { margin : 0; padding : 0; list-style : none; } .related-post-style-2 li { padding : 10px; border-top : 1px solid #ecf0f1; overflow : hidden; }
.related-post-style-2 li:first-child { border-top : none; } .related-post-style-2 .related-post-item-thumbnail { width : 50px; height : 50px; padding : 0; float : left; margin : 2px 10px 0 0;}
.related-post-style-2 .related-post-item-title { font-family : "Oswald", Verdana, Sans-Serif; font-size : 110%; } .related-post-style-2 .related-post-item-summary { color : #555; display : block; overflow : hidden; }
.related-post-style-2 .related-post-item-more { display : none; }

6.Cari kode seperti

<div class='post-footer-line post-footer-line-3'/>
    </div>
    <div class='clear'/>
    </div>
</b:if>

</article>

7. Kemudian taruh script di bawah ini di bawah post-footer-line-3 kalo gak work taruh di bawah </article>

<b:if cond='data:blog.pageType == "item"'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];
var relatedPostConfig = {
      homePage: "<data:blog.homepageUrl/>",
      widgetTitle: "<h4>Related Post</h4>",
      numPosts: 5,
      summaryLength: 120,
      titleLength: "auto",
      thumbnailSize: 50,
      noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieUtYx3ae_1iIQ8rPhFrDnvbXJW1aqtjMBlDdLK436LrDZ3mFQxXVLFxV0fzoaIKzJBZy9eOUdfrvIZvrXsymGKnhRpqz0E95gG0cBCx3EthMTuawgiQLGiK9e0iiB5867InbsZkUNC18/s120-c/laptop-icon3.png",
      containerId: "related-post",
      newTabLink: false,
      moreText: "",
      widgetStyle: 2,
      callBack: function() {}
};
</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"/",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>

Simpat Template dan Done liat hasilnya :D

Cukup sekian kali ini Cara Buat Widget Related Post Thumbnail

Tips Trick

Popular Posts

Like us on Facebook

Labels

Flickr Images

Video of the Day

Most Trending