Cara Membuat Komentar Blogger dan Komentar Google+ Bersamaan

Di kesempatan kali ini, Forgini bakal ngebahas tutorial tentang membuat komentar Blogger dan komentar Google+ secara bersamaan. Setelah googling sana sini, nyasar disitu dimari akhirnya nemu juga yang pas! dan ini udah melewati hasil uji coba sendiri gan, tentu saja hasilnya berhasil!. Yuukk, langsung aja follow step-step dibawah:

1. Buka blog sobat
2. Buka daftar entri, lalu pilih template
3. Pilih Edit HTML
4. Cari kode dibawah

<b:includable id='comment_picker' var='post'>...</b:includable>

 Ganti semua kode diatas menjadi berikut:

<b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='threaded_comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

5. Cari kode dibawah

<b:includable id='threaded_comments' var='post'>...</b:includable>

Ganti semua kode diatas menjadi berikut:

<b:includable id='threaded_comments' var='post'>
<div id='com-header'>
<h6>Tinggalkan jejak Anda menggunakan: </h6> <br/> <br/><br/><img class='com-on' id='com-norm' src='https://lh6.googleusercontent.com/-bC6qphhGPL4/UZe1BroAKDI/AAAAAAAAC1Y/Dszw_5JFwis/s356/blogger-comments-on.png' title='Komentar Blogger' width='120'/><h6>atau</h6> <image id='com-gplus' src='https://lh3.googleusercontent.com/-oypxRIK7G04/UZe1BkOxleI/AAAAAAAAC1Q/Hi6mZnJDc4k/s356/google-plus-comments-off.png' title='Komentar Google+' width='120'/>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
 <script>
var _0x4c2d=["gcomments","location","620","BLOGGER","FILTERED_POSTMOD",
"render","comments","display","none","css",
"#gcontainer","block",
"#comments","com-on","addClass",
"#com-norm","removeClass",
"#com-gplus",
"src","https://lh6.googleusercontent.com/-bC6qphhGPL4/UZe1BroAKDI/AAAAAAAAC1Y/Dszw_5JFwis/s356/blogger-comments-on.png",
"attr","https://lh3.googleusercontent.com/-oypxRIK7G04/UZe1BkOxleI/AAAAAAAAC1Q/Hi6mZnJDc4k/s356/google-plus-comments-off.png",
"click","https://lh4.googleusercontent.com/--Dxb_N2PCbU/UZe1BXZjI0I/AAAAAAAAC1U/yXChoEesTdQ/s356/blogger-comments-off.png",
"https://lh3.googleusercontent.com/-jGf0hmrGEF4/UZe1ChA9OuI/AAAAAAAAC1g/OEPmKzT9wvk/s356/google-plus-comments-on.png",
"hasClass","hover","href","http://www.komputekno.com"];
</script>
<script src='http://rasitorasta.googlecode.com/files/blogger-comment.js'/>
<style>

#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left
  }
#com-header {
border: 1px solid #d2d2d2;
padding-bottom: 10px;
float: left;
width: 618px;
margin: 5px 0 5px 0;
background: #f5f5f5;
  }
#com-header h6{
font-size: 16px;
text-transform: none;
font-weight: bold;
text-align: center;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
</style>
</div>
</b:includable>

6. Langkah berikut ini adalah pilihan optional (tidak semua template terdapat kode yang sama) namun jika ada, cari kode dibawah

<div class='post-outer'>
  <b:include data='post' name='post'/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>>
   <b:include data='post' name='threaded_comments'/>
    <b:else/>
   <b:include data='post' name='comments'/>
 </b:if>
</b:if>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  <b:if cond='data:post.showThreadedComments'>
  <b:include data='post' name='threaded_comments'/>
   <b:else/>
  <b:include data='post' name='comments'/>
 </b:if>
</b:if>
</div>

 Ganti semua kode diatas menjadi berikut:

<div class='post-outer'>
 <b:include data='post' name='post'/>
  <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <b:include data='post' name='comment_picker'/>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comment_picker'/>
  </b:if>
</div>

7. Langkah terakhir yaitu klik simpan template.

