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

Monday, April 4, 2016

Cara Pasang Meta Tag Super SEO Friendly di Blog

TUTORIAL BLOGZ - Pada postingan kali ini saya akan kembali membahas tutorial dan tips blogger tentang Cara Pasang Meta Tag Super SEO Friendly di Blog. Bagi Anda seorang blogger pasti sudah tidak asing lagi dengan yang namanya Meta Tag, Yap, Meta Tag adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi untuk memberi informasi metadata dari sebuah halaman web atau blog, seperti judul (title), kata kunci (keyword), deskripsi (description), dan yang lainnya. Elemen Tag Meta ini harus diletakkan pada bagian "head" dalam HTML.

Meta Tag SEO Friendly

Baik, langsung saja bagi Anda yang ingin tahu bagaimana cara pasang meta tag super seo friendly di blog silahkan simak uraiannya di bawah ini.

Berikut Langkah-langkah Cara Pasang Meta Tag Super SEO Friendly di Blog:

1. Langkah pertama yang harus dan pasti dilakukan adalah Login ke Akun Blogger Anda terlebih dahulu.
2. Kemudian Masuk ke Dasbor Blog.
3. Pilih Menu Template, lalu klik Edit HTML.
4. Selanjutnya cari kode <title><data:blog.pageTitle/></title>, lalu ganti dengan kode di bawah ini.
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<meta content='KEYWORD BLOG ANDA' name='keywords'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Author' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='xxxxxxxxx' name='google-site-verification'/>
<link href='https://plus.google.com/ID Google+' rel='me'/>
<link href='https://plus.google.com/ID Google+/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google+/about' rel='author'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
5. Klik Save template atau Simpan template.
6. Selesai.

Sekian dulu tutorial dan tips blogger tentang Cara Pasang Meta Tag Super SEO Friendly di Blog, semoga dengan tutorial di atas dapat bermanfaat dan membantu Anda yang ingin memasang meta tag seo friendly di blog Anda. Terima kasih dan selamat mencoba :)

Tuesday, January 5, 2016

Cara Menghasilkan Uang dari Blog Melalui PopCash

TUTORIAL BLOGZ - Pada postingan kali ini saya akan membahas tips blogger tentang Cara Menghasilkan Uang dari Blog Melalui PopCash. Bagi sebagian mungkin nama popcash ini sudah terlalu sering mereka dengar atau bahkan sudah mereka gunakan untuk menghasilkan uang / dollar di blog mereka. Namun, tentunya ada diantara para blogger juga yang belum mengetahui akan popcash ini. Baiklah, PopCash adalah salah satu bisnis online terpercaya dengan sistem khusus di popunders CPM (Cost Per Million). Lebih tepatnya, popcash ini merupakan situs yang menyediakan layanan program periklanan yang memungkinkan penggunanya untuk dapat menghasilkan uang berupa dollar dengan cara memasang iklan pop-up pada blog mereka.

PopCash Logo
Cara Menghasilkan Uang dari Blog Melalui PopCash

Nah, pada kesempatan kali ini saya akan memberikan tutorial bagaimana cara daftar / mendaftarkan popcash beserta bagaimana cara memasang kode scriptnya pada situs blog Anda. Baik, langsung saja simak ulasannya di bawah ini.

Berikut Cara Menghasilkan Uang dari Blog Melalui PopCash:

#1 Cara Daftar PopCash

Langkah-langkah:
1. Kunjungi situs Popcash.Net atau langsung ke linknya, KLIK DISINI.
2. Klik menu Register pada pojok kanan atas.

Cara Menghasilkan Uang dari Blog Melalui PopCash

3. Kemudian silahkan isikan data diri seperti Nama lengkap, username, email, password, No. HP, dll.
Cara Menghasilkan Uang dari Blog Melalui PopCash

4. Lalu Anda akan diminta untuk verifikasi email, silahkan periksa email Anda dan klik pada click here.


Cara Menghasilkan Uang dari Blog Melalui PopCash


Cara Menghasilkan Uang dari Blog Melalui PopCash

5. Selesai.

#2 Cara Pasang Kode Script PopCash

Langkah-langkah:
1. Login ke Akun popcash Anda seperti biasa.
2. Pada bagian menu di sebelah kiri, pilih menu Websites, lalu klik Add a new website.

Cara Menghasilkan Uang dari Blog Melalui PopCash

Cara Menghasilkan Uang dari Blog Melalui PopCash

3. Masukkan URL blog Anda dan tentukan kategori blog Anda, lalu klik Add Website.

Cara Menghasilkan Uang dari Blog Melalui PopCash

4. Kemudian tunggu blog Anda akan disetujui selama kurang lebih 24 jam.
5. Setelah disetujui atau diapprove, langkah selanjutnya masuk ke menu Get Code >> klik tombol Get Code >> Copy kode-nya.

Cara Menghasilkan Uang dari Blog Melalui PopCash

6. Sekarang Anda tinggal memasukkannya ke dalam blog Anda, caranya sebagai berikut:
  • Login ke Akun blogger.
  • Masuk ke dasbor blog.
  • Pilih menu Template.
  • Klik tombol Edit HTML.
  • Letakkan kode tadi di atas kode </head>.

Demikianlah tutorial dan tips blogger mengenai Cara Menghasilkan Uang dari Blog Melalui PopCash, semoga dapat bermanfaat untuk Anda semua.

#Update: Bukti Pembayaran PopCash Terbaru 2016

Bukti Pembayaran PopCash Terbaru 2016

Thursday, December 25, 2014

Cara Efektif Mendatangkan Pengunjung Blog

Nampaknya sudah lama sekali saya tidak posting mengenai Tutorial Blogger, dan mungkin postingan kali ini merupakan yang pertama di bulan ini saya membahas tentang blog.

Lanjut ke topik, jika kamu seorang blogger tentunya kamu ingin blog kamu memiliki banyak pengunjung. Namun, itu bukanlah hal yang mudah apalagi kalau yang masih pemula, seperti saya ini :D. 

Cara Efektif Mendatangkan Pengunjung Blog
Cara Efektif Mendatangkan Pengunjung Blog

