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 Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog

Cara Membuat Facebook Fan Page Auto Hiden (Tersembunyi) di Blog ~ Seperti yang sudah saya katakan pada artikel-artikel saya sebelumnya. Dengan memasang fan page saudara di blog, maka fan page dan blog saudara pengunjungnya akan lebih meningkat dan sebelumnya.



Namun berbeda dengan script fan page sebelum-sebelumnya, script fan page kali ini memiliki fitur auto hiden atau tersembunyi di

Situs-Situs Penyedia Template Blog Keren dan Gratis

Situs-Situs Penyedia Template Blog Keren dan Gratis - Saat ini semakin banyak
teman-teman blogger yang menjadikan blog sebagai sarana berekspresi akan
kepribadian mereka. Oleh karena itulah situs-situs yang menyediakan template blog keren yang gratis menjadi semakin  populer.

Bagi teman-teman blogger pemula yang lebih menyukai template blog keren
yang gratis, maka ada beberapa situs yang

Cara Membuat dan Memasang Read More Otomatis di Blog

Cara Memasang Read More Otomatis di Blog~ Read more atau baca selengkapnya sering kali kita jumpai di halaman beranda atau home sebuah blog. Kegunaan read more ini adalah untuk memenggal kalimat yang di tampilkan pada halaman utama blog anda. 

Fungsi Dari Pemasangan Read More:

Menghemat ruang pada tampilan halaman utama sebuah website.
Menjadi lebih elegant dan interaktif.
Membuat pengunjung

Cara Menghilangkan Pesan Tampilkan Semua Posting

Cara Menghilangkan Pesan Tampilkan Semua Posting ~ Pesan tampilkan semua posting ini biasanya akan ada jika anda masuk ke halaman label blog saudara. Untuk mengetahuinya, anda bisa mencoba melakukan klik terhadap salah satu label yang ada di blog saudara.




Biasanya akan ada pesan dari blog tersebut kepada anda, pesan tersebut ditujukan kepada pengunjung. Apakah pengunung tersebut ingin

Membuat Fan Page Melayang Dengan Timer di Blog

Halaman Facebook Melayang Dengan Waktu di Blog ~ Dengan memasang fan page saudara di blog anda, bisa jadi fan page anda banyak yang suka atau Like sehingga hal ini baik untuk kemajuan fan page dan blog milik anda. Jadi untuk anda yang ingin memiliki banyak like fan page, anda bisa mencoba cara ini

Berbeda dengan fan page melayang yang sebelum-sebelumnya,  fan page melayang kali ini memiliki

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/AVvXsEhHPv-UeASXbCxz8fYSHNFsLhs5vio6tsOcUajLmt72gyMaZZJt4iga5Qh57mXM3tf0gFfhzCI0b-jhc5RvlArx59IfPPLuOCiWEMr_zgvqR4n0vpGMMfFaaTgIjY1tR6th24YaPwtJ8Wk/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

 

Cara Membuat Facebook Fan Page Melayang di Blog

Cara Membuat Fans Page Facebook Melayang Pada Blog- Memasang fan page
melayang pada blog adalah salah satu jalur promosi yang sangat bagus
sekali untuk mempromosikan fan page atau blog anda. Jadi jika anda memiliki fans page atau blog yang sepi dari pengunjung, tidak ada salahnya jika anda mengikuti tutorial sederhana di bawah ini



Definisi Fan Page Facebook