*Tambahan:
- Jika sobat kebingungan mencari kode-kode tersebut, yang perlu sobat lakukan adalah tekan ctrl+f lalu masukkan kata kunci kode tersebut
- Untuk dapat mengaktifkan kode diatas, matikan perintah Gunakan Google+ Komentar di blog ini yang terdapat pada entri Google+

 

Nah, jika semua langkah yang sobat lakukan benar, maka tampilan komentar sobat akan menjadi seperti gambar dibawah

Cara Mengembalikan Komentar yang Hilang pada Dasbor Blogger

Setelah sempat bingung setengah mati karena semua komentar pengunjung (gak banyak sih sebenarnya, hehe) tidak bisa tampil di postingan blogger, dimana yang awal tampilannya seperti ini:

 

Menjadi seperti ini:

Menjadikan semua ini mimpi buruk buat saya, jadi saya utak-atik kembali blogger sendiri, telusuri perubahan terakhir yang saya lakukan pada blogger tercinta ini, eh eh ternyata usut punya usut yang jadi masalah adalah pada bagian entri Google+. Waktu itu niatnya sih mau kerjasama sama si Google+ ini supaya kalo ada yang komen-komen gitu bisa connect ke Google+ tapi biang kerok sesungguhnya adalah niat baik saya sendiri ternyata, walah walah. Tapi jangan khawatir, caranya luar biasa mudah kok sob, jadi buat sobat-sobat yang menderita hal yang sama dengan saya, wajib perhatikan instruksi dibawah:

1. Buka entri Google+ pada blog sobat

2. Matikan perintah Gunakan Google+ Komentar di blog ini

*Untuk lebih jelas bisa liat gambar dibawah:

 

Nah, jika langkah-langkah yang dilakukan sobat sudah benar maka bisa dipastikan komentar sobat akan muncul kembali. Bukan sulap, bukan sihir!

Haha, semua postingan ini adalah 100% tulus untuk membantu soba-sobat sekalian yang galau seperti saya atau buat yang sekedar pingin tau informasi tentang blogging agar tidak terjerumus seperti saya. semoga info kali ini membantu :)

Kumpulan Kode Tag HTML Beserta Fungsinya

Kumpulan kode atau tag HTML yang sangat sering digunakan beserta dengan penjelasan fungsinya akan sangat bermanfaat dan membantu kita dalam melakukan sesuatu yang berhubungan dengan HTML (Hypertext Markup Language). Mulai dari mendesain web, membuat template, mengedit tampilan blog atau web hingga untuk keperluan posting pada blog atau web.

Apa pengertian dari Tag HTML ?

Tag HTML

Sebelum melihat kumpulan tag HTML, sebelumnya mari kita ketahui dulu apa itu tag HTML secara ilmiah. Hyper Text Markup Language (HTML) sendiri adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web yang ditulis dalam berkas format ASCII. Sedangkan Tag HTML merupakan sebuah kode atau kunci dalam bahasa HTML yang umumnya terdiri dari tag pembuka dan tag penutup yang memiliki tanda kurung siku/sudut. Fungsi tag HTML sendiri untuk memberitahukan browser bagaimana sebuah objek ditampilkan.
Baca juga Cara membuat text area scroll di blog

Kumpulan Macam-macam TAG HTML dan Fungsinya