Mungkin terlintas dalam pikiran kita  tentang bagaimana orang lain bisa mendatangkan ratusan bahkan ribuan pengunjung ke blognya sedangkan blog kita sepi dengan pengunjung yang jumlahnya sedikit. Namun, jika hal seperti itu kita pikirkan terus menerus tanpa usaha dari diri sendiri untuk mengubahnya  menjadi lebih baik, maka kita tidak akan mendapat hasil apapun dan pengunjung blog kita pun akan tetap segitu-gitu saja.

Berikut Cara Efektif Mendatangkan Pengunjung Blog:

1. Buatlah Konten Yang Unik dan Berkualitas
Konten merupakan segalanya bagi blog. Blog yang tanpa di isi oleh konten, baik itu berupa artikel, gambar, video, dan lain sebagainya, tentu tidak akan menarik datangnya pengunjung ke blognya. Konten yang unik akan mendatangkan pengunjung untuk melihat konten tersebut. Namun, tidak hanya unik saja, juga harus berkualitas. Mengapa harus berkualitas? Karena mesin pencari seperti Google, Yahoo, Bing dan lain sebagainya, hanya menyukai konten yang berkualitas.

2. Jangan Lupakan SEO!
SEO adalah bagian paling penting untuk membuat blog banjir pengunjung. Mengapa harus SEO? karena dengan membuat blog kita tampil di search engine, seperti Google misalnya, blog kita akan kedatangan banyak pengunjung, sebab banyak orang yang mengklik postingan kita dari search engine tersebut. Nah, kita dapat meningkatkan SEO blog kita dengan berbagai teknik dan cara, ada yang disebut SEO on page dan SEO off page.

SEO On Page, artinya adalah optimisasi seo yang dilakukan di dalam blog itu sendiri. Ada berbagai macam teknik SEO On Page, diantaranya:
SEO Off Page, merupakan kebalikan dari SEO On Page, yakni optimisasi seo yang dilakukan di luar blog itu sendiri. Ada banyak pula teknik yang dilakukan untuk SEO Off Page, seperti share ke jejaring sosial, forum, social bookmark, blog direktori. Apa tujuan dari SEO Off Page? tujuannya adalah untuk membangun backlink yang mengarah ke blog kita. Kita juga dapat melakukan blogwalking, meninggalkan komentar, maupun bertukar link.

3. Share Blog ke Jejaring Sosial
Kalau sudah membuat konten yang menarik, tidak ada salahnya kan untuk membagikan postingan kita ke jejaring sosial, sebut saja Facebook. Berbicara mengenai facebook maka kita sudah tidak asing akan kepopuleran jejaring sosial tersebut. Selain sebagai media sosial, facebook juga dapat dimanfaatkan sebagai ajang promosi blog, apabila kamu mempunyai banyak teman facebook, maka itu adalah kesempatan besar kamu untuk mengenalkan blog kamu kepada mereka, siapa tau ada banyak dari mereka yang ingin melihat blog kamu. Nah, kalau untuk situs jejaring sosial yang lainnya kamu juga dapat sharing blog kamu, seperti Twitter, Google+, dan lain sebagainya.

4. Perbanyaklah Blogwalking
Sebelum itu, kita bahas terlebih dahulu mengenai apa itu blogwalking dan apa kegunaannya? Nah, Blogwalking adalah istilah yang terdiri dari dua kata, yakni Blog dan Walking (berjalan). Dari dua kata diatas dapat diartikan sebagai berjalan di blog. Loh, apa maksudnya? maksud dari blogwalking adalah aktivitas yang dilakukan seorang blogger untuk mengunjungi blog lain, dengan meninggalkan jejak di komentar, chatbox, dan lain sebagainya. Dengan blogwalking ini, diharapkan kita tidak hanya mendapat backlink saja, namun juga mendapat kunjungan balik dari si pemilik blog tersebut. Ya itu sih tergantung admin blog yang kita kunjungi, kalau dia melihat komentar kita bagus dan sesuai dengan topik yang dia bahas, maka tidak ada salahnya jika ia mau berkunjung ke blog kita.

5. Submit Blog ke Social Bookmark
Social Bookmark merupakan situs web yang digunakan untuk mengirim atau menyimpan link blog kita. Lalu, apa manfaatnya? ada banyak sekali manfaat jika kita men-submitkan blog kita ke Social Bookmark, diantaranya meningkatkan posisi blog di SERP, meningkatkan pengunjung blog, dan postingan blog kita akan mudah terindex oleh mesin pencari, seperti Google. Baca juga: Daftar Situs Social Bookmark Indonesia Lengkap

6. Daftarkan Blog ke Direktori Artikel
Selain Social Bookmark juga ada situs berupa Direktori Artikel. Kegunaannya adalah untuk memperkenalkan blog kita dengan cara menulis dan meninggalkan link blog kita. Cara ini sangatlah efektif untuk mendatangkan pengunjung blog.

7.  Berdo'a
Apabila semua usaha sudah dilakukan, langkah terbaik yang terakhir adalah berdo'a. Yah kalau bagian yang ini sih menurut keyakinan masing-masing saja. Namun, saya lebih mayoritaskan disini bagi yang islam. Tidak ada salahnya jika kita berdo'a kepada Allah untuk mendatangkan pengunjung blog, dan jika itu dilakukan dengan niat yang ikhlas dan ikhtiar yang sungguh-sungguh untuk mencapai hasil yang terbaik, maka cepat atau lambat do'a kita akan dikabulkan oleh Allah.

Demikianlah postingan singkat mengenai Cara Efektif Mendatangkan Pengunjung Blog,
Semoga tulisan ini dapat bermanfaat bagi para pembaca semua yang ingin meningkatkan pengunjung blognya, 
Semoga Sukses!

Wednesday, October 29, 2014

Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog

Widget Kotak Subscribe dan Sosial Media berfungsi untuk menampilkan variasi konten yang berkaitan dengan sosial media, seperti Facebook, Twitter, Google+, dan sebagainya. Selain itu, widget ini berguna untuk memperindah maupun mempercantik tampilan blog kita.

Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog

Berikut Langkah-langkahnya:

