Tips Blog | Tutorial Blog | Belajar Blog

Translate Blog Keren Dengan Microsoft Translator Widget

Microsoft Translator Widget - kutu-blogspot.blogspot.com
SynasMedseo - Berikut ini adalah widget translator dari Microsoft, untuk menerjemahkan halaman web ke dalam berbagai bahasa secara real-time. Pengguna dapat melihat halaman Anda dalam bahasa mereka sendiri, tanpa harus pergi secara terpisah ke sebuah situs web penterjemah. Melalui widget ini, pengguna dapat berbagi halaman Anda dengan teman-teman mereka dalam berbagai bahasa.

Widget ini bisa dijadikan salah satu alternatif selain goggle translate atau widget translate dari Gtranslate.  Selain tampilannya yang uniq, script Microsof Translator Widget ini lebih ringan, dapat dicustomize menyesuaikan dengan layout blog Anda, baik tampilan warna maupun ukuran.  Anda dapat melihat penampakkan widget ini pada side bar blog ini.

Untuk instalasi widget cukup mudah, Anda hanya perlu menambahkan sebuah gadget HTM/javascript dan masukkan script Microsoft Translator Widget yang telah di generated sebelumnya ke dalam content widget, agar lebih terinci berikut cara menambahkan widget ini secara berurutan.
  • Masukkan URL Address atau alamat situs Anda pada bagian Site Info
    Microsoft Translator Widget - kutu-blogspot.blogspot.com

      •  Pilih bahasa default yang digunakan oleh blog atau situs Anda
      Microsoft Translator Widget - kutu-blogspot.blogspot.com
      • Lakukan pengaturan pada bagian Option, pilih warna yang dinginkan, lebar widget serta opsi translator, sesuaikan dengan layout blog atau situs Anda.
      Microsoft Translator Widget - kutu-blogspot.blogspot.com
      Generate Widget
      • Login ke blogger dengan ID Anda, pergi ke Layout/Tata Letak dan tambahkan sebuah gadget type HTML/Javascript, kemudian masukkan kode Microsof Translator Widget hasil generate ke dalamnya.
      Add a gadget
      • Atur penempatan widget pada side bar blog dan klik tombol Save arrangement.
        • Langkah penutup, periksa blog Anda dan Selesai

        Cara Mengatasi dan Melindungi Blog dari Komentar SPAM

        Komentar SPAM
        Synasmedseo - Ada berbagai bentuk komentar spam sering kita jumpai, ditempelkan visitor pada sebuah posting yang diterbitkan, mulai dari ajakan berkunjung ke blog mereka atau hanya sekedar meninggalkan jejak dengan tujuan untuk mengalirkan back link ke blog mereka serta komentar yang sama sekali tidak relevan dengan materi postingan, yang lebih memprihatinkan, ada pengunjung yang sengaja menempelkan sederatan link hidup berupa promosi bisnis online.  Bahkan yang lebih parah beberapa pengunjung telah menempelkan link yang mengarah ke situs dewasa dan link judi online, "caaapeek deech".

        Untuk melindungi bagian komentar blog dari tindakan spaming, Anda dapat melakukan trik blogger seperti berikut ini :
        • Login ke blogger dengan ID Anda
        • Pada halaman dashboard blogger pilih menu Settings > Posts and comments seperti gambar di bawah ini 

          blogger comments
          • Lakukan pengaturan pada bagian Who can comment  untuk mengizinkan siapa saja yang dapat memberikan komentar di blog Anda, saya menyarankan untuk menggunakan opsi User with Google Accounts, agar visitor yang dapat memberikan komentar, hanya visitor yang memiliki Account Google.
          • Atur bagian Comment Moderation, menggunakan opsi Always agar setiap komentar yang diberikan oleh pengunjung, baru akan terbit setelah di setujui oleh Author Blog
          • Anda harus mengaktifkan Show word verification menjadi Yes, untuk mengaktifkan kode chaptca saat pengunjung memberikan komentarnya.
          • Untuk memblokir link hidup yang mungkin ditempelkan oleh pengunjung pergi ke Template > Edit HTML kemudian tempelkan kode berikut ini di atas kode </body>, simpan perubahan pada template Anda dengan menekan tombol Save templates

            <script type='text/javascript'>
            $(function() {
                $('#comment-holder p').find('a').remove();
            });
            </script>

          • Atau Anda dapat menggunakan kode CSS berikut ini, agar link hidup yang ditempelkan di bagian komentar blog akan disembunyikan (tidak ditampilkan), saya lebih menyarankan Anda untuk menggunakan cara ini.  Caranya pergi ke menu Template > Edit HTML tempatkan kode berikut di atas kode ]]></b:skin> simpan perubahan pada template Anda dengan menekan tombol Save templates
          • #comment-holder p a {display:none;}

          Sampai di sini pekerjaan anda Melindungi Blog dari Komentar SPAM telah selesai.

          Semoga Bermanfaat

          Cara Memperbaiki Duplicate Title Tags di Google Webmaster Tools

          duplicate title tags
          Synasmedseo - Seperti halnya duplicate meta description, maka duplicate title tags pun akan mempengaruhi relevansi pada hasil pencarian di search engine, bahkan halaman Anda bisa dianggap sebagai duplicate content.  Tentu ini akan sangat merugikan dari sisi SEO, dan akan berdampak pada rating hasil pencarian oleh search engine sesuai kata kunci yang dimasukaan oleh pengguna.

          Duplicate title tags ini dapat Anda lihat melalui Google Webmaster Tools. Silahkan login ke Google Webmaster Tools, masukkan user ID serta password Anda. Kemudian pada halaman dashboard pilih menu Optimization yang berada pada sidebar sebelah kiri dan klik link HTML Improvements.  Pada halaman ini akan terdapat parameter yang menunjukan adanya indikasi duplicate title tags yang ditemukan oleh crawler search engine saat merayapi situs atau blog Anda.

          title tags


          Jika link duplicate title tags ini dibuka maka akan terlihat postingan mana saja yang terindikasi sebagai duplicate title tags. Anda dapat melihat dua URL terbentuk untuk setiap postingan jika icon panah warna hitam disebelah kiri postingan ini di expand. Ada satu bentuk URL yang saya sendiri belum mengetahui asal-usulnya, URL ini sama seperti URL postingan pada umumnya namun ada penambahan karakter unik ?m=0.

          Cara Memperbaiki Duplicate Title Tags

          Ada beberapa tutorial hasil browsing yang saya temukan untuk memperbaiki duplicate title tags ini di antaranya :


          1. Menambahkan rel='canonical'

          Jika menggunakan cara ini maka Anda harus menambahkan elemen rel='canonical' pada URL halaman Anda yang terindikasi sebagai duplicate title tags, seperti di bawah ini, pada bagian head postingan dalam mode HTML.

          <link rel="canonical" href="http://kutu-blogspot.blogspot.com/2013/03/cara-membuat-spoiler-atau-tombol.html>

          Tentu saja hal ini akan sangat merepotkan jika postingan yang terdeksi sebagai title tags banyak, seperti yang saya alami terdapat 88 duplicate title tags, kemudian harus menambahkannya satu persatu pada setiap halaman tersebut, sungguh ini suatu pekerjaan yang membosankan.


          2. Mengatur URL Parameters

          Solusi kedua adalah mengatur URL Parameters di Google Webmaster Tools. Pada halaman dashboard, pilih menu Configuration, di bawah menu ini terdapat menu URL Parameters, pilih menu ini dan lihat apakah ada parameter m di dalamnya. Pada bagian parameter m ini klik link Edit di sebelah kanan dan atur setingan menjadi No: Doesn't affect page content (ex: track usage) seperti gambar di bawah ini. Jika Anda tidak menemukan parameter m ini, maka Anda dapat menambahkannya melalui tombol Add parameter.

          URL parameters



          3. Menambahkan parameter pada robots.txt

          Jika kedua cara di atas belum dapat mengatasi duplicate title tags, maka Anda dapat menambahkan baris perintah pada pengaturan parameter robots.txt yang tidak mengizinkan robot mesin pencari untuk mengcrawl url unik yang berakhiran ?m=0, bentuk baris perintah yang ditambahkan pada pengaturan parameter robots.txt adalah seperti di bawah ini

          Disallow: /?m=0
          Disallow: /?m=1
          Disallow: /*/*/*.html?m=0
          Disallow: /*/*/*.html?m=1

          Jika Anda punya pengalaman lain, saya mengajak Anda untuk berbagi informasi pada bagian komentar blog ini, agar pengetahuan kita menjadi bertambah, sukses untuk Anda dan happy bloging.

          Membuat Link Membesar Saat disentuh Kursor

          Membuat Link Membesar Saat disentuh Kursor

          Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.
          Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

          Cara Membuat Link Membesar Saat disentuh Kursor :
          • Masuk ke akun blogger sobat.
          • Pilih Template > Edit HTML.
          • Ceklis / Centang Expand Widget Template.
          • Cari kode a:hover { 
          • Ganti kode font-size dengan ukuran yang lebih besar.
            Contoh :
            a:hover {
            color:#d2691e;
            font-size:10px;
            font-style:italic;
            cursor:wait;
            }
            ganti dengan
            a:hover {
            color:#d2691e;
            font-size:19px;
            font-style:italic;
            cursor:wait;
            }
          • Terakhir klik Simpan Template.
          Selamat Mencoba dan Semoga Berhasil...

          Zhefa Blogger template

          Template Details :
          Platform TypeBlogger / Blogspot
          Nama Template Zhefa Blogger template
          DeskripsiZhefa Blogger template adalah template blogger gratis dengan dua buah sidebar di sebelah kanan.
          Template Authorhttp://kutu-blogspot.blogspot.com/
          Instruksi URL Cara Mengganti Template

          Blogger Template


          Membuat Gambar Membesar Saat disentuh Cursor

          Membuat gambar mebesar saat disentuh cursor

          Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

          Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

          Cara Membuat Gambar Membesar Saat disentuh Cursor :
          • Masuk ke akun blogger sobat.
          • Pilih Template > Edit HTML.
          • Ceklis / Centang Expand Widget Template.
          • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
          • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
            .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
            .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
          • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
          Semoga tutorial singkat ini bisa bermanfaat...
          Cara Menghapus Waktu Komentar

          Cara Menghapus Waktu Komentar

          Beberapa hari yang lalu pada postingan Cara Menghapus Waktu Postingan, salah satu Sobat Blogger menanyakan tentang Cara Menghapus Waktu di komentar, mungkin menurutnya waktu atau jam tersebut mengganggu tampilan blognya makanya ingin dia hapus, karenanya pada kesempatan ini saya bikin postingan untuk menjawab pertanyaan tersebut.

          Jika Sobat blogger yang lain juga ingin menghilangkan waktu komentar, caranya cukup mudah, anda tinggal hapus kode <data:comment.timestamp/>.

          Berikut tutorial Menghapus Waktu Komentar :
          • Login ke akun Blogger Sobat.
          • Pilih Template > Edit HTML.
          • Cari kode
            <span class='comment-timestamp'>
            <a expr:href='data:comment.url' title='comment permalink'>
            <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          • Jika sudah ketemu hapus semua kode tersebut.
          • Selanjutnya Simpan Template Sobat.
          Simple kan ?!?, Selamat mencoba...

          Membuat Dua Kolom Widget di Blogspot

          Kadang template yang kita gunakan tidak sesuai dengan keinginan kita, misalnya kolom widget yang disediakan hanya ada satu padahal kita membutuhkan yang dua kolom, Tutorial kali ini saya buat untuk para blogger yang ingin Membuat Dua Kolom Widget di Blognya.

          Dua Kolom Widget / Gadget

          Untuk mempercantik blog dengan susunan gadget yang sesuai dengan keinginan Sobat, dalam hal ini jumlah kolom widget, Sobat dapat membuatnya sendiri dan terserah mau meletakkannya dimana, bisa di bawah posting, di atas posting, di bawah header, di dalam sidebar, di bagian footer ataupun di lain tempat.

          Berikut Cara Membuat dua Buah Elemen Gadget/Widget :
          • Login Blogger Sobat.
          • Pilih Template > Edit HTML.
          • Ceklis / Centang Expand Widget Template.
          • Cari kode ]]></b:skin> dengan menekan tombol CTRL+F pada keyboard.
          • Letakkan script berikut ini diatas ]]></b:skin> :
            #box-main-container {
            clear:both;
            }
            .box-column {
            padding:0px 10px 10px 10px;
            border:1px dotted $bordercolor;
            }
            *Anda dapat mengubah padding ( jarak posisi gadget ) 0px 10px 10px 10px maksudnya adalah Jarak ( Atas, Kanan, Bawah, Kiri ).
            *Anda juga dapat merubah border ( garis tepi widget ) dengan warna, caranya hapus $bordercolor dan ganti dengan kode warna yang Anda inginkan.
          • Kemudian cari kode
            •   <div id='main-wrapper'>
            •   <div id='content-wrapper'>
            •   <div id='header'> atau <div id='header-wrapper'>
            •   <div id='sidebar-wrapper'>
            •   <div id='bottom'>
            Keterangan :
            *<div id='main-wrapper'> adalah posisi halaman utama anda. Biasanya dipakai untuk penempatan menu horizontall atau daftar isi sebuah blog.
            *<div id='content-wrapper'> adalah posisi postingan.
            *<div id='header'> adalah posisi kepala. Biasanya ditempatkan judul blog dan deskripsi blog.
            *<div id='sidebar-wrapper'> adalah posisi sidebar blog.
            *<div id='bottom'> adalah posisi paling bawah. Atau Footer Blog Anda.
            Silakan pilih salah satu, mau menempatkannya dimana.
          • Jika sudah didapat atau hampir sama dengan kode diatas, letakkan kode HTML di bawah ini
            <div id="box-main-container"> <div id="box1" style="float: left; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col1" preferred="yes" style="float: left;"> </b:section></div> <div id="box2" style="float: right; margin: 0; text-align: left; width: 50%;"> <b:section class="box-column" id="col2" preferred="yes" style="float: right;"> </b:section></div>
            <div style="clear: both;"> </div></div>
            Silakan Anda letakkan di bagian atas atau dibawah salah satu kode tadi.
            *Sebagai contoh saya letakkan dibawah kode <div id='main-wrapper'>
            Dua Kolom Widget / Gadget
            *Hasilnya seperti gambar berikut
            Dua Kolom Widget / Gadget
          • Jika sudah selesai klik Preview / Pratinjau dulu, baru klik Save Template / Simpan Template.
          Semoga Tutorial diatas bisa berguna dan bermanfaat...
          Cara Menghilangkan Link Langganan Entri Atom

          Cara Menghilangkan Link Langganan Entri Atom

          Link langganan entri atom di blog biasanya ada di bawah postingan. Bagi beberapa  blogger mungkin tulisan ini membuat risih atau tidak nyaman untuk di pandang. Buat sobat blogger yang ingin menghapus tulisan Langganan: Entri ( Atom ), sobat dapat mengikuti tutorial berikut.

          Untuk cara yang pertama Sobat dapat menghapus kode feed-links melalui menu edit HTML. Caranya sebagai berikut :
          • Login ke akun blogger sobat.
          • Pada Dasbor blogger klik Template > Edit HTML > Lanjutkan.
          • Beri tanda centang pada Expand Template Widget
          • Cari kode di bawah ini, gunakan fungsi Find (Ctrl+F) biar mudah.
            <div class='feed-links'>
            <data:feedLinksMsg/>
            <b:loop values='data:links' var='f'>
            <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
            </b:loop>
            </div>
          • Hapus semua kode diatas.
          • Lalu klik Simpan Templates
          Untuk cara yang kedua Sobat dapat menambahkan kode .feed-links{display:none;}, berikut caranya :
          • Login ke akun blogger sobat.
          • Pada Dasbor blogger klik Template > Edit HTML > Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Cari kode ]]></b:skin , gunakan fungsi Find (Ctrl+F).
          • Letakkan kode berikut, tepat diatas kode ]]></b:skin>
            .feed-links{display:none;}
          • Setelah itu, klik Simpan Templates ( sebaiknya klik Pratinjau terlebih dahulu )
          Sekarang sobat lihat pada bagian bawah postingan, apakah tulisan Langganan: Entri (Atom) sudah hilang. Semoga Berhasil...
          Memberi Efek Taburan Bintang di Blog

          Memberi Efek Taburan Bintang di Blog

          Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu Memberi Efek Taburan Hati di Blog, pada postingan kali ini saya akan membahas mengenai cara Memberi Efek Taburan Bintang di Blog. Sebenarnya efek ini sama saja dengan efek taburan hati dan Efek Daun Berjatuhan, hanya tampilannya saja yang berbeda dan juga kode script-nya.

          Untuk menerapkan efek ini pada blog bisa melalui edit template, ataupun lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

          Cara yang pertama melalui edit template :
          • Pada dashboard blogger klik Template > Edit html
          • Beri centang pada Expand Template Widget
          • Cari kode </body> lalu letakkan kode script efek di atas kode </body>, berikut script-nya:
            Efek bintang berwarna kuning,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/>
            Efek bintang berwarna biru,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/>
            Efek bintang berwarna oren,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/>
            Efek bintang berwarna pink,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/>
          • Terakhir klik Save Template.
          Untuk cara kedua melalui Gadget :
          • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
          • Letakkan script dibawah ini pada gadget.
            Efek bintang berwarna kuning,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></script>
            Efek bintang berwarna biru,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></script>
            Efek bintang berwarna oren,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></script>
            Efek bintang berwarna pink,
            <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></script>
          •  Lalu klik Simpan / Save.
          Selesai,,, silakan lihat hasilnya pada blog sobat.
          Memberi Efek Taburan Hati di Blog

          Memberi Efek Taburan Hati di Blog

          Memberi Efek Taburan Hati di Blog
          Kali ini saya akan berbagi salah satu cara untuk mempercantik blog, yaitu dengan memberi efek taburan hati pada sebuah blog, sebelumnya saya juga sudah membahas mengenai cara Membuat Efek Daun Berjatuhan di Blog, Memberi Efek Hujan Salju di Blog, dll.

          Untuk menerapkan efek ini pada blog ada dua cara, pertama lewat edit template, yang kedua lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

          Cara yang pertama melalui edit template :
          • Pada dashboard blogger klik Template > Edit html
          • Beri centang pada Expand Template Widget
          • Cari kode </body> lalu letakkan script efek di atas kode </body>, berikut script-nya:
            <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/>
          • Terakhir klik Save Template.
          Untuk cara kedua melalui Gadget :
          • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
          • Letakkan script dibawah ini pada gadget.
            <script src='http://wadah-tutorial.googlecode.com/files/hearts.js' type='text/javascript'/></script>
          •  Lalu klik Simpan / Save.
          Selesai,,, silakan lihat hasilnya pada blog sobat.

          Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog

          Spoiler atau tombol Show/Hide Pada artikel Blog 

          Cara Membuat Spoiler atau tombol Show/Hide Pada artikel Blog - Spoiler, hampir sama dengan menempatkan sebuah gambar atau text anda di wadah bingkai yang sering lihat di web atau blog yang gambar pada artikel nya di sembunyikan dan kalau kita ingin melihat gambar nya kita di suruh klik pada suatu tombol..kira-kira begitu deh ,mungkin sobat lebih paham apa yang di maksud dengan spoiler ,di bawah ini ada beberapa kode pembuatan spoiler yang mungkin dapat menghemat tempat postingan kita baik gambar maupun teks dan juga tidak mengganggu loading web kita,Seperti yang Sobat - sobat lihat gambar disamping itulah contoh SPOILER atau tombol Show / hide  . oke sebelum kita mulai silahkan lihat tutorial nya dibawah ini

          Ikuti langkah - langkah dibawah ini :

          1. Login ke blogger masing - masing
          2. setelah itu buatlah Entri baru terlebih dahulu .
          3. klik Edit html yang ada disebelah Compose
          4. letakkan kode - kode dibawah ini sesuai keinginan tulisan anda .



          <div>

          <input value="Tampilkan" style="margin: 0px; padding:0px;width:auto;font-size:10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else{ this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Tampilkan&#39;; }" type="button" /></div>
          <div class="alt2">
          <div style="display: none;">
          <div style="background:#000000;text-align:left;padding:10px;color:#ffffff;">
          Masukkan text-nya disini. Gambar juga bisa.
          </div>
          </div>
          </div>

          NB :
          • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata yang lain yang anda sukai.
          • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar




          <div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != ''){ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; }else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
          DISINI LETAK KONTENT ANDA</div></div></div></div></div>

          NB :
          • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
          • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar


          <div><div style="margin: 5px;">
          <div class="smallfont" style="margin-bottom: 2px;"><span style="font-weight: bold;">Judul Spoiler</span><input value="Open" style=" margin:5px;padding: 0px; width: 80px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39; Close..&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39; Clik Here&#39;; }" type="button" />
          </div>
          <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
          <div style="display: none;">
          ISI SPOILER
          </div></div></div>

          NB :
          • Huruf warna putih (judul spoiler) bisa di ganti dengan kata yang lain nya.
          • Huruf berwarna biru bisa anda ganti dengan kata lain kaya: SILAHKAN DI BUKA/SILAHKAN DI TUTUP atau kata kata variasi lain nya yang anda sukai.
          • Huruf yang berwarna merah sobat bisa memasukan pesan atau gambar 

          Semoga Bermanfaat..

          Cara Dan Tutorial Optimasi Blog Blogspot Terbaru

          Optimasi Blog Blogspot Terbaru
          Kali ini saya akan berbagi Cara dan Tutorial Optimasi Blog Blogspot Terbaru. Silahkan anda perhatikan  kode-kode di bawah ini adalah sebuah kode yang tidak asing di Mata para blogger, mungkin anda akan beranggapan kode itu banyak di Google.., memang ini sebernarnya kalau di cari di Google banyak sekali Tapi perlu anda ketahui ini adalah sebuah hasil modifikasi yang sedikit disesuaikan dengan SEO yang ada di WP.


          Langsung saja disimak caranya berikut ini:

          Submit Sitemap di Webmaster Google - (Perlu di Perhatikan)

          // Gunakan ini jika Postingan anda di bawah 500 //
          atom.xml?redirect=false&start-index=1&max-results=500

          //Gunakan ini Untuk Blog dengan posting kurang dari 1000 //
          atom.xml?redirect=false&start-index=1&max-results=500
          atom.xml?redirect=false&start-index=501&max-results=500

          //Gunakan ini untuk Blog dengan postingan kurang dari 1500, tapi lebih 1000 //
          atom.xml?redirect=false&start-index=1&max-results=500
          atom.xml?redirect=false&start-index=501&max-results=500
          atom.xml?redirect=false&start-index=1001&max-results=500
          Sekarang Masuk ke HTML Blog.  Perhatikanlah kode-kode di bawah ini, jika anda tertarik untuk menggunakannya, maka tinggal sesuaikan, mana yang perlu anda ganti.

          Letakkan Kode di bawah ini tepat di Bawah kode <head>

          <meta content='Kode Verifikasi Google' name='google-site-verification'/>
          <meta content='Kode Verifikasi' name='msvalidate.01'/>
          <meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/>
          <meta content='Kode Verifikasi Technorati ' name='TechnoratiVerifyID'/>
          <meta content='Kode Verifikasi Bing' name='y_key'/>
          <meta content='Kode Verifikasi Markosweb' name='markosweb.com/validation'/>
          <link href='https://plus.google.com/id_google+ anda' rel='author'/>
          <link href='http://www.nama-blog-anda.com/p/sitemap_2836.html' rel='contents'/>

          <b:include data='blog' name='all-head-content'/>
          <b:if cond='data:blog.pageType == &quot;index&quot;'>
          <b:if cond='data:blog.url == &quot;http://www.nama-blog-amda.com/&quot;'>
          <title><data:blog.title/></title>
          <b:else/>
          <title><data:blog.pageName/></title>
          </b:if>
          // ----------------------------------------------------------------------------------------------//
          <meta content='Deskripsi Blog' name='Description'/>
          <meta content='Keywords 1, - Keywords 15' name='keywords'/></b:if>
          <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <title><data:blog.pageName/></title>
          <meta content='index,follow,noodp,noydir' name='robots'/>
          <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
          <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

          <link expr:href='data:blog.url' rel='canonical'/>
          </b:if>
          // ----------------------------------------------------------------------------------------------//
          <meta content='all' name='robots'/> diganti <meta content='index,follow' name='robots'/> // recommend
          <meta content='all' name='googlebot'/>
          <meta content='all' name='Googlebot-Image'/>
          <meta content='all' name='Webcrawlers'/>
          <meta content='all' name='msnbot'/>
          <meta content='all' name='Slurp'/>
          <meta content='all' name='ZyBorg'/>
          <meta content='all' name='Spiders'/>
          <meta content='all' name='audience'/>
          <meta content='all,index,follow' name='alexabot'/>
          <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
          <meta content='English' name='Language'/>
          <meta content='document' name='resource-type'/>
          <meta content='Global' name='Distribution'/>
          <meta content='true' name='MSSmartTagsPreventParsing'/>
          <meta content='no-cache' http-equiv='cache-control'/>
          <meta content='no-cache' http-equiv='pragma'/>
          <meta content='general' name='rating'/>
          <meta content='global' name='target'/>
          <meta content='United States' name='geo.placename'/>
          <meta content='usa' name='geo.region'/>

          Keterangan:
          Kode yang saya berikan warna Merah:

          Pertama:
          Saya Menyarankan anda untuk memasukkan Keywords hanya: 15 keywords ( ke-15 keywords tersebut benar-benar sudah Mantap di jadikan "Kata Kunci"

          Kenapa harus 15 ??
          Karena jika lebih dari 15 maka status "keywords tersebut" tidak valid -- Cara mengetahuinya adalah
          1. Instal Add-ons "SeoQuake" di Mozilla --
          2. Buka Blog anda lewat Mozilla
          3. Perhatikan di bagian Add-Ons SeoQuake disana ada pilihan DIAGNOSIS . Maka anda bisa melihat hasilnya, apa saja yang sudah valid sama yang belum valid.

          Ke-dua:
          <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
          <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

          Disini saya membuang kode: data:blog.pageName + &quot;, &quot; +
          Sehingga menjadi:
          <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
          <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>


          Alasannya adalah: Agar tidak terjadi Duplicat Tittle dan Cepat Masuk Index !
          karena hal ini nanti jika di lihat souce code nya, maka title blog akan berdampingan dengan judul Postingan

          Untuk yang Warna Hijau:
          Anda  hanya mengganti dengan nama blog anda masing-masing dan kode-kode verifikasi, jika belum mendapatkan kode verifikasi, saya sarankan silahkan di daftarkan agar mendapatkan kodenya.

          Semoga Artikel Cara atau Tutorial Optimasi Blog Blogspot Terbaru ini dapat bermanfaat.

          Mengatasi Duplikasi Deskripsi Meta

          Duplikasi deskripsi meta pernah di alami blog ini, hal ini terjadi karena Google menemui deskripsi yang sama pada setiap halaman yg di crawl oleh Google spider pada laman blog ini, contoh :

          Duplikasi deskripsi meta

          Pada gambar diatas terdapat deskripsi yang sama, baik itu pada Homepage, halaman, maupun postingan, hal ini tentu tidak baik buat SEO, karena deskripsi yg sama dapat merusak relevansi pencarian, dan Google menganggapnya sebagai duplikasi konten, oleh sebab itu hal tersebut perlu kita perbaiki. Jika sobat belum tahu cara mengetahui duplikat konten silakan baca Cara Mengetahui Duplikat Konten.

          Untuk memperbaiki masalah tersebut, langkah yang saya lakukan adalah sebagai berikut :
          • Login ke akun blogger
          • Klik pada Template.
          • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Pada kode
            <meta content='Deskripsi'  name='description'/>
            <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
            Sedikit saya tambah kode menjadi :
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <meta content='Deskripsi'  name='description'/>
            <meta content='keyword1, keyword2, keyword3, ...' name='keywords'/>
            </b:if>
            Dengan begini meta description & meta keywords di tampilkan hanya untuk halaman utama (homepage).
          • Terakhir klik Simpan Template.
          Selain masalah diatas Duplikasi deskripsi meta juga bisa terjadi pada fungsi arsip, karna dalam sebuah arsip terdapat berbagai link dalam satu content , hal ini kadang juga di anggap sebagai duplikat konten oleh google.

          Jika Sobat mengalami masalah ini Sobat cukup mematikan fungsi arsip, caranya dengan menambahkan kode berikut dibawah kode <head> :
          <b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

          Sekian dulu postingan kali ini, semoga bisa membantu Sobat yang ingin Mengatasi Duplikasi deskripsi meta.

          Membuat Daftar Isi Blogger

          Sebenarnya untuk tutorial Membuat Daftar Isi Blogger sudah pernah saya bikin, cuma kali ini saya buat beberapa macam jadi tinggal sobat pilih mau menggunakan yang mana, Daftar Isi Berdasarkan Tanggal Postingan, berdasarkan artikel terbaru atau berdasarkan label.
          Untuk tutorialnya saya bikin jadi dua biar lebih jelas, pertama untuk halaman / page dan kedua untuk widget / gadget.

          Yang pertama kita membuat sebuah halaman yang berisi daftar isi, berikut tutorialnya :
          • Login ke blogger.
          • Klik Laman > Laman Baru > Laman Kosong.
          • Beri judul Daftar Isi atau Sitemap atau apalah terserah Anda.
          • Kemudian klik pada tab Edit HTML.
            membuat daftar isi blog
          • Lalu letakkan kode berikut pada area artikel.
            <div style="overflow:auto;width:480px;height:450px;padding:10px;border:1px solid #eee">
            <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
            <script src="http://kutu-blogspot.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
            </script>
            </div>
            Keterangan :
            • Ganti Alamat kutu-blogspot.blogspot.com dengan url / alamat blog Sobat.
            • width:480px : Lebar area, ganti dengan ukuran yang sobat inginkan.
            • height:450px : Tinggi area, ganti sesuai keinginan sobat.
            • Untuk tidak menggunakan text area atau scroll hapus tulisan yang saya beri latar kuning.
            • https://html-scripts.googlecode.com/files/feeds.js : ganti dengan alamat daftar isi yang anda inginkan. Berikut beberapa kodenya :
              1. Berdasarkan Label :
                https://html-scripts.googlecode.com/files/feeds-labels.js
              2. Berdasarkan Tanggal :
                https://html-scripts.googlecode.com/files/feed-dates.js
              3. Berdasarkan Artikel terbaru :
                https://html-scripts.googlecode.com/files/feeds.js
          • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya�
          Yang kedua kita Membuat Widget Daftar Isi, berikut tutorialnya :
          • Pada dashboard blogger, klik Tata Letak.
          • Klik Tambah Gadget.
          • Pilih HTML/Javascript.
          • Silakan beri judul pada widget. Lalu letakkan kode berikut :
            <div style="overflow:auto;height:250px;padding:10px;border:1px solid #eee">
            <script src="https://html-scripts.googlecode.com/files/feeds.js"></script>
            <script src="http://kutu-blogspot.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
            </script>
            </div>
            • Ganti Alamat kutu-blogspot.blogspot.com dengan url / alamat blog Sobat.
            • Ganti https://html-scripts.googlecode.com/files/feeds.js dengan kode daftar isi dibawah ini :
              1. Berdasarkan Label :
                https://html-scripts.googlecode.com/files/feeds-labels.js
              2. Berdasarkan Tanggal :
                https://html-scripts.googlecode.com/files/feed-dates.js
              3. Berdasarkan Artikel terbaru :
                https://html-scripts.googlecode.com/files/feeds.js
          • Klik tombol SAVE. Lalu lihat hasilnya di Blog Sobat.
          Jika sobat ingin menampilkan daftar isi berdasarkan salah satu label di blog sobat silakan baca postingan Membuat Daftar Isi Label Tertentu.

          Selamat mencoba dan semoga berhasil Membuat Daftar Isi Blogger.
          Trik Mempercepat Loading Blog

          Trik Mempercepat Loading Blog

          Untuk Mempercepat Loading Blog ada banyak cara yang dapat dilakukan, antara lain dengan cara mengkompress kode CSS/HTML biar ukurannya jadi lebih kecil, meng-Edit Template Supaya Valid XHTML, mengkompress Image supaya lebih optimize, dan lain-lain.

          Untuk kali ini saya share cara yang lain, yaitu dengan menggunakan kode script yang dicoding secara khusus untuk mempercepat loading blog. dengan menggunakan kode script ini maka browser tidak akan membaca image/gambar di blog, sehingga dapat meringankan beban server dan mempercepat loading.

          Berikut tutorial penggunaan kode script untuk mempercepat loading blog :
          • Masuk ke akun blogger anda
          • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
          • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Cari kode </head> gunakan CTRL + F pada keyboard.
          • Lalu letakkan kode berikut di atas kode </head>.
            <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
            <script src='http://wadah-tutorial.googlecode.com/files/superload.js' type='text/javascript'/>
            <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpUk_bLnSC4cJ6_tcXsjlmA_75-RMNy8023rE1Y5kCb4w9uvSo9Y5Dh3LkIvc5-IlsTCzQqY7ztSblWltLOwhSKYADyX45I5wI6Sb_V0SC1iSBStRys_RDmfsL_x0YqO3WmsHfILis3hQ/&quot;,threshold : 200}); }); </script>
          • Terakhir klik Simpan Template.
          Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...

          Cara Mengetahui Duplikat Konten (Duplicate Content)

          Duplikat Konten (Duplicate Content) dalam sebuah blog tentu sangat tidak bagus untuk SEO, karena duplikat konten dapat mengurangi kualitas hasil pencarian, akibatnya, kekuatan SERP suatu halaman blog di search engine menjadi lemah, karena itu kita perlu mengetahui apakah pada blog kita terdapat duplikat konten.

          Perlu di perjelas bahwa duplikat konten yang saya maksud adalah konten yang ada pada blog kita, bukan duplikat konten dengan blog orang lain, maksudnya kesamaan konten antara postingan kita dengan postingan blog lain, biasanya ini terjadi karena kebiasaan copy paste. Jika ini terjadi tentu akibatnya akan lebih parah lagi, bisa-bisa blog kita di hapus oleh Google. jadi buat Copaser "berhati-hatilah dalam mengcopy artikel orang lain".

          Untuk mengetahui duplikat konten yang ada di blog, kita dapat menggunakan Webmasters tools dari Google. Berikut caranya :
          • Login ke Blogger.
          • Masuk ke Webmasters tools
          • Pilih blog yang ingin Sobat periksa.
            mengetahui duplikat konten
          • Klik Pengoptimalan > Penyempurnaan HTML.
            disana akan di beritahu laman yang bermasalah dan jumlahnya, lihat gambar.
            mengetahui duplikat konten
          Untuk mengoptimalkan SEO sebaiknya perbaiki kesalahan yang ada pada blog sobat, baik itu duplikat meta tag, duplikat meta deskripsi, ataupun masalah lainnya.

          Sekian dulu artikel kali ini, untuk selanjutnya akan kita bahas Cara Mengatasi Duplikat Konten.
          Memperbaiki Warning Rich Snippets Testing Tool

          Memperbaiki Warning Rich Snippets Testing Tool

          Rich Snippets adalah sebuah alat penguji yang memeriksa struktur data HTML dari template sebuah blog, pada saat kita melakukan pengujian dengan alat ini kadang ditemukan warning atau pesan kesalahan yang tentu saja akan lebih baik jika diperbaiki.

          Ketika saya cek blog ini di Webmaster Tools Rich Snippets, ternyata terdapat beberapa peringatan, Artinya terdapat file yang di butuhkan hilang pada situs web, ini di anulir menjadi bentuk Peringatan / Warning!, karena tidak diketahui oleh fitur Rich Snippets yang terdapat di webmaster tools. Hal ini cukup berpengaruh pada sebuah blog, apalagi jika kita ingin menampilkan rating bintang atau photo profile Google+ pada hasil pencarian di search engine Google.

          Agar blog kita lebih optimal tentu kita harus mengatasi hal tersebut, untuk itu kita akan sedikit merubah atau menambah kode pada template blog kita. Buat Sobat yang ingin mengetahui struktur data HTML dari template blog anda, silakan masuk ke Rich Snippets Testing tool, selanjutnya masukkan URL blog sobat, lalu lihat hasilnya apakah ada warning atau tidak, jika terdapat warning / peringatan sebaiknya sobat perbaiki.

          Di bawah ini beberapa peringatan yang sering muncul saat test struktur data :
          • Warning : Missing Required Field "Updated"
          • Warning : Missing required hCard "author"
          • Warning : Missing required field "entry-title"
          • Warning : At least one field must be set for HatomFeed
          Untuk memperbaiki beberapa peringatan tersebut, sobat dapat lihat pada artikel yang saya tulis dibawah ini:
          Semoga Artikel kali ini bisa bermanfaat buat Sobat dalam Memperbaiki Warning Rich Snippets Testing Tool.

          Elvetic Blogger Template

          Template Features :
          Platform TypeBlogger / Blogspot
          Nama Template Elvetic Blogger Template
          Template Authorhttp://kutu-blogspot.blogspot.com/
          Instructions URL Cara Mengganti Template

          Blogger Template

          Membuat Daftar Isi Label Tertentu

          Pada kesempatan kali ini saya akan berbagi tentang tutorial membuat daftar isi berdasarkan salah satu label pada blog. Maksudnya gini, pada sebuah postingan biasanya kita tautkan pada sebuah Label, dan pada postingan yang lain kita menggunakan label yang lain, artinya terdapat beberapa label pada blog kita, dan kita ingin membuat daftar isi yang berisi hanya postingan dari salah satu label tersebut.

          Untuk Membuat Daftar Isi Label Tertentu, Sobat dapat mengikuti tutorial berikut :

          * Untuk Widget :
          • Login ke dashboard blogger.
          • Klik pada Tata Letak > Tambah Gadget.
          • Pilih HTML/Java Script
            membuat daftar isi
          • Lalu isikan kode berikut :
            <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
            <script src="http://kutu-blogspot.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
            Keterangan :
            kutu-blogspot.blogspot.com ganti dengan alamat blog Sobat.
            Blogger Templates ganti dengan Label yang ingin ditampilkan.
            10 ganti dengan jumlah postingan yang ingin di tampilkan.
          • Klik Save dan periksa blog Sobat.
          * Untuk Halaman :
          • Login ke blogger Anda, kemudian buat sebuah halaman dengan judul Daftar Isi.
          • Kemudian klik pada tab Edit HTML.
            membuat daftar isi
          • Lalu masukkan kode berikut :
            <div style="overflow:auto;height:450px;padding:10px;border:1px solid #eee">
            <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
            <script src="http://kutu-blogspot.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=999&alt=json-in-script&callback=recentpostslist"></script>
            </div>
          • Klik tombol Preview / Pratinjau untuk melihat hasilnya, jika sudah benar klik Publish Page / Tayangkan Laman. Lalu buka Blog Sobat dan lihat hasilnya�
          Demikian tutorial kali ini, selamat mencoba dan semoga berhasil Membuat Daftar Isi Label Tertentu.
          Mengatasi Missing Required Field "entry-title"

          Mengatasi Missing Required Field "entry-title"

          Warning: Missing required field "entry-title" adalah salah satu pemberitahuan dari Rich snippets testing tools tentang kode title blog Sobat yang kurang tepat. Untuk memperbaikinya ada beberapa cara, tergantung kode template yang sobat gunakan.

          Untuk cara pertama, Sobat dapat melakukan langkah berikut :
          • Masuk ke akun blogger anda
          • Klik pada Template. (backup dulu template anda).
          • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Tekan Ctrl + F di keyboard lalu cari kode hentry, Sobat akan menemukan kode dibawah ini :
            <div class="post hentry">
            <div class="post hentry uncustomized-post-template">
          • Kalau sudah ketemu hapus kedua hentry pada kode di atas, jadi hasilnya seperti ini :
            <div class="post">
            <div class="post uncustomized-post-template">
          • Terakhir klik Simpan Template, dan cek di Rich snippet tools.
          Jika cara diatas tidak berhasil, silakan coba cara kedua :
          • Masih di menu Edit HTML.
          • Tekan Ctrl + F di keyboard lalu cari kode
            <h3 class='post-title.........' ></h3>
            Tergantung pada template blog Anda, blog Anda mungkin menggunakan tag H1 / H2.
          • Ganti kode di atas dengan kode di bawah ini:
            <h3 class='post-title entry-title'>
          • Simpan Template, dan cek di Rich snippet tools.
          Hanya itu tips dari saya tentang Mengatasi Missing required field "entry-title".
          Memperbaiki Missing Required hCard "Author"

          Memperbaiki Missing Required hCard "Author"

          Sama halnya dengan Missing Required Field "Updated", peringatan yang satu ini juga sering di alami para blogger. Missing required hCard "author", Intinya ada kode yang kurang pada blog Sobat yaitu kode author yang tidak ada atau tidak tepat.

          Untuk mengatasi Warning yang satu ini Sobat dapat mencoba langkah berikut :
          • Login ke akun blogger anda
          • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
          • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Cari kode <b:if cond='data:post.hasJumpLink'>, dan letakkan kode berikut di atasnya.
            <div class='vcard' id='hcard-Madie Zha'>
            <span class='fn n'>
            <span class='given-name'><data:top.authorLabel/>
            <span class='fn'><data:post.author/></span></span>
            </span></div>
            Yang warna biru ganti dengan nama Sobat.
            *Sebenarnya sobat bisa meletakkan kode tersebut pada Post-header ataupun Post-footer, jadi tidak harus di atas <b:if cond='data:post.hasJumpLink'>.
          • Terakhir Simpan Template dan cek blog sobat di Rich Snippets Testing.
          Jika terdapat 2 warning seperti Missing required field "updated" dan Warning: Missing required hCard "author". Sobat dapat menggunakan kode berikut :
          <div style='background-color: #F6F6F6; color: auto; border: 0px solid #eee; width:100%; margin: 0px; padding: 0.1px; font-family: Arial,Verdana,Sans-serif; font-size: small; text-align: left;'>
          <div class='vcard' id='hcard-NAMA'>
          <span class='fn n'> <span class='given-name'><data:top.authorLabel/>
          <span class='fn'><data:post.author/></span></span></span></div>
           <a class='updated' href='http://kutu-blogspot.blogspot.com/' rel='bookmark'>Nama Blog</a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></div>
          Letakkan di atas <b:if cond='data:post.hasJumpLink'>. Lalu Simpan Template Anda.

          Semoga berhasil memperbaiki Missing required hCard "author".

          NofxSilver Blogger Template

          NofxSilver Template adalah template blogger gratis. Sama halnya dengan TB-Nofx template, template ini merupakan template yang ringan, hanya warnanya saja yang saya rubah, namun tidak mengurangi kesan sederhana pada template ini.

          Template Features :
          Platform TypeBlogger / Blogspot
          Nama Template NofxSilver Blogger Template
          Template Authorhttp://kutu-blogspot.blogspot.com/
          Instructions URL Cara Mengganti Template

          Blogger Template

          Memperbaiki Missing Required Field "Updated"

          Memperbaiki Missing Required Field "Updated"

          Ketika saya cek blog ini di Webmaster Tools Rich Snippets Testing, ternyata terdapat peringatan Missing Required Field "Updated". Ini adalah pemberitahuan tentang kode time yang hilang atau kurang tepat, Ini cukup berpengaruh pada blog dan harus diperbaiki karena menyangkut verifikasi blog.

          Buat sobat yang mengalami masalah yang sama, sobat dapat mencoba langkah di bawah ini untuk memperbaikinya :
          • Masuk ke akun blogger anda
          • Klik pada Template. (jangan lupa backup dulu template anda, untuk menghindari sesuatu yang tidak diinginkan).
          • Selanjutnya, klik Edit HTML dan klik Proceed / Lanjutkan.
          • Beri tanda centang pada Expand Template Widget.
          • Cari kode
            <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
          • Ganti kata 'published' dengan kata 'updated', seperti kode berikut :
            <abbr class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
          • Simpan Template dan cek lagi di Rich Snippets Testing.
          Selain cara di atas sobat juga bisa menggunakan cara lain untuk Memperbaiki Missing Required Field "Updated". misalnya menambahkan kode berikut :
          <a class='updated' href='http://kutu-blogspot.blogspot.com/' rel='bookmark'>Tutorial Blog</a>
          Kode yang berwarna hijau ganti dengan alamat dan nama blog Sobat.
          Letakkan kode tersebut diatas <b:if cond='data:post.hasJumpLink'> atau di bawah <div class='post-footer-line post-footer-line-1'> atau di bawah <div class='post-header-line-1'/>, terserah Sobat mau meletakkan dimana!!
          Jika sudah silakan cek di Rich Snippets Testing Tools.

          Segitu aja Sob, semoga bisa membantu dalam Memperbaiki Missing Required Field "Updated".

          Eywo Blogger Template

          Template Features
          Platform TypeBlogger / Blogspot
          Nama Template Eywo Blogger Template
          DescriptionEywo Blogger Template adalah template blogger gratis yang ringan dengan 2 buah sidebar di sebelah kanan, space ads, minimalist, dan motif yang sederhana.
          Template Authorhttp://kutu-blogspot.blogspot.com/
          Instructions URL Cara Mengganti Template

          Blogger Template

          Menampilkan Rich Snippet Rating Bintang 5

          Rich Snippet Rating bintang berfungsi menampilkan Bintang lima untuk setiap artikel blog kita pada hasil pencarian di search engine Google, contohnya seperti gambar berikut Ini :
          Rich Snippet Rating bintang

          Sebenarnya saya belum mengerti betul apa kelebihan Rich Snippet, setidaknya pengaturan ini akan membuat hasil pencarian blog kita di Google tampak lebih professional karena dilengkapi rating meskipun itu buatan sendiri.

          Untuk membuat Rich Snippet bintang 5, silahkan lakukan langkah berikut :
          • Login ke blogger.
          • Klik Template, Pilih Edit HTML dan lanjutkan.
          • Setelah itu centang Expand Widget Template.
          • Cari kode <data:post.body/>, gunakan Ctrl f pada browser anda untuk mencari.
          • Tepat di bawah kode <data:post.body/> masukkan kode berikut
              <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <div style='margin-top: 30px; font-size: 11px; color:#777;'>
              <div itemscope='' itemtype='http://data-vocabulary.org/Review'>
              <center>Judul: <span itemprop='itemreviewed'><data:post.title/></span>;  Ditulis oleh <span itemprop='reviewer'><data:post.author/></span>;  Rating Blog: <span itemprop='rating'>5</span> dari 5</center>
              </div>
              </div>
              </b:if>
            Jika ada 2 kode <data:post.body/>, letakkan di bawah keduanya.
          • Terakhir klik Simpan Template
          Untuk melakukan pengujian apakah pemasangan kode ini berhasil, silakan masuk ke halaman Google Rich Snippet Testing Tool. Pada halaman tersebut masukkan URL salah satu artikel anda ke dalam kotak yang bertuliskan "Enter a web page URL to see how it may appear in search results", Jika sudah memasukkan URL silahkan klik tombol Preview. Alat ini akan segera menampilkan contoh tampilan hasil pencarian blog anda di Google. Jika anda sudah melihat tampilan Rich Snippet yang disertai tanda bintang lima itu berarti pemasangan kode yang anda lakukan sudah berhasil.

          Silakan di coba Sob, moga berhasil Menampilkan Rich Snippet Rating Bintang 5.

          Cara membuat Read More otomatis di Blog

          Cara membuat Read More otomatis di Blog - dengan menambahkan kode javascript pada template blog. Kali ini yang akan saya bahas mengenai cara membuat read more di blogspot atau blogger. tapi dengan cara manual setiap postingan. Ok kita mulai bahasan mengenai cara membuat read more otomatis di blogspot. Fungsi read more itu sendiri adalah meminimalis penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read more otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read more atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blog.


          Langkah-langkah cara membuat Read More Otomatis di Blogspot :
          • Login ke Blogger Masing- masing
          • Buka halaman design >> Edit HTML >> centang Expand template widget
          • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
          • Paste kode berikut tepat dibawah </head>
          <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
          • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p>  ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
          • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah ini
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
          <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
          </script>
          <span class='rmlink' style='float:right;padding-top:20px;'>
          <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
          </b:if>
          <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
          • Finish simpan template dan lihat hasilnya

          Cara membuat Read More otomatis di Blogspot ini bisa anda rubah sebagian. Yang bisa dirubah adalah berwarna merah saja dan berikut ini adalah keterangannya :
          1. summary_noimg = 430; apabila artikel anda tanpa gambar satupun maka yang akan tampil pada halaman depan adalah 430 huruf
          2. summary_img = 340; apabila artikel anda berisi gambar maka yang akan tampil pada halaman depan adalah 340 huruf dan gambar
          3. img_thumb_height = 100; ini adalah ukuran tinggi gambar / thumbnail yang akan muncul di halaman depan
          4. img_thumb_width = 120; sedangkan yang ini adalah lebar gambar / thumbnail di halaman depan.
          5. Anda juga bisa mengubah Icon read more http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif silahkan diganti URL icon yang anda inginkan. Atau anda ingin mengubah Icon Read more tersebut menjadi tulisan saja misalnya " >> Read more ", maka anda tinggal menghapus / mengganti kode <img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img> menjadi tulisan >> Read More atau Baca selengkapnya dll.

          Semoga artikel cara membuat read more otomatis di blog ini bermanfaat. Selamat mencoba dan semoga berhasil.