Tag HTML	Fungsi
<!-- -->	Membuat komentar atau keterangan yang tidak akan terlihat atau dijalankan oleh browser
<a href>	Membuat link ke halaman web atau url tertentu
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awalan dari Java applets
<area>	Memberikan definisi pada daerah image map yang dapat diklik (link)
<b>	Menebalkan teks (Bold)
<basefont>	Membuat tek menjadi beratribut default (ukuran, jenis font, warna dll)
<bgsound>	Memberi background sound atau suara latar pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari sebelumnya
<blink>	Membuat teks berkedip-kedip
<body>	Tag awal untuk memasukan dan membuat pengaturan terhadap text, warna link & lainnya
<br>	Pindah ke baris baru (fungsi enter)
<caption>	Memberi caption atau label pada tabel
<center>	Membuat rata tengah teks atau gambar
<comment>	Membuat komentar atau keterangan yang tidak akan terlihat atau dijalankan oleh browser
<dd>	Membuat teks kedalam atau indents
<div>	Membuat bagian atau section pada html
<embed>	Menyematkan file sound atau avi ke halaman web
<font>	Mengatur jenis, ukuran, dan warna huruf pada teks
<form>	Membuat form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ... <h6>	Membuat heading pada teks yang mengubah ukuran berdasarkan heading yang dipilih
<head>	Mendefinisikan head pada dokumen html
<hr>	Membuat garis horizontal
<html>	Definisi awal dokumen HTML
<i>	Membuat teks menjadi miring (italic)
<img>	Untuk memasukan dan mengatur image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat teks berjalan
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Menghilangkan frames jika browser tidak mendukung
<ol>	Definisi awal dan akhir sebuah Numbering
<p>	Ganti paragraph
<pre>	Membuat teks dengan ukuran huruf yg sama
<script>	Mendefinisikan awal script
<table>	Membuat tabel
<td>	Membuat kolom pada table
<title>	Mendefinisikan judul atau title
<tr>	Membuat baris pada table
<u>	Membuat garis bawah (undescore) pada teks
<ul>	Definisi awal dan akhir sebuah Bullets

Kumpulan tag HTML diatas merupakan tag yang umum dan paling banyak digunakan, tentunya masih ada banyak tag HTML yang lebih spesifik yang tidak saya tampilkan karena sangat jarang digunakan. Semoga kumpulan tag HTML tersebut dapat bermanfaat dalam membantu anda mengerjakan sesuatu.

Kriteria Blog yang Diminati dan Disukai Google

Blogging merupakan kegiatan yang telah digemari banyak orang, mulai dari pelajar, pengusaha hingga ibu rumah tangga. Membuat dan mengelola sebuah blog menjadi hal yang sangat menyenangkan bagi sebagian orang yang menjalankannya. Setiap pemilik blog tentunya memiliki alasan dan tujuan tersendiri dalam mengelola blog, baik itu untuk bisnis atau hanya sekedar hobi.

Memiliki blog yang baik dimata pengguna dan dimata google menjadi hal yangat penting, terutama jika blog anda digunakan untuk tujuan yang serius seperti bisnis atau media penayang ppc. Dengan memiliki blog yang diminati dan disukai google tentunya akan membuat blog anda berada pada posisi yang baik dan memiliki banyak pengunjung.

Untuk membuat dan memiliki blog yang bagus dan memiliki banyak pengunjung kita perlu mengetahui indikator atau kriteria blog yang disukai google. Sehingga kita dapat memperbaiki dan menyesuaikan blog kita tersebut. Berikut adalah beberapa ciri – ciri blog yang diminati google.
Baca juga Pengertian seo onpage dan offpage serta Cara membuat artikel berkualitas

Kriteria Blog yang Disukai Google

Kriteria Blog yang Diminati dan Disukai Google

1. Memiliki tampilan yang bagus, tata letak yang jelas dan rapi serta loading yang cepat (Baca cara
mempercepat loading blog), selain itu sekarang google juga sangat menganjurkan untuk menjadikan blog yang responsive.

2. Domain yang memiliki kepercayaan baik, menurut saya dalam hal ini tidak mesti TLD seperti .com dll, tetapi domain gratis tetap disukai oleh google asalkan domain tersebut jelas dan bukan merupakan domain spam.

3. Usia blog yang lama serta update artikel unik (berkualitas/ bukan hasil copas) yang rutin merupakan hal yang sangat disukai google dan menjadi salah satu kriteria bagaiman google mengindeks blog kita.

4. Memiliki SEO yang bagus, baik dalam onpage seperti inbound link yang relevan dan tepat, maupun backlink yang berkualitas seperti link balik yang dianjurkan blog lain ke blog anda (bukan hasil spam).

5. Memiliki link keluar (Outbond link) yang sedikit dan bertipe nofollow

6. Membahas kata kunci (keyword) yang bermanfaat dan dibutuhkan orang lain. Dalam hal ini google membenci blog yang berisikan por*****fi, pemb4j4kan, dan hal lainnya yang melanggar hak cipta dan bertentangan dengan hukum.