1. Login ke Akun Blogger.
2. Pilih menu Layout pada dashboard blog.
3. Klik Add a Gadget, lalu pilih HTML/JavaScript.
4. Masukkan kode berikut ini didalamnya.
<style>
.getsubscribe {background: none repeat scroll 0 0 #EBEBEB;border-style: solid;border-width: 1px;border-color: #fff #ccc #ccc;text-align: right;font-size: 11px;padding:3px 8px 3px 3px;}
.getsubscribe a {display: inline-block;font-weight: bold;color: #1E598E;text-decoration: none;text-shadow: 1px 1px 1px #fff;}
</style>
<div style="background: #3498db; font-size: 150%; font-weight: bold; padding: 10px 0; text-align: center;"><a href="http://www.blogger.com/follow-blog.g?blogID=6059172308012063550" target="_blank" title="Follow this blog"><span style="color:white;">Follow</span> <span style="color:black;">Blog</span></a></div><div style="background: #fff; border-bottom: none; border: 1px solid #ccc; margin: 0;"><div style="background: #fff; margin: 0;"><div class="fb-like-box" data-colorscheme="light" data-header="true" data-href="https://www.facebook.com/TutorialBlogz" data-show-border="false" data-show-faces="false" data-stream="false"></div></div><div style="background: #fff; border-top: 1px solid #ccc; margin: 0; padding: 5px 0 5px 40px;"><a class="twitter-follow-button" data-lang="id" data-show-count="true" data-show-screen-name="false" href="https://twitter.com/TutorialBlogz">Follow @TutorialBlogz</a><div class="g-plusone" data-count="true" data-href="http://tutorial-blogz.blogspot.com" data-size="medium" data-width="100"></div></div></div>
<div style="background: #fff; border-bottom: none; border-left: 1px solid #ccc;border-right: 1px solid #ccc; margin: 0;padding-left:10px;padding-top:10px;">
<div style="display: inline-block; text-align: left;"><h8 style="display: block; font-family: 'calibri'; font-size: 17px; font-weight: bold;">Dapatkan Update lewat Email</h8><small><i>Untuk mendapatkan informasi terbaru dari blog ini silahkan <a href="http://feeds.feedburner.com/TutorialBlogz" target="_blank" title="feedburner"><b>klik disini</b></a>, atau berlangganan lewat email dibawah ini.</i></small><form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=TutorialBlogz', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="TutorialBlogz" /><input name="loc" type="hidden" value="fr_FR" /><input class="emailtext" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." /><input alt="" class="sub-button" title="" type="submit" value="Enter" /></form><p><a href="http://feeds.feedburner.com/TutorialBlogz"><img src="http://feeds.feedburner.com/~fc/TutorialBlogz?bg=FF9900&amp;fg=444444&amp;anim=1" height="26" width="88" style="border:0" alt="" /></a></p></div></div>
<div class="g-person" data-href="//plus.google.com/+MuhammadharishAbdurrahim" data-layout="landscape" data-rel="author"></div><script type="text/javascript">
//<![CDATA[ (function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})(); //]]>
</script>
<div class="getsubscribe">
<a href="http://tutorial-blogz.blogspot.com/2014/10/cara-membuat-widget-kotak-sosial-media-di-blog.html" title="Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog">Dapatkan widget ini</a>
    </div>
Keterangan:
  • 6059172308012063550 : Ganti dengan ID blog kamu.
  • TutorialBlogz : Ganti dengan Username Facebook Fanpage kamu.
  • TutorialBlogz : Ganti dengan Username Twitter kamu.
  • http://tutorial-blogz.blogspot.com : Ganti dengan alamat blog kamu.
  • TutorialBlogz : Ganti dengan nama feedburner kamu.
  • +MuhammadharishAbdurrahim : Ganti dengan ID Google+ kamu.
5. Langkah terakhir klik Save.

Demikianlah Cara Membuat Widget Kotak Subscribe dan Sosial Media di Blog,
Semoga bermanfaat.

Wednesday, September 17, 2014

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger - Related post? apa itu Related post? apa fungsi dari Related post? Hmm kasih tau gak ya? kasih tau aja deh biar paham. Related post adalah sebuah widget yang berfungsi untuk menampilkan posting atau artikel terkait dalam blog. 

Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger

Menurut saya widget ini cukup penting untuk sebuah blog, karena untuk memudahkan pengunjung untuk mencari artikel lain yang berkaitan dengan artikel yang dibaca, Related post juga dapat meningkatkan kualitas SEO kita di SERP. Hmm, sebenarnya disini saya akan memberitahukan tips mengenai Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger, nah ini adalah khusus blogger, jadi kalau kamu pengguna layanan blog lain jangan dilanjutin bacanya ya.

Berikut Cara Membuat Related Post dengan Gambar (Thumbnails) di Blogger:

1. Langkah pertama yang mesti dilakukan pastinya masuk ke akun blogger, lah kalo belum masuk gimana mau lanjut ke langkah kedua gan.
2. Kemudian silahkan masuk ke halaman Template, lalu klik Edit HTML.
3. Bila sudah, silahkan cari kode ]]><b:skin>, dan salin kode dibawah tepat diatasnya.
#related_posts{}
#related_posts h4{ border-top:1px solid #333;  border-bottom:1px solid #333;  color:#333;  font-size:18px;  letter-spacing:0;  line-height:20px;  margin:0 0 5px;  padding:5px 10px; background:#03C}
#relpost_img_sum{/* height:320px; overflow:auto; */margin:0; padding:0px; line-height:16px}
#relpost_img_sum:hover{background:none}
#relpost_img_sum ul{list-style-type:none; margin:0; padding:0}
#relpost_img_sum li{border:1px solid #ccc; background:#fff; margin:0 0 5px; padding:5px; height:65px; list-style:none}
#relpost_img_sum .news-title{display:block; font-weight:bold !important}
#relpost_img_sum .news-text{display:block; text-align:justify; font-weight:normal; text-transform:none; color:#333}
#relpost_img_sum img{float:left; margin-right:5px; padding:4px; border:solid 1px #ccc; width:50px; height:50px; background:#fff}
4. Setelah itu cari lagi kode </head>, lalu salin kode dibawah tepat diatasnya.
<script type='text/javascript'>//<![CDATA[
var relnum = 0;
var relmaxposts = 5;
var numchars = 150;
var morelink = "selengkapnya";

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... <a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a><17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnum|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxposts|li|span|text|split|join|relpostimgthum|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|relatpost|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
5. Nah, masih nyari lagi nih gan, kemudian cari kode <data:post.body/>, dan salin kode dibawah ini tepat dibawahnya, dibawahnya ya gan! awas salah nanti..
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts' style='margin-top:0px;'>
<h4 style='color:#ffffff; text-shadow:none; border-radius:5px; border:2px solid #ddd; background:#6fa8dc;'>Lihat Juga Yang Ini :</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgthum&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>relatpost();</script>
</ul>
</div>
</b:if>
6. Terakhir tinggal di Save deh. ahaha gampang banget kan.

