Blogger Hapus Modification Blog

Info Blog Terbaru - Kali Ini Saya Mas Oktri Admin dari Tutorialbelajarblogger, Sedikit Kaget karena blogwalking berkunjung di blogger Blogger Tuneup ( modification-blog.blogspot.com ) yang notabene blog tutorial dan saya yakin bukan hasil copas masih kena Semoga blogger tuneup bisa kembali online dan semoga bisa berkarya lagi di dunia blogger.

Berikut Ini Kutipan dari Bang Hendriono Dede

Ma'af kepada seluruh pengunjung blog yang saya kelola... Akun yang saya gunakan hari ini dinyatakan dinonaktifkan oleh pihak +Blogger. Tidak ada peringatan ... 27 Jun 2013 

Bingung Mbah Google mulai unjuk gigi untuk memerangi blog-blog yang dikategorikan sebagai blog spam. Hal ini terlihat banyaknya blogspot atau blogspot custom domain yang memakai hosting blogger dihapus secara tiba-tiba (tanpa pemberitahuan) oleh blogger. Tak terkecuali blog-blog yang notabene tidak pernah memakai blackhat seo terkena juga imbasnya contohnya Blogger Tuneup yang termasuk blogger inspiratif bagi saya pribadi

Semoga Bisa Menjadi pembelajaran kita semua khususnya blogger pemula seperti saya

Cara Membuat Teks Melingkar Dengan Photoshop

Tutorial Belajar PhotoShop -  Cara Membuat Teks Melingkar Dengan Photoshop ,Tulisan atau teks yang melingkar ini biasanya diletakkan pada objek yang berbentuk lingkaran, misalnya pembuatan stempel, membuat logo perusahaan. Untuk anda yang masih belum mengetahui cara membuat teks atau tulisan melingkar dengan menggunakan adobe photoshop.

Biasanya membuat tulisan yang melingkar ini dapat juga memakai Coreldraw, tapi pada tutorial sekarang ini Mas Oktri dalam membuat teks melingkar dengan menggunakan adobe photoshop, simak caranya dibawah ini.

Cara Membuat Teks Melingkar Dengan Photoshop

Langkah 1

• Tekan Ctrl + N untuk membuat file baru
• Pada palet layer, pilih Create a new layer
• Lalu pada toolbox, pilih Ellipse Tool untuk membuat lingkaran, dan pada menu atas pilih Shape layers Buat lingkaran dengan Ellipse Tool (U), agar benar-benar berupa lingkaran sempurna gunakan tombol   SHIFT sambil klik dan drag pada area kerja photoshop.

• Lalu pilih Horizontal Type Tool dan ketik teks / tulisan didekat garis lingkaran, maka secara otomatis teks melingkar mengikuti garis lingkaran

• Kalau diklik diluar area, maka otomatis garis lingkarannya akan hilang, jadi yang terlihat hanya teks / tulisan melingkar.

Mudah bukan, Demikan Tutorial dari Mas Oktri, selamat mencoba Cara Membuat Teks Melingkar dengan Photoshop, semoga bermanfaat.

Apa Itu Sitelinks

Tutorial Belajar Blog - Disini Saya Mas Oktri ingin berbagi informasi sekilas tentang blog / website yaitu Sitelink. Sitelink adalah sekumpulan link yang muncul di hasil pencarian Google (SERP) di bawah link atau situs tertentu.  Berikut penjelasan lebih mudahnya..

Sitelinks

1. Hasil pencarian (situs tertentu)
2. Sitelink.

Jumlah sitelink tergantung dan (bisa) berbeda beda. Ada yang 1, 2, 3 dan seterusnya. Namun jumlah sitelink maksimal 6.

 

Pada gambar di atas kita dapat melihat jika angka 1 menunjukan nama domain dari blog yang muncul di halaman hasil penelusuran search engine berdasarkan penelusuran informasi tertentu. Sedangkan angka 2 menunjukan sitelink dari blog tersebut yang juga muncul di halaman hasil penelusuran search engine.

Sitelink pun bisa dijelaskan sebagai susunan atau daftar link yang muncul di bawah nama domain dari sebuah blog atau website tertentu yang muncul dalam halaman hasil pencarian search engine. Contoh bentuk atau format dari blog yang memiliki sitelink seperti gambar Sitelink diatas.

Manfaat sitelink yaitu dengan adanya sitelink, maka bisa memberi kita dominasi keyword tertentu, yang artinya posisi blog kita akan paling teratas dengan keyword tertentu yang akan sulit digeser oleh blog lain. Dan dengan adanya sitelink itu, itu berarti google menganggap kalau blog kita itu banyak konten-konten yang di anggap penting, dan termasuk dalam golongan blog yang rajin posting.

Biasanya blog yang mendapat sitelink adalah blog yang sudah mempunyai umur. Dan menurut para blogger, sitelink itu adalah merupakan sebuah gengsi tersendiri bagi para webmaster/blogger itu sendiri.

 

Demikian informasi Blog dari Saya, Semoga Bermanfaat
 

Cara Membuat Energy Saving Mode di Blog Tanpa Javascript

Tampilan Energy Saving Mode di Blog Tanpa Javascript