Demikian beberapa kriteria atau ciri – ciri blog yang diminati dan disukai oleh google yang saya rangkum berdasarkan pengalaman, dan informasi dari pihak google dan referensi serta pendapat dari blogger lainnya.

Cara Mendapatkan Uang dari Blog dengan Google Adsense

Cara Mendapatkan Uang dari Blog dengan Google Adsense | Mendapatkan uang dari bisnis atau kegiatan online sudah menjadi hal yang tidak aneh lagi. Saat ini telah banyak cara yang dapat anda lakukan untuk mendapatkan uang dari dunia maya ini. Sebut saja salah satunya melalui blog, dari blog pun banyak cara yang dapat dilakukan untuk meghasilkan uang, beberapa contohnya dengan membuat review berbayar, mempromosikan link affiliasi dan menyediakan slot untuk pengiklan.

Salah satu cara mendapatkan uang dari blog yang paling menjanjikan hingga saat ini yaitu dari memasang atau menyediakan slot iklan, dan media pengiklan yang sangat terpercaya dan banyak digunakan jutaan blogger didunia yaitu Google Adsense . Google adsense sangatlah menjanjikan pendapatan yang lumayan menakjubkan untuk blog anda. Tidak sedikit publisher adsense dari Indonesia yang bisa menghasilkan ribuan dollar tiap bulannya. Bahkan blog yang saya kelola pun menggunakan Adsense sebagai sumber penghasilan.

Mengetahui hal tersebut tentunya harus menjadi motivasi sendiri bagi anda untuk mendapatkan uang dari Google Adsense ini, lalu bagaimana caranya?. Berikut adalah tips dan cara untuk mendapatkan uang dari blog dengan Google Adsense.

Cara Mendapatkan Uang Google Adsense

Cara Mendapatkan Uang dari Google Adsense

1. Membuat / Memiliki Blog

Hal pertama yang harus anda miliki jika ingin memperoleh penghasilan jutaan hingga ratusan juta rupiah dari Adsense yaitu memiliki sebuah blog. Membuat blog bukanlah hal yang susah dan saat ini telah banyak tutorial yang dapat anda baca untuk panduan membuat blog, contohnya saja pada artikel yang saya buat seperti Cara membuat blog di blogger dan Cara membuat blog di wordpress.

2. Membangun Blog

Setelah membuat blog hal selanjutnya yaitu membangun blog tersebut. Jika membuat blog merupakan hal yang sangat mudah, membangun blog menurut saya adalah hal yang gampang – gampang susah, karena membangun blog merupakan tahapan palin penting untuk dapat memiliki pendapatan dari blog. Bagunlah blog anda dengan membuat tampilan blog menjadi menarik dan membuat artikel – artikel yang bermanfaat. Silahkan lihat Daftas situs penyedia template blog dan Cara membuat artikel berkualitas.

3. Mendapatkan Pengunjung

Setelah memiliki sebuah blog, seperti tujuan awalnya keberadaan sebuah blog yaitu adanya pengunjung atau membaca, karena dari pengunjung blog tersebutlah kita nantinya mendapatkan uang dari google adsense. Untuk mendapatkan pengunjung tentunya anda harus mendaftarkan sitemap blog anda ke webmaster agar dapat muncul di pencarian google, selain itu anda juga dapat mendapatkan pengunjung dari social media, promosi iklan dll.

4. Mendaftar dan Memasang Google Adsense

Nah ini merupakan tahap dimana anda sudah akan memulai memperoleh penghasilan dari google adsense. Jika ingin memasang iklan dari google adsense di blog tentunya anda harus mendaftar terlebih dahulu, untuk mendaftar tersebut google adsense akan mereview blog anda secara manual untuk melihat kelayakan blog anda. Jika diterima selanjutnya anda juga harus menjaga hubungan yang baik dengan adsense dengan tidak melanggar ketentuan yang diberikan. Sehingga anda akan dapat memperoleh penghasilan rutin dari blog anda.