Nah, mungkin cuma itu 'doang' yang ingin saya sampaikan,
kalau yang ingin bertanya, silahkan tanya saja langsung di komentar.

Monday, February 24, 2014

Modifikasi Label Blogger Keren (3 Style)

Modifikasi Label Blogger Keren (3 Style) - Assalamu'alaikum sobat blogger? lama tidak posting tentang blog, dan kini saya akan membahas tentang Modifikasi Label Blogger Keren. Label adalah sebuah fitur gadget dari blogger yang menampilkan tag atau kategori yang ada di blog kita. Lebih bagusnya jika kita memodifikasi widget label tersebut menjadi lebih indah dan menarik. Disini saya akan membagikan tiga macam tampilan label blogger, Sobat bisa pilih sesuai keinginan sobat!

Modifikasi Label Blogger
Modifikasi Label Blogger

Modifikasi Label Blogger Keren (3 Style) :

1. Pertama-tama, Login ke Account Blogger sobat.
2. Jika sobat belum menambahkan widget label, silahkan klik LayoutAdd GadgetLabels, kemudian pilih yang Cloud, lalu Save.


3. Sekarang, masuk ke TemplateEdit HTML.
4. Copy Kode CSS dibawah ini tepat diatas kode ]]></b:skin>.
  • KODE CSS
