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.

Read More

Tips Mengatasi Pencurian Artikel Blog

Ketika saya menemukan sebuah blog yang mencuri penuh artikel blog saya ini dengan menggandalkan fasilitas import pada feedrss, saya merasa jengkel, karena postingan yang kita ketik sendiri dengan susah payah dengan mudahnya dibajak oleh autoblog yang menggandalkan langganan feed pada blog, apalagi tidak di sertai dengan backlink sumbernya.

Karena itu kita jangan menganggap remeh pengaturan feed pada blog, agar para pencuri artikel tidak leluasa menerapkan aksinya, pada postingan ini saya ingin berbagi trik untuk mengatasi pencurian artikel dengan menyeting feed pada blog kita.

Berikut beberapa cara yang bisa kita terapkan pada blog :

Cara pertama dengan mengubah izin feed blog yang tadinya "penuh" menjadi "singkat".

Dengan cara ini pembajak feed hanya dapat mencopy artikel kita secara terbatas yaitu 400 karakter pertama saja.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Izinkan Umpan Blog", ganti opsi Penuh menjadi Singkat.
  
• Simpan Setelan

Cara kedua dengan memberikan link aktif alamat blog sobat pada kolom "Footer Feed Posting".

Ini berguna apabila pembajak feed mencopy penuh artikel sobat, maka dibawah postingan terdapat link aktif yang berfungsi menjadi backlink.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Footer Feed Posting" klik "Tambahkan".
  
• Lalu masukan script dibawah ini:
  
  <a href="URL BLOG">Copyright by: NAMA BLOG</a>
  contoh :
  <a href="http://wadahtutorial.blogspot.com/">Copyright by: Tutorial Blog</a>
  
• Simpan Setelan

Cara ketiga dengan menghapus feed pada Blogger.

Dengan cara ini para pembajak feed tidak dapat mencuri artikel anda, karena tidak ada feed yang akan di bajak, namun para pelanggan blog kita tidak dapat mengetaui update artikel baru di blog kita. Jadi dipikir dulu sebelum menerapkan cara ini.

Caranya :

• Login ke Blog sobat.
• Klik Dasbor > Setelan > Lainnya.
• Pada "Izinkan Umpan Blog" pilih "Tak Satupun".
  
• Simpan Setelan.

Semoga dengan beberapa cara di atas Sobat dapat lebih melindungi blog sobat dari para pembajak feed.

Read More

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.

Read More

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 :

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.

Read More

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.
  
• 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://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script>
  </div>
  Keterangan :
  
  • Ganti Alamat wadahtutorial.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://wadahtutorial.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script>
  </div>
  • Ganti Alamat wadahtutorial.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.

Read More

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/AVvXsEh0aFq1yTepymaKFh-B0pG75oZJUy1tBwYxdjC1ndAE07E8Nl_KWr2Q2CM0WdkBpQMYBsISXdIV8AeDSv0QHMRLPR7cthlpQm9A44OTFydVOxtOP7ks6rzoON9DI_WSAEyd-wOfYWU44s4/&quot;,threshold : 200}); }); </script>
• Terakhir klik Simpan Template.

Sekarang lihat blog Sobat dan rasakan bedanya, semoga bermanfaat...

Read More

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.
  
• Klik Pengoptimalan > Penyempurnaan HTML.
  disana akan di beritahu laman yang bermasalah dan jumlahnya, lihat gambar.
  

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.

Read More

Elvetic Blogger Template

Template Features :

Platform Type	Blogger / Blogspot
Nama Template	Elvetic Blogger Template
Template Author	http://wadahtutorial.blogspot.com/
Instructions URL	Cara Mengganti Template

Read More

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
  
  
• Lalu isikan kode berikut :
  
  <script src='http://html-scripts.googlecode.com/files/feedlabels.js'/></script>
  <script src="http://wadahtutorial.blogspot.com/feeds/posts/summary/-/Blogger Templates?max-results=10&alt=json-in-script&callback=recentpostslist"></script>
  Keterangan :
  wadahtutorial.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.
  
• 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://wadahtutorial.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.

Read More

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".

Read More