Hal paling penting untuk mendapatkan uang dari google adsense sebenarnya adalah usaha, jadi yang harus anda lakukan adalah memulai, mencoba, dan terus berusaha. Karena tidak ada yang praktis di dunia ini dan setiap usaha yang anda lakukan akan selalu mendapatkan kembaliannya baik berupa penghasilan ataupun ilmu. Demikian artikel mengenai Cara Mendapatkan Uang dari Blog dengan Google Adsense, semoga bermanfaat.

Cara Mempercepat Loading Blog yang Lama (Google PageSpeed Insight)

Cara Mempercepat dan Meningkatkan Kecepatan Loading Blog yang Lama merupakan sebuah cara yang banyak diacari oleh para blogger, termasuk saya ini. Hal ini dikarenakan kecepatan loading sebuah blog merupakan salah satu faktor penting untuk membangun blog yang baik. Pada kesempatan terdahulu, saya pernah memberikan artikel mengenai penyebab loading blog lama dan cara mengatasinya. Di dalam artikel tersebut saya telah menjelaskan beberapa poin mengenai cara mempercepat loading blog yang lama ini.

Akan tetapi pada kesempatan kali ini, saya akan memberikan cara mempercepat loading blog yang bermanfaat untuk melengkapi artikel tersebut. Jika dahulu saya memberikan cara cek kecepatan loading blog menggunakan pingdom, kali ini sebagai indikator kita akan menggunakan tool untuk mengetahui kecepatan loading blog dari google yaitu Google PageSpedd Insight.

Internet

Dengan menggunakan tools tersebut selain memberikan score yang menjadi value atau nilai kecepatan loading blog. Anda juga diberikan banyak fitur untuk mempermudah identifikasi anda, contohnya yaitu penilain kecepatan loading blog versi mobile dan PC,  hal yang menjadi prioritas untuk diperbaiki, serta saran dan cara memperbaikinya.

Jadi, bagaimana cara menggunakan tool dari google untuk mempercepat loading blog?
Mudah saja kok, anda hanya perlu menuju situsnya yaitu

https://developers.google.com/speed/pagespeed/insight, Kemudian anda masukan url/alamat blog anda di “Enter the web page URL” dan klik “Analyze”

Dengan melakukan hal tersebut google pagespeed insight akan menampilkan nilai kecepatan blog anda disertai hal yang harus diperbaiki. Selain itu google juga memberikan saran/ cara untuk memperbaikinya. Beberapa masalah yang bisa diperbaiki untuk mempercepat loading blog biasanya:

Mengkompress CSS dan HTML

Mengcompress merupakan kegiatan meminimalkan dan mengefisienkan kode yang terdapat di blog kita sehingga akan membantu mempercepat loading blog anda. Jika ingin tahu caranya baca Cara Compress Css blog dan Cara Compress Html blog

Hosting CSS dan Javascript anda

Dengan menghosting semua css dan javascript blog anda terutama bagi yang menggunakan blogspot, blog anda akan terload lebih cepat dikarenakan browser akan menampilkan konten anda terlebih dahulu serta untuk menampilkan style dan kode java. Browser hanya memproses dari sumber host pribadi anda yang berbeda dengan milik orang lain sehingga akan lebih cepat tentunya. Saya sendiri tidak melakukan cara ini dikarenakan saya merupakan tipe orang yang hobi mengedit templete blog saya, sehingga akan sedikit lebih sulit menurut saya jika perlu menghosting css blog saya

Mengcompress gambar

Gambar atau foto yang ditampilkan untuk menunjang artikel maupun tutorial akan sangat membantu pembaca dan memberikan penampilan yang menarik di blog, akan tetapi gambar merupakan salah satu faktor terbesar yang membuat blog anda lama loading, oleh karena itu usahakan untuk mengkompress dengan aplikasi pengkompress foto.

Selain beberapa hal diatas sebenarnya masih banyak hal yang dapat dilakukan untuk mempercepat loading blog seperti menghapus widget, menggunakan background blog polos dan sebagainya. Akan tetapi hal tersebut relatif dan tergantung dengan kondisi blog anda saat ini. Oleh karena itu gunakanlah pagespeed insight dan lihat hal yang harus anda perbaiki di blog anda untuk mengetahui cara mempercepat loading blog anda yang lama tersebut.