Style 1
/* -- Label Modification by Tutorial Blogz -- */
.label-size a{padding-left:10px;background:#0090d5;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border:none!important;-webkit-transition:all .3s ease-in-out!important;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif}
.label-size a:hover{background:#555;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.5);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-border-radius:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
Style 2
/* -- Label Modification by Tutorial Blogz -- */
.cloud-label-widget-content {text-align:center;font-weight: bold;padding: 4px 0}
.cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
.cloud-label-widget-content span a {padding:3px 4px;color:#fff}
.label-size {margin:3px}
.label-size span {background:#E95D0C;padding:3px 4px;color:#fff}
.label-size-1 a {background:#0090d5;font-size:13px;}
.label-size-2 a {background:#E20000;font-size:13px;}
.label-size-3 a {background:#00CEAC;font-size:13px;}
.label-size-4 a {background:#CEEA00;font-size:13px;}
.label-size-5 a {background:#EA9C00;font-size:13px;}
.cloud-label-widget-content span a:hover {background:#555;}
Style 3
/* -- Label Modification by Tutorial Blogz -- */
.label-size a{padding-left:10px;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#B8B8B8;border:0;border-radius:3px;color:#fff;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif;}
.label-size a:hover{background:#9B9B9B;font-weight: bold; font-variant: small-caps;}
.label-size span{float:right;font-size:9px;margin:0 0 4px;}
5. Setelah itu, klik Save Template. dan lihat hasilnya.

Sangat mudah bukan untuk Modifikasi Label Blogger?
Nah, dengan cara ini maka kita telah mempercantik tampilan label blog kita..

Semoga bermanfaat!

Wednesday, February 19, 2014

Cara Membuat Menu Melayang (Floating Menu) di Blog

Cara Membuat Menu Melayang (Floating Menu) di Blog - Menu Melayang atau biasa disebut Floating Menu adalah sebuah widget menu yang selalu tetap berada diatas halaman blog, walaupun sudah kita scroll halaman blog tersebut sampai ke bawah. Bila Anda ingin mencoba Membuat Menu Melayang (Floating Menu) di Blog, silahkan simak tutorialnya berikut ini.


Klik Gambar untuk memperbesar
Berikut Cara Membuat Menu Melayang (Floating Menu) di Blog :

1. Login ke Account Blogger Anda.
2. Masuk ke Dasbor Blog.
3. Pilih menu Template, lalu klik Edit HTML.
4. Cari kode ]]></b:skin>, lalu copy kode CSS berikut ini diatas kode ]]></b:skin>.

/* -- Floating Menu by Tutorial Blogz --*/
#menutop{background:#0077AF;font:14px Oswald;width:960px;position:fixed;z-index:9999;top:1px;overflow:hidden;border:1px solid #999;box-shadow:0 0 4px #888;-moz-box-shadow:0 0 4px #888;-webkit-box-shadow:0 0 4px #888;text-shadow: -1px -1px 0 #006092;}
#navmenu{margin:0 auto;width:960px;padding:0}
#navmenu ul{float:right;width:auto;margin:0;padding:0;list-style-type:none}
#navmenu ul li{float:right;}
#navmenu ul li a,#nav ul li a:visited{float:right;padding:10px 10px;color:#fff;text-transform:none}
#navmenu ul li a:hover{color:F2F2F2;text-decoration:none;background:#006A9B}

5. Lalu copy kode dibawah ini tepat diatas kode <div id='header-wrapper'>.

<div id='menutop'>
<div id='navmenu'>
<ul>
<li><a href='http://tutorial-blogz.blogspot.com/2012/06/contact-us.html'>Kontak Kami</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/2012/10/pasang-iklan.html'>Pasang Iklan</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/p/kirim-artikel.html'>Kirim Artikel</a></li>
<li><a href='http://tutorial-blogz.blogspot.com/'>Home</a></li>
</ul>
</div>
</div>

Keterangan : 
  • Ganti kode berwarna merah dengan judul menu.
  • Ganti kode berwarna biru dengan url yang dituju.
6. Klik Save Template. Dan lihat hasilnya pada blog Anda !

Nah, sangat mudah kan? 
Semoga bermanfaat :)

Monday, February 10, 2014

Cara Membuat Widget Social Media Melayang di Blog

Cara Membuat Widget Social Media Melayang di Blog - Assalamu'alaikum, sobat blogger? Pada postingan kali ini saya akan kembali membahas tutorial blog tentang Cara Membuat Widget Social Media Melayang di Blog. Berikut adalah contoh preview widgetnya.

Floating Social Media
Nampaknya tidak usah berlama-lama lagi, langsung saja kita simak tutorialnya berikut ini.

1. Login ke Account Blogger.
2. Masuk ke Dasbor Blog.
3. Pilih LayoutAdd GadgetHTML/JavaScript.
4. Copy Paste (copas) kode berikut kedalam konten HTML/JavaScript.
<style>
.tutorialblogz-fixedmenu{ background:url('http://1.bp.blogspot.com/-FaeRKNmFDX8/Ud16d2_PZFI/AAAAAAAAAsM/5xugOK5YAuE/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.tutorialblogz-fixedmenu1{ background:url('http://3.bp.blogspot.com/-W7Z5XKfLWd8/Ud16eM8AadI/AAAAAAAAAsQ/cv7fgYD5fiE/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.tutorialblogz-fixedmenu_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenutw{background:url('http://1.bp.blogspot.com/-WeUDB_HkbWA/Ud16fP78JoI/AAAAAAAAAsk/1k2WNVRCBvo/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.tutorialblogz-fixedmenutw1{background:url('http://1.bp.blogspot.com/-AEj1b-df974/Ud16fs5CVkI/AAAAAAAAAss/HYNXT4cJpPI/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.tutorialblogz-fixedmenutw_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenufb{background:url('http://1.bp.blogspot.com/-hj1nQIe4NPQ/Ud16cbNkV1I/AAAAAAAAAr0/EswfGA-rVjM/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.tutorialblogz-fixedmenufb1{background:url('http://4.bp.blogspot.com/-umCgVIZ-wTs/Ud16c1EAICI/AAAAAAAAAr8/5ZSWR05S2B8/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.tutorialblogz-fixedmenufb_1{margin:0px 0 0 43px}
.tutorialblogz-fixedmenurss{background:url('http://2.bp.blogspot.com/-9KAMTvWkJ4s/Ud16eU7kWyI/AAAAAAAAAsY/OpoARuR5pXY/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.tutorialblogz-fixedmenurss1{background:url('http://4.bp.blogspot.com/-SDcrlF3MTAU/Ud16dDy_wnI/AAAAAAAAAsE/QjdRXR9BekM/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.tutorialblogz-fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='tutorialblogz-fixedmenu' onmouseout='this.className=&apos;tutorialblogz-fixedmenu&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenu1&apos;'><div class='tutorialblogz-fixedmenu_1'>
<a href='https://www.facebook.com/TutorialBlogz' target='_blank'><img alt='Like us on Facebook' src='http://3.bp.blogspot.com/-jWaYNYywDf0/Ud1_G7YS7RI/AAAAAAAAAtA/8b40N46byIQ/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenutw' onmouseout='this.className=&apos;tutorialblogz-fixedmenutw&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenutw1&apos;'><div class='tutorialblogz-fixedmenutw_1'>
<a href='https://twitter.com/TutorialBlogz' target='_blank'><img alt='Follow us on Twitter' src='http://3.bp.blogspot.com/-ppQkr4BjSVQ/Ud1_HkD_OBI/AAAAAAAAAtU/xN5krYZPBhY/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenufb' onmouseout='this.className=&apos;tutorialblogz-fixedmenufb&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenufb1&apos;'><div class='tutorialblogz-fixedmenufb_1'>
<a href='https://plus.google.com/102807084759670981471' target='_blank'><img alt='Recommend us on Google Plus' src='http://3.bp.blogspot.com/-fPA1gJ6k9Bk/Ud1_G_aexzI/AAAAAAAAAtI/rcqioslWMN0/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='tutorialblogz-fixedmenurss' onmouseout='this.className=&apos;tutorialblogz-fixedmenurss&apos;' onmouseover='this.className=&apos;tutorialblogz-fixedmenurss1&apos;'><div class='tutorialblogz-fixedmenurss_1'>
<a href='http://feeds.feedburner.com/TutorialBlogz' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-1XXERhy9eeQ/Ud1_GgCBHTI/AAAAAAAAAs8/TIB78w-42eg/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>
Keterangan :
  • TutorialBlogz : Ganti dengan username Facebook Fanpage Anda.
  • TutorialBlogz : Ganti dengan username Twitter Anda.
  • 102807084759670981471 : Ganti dengan ID Google+ Anda.
  • TutorialBlogz : Ganti dengan ID Feedburner Anda.
5. Terakhir, klik Save, dan lihat hasilnya pada blog sobat. 

Demikianlah Cara Membuat Widget Social Media Melayang di Blog,
Semoga bermanfaat !

Baca Juga : 
BAGAS31.com, Tempatnya Download Software Gratis
Software Point of Sales Online Omega POS Cloud

Saturday, February 8, 2014

Cara Membuat Recent Post dengan Gambar (Thumbnail)

Cara Membuat Recent Post dengan Gambar (Thumbnail) - Recent Post atau Artikel Terbaru adalah widget yang berfungsi untuk menampilkan Artikel atau Posting terbaru suatu blog. Dengan adanya widget recent post, pengunjung bisa tahu artikel terbaru yang kita publikasikan ke blog kita. Selain itu, widget ini juga bertujuan untuk mempercantik tampilan blog kita, agar terlihat rapi dan elegan.
(Gambar : Recent Post dengan Gambar)

Bagi kamu yang ingin tahu Cara Membuat Recent Post dengan Gambar (Thumbnail), silahkan ikuti langkah-langkah dibawah ini.

1. Login ke Account Blogger masing-masing.
2. Bila sudah login, langsung masuk ke dasbor blog.
3. Kemudian klik LayoutAdd GadgetHTML/JavaScript.
4. Setelah itu Copy Paste (copas) kode dibawah ini ke dalam konten HTML/JavaScript.
<style type='text/css'>
img.recent_thumb {padding:1px;width:72px;height:72px;border:0;
float:left;margin: 10px 10px 5px 0px;}
.recent_posts_with_thumbs {float: left;width: 100%;margin: 10px 10px 5px 0px;padding: 0;font-size:13px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;}
.recent_posts_with_thumbs strong {font-size:12px;}</style>
<script style='text/javascript' src='http://recent-post-techkgp.googlecode.com/files/recent%20post_www.techkgp.com.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 150; </script>
<script src='http://tutorial-blogz.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
Keterangan :
tutorial-blogz : Silahkan ganti dengan URL Blog Anda.

5. Langkah terakhir, Klik Save.

Itulah Cara Membuat Recent Post dengan Gambar (Thumbnail),

Semoga Bermanfaat !

Wednesday, October 23, 2013

Cara Membuat Template Blog Menjadi SEO Friendly

Cara Membuat Template Blog Menjadi SEO Friendly - Pada postingan kali ini saya akan membagikan Cara Membuat Template Blog Menjadi SEO Friendly. Banyak website atau blog yang menyediakan template SEO Friendly, namun mungkin design templatenya tidak sesuai dengan yang kita inginkan. Nah, cara ini sangat tepat jika Anda ingin mengoptimalkan blog Anda menjadi lebih SEO Friendly. 

Cara Membuat Template Blog Menjadi SEO Friendly
Cara Membuat Template Blog Menjadi SEO Friendly

Oke, berikut ini adalah Langkah-langkah Membuat Template Blog Menjadi SEO Friendly :

1. Mengoptimalkan Title Tag
Dengan melakukan cara ini kita dapat meningkatkan ranking blog pada SERP. Jika Title Tag sudah di optimalkan dengan baik, maka setiap artikel akan diikuti oleh title blog kita.
Tutorial :
  • Masuk ke Akun Blogger
  • Pilih Template
  • Cari kode <title><data:blog.pageTitle/></title>
  • Lalu ganti dengan kode berikut.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Learn And Sharing</title>
    </b:if>
Keterangan : Ganti kode yang berwarna merah dengan kata kunci blog Anda.
  • Simpan Template Blog.

2. Memasang Meta Tag Yang SEO Friendly
Mungkin di blog Anda sudah terdapat Meta Tag, tapi sebaiknya Anda mengganti Meta Tag pada blog Anda dengan yang lebih SEO Friendly. Cara ini agar blog Anda cepat terindex oleh Google. 
Tutorial : Baca Disini => Cara Memasang Meta Tag SEO Friendly

3. Menambah Kode rel='canonical'
Menambah kode rel='canonical' pada blog kita berfungsi untuk menghindari atau mencegah terjadinya duplicate content atau konten ganda. Terus terang search engine seperti Google sangat tidak menyukai Duplicate Content karena dianggap spam oleh google dan artikel ktia tidak terdetek oleh google.
Tutorial :
  • Masuk ke Akun Blogger
  • Pilih Template
  • Cari kode <head>
  • Letakkan kode dibawah ini tepat dibawah kode <head>
<link expr:href='data:blog.url' rel='canonical'/>
  • Klik Save Template.

4. Memasang Breadcrumb
Membuat Navigasi Breadcrumb pada blog merupakan cara efektif untuk memberikan kemudahan pengunjung dalam melihat kategori postingan blog tersebut. Disamping itu juga dapat meningkatkan SEO pada blog kita.
Tutorial : Baca Disini => Cara Membuat Breadcrumb Menu Pada Blog

5. Memasang Permalink
Kotak permalink ini biasanya muncul pada bagian bawah postingan blog. Manfaat memasang kotak permalink pada blog selain untuk mempermudah pengunjung untuk mengetahui halaman yang sedang ia baca, tapi juga dapat meningkatkan SEO pada blog.

6. Memasang Related Post
Fungsi memasang Related Post pada blog adalah untuk mempermudah pengunjung untuk mencari postingan yang berhubungan dengan postingan yang ia baca. 

7. Mematikan Fungsi Arsip Blog
Arsip blogger dapat menyebabkan duplikat konten pada search engine, sehingga postingan kita dianggap spam oleh google. Bagi search engine seperti Google tentu sangat tidak menyukai yang namanya duplikat konten. Nah, untuk itu kita harus mematikan fungsi arsip (archive) pada blog kita.
Tutorial :
  • Masuk ke Akun Blogger
  • Pilih Setting > Search Preferences
  • Pilih 'Edit' pada Custom robots header tags
  • Klik 'Yes'
  • Klik 'No index' pada Archive and Search pages 
Setting Archive Blog
  • Klik Save Changes.

Demikianlah Cara Membuat Template Blog Menjadi SEO Friendly,
Semoga bermanfaat!

Jika ada pertanyaan tentang hal diatas, silahkan komentar pada kolom komentar dibawah.


Sunday, October 13, 2013

Cara Agar Blog SEO 100% di Chkme

Cara Agar Blog SEO 100% di Chkme - Pada postingan kali ini saya akan membahas tentang Tutorial Blogger & SEO, yaitu Cara Agar Blog SEO 100% di Chkme. Chkme adalah situs untuk mengecek kualitas seo pada blog kita. Saat melukan cek di Chkme, Anda akan tahu berapa persenkah (%) Skor SEO pada Blog Anda. Contohnya pada blog Tutorial Blogz ini telah memiliki SEO Score 100% di Chkme, jika sobat tidak percaya, bisa lihat sendiri DISINI.




Berikut Langkah-langkah Tips / Cara Agar Blog SEO 100% di Chkme :

1. Memasang Meta Tag Yang SEO Friendly
Silahkan Anda ganti Meta Tag lama Anda dengan yang lebih SEO Friendly. Berikut ini adalah yang dimaksud dengan Meta Tag yang lebih SEO Friendly. 
<title><data:blog.title/> | Ganti dengan Judul blog Anda</title>
<meta content='
Ganti dengan Kata kunci blog Anda' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pagfeName + &quot;, Keyword anda, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'><meta content='Ganti dengan deskripsi blog Anda' name='description'/>
<meta content='Ganti dengan Kata kunci blog Anda' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta content='Ganti dengan Kode Verifikasi Google Anda' name='google-site-verification'/>
<meta content='Ganti dengan Kode Verifikasi Alexa Anda' name='alexaVerifyID'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='general' name='rating'/>
<meta content='never' name='expires'/>
<meta content='id' http-equiv='Content-Language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='Ganti dengan nama Anda' name='author'/>
Keterangan : Silahkan Anda merubah sendiri tulisan yang saya beri warna merah dengan data blog Anda.

2. Mengoptimalkan Tag H1 
Silahkan cari kode yang mirip dengan yang dibawah ini.
<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
          </a>
Lalu tambahkan kode tag <h1> pada kode tadi, dan akhiri dengan </h1>. Sehingga menjadi seperti yang dibawah ini.
<div id='header-inner'>
        <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' style='display: block'/>
          </a></h1>
Cara ini otomatis akan menaikkan skor seo blog pada Chkme.

3. Pemberian Tag Title dan Alt pada setiap Gambar postingan
Langkah-langkahnya bisa Anda lihat DISINI.

4. Memasang Breadcrumb yang SEO Friendly
Langkah-langkahnya bisa Anda lihat DISINI.

5. Memasang Permalink yang SEO Friendly
Langkah-langkahnya bisa Anda lihat DISINI.

6. Memasang Related Post yang SEO Friendly
Langkah-langkahnya bisa Anda lihat DISINI.


Insya Allah jika dilakukan semua langkah-langkah diatas, blog Anda akan mendapatkan SEO 100% di Chkme!

Buktinya saya berhasil mendapatkan SEO 100% dengan mengikuti tips diatas, berikut gambarnya :


100% Chkme


Sumber Refrensi : http://galpock.blogspot.com/2013/06/cara-membuat-blog-seo-100-di-chkme.html



Friday, May 17, 2013

Cara Cek Kualitas SEO Website/Blog

Cara Cek Kualitas SEO Website/Blog - Kali ini, Tutorial Blogz akan memberikan sedikit Tips untuk Mengecek Kualitas SEO pada sebuah Website/Blog. Dengan cara ini, Anda bisa mengetahui Kualitas Seo pada Blog Anda. Berikut akan saya bagikan Cara Cek Kualitas SEO Website/Blog.


Cara Cek Kualitas Website/Blog :
 
1. Silahkan Kunjungi Situs www.seositecheckup.com
2. Masukkan URL Blog Anda.

 
 
3. Klik 'Get Checkup'.
4. Silahkan tunggu prosesnya hingga selesai.

Setelah itu akan muncul beberapa informasi mengenai Kualitas SEO Blog Anda, mulai dari Page Statistics, Site Data, Meta Tags Analyzer, Page Notes, Tag Heading, Robots,txt, sitemap.xml, Favicon, dan masih banyak lagi. 

Selain Situs di atas, ada juga website lain yang menyediakan Tools Cek Kualitas SEO Blog lainnya, seperti :


Demikian Cara Cek Kualitas SEO Website/Blog,
Semoga bermanfaat!

Sunday, April 21, 2013

Cara Mengedit Template Blogger Versi Terbaru 2013

Cara Mengedit Template Blogger Versi Terbaru 2013 - Di tahun 2013 ini, tepatnya bulan April 2013, Blogger telah memperbarui Tampilan Edit HTML pada Menu Template. Dengan Tampilan Editor Baru ini tentunya akan membuat kita lebih mudah untuk Mengedit Template Blog kita. Tetapi, ada juga blogger yang masih bingung menggunakan Editor Template Baru ini. Pasalnya banyak sekali perubahan yang terjadi pada Tampilan Edit HTML Terbaru ini, di antaranya adalah Hilangnya tombol 'Expand Template Widget', Hal ini juga menjadi masalah bagi para blogger karena kesulitan untuk mencari sebuah kode. Untuk itu, pada kali ini saya akan membagikan Tutorial Mengedit Template Blogger Versi Terbaru 2013. Sebelumnya, mari kita pelajari terlebih dahulu tentang Edit HTML Template pada tampilan baru ini, berikut penjelasannya.


- (Back) = Tombol untuk kembali ke halaman Template, untuk membatalkan Edit HTML.
- (Save Template) = Tombol untuk Menyimpan perubahan hasil Edit HTML.
- (Jump to Widget) = Tombol untuk mempermudah mencari kode Widget.
- (Edit template) = Halaman untuk Mengedit Template.
- (Preview template) = Tombol untuk mempratinjau/melihat hasil Edit HTML sebelum Menyimpannya.
- (Format template) = Tombol untuk menghilangkan perubahan yang sudah dilakukan dalam satu pengeditan.
- (Revert changes) = Tombol untuk mengembalikan semua perubahan yang sudah dilakukan.
- (Revert widget templates to default) = Tombol untuk mengembalikan tampilan blog ke tampilan semula dan menghilangkan beberapa fungsi yang ada pada template.

Bila masih kebingungan dengan tampilan baru Editor HTML Blogger ini, Anda bisa lihat penjelasan yang mungkin bisa Anda pelajari dibawah ini.




Berikut Cara Mengedit Template Blogger Versi Terbaru 2013
  • Mencari Kode HTML
Bagaimana cara mencari kode html pada tampilan terbaru Edit HTML Blogger? Kalau dulu, kita harus klik tombol "Expand Template Widget" untuk mencari kode HTML. Tapi, sekarang kita tidak perlu menggunakan tombol itu, yaitu kita hanya perlu klik (CTRL + F). Pertama-tama, klik kode apa saja pada Edit template, lalu Anda klik (CTRL + F), kemudian Anda ketik kode yang ingin Anda cari. Setelah itu, Anda akan dapat menemukan kode yang Anda cari.


  • Mencari Kode Widget dengan 'Jump to Widget'
Kini, blogger telah menambahkan fitur baru untuk memudahkan kita mencari kode Widget, yaitu dengan Tombol 'Jump to Widget'. Dengan adanya fitur 'Jump to Widget' ini, Anda akan lebih mudah untuk menuju ke kode Widget blog Anda. Caranya pun cukup mudah, Anda hanya perlu klik pada Tombol 'Jump to Widget', lalu akan muncul menu dropdown, jika Anda klik salah satu menu tersebut, maka Anda akan langsung menuju ke kode tersebut.



Setelah Anda menemukan kode tersebut, Anda akan menemukan Tanda expand folder '►' yang berguna untuk membuka rangkaian kode dari Widget tersebut.



Demikian Cara Mengedit Template Blogger Versi Terbaru 2013

Semoga bisa membantu Anda untuk mempermudah menggunakan Editor HTML Blogger Terbaru 2013 ini.









Friday, April 5, 2013

Cara Memasang Permalink di Blog

Cara Memasang Permalink di Blog - Dalam postingan ini saya akan membahas tentang Cara Memasang Permalink di Blog. Kotak Permalink ini biasa muncul pada postingan blog, tepatnya di bagian bawah artikel/post blog. Manfaat memasang Kotak Permalink pada blog, selain untuk mempermudah pengunjung mengetahui halaman yang sedang ia baca, tapi juga bisa untuk meningkatkan SEO pada blog.





Cara Memasang Permalink di Blog

1. Silahkan Masuk ke Akun Blogger Anda, melalui www.blogger.com.
2. Pada Dashboard Blog, Klik Template.
3. Klik Edit HTML.
4. Jangan lupa klik "Expand Template Widget".
5. Cari kode <data:post.body/> (Klik Ctrl+f untuk mempermudah pencarian kode).
6. Letakkan kode berikut di bawah kode <data:post.body/> (Copy > Paste).

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='line-height:1.4em;padding: 1px; margin: 2px;background-color: #ffffff;font-size: 11px;text-align: justify'>
<span>Terima kasih telah membaca Artikel <strong><u><a expr:href='data:post.url'><data:blog.pageName/></a></u></strong> . Jika Anda ingin Copy Paste Artikel  ini, Harap cantumkan Link <strong><u><a expr:href='data:post.url'><data:blog.pageName/></a></u></strong> sebagai sumbernya.</span><br/>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
</div>
</b:if>

7. Klik Simpan Template.

Tuesday, March 19, 2013

5 Tips Berkomentar Yang Baik dan Benar

5 Tips Berkomentar Yang Baik dan Benar - Dalam memberikan komentar, sebaiknya harus dilakukan dengan baik dan benar. Sebagai seorang blogger, kita tahu bahwa berkomentar di blog yang kita kunjungi adalah salah satu cara untuk melakukan Blogwalking. Dengan kita berkomentar dengan baik, tentu kita juga akan mendapatkan balasan dari Admin blog tersebut. Untuk itu, dalam postingan ini saya akan berbagi 5 Tips Berkomentar Yang Baik dan Benar.


5 Tips Berkomentar Yang Baik dan Benar :

1. Baca terlebih dahulu postingan yang dibahas sebelum berkomentar
Sering kali saya temukan komentar-komentar yang terdapat di blog ini, Seperti berkomentar dengan singkat, tidak berhubungan dengan isi postingan, misal seperti ini :
 "Nice info sob!, pertamaxxx!,  ijin download gan!, thanks gan infonya!" dan lain sebagainya.
 Menurut saya komentar seperti itu bermaksud untuk mendapatkan backlink. Hal seperti ini tidak patut dicontoh.

2. Jangan berkomentar menggunakan Anonim (Anonymous)
Kita sebagai seorang blogger yang baik, sebaiknya berkomentar menggunakan Akun Google atau setidaknya menggunakan fitur Name/URL dan tidak berkomentar dengan menggunakan fitur Anonim. Dengan berkomentar dengan Anonim, si Admin blog juga tidak akan tahu siapa yang berkomentar. Di sisi lain, bila kita berkomentar menggunakan Nama kita, Admin blog tersebut juga akan tahu siapa yang berkomentar di blognya.

3. Jangan berkomentar dengan tujuan Promosi
Pernahkah Anda berkomentar seperti ini : 
"Makasih gan infonya, jangan lupa kunjungi blog saya ya.. http://xxx.blogspot.com"
Nah, jika si pemilik blog yang Anda komentari tidak suka dengan komentar Anda, mereka bisa melaporkan sebagai komentar spam. Kemudian, memungkinkan bisa jadi bahan mesin spam otomatis google untuk banned blog Anda.

4. Jangan meninggalkan link hidup saat berkomentar (NO LIVE LINK!!)
Tak sedikit blogger yang berkomentar malah meninggalkan link hidup di kotak komentar, tentunya ini bisa dianggap spam oleh Google.

5. Jangan berkomentar yang mengandung unsur SARA
Jika Anda tidak suka dengan postingan yang Anda baca, janganlah berkomentar dengan maksud untuk menyinggung Admin Blog, Apalagi sampai menghina, dsb. Jika Anda punya kritik maupun saran, berkomentarlah dengan baik dan sopan.

Sunday, March 17, 2013

Cara Membuat Forum Tanya-Jawab di Blog

Cara Membuat Forum Tanya-Jawab di Blog - Kali ini saya akan membagikan Cara Membuat Forum Tanya-Jawab di Blog. Forum Tanya-Jawab ini sangat berguna untuk blog kita, karena apabila pengunjung belum mengerti tentang yang dibaca mereka bisa menanyakannya kepada Anda melalui Forum Tanya-Jawab ini, Dan Anda sebagai Admin blog pun dapat menjawab pertanyaan yang diberikan oleh pengunjung blog Anda. Forum Tanya-Jawab ini dibuat oleh Situs FormSpring.Me, jadi bila ingin melakukan Tanya-Jawab harus memiliki akun FormSpring terlebih dahulu. Silahkan lihat contoh gambar dibawah ini.


Cara Membuat Forum Tanya-Jawab di Blog :

1. Silahkan kunjungi situs www.formspring.me
2. Kemudian isi data pada kotak pendaftaran (sign up), bisa juga melalui facebook.
3. Klik Get started

4. Pada Step 1, Klik Skip > Step 2, Klik  Skip > dan seterusnya.

 

5. Silahkan Upload foto untuk profile Anda melalui Komputer Anda, bisa melalui facebook atau webcam.


 6. Selanjutnya, klik Account settings
 

 7. Klik Widgets
 
 8. Silahkan copy kodenya.

9. Untuk langkah terakhir silahkan masukkan kode yang telah Anda copy ke Blog Anda.
  • Login Blogger.
  • Dashboard Blog.
  • Layout >> Add a Gadget.
  • HTML/JavaScript.
  • Paste-kan kode tadi didalamnya.
  • Save.
10. Selesai.

Sebagai contohnya Anda bisa lihat pada blog ini >> demo-previews.blogspot.com