Tutorial Belajar Blog - Cara Membuat Energy Saving Mode di Blog Tanpa Javascript - Pada Postingan ini Tutorial Belajar Blog ( Mas Oktri ) ingin berbagi tips blog yaitu bagaimana Cara membuat energy saving mode di blog. Tutorial ini sedikit berbeda dibandingkan energi saving mode blog lain, karena kita nanti akan membuat nya tanpa javascript hanya menggunakan css3. Tutorial Ini dapat dibuat dengan memanfaatkan pseudo elemen ::after , ::before , <span> , dan transition untuk memperhalus gerakan. Kemudian <span> digunakan untuk membuat garis dari atas dan dari bawah yang seolah-olah akan mengunci layar.

Tutorial Ini Hasil Inspirasi BlogMate dari blog ZTO, yang jago CSS. Tidak Banyak pemahaman dari saya tentang CSS maka dari itu anggap saja tutorial ini untuk pembelajaran diri saya sendiri ataupun dapat uji coba oleh teman - teman pengunjung blog ini. Langsung Saja dibawah ini langkah - langkah untuk membuat nya.

Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda.

  Energy Saving Mode di Blog Tanpa Javascript PART 1,

Energy Saving Mode Part I

 DEMO ENERGY SAVING MODE

/* Opening Element By ZTO
Creation by ZTO.blogspot.com
ESM by tutorialbelajarblogger.blogspot.com
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.oktri {
position: absolute;position:fixed;right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.oktriblog {
position: absolute;position:fixed;
right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 0;
}
body:hover span.oktriblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.ok3 {width:35%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;background:#000;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 32%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 123455543123445556888;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.ok3 {
visibility: hidden;
-moz-transition: all .7s ease-out;
-o-transition: all .7s ease-out;
-webkit-transition: all .7s ease-out;
transition: all .7s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
right: 0;z-index:99999999
}

Masukkan css diatas diatas kode ]]><b:skin>

 <span class='oktri'></span>
<span class='ok3'>Energy Saving Mode<br/><span style='font-size:12px;color:#fff'>Gunakan keyboard untuk menscroll halaman</span></span>
<span class='oktriblog'></span>

Masukkan kode html diatas tepat dibawah kode <body>. Simpan template dan lihat hasilnya

  Energy Saving Mode di Blog Tanpa Javascript PART 2,

Energy Saving Mode Part II

/* By ZTO 
ESM by Mas Oktri
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.belajarblog {
position: absolute;position:fixed;
left: 50%;
top: 0;

bottom: 65%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.mas-oktri {
position: absolute;position:fixed;
left: 50%;
top: 62%;
bottom: 0;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.belajarblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
bottom: 100%;
}
body:hover span.mas-oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.masoktri {width:30%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 35%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.masoktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
left: 0;right:0;
}

Masukkan css diatas diatas kode ]]><b:skin>

 <span class='belajarblog'></span>
<span class='masoktri'>Energy Saving Mode<br/><span style='font-size:12px;color:#fff'>Untuk Scroll Gunakanlah Keyboard </span></span>
<span class='mas-oktri'></span>

Masukkan kode html diatas tepat dibawah kode <body>. Simpan template dan lihat hasilnya Demikian Tutorial Belajar Tentang Cara Membuat Energy Saving Mode di Blog Tanpa Javascript Semoga Bermanfaat

Thanks To ZTO & xardhix

Cara Memasang Iklan link Di Blog Yang Aman

Cara memasang iklan link di blog yang aman itu seperti apa? Ini adalah beberapa pertanyaan yang sering ditanyakan oleh mereka yang ingin membuka lapak iklan di blognya, atau bisa juga kita sebut blog bersponsor.


Sudah dinyatakan dengan tegas oleh Google bahwa mereka akan menjatuhkan penalty kepada blog yang menjual pagerank di halaman-halaman blognya. Hanya saja banyak orang yang tidak

Update Algoritma Google Penguin Bulan Mei Menarget Spammer

Setelah beberapa kali ikut perbincangan di berbagai forum dan grup, akhirnya saya berkesimpulan bahwa dunia SEO tidak akan sama lagi. Update Google penguin yang menghantam sekitar 3% hasil SERP sudah benar-benar menunjukkan perubahan angin yang sangat besar di dalam dunia SEO.



Sebelum kita lanjut ... saya harus angkat topi dulu buat Google, karena kriteria spammer yang ditarget oleh

Bagaimana Cara Pasang Gambar di Komentar Facebook?

Sekilas Info! Baru saja melepas fitur hashtag, sekarang facebook juga sudah melengkapi fitur gambar pada komentarnya. Dengan adanya inovasi ini, sekarang kita tidak perlu upload gambar lagi di host gambar untuk dilampirkan linknya di komentar karena Facebook sudah memberi fitur baru ini.


Bagaimana cara memasang Gambar pada Komentar Facebook?

Sebenarnya saat ini (20 Juni 2013) hanya

3 Cara Mendapat Banyak Pengunjung Blog

Cara mendapatkan banyak pengunjung blog bisa dikatakan banyakan susahnya daripada gampangnya, makanya banyak sekali blogger yang sampai frustrasi untuk membuat blognya ramai. Tapi apakah anda tahu kenapa para blogger berupaya keras untuk mendapatkan trafik blog yang tinggi?

Pada saat kita berbicara masalah trafik maka kita berbicara masalah potensi komersil dari suatu blog. Sebagai contoh,

Cara Membuat Recent Comment Seperti Notifikasi Facebook

Contoh Tampilan Recent Comment Seperti Notifikasi  Facebook

Tutorial belajar Blogger - Cara Membuat Recent Comment Muncul Seperti Notifikasi Facebook Melanjutkan Pada Postingan sebelumnya Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook  , Mas Oktri Ingin membahas bagaimana cara membuat  recent comment ( Komentar terakhir) muncul seperti notifikasi pada Facebook, Tutorial ini Merupakan Request dari teman blogger agus. Pada tutorial Blog ini tidak beda jauh dengan tutorial sebelumnya yang membedakan hanya menambahkan postingan recent comment saja seperti langkah kedua

  Berikut Ini Langkah - Langkah Membuat nya :

Langkah Pertama

1. Masuk Edit Html,

Contoh Masuk Edit Html

• Cari Kode Di Bawah Ini

<div id='menu-wrapper3'>
<div id='menu3'>
<ul style='list-style: none;'>
<li><a id='timeSMcoy'><script src='http://not-remove-admin-3.googlecode.com/files/Hari4.js'/></a></li>
<li><a id='jamSM'/></li>
</ul>
</div>
</div> 

Kode sebelum Di ganti

•  Kemudian Ganti Dengan Kode Di Bawah Ini :

<div id='menu-wrapper3'>
      <div id='menu3'>
        <ul style='list-style: none; float:left'>
          <li>
            <a id='feedOKTRI' onclick='feed_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-post.html&quot;,&quot;300&quot;,&quot;300&quot;,&quot;feedOKTRI&quot;,&quot;feedOKTRI-dlm&quot;)'/>
            <div id='feedOKTRI-dlm'/>
          </li>
          <li>
            <a id='commentOKTRI' onclick='comment_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-comment.html&quot;,&quot;320&quot;,&quot;320&quot;,&quot;commentOKTRI&quot;,&quot;commentOKTRI-dlm&quot;)'/>
            <div id='commentOKTRI-dlm'/>
          </li>
        </ul>
        <ul style='list-style: none;'>
          <li>
            <a id='timeSMcoy'>
              <script src='http://fuck-u-admin.googlecode.com/files/Hari4.js'/>
            </a>
          </li>
          <li>
            <a id='jamSM'/>
          </li>
        </ul>
      </div>
    </div>

Kode Setelah Di ganti

Note :
Link Yang Berwarna Ganti Dengan Link Recent Post Anda Sendiri, 

          Kemudian Simpan

Note : Apabila SUdah pernah melakukan menerapkan Langkah langkah diatas pada tutorial membuat recent post muncul seperti Notifikasi Facebook tidak perlu lagi melakukan tutorial diatas langsung saja pada Langkah Kedua di bawah ini

Langkah Kedua

Masukan Kode Di Bawah ini  Pada Postingan  jgn lupa pada Mode Html Jangan Mode compose:

<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#222;
  margin:0px auto;
  color:#999;
width:300px;
text-align:left;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}

#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #333;
  border-bottom:1px solid #444;
}

#komentar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #333;
  padding:3px 5px;
  list-style:none;
}
#komentar ul li:hover{background:#333}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:rgb(27, 116, 185);
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#komentar ul li b a:hover{text-decoration:underline}
#komentar ul li b:before {
  content:url(http://1.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 10,
    jmlkarakter = 200,
    home_page   = "http://tutorialbelajarblogger.blogspot.com";
</script>
<script>
function tampilkankomentar(json) {
 document.write('<div id="komentar">
<ul>');
 var entry, urlkomentar, isikomentar, lihatkomentar;
 for (var i = 0; i < jmlkomentar; i++) {
  entry = json.feed.entry[i];
 if (i == json.feed.entry.length) break;
  for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
    urlkomentar = entry.link[k].href;
    break
   }
  }

  urlkomentar = urlkomentar.replace("#", "#comment-");
  if ("content" in entry) {
   isikomentar = entry.content.$t
  } else if ("summary" in entry) {
   isikomentar = entry.summary.$t
  } else {
   isikomentar = ""
  }

  var re = /<\S[^>]*>/g;
  isikomentar = isikomentar.replace(re, "");
  if (isikomentar.length > jmlkarakter) {
   isikomentar = isikomentar.substring(0, jmlkarakter) + "...";
  }

  document.write('
<li>');
  document.write('<b><a rel="nofollow" href="' + urlkomentar + '" target="_blank">' + entry.author[0].name.$t + '</a>: </b>');
  document.write('<span class="isi">' + isikomentar + '</span>');
  document.write('</li>
');
 }
 document.write('</ul>
</div>
');
}

document.write('<scr' + 'ipt src="' + home_page + '/feeds/comments/default?redirect=false&alt=json-in-script&callback=tampilkankomentar"><\/script>');
</script>

Catatan Ganti Link Berwarna Merah diatas Dengan Link Blog anda

Masukan Kode Diatas DI psotingan Seperti Pada Gambar

Kemudian Publikasi

Untuk demo Recent Post,  anda bisa melihat langsung di blog ini, selamat mengoprek :)) Baca Juga Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

Cara Membuat Blog Menjadi No.1 di Pencarian Google

Menjadi No 1 di Google

Tutorial Belajar Blog | Tips Blog - Cara Membuat Blog Menjadi No.1 di Pencarian Google, Sesuai dengan Judul Postingan saya Mas Oktri Telah melakukan Uji coba SEO dengan Menembak keyword " Tutorial Belajar Blog", Yang sudah berhasil menjadi No.1 di pencarian Google. untuk pembuktian silahkan sobat ketik pada kang Google.com dengan kata kunci "Tutorial Belajar Blog" selanjutnya klik Telusuri.

Dan berikut adalah 5 top ranking blog/situs yang mucul di halaman depan kang Google dari Sekitar 5.120.000 hasil (0,30 detik) . Hasil pencarian :

1.  tutorialbelajarblogger.blogspot.com --> PR 0
2. panduan-belajar-blog.blogspot.com --> PR 2
3. cara-ngeblog.blogspot.com --> PR 0
4. tutorialblog-nizam.blogspot.com --> PR 0
5. afatih.wordpress.com --> PR 3

Tampilan Tutorial Belajar Blog

Kesimpulan Dari data di atas tidak menutup kemungkinan walaupun blog kita hanya mempunyai Pagerank 0, tetapi masih bisa menjadi No.1 di Pencarian Google.Dengan syarat kita mengetahui rahasia Ilmu Dasar SEO.

Mas Oktri Sendiri masih Newbie / Pemula Dalam kesempatan yang baik ini, saya ( Mas Oktri ) akan berbagi pengalaman dengan sobat bagaimana cara mudah agar blog kita bisa menjadi No.1 di pencarian google dengan kata kunci.


Berikut Ini test Keyword Kedua Mas Oktri melakukan uji coba SEO dengan menembak KEYWORD "cara membuat blog keren" yang berhasil menempati Posisi teratas. Dibawah ini contoh screnshot Sekitar 2.780.000 hasil (0,15 detik)

 

"Cara Membuat Blog Menjadi No.1 di Pencarian Google " :

• Dalam memilih keyword,yang ingin sobat tembak jangan terlalu biasa/umum, karena akan kalah bersaing.Namun jangan terlalu Spesifik, karena mungkin tak akan ada orang yang bisa menemukan blog/situs sobat.

• Setelah sobat menemukan keyword yang pas dan cocok untuk sobat tembak.Selanjutnya silahkan sobat membuat Judul artikel yang mengandung keyword yang sobat pilih tadi.

• Pasang Deskripsi dan Keyword pada rancangan blog sobat : - 'Deskripsi Blog' adalah 'Gambaran tentang blog sobat di tambah keyword yang di pilih' - 'Keyword' adalah 'kata kunci yang sobat tembak'.

• Tulis keyword yang sobat pilih di awal, tengah, dan akhir dalam artikel.

• Tebalkan, Miringkan atau Garis Bawahi pada salah satu keyword yang sobat pilih.

• Buat label pada artikel yang berisi keyword tembakan sobat.

• Cari backlink dengan sobat blogger lainnya dengan link yang mengarah ke artikel sobat.

• Berkomentar dengan menggunakan Nama/URL sobat, jangan gunakan akun google sobat.

• Buat artikel lanjutan dengan memasang link ke Halaman artikel yang mempunyai keyword tembakan sobat tadi.

Sekian Info dari Mas Oktri yang sudah saya praktekan Dan sudah terbukti berhasil.

** Salam Belajar Blog ( Mas Oktri ) **

Thanks To Blog Noler

Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

Contoh Tampilan Recent Post Seperti Notifikasi  Facebook

Tutorial belajar Blogger - Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook Pada Postingan ini Mas Oktri Ingin membahas bagaimana membuat recent post ( postingan terakhir ) muncul seperti notifikasi pada Facebook, tutorial ini terinspirasi dari santa mars yang kebetulan template yang Mas Oktri Gunakan Template Cloning Santa.

Tutorial ini Merupakan Request dari teman yogagj.yang kebetulan menggunakan template yang saya pakai juga.apabila sudah menggunakan template Revolution Berikut Ini Langkah - Langkah Membuat nya :

Langkah Pertama

1. Masuk Edit Html,

Contoh Masuk Edit Html

• Cari Kode Di Bawah Ini

<div id='menu-wrapper3'>
<div id='menu3'>
<ul style='list-style: none;'>
<li><a id='timeSMcoy'><script src='http://not-remove-admin-3.googlecode.com/files/Hari4.js'/></a></li>
<li><a id='jamSM'/></li>
</ul>
</div>
</div> 

Kode sebelum Di ganti

•  Kemudian Ganti Dengan Kode Di Bawah Ini :

<div id='menu-wrapper3'>
      <div id='menu3'>
        <ul style='list-style: none; float:left'>
          <li>
            <a id='feedOKTRI' onclick='feed_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-post.html&quot;,&quot;300&quot;,&quot;300&quot;,&quot;feedOKTRI&quot;,&quot;feedOKTRI-dlm&quot;)'/>
            <div id='feedOKTRI-dlm'/>
          </li>
          <li>
            <a id='commentOKTRI' onclick='comment_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-comment.html&quot;,&quot;320&quot;,&quot;320&quot;,&quot;commentOKTRI&quot;,&quot;commentOKTRI-dlm&quot;)'/>
            <div id='commentOKTRI-dlm'/>
          </li>
        </ul>
        <ul style='list-style: none;'>
          <li>
            <a id='timeSMcoy'>
              <script src='http://fuck-u-admin.googlecode.com/files/Hari4.js'/>
            </a>
          </li>
          <li>
            <a id='jamSM'/>
          </li>
        </ul>
      </div>
    </div>

Kode Setelah Di ganti

Note :
Link Yang Berwarna Ganti Dengan Link Recent Post Anda Sendiri,

          Kemudian Simpan

Langkah Kedua

Masukan Kode Di Bawah ini  Pada Postingan  jgn lupa pada Mode Html Jangan Mode compose:

<style type='text/css'>
#dte_recent-post {
  margin:0 0;
  padding:0 0;
  font:normal 11px Arial,Sans-Serif;
  color:#999;
  margin:0 auto;
  min-height:100px;
width:300px;
text-align:left;
}

#dte_recent-post li {
  list-style:none;
  margin:0 0;
  padding:7px 7px;
  background-color:#222;
  border-bottom:1px dotted #999;
}
#dte_recent-post li:hover{background:#333}

#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0 0;
  border:none;
  background:transparent;
  outline:none;
}

#dte_recent-post li a.title {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:rgb(27, 116, 185);
font-weight:bold;
font-size:11px;
}

#dte_recent-post li a.title:hover {
  text-decoration:underline;
}

#dte_recent-post li span.foot {
  clear:both;
  color:#999;
  margin-top:7px;
  font-size:10px;
}
</style>
<ul id='dte_recent-post'/>
<script type='text/javascript'>
//<![CDATA[
var rp_homePage    = "http://tutorialbelajarblogger.blogspot.com", // Your blog homepage
    rp_numPosts    = 5, // How many posts?
    rp_thumbWidth  = 42, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
    rp_numChars    = 0, // Number of posts summary
    rp_sortByLabel = false, // Replace false with your specific label name to display posts by specific label
                            // Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
    rp_noImage     = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjartJYZVabKmCiaL8bRJrn1K7nd6G7AovkFP4FZ3bdnOfIdV0XKIdj-QC2B6YEThyphenhyphenh1pPe_zS-2kYfFAz0uVA1eD3pmxY2LPa-1UHr0aYRsrjx-B1lluNckA1z1s5rnpPzPG7rr6iWIg/s42/faceblogSM-nogambar.jpg", // A 'no-image' image
    rp_monthNames  = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    rp_newTabLink  = true, // If true, then all the widget links will automatically opens in new window/new tab
    rp_loadTimer   = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)

function showRecentPosts(json) {

    for (var i = 0; i < rp_numPosts; i++) {
        if (i == json.feed.entry.length) break;
        var entry = json.feed.entry[i],
            postTitle = entry.title.$t,
            postAuthor = entry.author[0].name.$t,
            postDate = entry.published.$t.substring(0, 10),
            postUrl,
            linkTarget,
            postContent,
            postImage,
            skeleton = "";

        var dy = postDate.substring(0, 4),
            dm = postDate.substring(5, 7),
            dd = postDate.substring(8, 10);

        for (var j = 0; j < entry.link.length; j++) {
            if (entry.link[j].rel == 'alternate') {
                postUrl = entry.link[j].href;
                break;
            }
        }

        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                commentNum = entry.link[k].title.split(" ")[0];
                commentLabel = entry.link[k].title.split(" ")[1];
                break;
            }
        }

        if ("content" in entry) {
            postContent = entry.content.$t;
        } else if ("summary" in entry) {
            postContent = entry.summary.$t;
        } else {
            postContent = '';
        }

        if (rp_thumbWidth !== 0 || rp_thumbWidth !== false) {
            if ("media$thumbnail" in entry) {
                postImage = '<img style="width:' + rp_thumbWidth + 'px;height:' + rp_thumbWidth + 'px;" src="' + entry.media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "\/s" + rp_thumbWidth + "-c") + '" alt="Loading..." />';
            } else {
                postImage = '<img style="width:' + rp_thumbWidth + 'px;height:' + rp_thumbWidth + 'px;" src="' + rp_noImage + '" alt="Loading..."/>';
            }
        } else {
            postImage = "";
        }

        postContent = postContent.replace(/<br ?\/?>/ig, " ");
        postContent = postContent.replace(/<(.*?)>/g, "");

        if (postContent.length > rp_numChars || rp_numChars !== false) {
            if (rp_numChars !== 0) {
                postContent = postContent.substring(0, rp_numChars) + '&hellip;';
            } else {
                postContent = '';
            }
        } else {
            postContent = '';
        }

        linkTarget = (rp_newTabLink) ? ' target="_blank"' : '';

        skeleton = '<li>';
        skeleton += '<a href="' + postUrl + '"' + linkTarget + '>' + postImage + '</a>';
        skeleton += '<a class="title" href="' + postUrl + '"' + linkTarget + '>' + postTitle + '</a>';
        skeleton += '<span class="foot"><span class="dt">' + dd + ' ' + rp_monthNames[parseInt(dm, 10) - 1] + ' ' + dy + '</span> <span class="cm">(' + commentNum + ' ' + commentLabel + ')</span></span>';
        skeleton += '<br style="clear:both;"/>';
        skeleton += '</li>';
        document.getElementById('dte_recent-post').innerHTML += skeleton;
    }

}

var labelName = (rp_sortByLabel !== false) ? '-/' + rp_sortByLabel : "";
var rp_script = document.createElement('script');
rp_script.src = rp_homePage + '/feeds/posts/summary/' + labelName + '?alt=json-in-script&callback=showRecentPosts';

// Preloading...
if (rp_loadTimer === "onload") {
    window.onload = function() {
        document.getElementsByTagName('head')[0].appendChild(rp_script);
    };
} else {
    setTimeout(function() {
        document.getElementsByTagName('head')[0].appendChild(rp_script);
    }, rp_loadTimer);
}
//]]>
</script>

Masukan Kode Diatas DI psotingan Seperti Pada Gambar INi

Kemudian Publikasi

Untuk demo Recent Post,  anda bisa melihat langsung di blog ini, selamat mengoprek :)) Baca Juga Cara Membuat Recent Post Berjalan di Blog

 

Menghapus Atribut pada Template Blog SEO Friendly?

Menghapus Atribut pada Template Blog SEO Friendly - Sebenarnya setiap blogger atau webmaster sangat ingin mendapatkan backlink, dan karena itu juga banyak di antaranya yang membuat template atau blog untuk mendapatkan backlink....




Tapi sudah sebulan ini ada beberapa komentator yang bertanya cara menghapus atribut dari blog kami. Ini sebenarnya sulit juga dijawab, karena jelas membuat

TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

Template blog SEO friendly gratis juni 2013 ini adalah buatan dari Eva lagi. Seperti sebelumnya Eva sudah membuat template blog Cardboard Style, kali ini dia membuat template blog yang lebih bergaya social network, dan minta dipajang di sini....




Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog

TEMPLATE BLOG RESPONSIVE DESIGN UNTUK MOBILE SEO

Template blog responsive design untuk mobile SEO -- Belakangan ini semakin banyak pengguna gadget yang bisa mengakses Google Search dengan menggunakan perangkat mobile. Jadi singkat kata persentase pengakses pencarian Google menggunakan sarana mobile itu meningkat, sedangkan yang mengakses Google melalui web search itu berkurang....




Karena hal itulah sering muncul perdebatan di dunia maya

Template Blogger - Bright Black Blogger Template

Tutorial Belajar Blogger - Template ini bernama Bright Black Blogger Template asli garapan Kang Ismet  yang bernuansa gelap tapi dengan aksen hijau dan orange agar sedikit terlihat mencolok. Menurut saya sendiri template ini elegant enak di pandang membuat pengunjung betah membaca di blog yang menggunakan template ini. Di Bawah Ini Contoh Tampilaan HomePage dari halaman Blog Bright Black Blogger Template

 DEMO | DOWNLOAD

Fitur-fitur yang ada dalam Bright Black Blogger Template ini diantaranya :

• Nivo Slider
• Auto readmore dengan thumbnail
• jQuery effect pada Search box
• Social network
• Elegant Breadcrumbs SEO Friendly
• Related Posts
• Tombol share
• Custom font
• Inside Threaded Comment

Template ini  menggunakan  Hack komentar (bukan bawaan blogger) sehingga terlihat seperti komentar pada blog WordPress. Hack komentar ini dinamai Inside Threaded Comment. Screenshootnya bisa dilihat di bawah. langsung Kang Ismet Test koment

Installasi

Untuk instalasi, sama seperti template yang lainnya. Anda tinggal mengupload file XML yang ada pada folder ZIP. Namun untuk memudahkan, ada beberapa pengaturan seperti di bawah ini :

Social Networking dan RSS

Untuk mengedit social networking dan RSS ini melalui Edit HTML pada template

Temukan dan edit kode di bawah ini, gunakan Ctr+F untuk mempermudah

<div class='social'>
<span class='fade'><ul>
<li><a href='http://facebook.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HU3Qb5ONnCxagODcC73dOFXh6o0d8cjlQZQ3VvdeSQq_DJ0kTK8UV-mIlZsTUjhldCVYcKSJngnenFslIdXebWrHXlHzfizVJX8mSmVOiZR-HAFlo1MspaXd1mzF-hhkdv4xjyqV-qU/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNbLVopN2exvZSLI0ux9Sa_8q7pvNkiLsfrpXYRny00ve90t7WMzcdcy_LfAoHHDhU6YG9XsT8M6xEkQ-P4lor95R-vqYJeM6k7P3UDFZ2cXZPUfQoiKSExtFcLHUslT2B9wLCnx951o8/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidqvemwvpYWV6Z0dq6_wY66f22hd5Na4GkoVdIcYbsTid0jGegv3MgSsMmfgbRgYfkVyNQSTgW9Qp9YXpqhaQR1jK3u7x60ma_Wjwyvu9qbgRrr0XrJW_KSOqgKc4Po8BwaXBPIQvO0p3t/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2NmkTd5fOppNXD9QhbLqmSCltgAWKGN_lQm6UbsZp9gHh2bWe5N_759qfqvlP7H2SzsFyfE5WLPbwI4bJprimVxTvRVbncr7RVTYcMpSKQWaw6jI5GFqJH-4P49ppjWDLqwzojrfRCVzT/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlMczfzmoWPynDnfy4jukF7y7gb4QlPNXNx2RJ83rhN-AIqeo7D3tM-GjOlrzDIyFZbK96xypICVCAC1EOnzfaYpukCInor7IZ-dfpzw6wtRbQM8wHxmZ5ujqfvQ9A_oXelaE0H6pyg1go/s57/RSS%2520Feed.png'/></a></li>
</ul></span>
</div>

Slider

Temukan dan edit link pada kode di bawah ini, gunakan Ctr+F untuk mempermudah

<div id='SlideContainer'>
 <div id='NivoSlider'>
  <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0OGubeBM7_7xTlpcws25CuQFbQhhky46UqnMTVMKW49hAVNXXRInHxoPLJdkbqgHPW_5ZEPJJLUzNzukINxpMWqCtZb2qBVXkFJm87xHQm6QaS8fQCDIPDBuue5fgNwPtPs_HetmI_Xc/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
  <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn9L5znuSAFQZdWTOushLftPdYTlIfd8xzkQwlN1ldPgwrzbu-nV8znMmWVf5aeR2-eT9QiYa8uTAmqdWUOv4mpyU6ZIoVSJ3ptCtXDl62Ic9MTtaiKOYHurOaiF_7bazlJIyBbG1iu_U/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
  <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcPAsadAFj8L7zZWTQdC3vl20epF80NL-MUdo9ZCqx236O6kT2Z7p50nC-5HJrTsNKy5Vcwld_hw80YTpmgQ-XZanH7akJAqQXj3rwyUXeVhD6jWCd1lrwhgFNB6uGdox8utYQHo5-iM/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
 </div>

Sumber Template Terbaru Ini Kang Ismet 

Cara Memasang Background Pada Postingan

Tutorial Belajar Blogger - Pada Postingan ini saya ( Mas Oktri ) akan berbagi tips memasang background pada postingan yg mungkin bisa membantu kita saat bosan dengan background postingan kita yang warnanya putih atau hitam polos, atau mungkin sekedar ingin mencoba bereksperimen kecil maka kita boleh mencoba merubah background postingan dengan cara-cara berikut ini, karena pengetahuaan yang baru pasti sangat menyenangkan.

Nah cara membuat backgroun postingan yang saya tahu saat ini baru dua cara...

  + Pertama untuk membuat background warna

Letakkan kode berikut pada awal postingan

<div style="background : kode warnanya disini ">
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div>

Tulisan kode warnanya disini anda ganti dengan kode warna yang anda inginkan.Yang perlu diperhatikan saat anda meletakkan kode tersebut, anda harus memilih tab edit HTML, jangan Compose.

Sebagai contoh backgroun dengan warna hijau...

<div style="background:#24d207">
Oktri Darmadi  biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni. Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

</div>

Hasilnya akan seperti ini :

Oktri Darmadi  biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni. Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

+ Kedua Membuat background dengan Gambar

Jika anda memiliki gambar khusus untuk dijadikan backgroud uploud dulu ke website hosting seperti photobucket atau tempat hosting lainnya untuk memperoleh URL addresnya.

Yang harus diperhatikan anda harus berada pada posisi edit HTML, berikut kode diawal postingan:

<div style="background:url(alamat gambarnya disini) no-repeat;">
Diakhir postingan tutup dengan kode berikut:
</div>

Ganti tulisan alamat gambarnya disini dengan alamat gambar yang ingin anda tampilkan. Seperti halnya pada background dengan warna, kode inipun bisa anda tambah-tambahin sesuai dengan keinginan. Contoh, saya ingin membuat posting dengan background yang beralamat di http://i634.photobucket.com/albums/uu66/oktri_2009/L8e18979.gif, background ingin di simpan di sebelah kanan atas posting tanpa repeat, padding sebesar 10 pixel, besar huruf 90% :

<div style="background:url(http://i634.photobucket.com/albums/uu66/oktri_2009/L8e18979.gif ) no-repeat center top; text-align:justify; font-size:90%; padding:10px">

Oktri Darmadi  biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni . Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...
</div>

Maka hasilnya seperti ini:

Oktri Darmadi  biasa disapa dengan Mas Oktri Lahir di Lampung,Indonesia dilahirkan di sebuah desa kecil yang mungkin masih kurang terkenal di Lampung, saya anak ke-3 dari 3 bersaudara,kebetulan saya anak bungsu.Menurut Saya Ketidak Sempurnaan adalah Seni
Ada 3 hal yg konsisten dalam hidup, yaitu ; Perubahan, Pilihan, dan Prinsip...saya hanya lah anak manusia yang tidak sempurna karena kesempernaan hanya milik ALLAH...

Nah jika kita ingin mempatenkan background tersebut sebagai backgroud pada setiap postingan kita agar tak capek mengeditnya,
Caranya masuk menu pengaturan/ setting =>klik tab format=>pada bagian akhir kolom format letakkan kode diatas

Nah selamat mencoba, semoga bermanfaat!

Apa itu SEO ?

Apa Itu SEO?

Tutorial Belajar Blog -  Pada Kesempatan ini , saya ( Mas Oktri ) ingin berbagi Informasi tentang blog yaitu  "SEO". Istilah yang mungkin lebih sering kita denger, kita baca, tapi kurang kita pahami fungsi dan kenapa harus ada yang pada akhirnya sering kita abaikan. Tidak sedikit blogger yang berjuang mati-matian untuk melakukan optimasi web/ blog-nya hanya untuk mendapatkan peringkat terbaik di halaman mesin pencarian seperti Google, atau para master lebih sering menggunakan istilah optimasi blog untuk menaikkan SERP (Search Engine Results Page).

+ Apa itu SEO ?
SEO kependekan dari Search Engine Optimization, atau upaya untuk mengoptimasi sebuah web atau blog untuk mendapatkan peringkat terbaik di halaman mesin pencari seperti Google.
Search Engine Optimization kalau diartikan kedalam bahasa indonesia kira kira adalah "Optimasi Mesin Pencari"

Secara Teknis, Search Engine Optimization merupakan sebuah pengetahuan yang mempunyai tujuan akhir untuk membuat sebuah situs online menjadi search engine friendly. Pada saat ini, mensin pencari sudah sangatlah pintar sekali dengan didukung dengan algoritma yang kompleks sehingga mampu untuk menjawab segala pertanyaan yang ditanyakan kepadanya.

Jadi kenapa SEO  dan harus dilakukan optimasi blog tak lain adalah untuk mendapatkan peringkat teratas di halaman mesin pencari untuk mendapatkan ruang strategis dan mudah di lihat oleh pengunjung.

Berbagai teknik mulai "Cara aman (White Hat SEO)" sampai "Cara tidak aman (Black Hat SEO)" banyak di lakukan oleh blogger.

Black Hat SEO cara tidak aman (cara curang) dan tentunya beresiko sehingga blog kita bisa di banned oleh mesin pencari. Untuk beberapa kasus dan contoh teknik Black Hat SEO akan di ulas di posting selanjutnya :)
White Hat SEO cara aman dan lazim biasa di gunakan oleh para blogger sebagai teknik untuk optimasi SERP di mesin pencari. Teknik ini sangat di anjurkan dan tentunya aman.

Mengapa Kita Memerlukan SEO?

Sekarang setelah kita sudah memahami bagaimana mesin pencari itu bekerja, sekarang barulah kita akan membahas mengapa kita membutuhkan SEO. Mungkin anda akan bertanya kepada saya "Kenapa kita masih membutuhkan SEO, bukankah saat ini mesin pencari sudah begitu pintar untuk melakukan pekerjaannya sendiri?" Dan mengapa sih kita harus membuat sebuah situs yang search engine friendly untuk terlihat di hasil pencarian dari mesin pencari?

Jawabannya sebenarnya cukup simple juga. Hasil pencarian dari google tidaklah sedikit untuk sebuah kueri atau kata kunci. Ada jutaan hasil yang diberikan oleh mesin pencari. Malah untuk beberapa kueri, agar bisa memberikan hasil yang relevan membutuhkan beberapa waktu. Jadi memerlukan waktu yang tidak sebentar untuk membuat situs anda cukup populer dan penting di mata mesin pencari.

Jadi, SEO merupakan pekerjaan atau kewajiban kita, untuk membuat situs atau blog yang kita miliki bisa teroptimisasi untuk mendapatkan hasil pencarian yang lebih baik dan lebih cepat. Jika anda memahami hal tersebut di atas, maka anda akan bisa dengan mudah untuk melakukan optimisasi agar bisa mendapatkan hasil yang bagus dalam SERP (Search Engine Results Page). Jadi, inilah SEO sebenarnya.

Pada kenyataannya setiap orang tidak pernah mengetahui apa yang sebenarnya menyusun algoritma mesin pencari. Namun tidak ada yang perlu ditakuti sebenarnya. Sudah banyak orang yang melakukan penelitian dan mempunyai pengalaman mengenaii optimisasi halaman web, jadi kita bisa belajar dari pengalaman mereka. Jika kita menggunakan teknik SEO yang benar, maka sukses tidak akan jauh dari kita.

Sekian pembahasan mengenai Apa itu SEO, Pokok utama adalah langkah awal dan hal yg paling mendasar untuk mempelajari Teknik-Teknik SEO yang semakin hari semakin berkembang, belum lagi perkembangan algoritma mesin pencari "google" yang terus di updated. Tapi pada dasarnya teknik-teknik SEO yang sifatnya White Hat dan Natural masih mendapatkan tempat terbaik di mata google. Setelah muncul algoritma google panda sempet muncul pendapat bahwa backlink sudah tidak berpengaruh lagi thd SERP, tapi beberapa master masih berpendapat bahwa backlink masih menjadi bagian yg penting. B|C sendiri berpendapat bahwa Backlink masih di perlukan, apalagi kalau membangun backlink dengan mengutamakan kualitas.

Thanks to : Coffemix

Simple Elegant Seo Template

Simple Elegant Seo Friendly Template - Template ini merupakan SEO Friendly bisa dikatakan elegant tidak banyak widget or jquery yang digunakan. Pada kesempatan kali ini saya akan share template yaitu "Simple Elegant Seo Friendly Template", meskipun hasilnya kurang bagus karen tetapi lumayan untuk koleksi atau digunakan apabila berminat.

Adapun fitur-fiturnya sebagai berikut:

• Template 2 Kolom
• SEO Friendly
• Loading Cepat
• Auto Readmore
• Thread Kotak Komentar

Contoh Tampilan Simple Elegant Seo Template

Contoh Tampilan Tata Letak

 DEMO | DOWNLOAD

XDownload Template Free

File simple elegant Seo.rar Server 1 [ 18 KB ] via 4shared

Semoga suka

Password : tutorialbelajarblogger.blogspot.com

Sekian dulu sobat blogger, jika ada yang ingin dipertanyakan mengenai template ini, silahkan berkomentar dibawah dan jangan lupa kunjungin Simple Green Matriks Blogspot Template