Fan page  facebook adalah

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/AVvXsEiUPnFgpd44Y3ZbTznHgB2UxJVl5rhMaI7xAjqa0cDq1xQ-5tjYfaKy9COU9M9Hgpi4wV8dqG_H8slyHHBGoK-eJBToURANzvH5pvCSVV0DJxWzl5HIDIxWalWN8dUfzJADNKI1f1jp1Cg/s1600/facebook.png'/></a></li>
<li><a href='http://twitter.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilWyphBeZJnsIf2jh_u-43EEBI5FPH7SZgB9D63Smz6D_TEX9HbSIZyrWfwTyMM2UZvm6MiAgokEOyUmIcB0xO_5nQWrmI5FhQ3c2ef4t6T-quTBIoUzh2DVnMbKZ7HSp2DdW7M-xpkps/s1600/twitter.png'/></a></li>
<li><a href='https://plus.google.com/USERNAME/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPsOHV21e0Ukrr_Izb4vxEX7Rq01qWZ3ROKSyu2xO_W56FXmdXbKNqxk4i_ERjOYhyphenhyphen42hN_4o5Sozsrfd3QIG3uutjI-qu_Klp1KSYuqejU8uN7yyeplLnuj1aXsV9yS4rwQvtyhH3MYXy/s57/Google%252B%2520alt.png'/></a></li>
<li><a href='http://pinterest.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOu9RW6o2_YYm0-JeZGmHUoHjEa7Hm31CgAc6_vO3116LYGo_vY58bUC7mwrOvg2OnGPyEmt59TdfRkX0bvLQrLxiDc_V5YPNwqTUljZ24i_znZdt6D1z0xxuJ89yIZsWmfiMxOl-Ba5qt/s57/Pinterest%2520alt.png'/></a></li>
<li><a href='http://feeds.feedburner.com/USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhD74HH1t9_fxGkd55WJZ7BHzTdiVxpPGffYEdysj7-HKvDU8zZ2lpfljhoSFJZ7Oymnot9miWQopQQMtj52HWOO1aIn1FfD2FnPH4uFKRul6wPwM2BvZRifnIX7IfalpMqmQ3Rj1ItlYE/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/AVvXsEg0BjcMLBRj7Pb455dJGOIfIXe1Jv8vUn_irVJWWiL_fBzDYSrMPmELPrSjDGbH-q84YsXs3jsKwAFkZ2LO1FrQ2n3Ne3cdUvlTa70Xu_tXjswd6uhAnI65lleiRBqHpQrSkR2tbPy0uZU/s1600/sld1.jpg' title='Download this Free Premium Blogger Template'/></a>
  <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6gWBxImuHhRrm9u1qT8_yuak7kMNNlKKIzjQRMEQUMOmkASyA8AvJ-PB6RMJJw_81m-B2O7MLJFo2T0NLlHsZg03cI0A0iE3f9S9AV0L2Po4RlROSRvPN61JNgQCwgIam3DOqUGBLxw/s1600/sld2.png' title='Only at GalleryBloggerTemplates.com'/></a>
  <a href='#'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghBSz7FaR3mkcxYCYmhWlyLgRUWhjvyNg9anphYi568N30NYyi-VTS4tGMFzxYOj2y3MvA-aRduXeYTgNVi48rzK33g17HSO45ImXODpNkfodvTzID6fgs-ZG56DEg-l9PgvkOLv1i1hY/s1600/sld3.jpg' title='Visit www.bloggertut.com to grab this template'/></a>
 </div>

Sumber Template Terbaru Ini Kang Ismet 

Membuat dan Memasang Facebook Fan Page di Blog

Memasang Fan Page Facebook di Blog~ Facebook adalah salah satu jejaring sosial media yang paling banyak di gunakan oleh orang banyak di dunia ini. Jadi tidak heran banyak para pelaku bisnis online yang menggunakan  situs jejaring facebook untuk mempromosikan blog atau barang daganganya agar lebih dikenal oleh banyak orang.



Jika anda mempunyai sebuah fan page facebook yang mempunyai jumlah

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

Cara Mengetahui Berat Loading dan Kecepatan Blog

Cara Mengetahui Berat Loading dan Kecepatan Blog ~ Blog yang memiliki loading halaman yang lama mungkin akan terasa menjengkelkan bagi pengunjung blog tersebut. Bayangkan, untuk membuka satu halaman saja, kita harus menunggu sampai beberapa menit lamanya. tentu saja hal itu akan membuat pengunjung blog bosan dan akhirnya menutup tab window jendela blog anda.



Sebenarnya untuk masalah

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