KontenWeb

Penulis
- April 02, 2020
Kategori Konten Artikel Yang Mampu Menarik Banyak Pengunjung - Sesuai janji saya pada artikel yang lalu, kali ini kontenweb.com akan membagikan informasi seputar konten artikel yang masih banyak peminat dan mampu menarik banyak visitor tentunya.

Yang berbeda dari artikel ini dengan artikel yang sebelumnya adalah, artikel ini khusus membahas tentang konten artikel yaitu pembagian jenis dan popularitas konten artikel yang masih memiliki banyak peminat.

Sedikitnya saya akan membagi atau mengelompokkan konten artikel menjadi 6 kategori dan akan disusun berdasarkan popularitas atau banyaknya peminat (pengunjung).
Langsung saja ke jenis atau kategori konten artikel yang paling diminati oleh banyak pengguna dan mampu menarik banyak pengunjung ke situs web adalah:

1. Artikel Berita

Tidak diragukan lagi jutaan bahkan ratusan juta orang di dunia mengunjungi situs web berita dan mengkonsumsi berita setiap harinya, Hal ini admin ungkapkan berdasarkan popularitas atau rank website berita di dunia perwebsite-an.

Meskipun demikian saya anjurkan untuk tidak cepat tergiur untuk beralih ke konten berita, khususnya bagi blogger yang bekerja secara individu konten artikel berita bukanlah pilihan yang tepat.

Ada banyak persyaratan yang harus dipenuhi dan peraturan yang harus ditaati untuk berkecimpung di konten artikel berita, selain itu keyword artikel berita juga tidak bertahan lama, jika isu yang di ulas sudah tidak hangat lagi maka tidak ada visitor yang akan mencarinya kecuali sangat sedikit.

Meskipun kamu berhasil menempati halaman pertama di hasil penelusuran belum tentu website mendapatkan pengunjung organik dari konten berita.

Perusahaan-perusahaan website berita biasanya memanfaatkan sosial media sebagai pasar mereka untuk menarik banyak pengunjung ke situs web mereka.

2. Artikel Tutorial

Konten artikel yang yang masih memiliki popularitas dan peminat yang tinggi adalah artikel tutorial. Website yang mengulas tentang tentang tutorial biasanya lebih mudah untuk mendapatkan lebih banyak kunjungan dan mudah menaikan rank atau popularitas website mereka bahkan nyaris sejajar dengan website berita.

Hal tersebut dikarnakan, website yang memuat artikel tutorial lebih memiliki banyak pengunjung organik (pengunjung yang berasal dari penelusuran kata kunci di mesin pencari) di bandingkan konten artikel berita.

Tidak hanya itu kata kunci pada artikel tutorial biasanya lebih tahan lama masa expired nya bahkan mampu bertahan hingga bertahun-tahun.

Itu sebabnya meskipun tutorial yang ditulis sejak 5 tahun lalu masih mampu menarik perhatian banyak pengunjung.

3. Artikel Kesehatan

Artikel kesehatan termasuk salah satu konten website berbasis artikel yang masih paling di cari saat ini.

Peluang kesuksesan website yang memuat artikel tentang kesehatan tergolong sangat besar, hal itu dikarenakan penelusuran keyword tentang kesehatan tergolong awet dan tahan lama, Generasi sekarang bahkan generasi yang akan datang yang peduli dengan kesehatan mereka di prediksi akan tetap menelusuri dan mengunjungi website yang memuat artikel tentang tips2 kesehatan.

Akan tetapi jika kamu bukan seorang yang ahli dalam hal kesehatan sebaiknya abaikan yang satu ini, karena itu menyangkut kesehatan banyak orang.

4. Artikel Pengetahuan &  Pendidikan

Niche tentang pendidikan mungkin taelah igarap habis oleh ruang ,tetapi itu tidak menutup kemungkinan suksesnya website kamu jika menggarap artikel dengan niche ini.

Coba bayangkan berapa siswa/mahasiswa yang tumbuh setiap tahunnya, jika 20% dari siswa yang ada hobby belajar dengan smartphone maka itu sudah cukup untuk menyukseskan banyak situs web yang menggarap tentang pengetahuan dan pendidikan.

5. Artikel Travelling

Seberapa populerkah artikel tentang travelling? kebanyakan pengelola website tidak begitu berminat menggeluti traveller blogger, mungkin hal itu disebabkan oleh kebiasaan para blogger bekerja dibalik layar, tapi jika kamu melihat rank dan estimasi pendapatan situs-situs traveller blogger internasional kamu mungkin akan berfikir untuk mendalami dan terjun ke dunia traveller blogger.

6. Artikel Destinasi Wisata

Artikel tentang destinasi wisata sekilas terlihat sama dengan dengan artikel traveller blogger, tetapi sebenarnya keduanya berbeda, traveller blogger mendokumentasikan perjalanan dan pengalaman mereka selama berpergian, sedangkan artikel destinasi wisata tidak sepenuhnya di dapat dari pengalaman sendiri seperti traveller blogger.

Penelusuran tentang wisata di mesin pencari juga tergolong cukup tinggi, kamu bisa melihat seberapa populer pencarian tentang wisata pada gambar dibawah ini.
Statistik Pencarian Keyword "Wista"
Pada dasarnya konten artikel terbagi kedalam banyak ketegori, bisa ratusan kategori bahkan lebih dari itu dan masing-masing konten artikel pasti memiliki pembaca dan peminatnya masing-masing.

Jadikan ini sebagai referensi saja dan jangan terpaku pada 6 jenis konten artikel ini saja, semua yang bermanfaat dan mengandung pengetahuan layak untuk dijadikan konten (artikel) website karena setiap artikel memiliki potensi untuk meningkatkan visitor dan popularitas website itu sendiri.

Penulis
- April 01, 2020
Situs web tanpa konten sama seperti rumah kosong, itu artinya tidak ada pengunjung yang akan datang ke situs web jika tidak ada konten disediakan disana.

Pada kesempatan ini kontenweb.com akan berbagi wawasan mengenai konten website yang mungkin bisa dijadikan referensi bagi kamu yang berpropesi sebagai pengelola website terutama bagi blogger-blogger pemula.
Ada banyak jenis konten website di dunia ini tapi tahukah kamu konten website seperti apa yang paling diminati oleh pengunjung dan konten website seperti apa yang mampu menarik banyak pengunjung ke situs web? Berikut pemaparan selengkapnya.

Daftar Konten Web Paling Banyak Peminat (Sering Dicari)

1. Video

Konten website yang paling diminati di urutan pertama adalah video, seiring menurunnya minat baca pengguna, video menjadi alternatif terbaik untuk dijadikan konten website. Sejak kehadiran youtube di dunia perwebsite-an orang-orang kini beralih ke pancarian video, mulai dari hiburan, berita hingga tutorial kini telah dicari lewat pencarian video.
(Video) Konten Website Paling Diminati
Tidak hanya youtube saja yang sukses menarik ratusan juta pengunjung ke situs web mereka melalui konten video, ada ratusan bahkan ribuan website sukses menarik banyak pengunjung ke situs web mereka melalui konten video.

Bagi kamu yang ingin mencoba bersaing di konten video, sekarang belum terlambat, masih banyak kesempatan jika ingin bekerja keras dan keluar sedikit modal untuk mempromosikan situs web kamu.

2. Artikel

Konten website yang paling diminati berikutnya adalah konten article, meskipun sempat mengalami penurunan ternyata konten artikel sampai saat ini belum terkalahkan sepenuhnya oleh konten video dalam menarik pengguna untuk mengunjungi situs web yang berbasis konten artikel.
(Artikel) Konten Website Paling Diminati
Ada banyak hal yang sulit dicerna pengguna melalui konten video maka dari itu, konten artikel menjadi satu-satunya alternatif terbaik untuk saat ini bagi pengguna demi mendapatkan apa yang mereka ingin dapatakan (tuju).

Sebut saja tutorial yang melibatkan bahasa pemograman sebagai contohnya. Dalam hal ini pengguna akan tentap mencari konten artikel, karena mustahil bagi banyak orang untuk menghafal css, html, javascrip dan sabagainya dengan menonton video.

Masih banyak lagi jenis-jenis konten artikel yang masih diminati dan mampu menarik banyak pengunjung ke situs web seperti artikel berita dsb, insya allah akan saya jelaskan dalam artikel yang akan datang.

3. File Dan Sofware Download

Konten website yang masih exis dan masih diminati banyak pengunjung yang ke tiga adalah file dan sofware download.
(File Dan Software Download) Konten Website Paling Diminati
Situs web yang berkecimpung di bidang ini pastinya masih mendapatkan pengunjung dan income yang menjanjikan, meskipun setiap perusahaan smartphone sudah memiliki playstore sendiri, faktanya masih banyak file dan software yang bisa sediakan dan masih di cari oleh banyak pengguna. Terutama file dan software download untuk kepentingan komputer.

4. Tool online

Konten website yang mampu menarik banyak pengunjung ke situs web yang terakhir adalah tool online, tidak hanya diminati tool online juga merupakan konten website yang mampu menarik pengguna yang sama untuk berkunjung ke situs web secara berulang-ulang. Baik itu web tools maupun tool layanan informasi masyarakat.

5. Forum

(Forum) Konten Website Paling Diminati
Konten website yang tidak kalah diminati oleh banyak pengguna ada forum, website forum biasanya disediakan untuk wadah tempat bertanya dan menemukan jawaban.

Bisa dikatakan website forum adalah tempat bertemunya sang penanya dan pemberi jawaban.

Kesuksesan website forum mengundang banyak pengunjung ke situs web tidak perlu diragukan lagi, bahkan website forum mampu memelihara pengguna atau member mereka untuk selalu berkunjung kembali.

Terima kasih sudah mengunjungi situs web kontenweb.com, semoga artikel ini bisa memberikan wawasan maupun referensi yang bagus buat kamu yang berpropesi sabagai pengolola website.

Hubungi admin melalui formulir kontak jika kamu punya referensi lain tentang konten website yang paling diminati oleh banyak pengguna, mari kita share ilmu dan pengetahuan sebanyak-banyak-nya.

Penulis
- Maret 28, 2020
Panduan Lengkap Memasang Iklan Adsense - Sebelumnya tutorial memasang iklan adsense di situs blogger memang sudah banyak bersebaran di internet, baik dari website bantuan google maupun dari blog-blog personal yang berasal dari platform blogger.com. Yang saya lakukan disini adalah memperjelas tutorial-tutorial cara memasang iklan adsense tersebut agar lebih mudah dipahami oleh siapa saja termasuk blogger pemula.

Memasang Iklan Adsense Di Paling Atas Artikel

Lebih spesifik posisi iklan yang saya maksudkan adalah dibawah judul artikel tepat sebelum badan artikel/konten seperti contoh pada gambar dibawah ini;
Untuk memasang iklan adsense diposisi tersebut (diatas posts) yang harus kamu lakukan adalah menempatkan kode iklan adsense tepat sebelum/diatas kode <data:post.body/> yang ada di dalam html template blogger.

Catatan: Template blogger biasanya memiliki kode <data:post.body/> yang lebih dari 1, bisa dua, tiga bahkan lebih, pilih kode <data:post.body/> yang berada di dalam tag kondisional data:blog.pageType == &quot;item&quot; seperti contoh dibawah ini;
[code type="HTML"]<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//Code Adsense Here
<data:post.body/>
<--Other Code-->
</b:if>[/code]
Atau pada desain template yang berbeda akan terlihat seperti berikut ini;
[code type="HTML"]<b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
//Code Adsense Here
<data:post.body/>
<--Other Code-->
</b:if>[/code]
Atau kamu bisa mencoba satu-persatu kode <data:post.body/> yang dimaksudkan diatas.

Memasang Iklan Adsense Dibawah Artikel

Langkah-langkah untuk memasang iklan adsense dibawah artikel (bottom of content) masih sama dengan petunjuk diatas, yang membedakan hanya kode iklan adsense yang akan dipasangkan ditempatkan setelah atau dibawah kode <data:post.body/> seperti contoh berikut ini;
[code type="HTML"]<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//Ads Top Content Here
<data:post.body/>
//Ads Bottom Content Here
<--Other Code-->
</b:if>[/code]
Untuk mempercepat pencarian kode <data:post.body/> ikuti langkah berikut ini;
  • Masuk ke Blogger.com, kemudian
  • Pilih Tab Template > Edit HTML
  • Tempatkan kusor atau klik sembarang di area kode template, kemudian
  • Tekan tombol Ctrl + F pada keyboard
  • Pada kolom pencarian/find action yang muncul masukkan kode <data:post.body/> kemudian tekan enter untuk mulai mencari.

Memasang Iklan Adsense Ditengah Artikel

Jika memasang iklan diatas dan dibawah konten (artikel) cukup hanya menempatkan kode iklan diatas atau dibawah kode <data:post.body/> maka akan berbeda ketika memasang iklan adsense ditengah artikel.

Diperlukan container baru yang dapat membelah/membagi konten agar iklan adsense dapat disisipkan ditengahnya, untuk melakukan itu silahkan ganti kode <data:post.body/> tersebut dengan script berikut ini;
[code type="HTML"]<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='middle-ad'>
//AdSense ad code here
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script async='async' type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4)}
</script>[/code]
Jika ketiga langkah tersebut (memasang iklan adsense diatas, ditengah dan dibawah artikel) saya sederhakan, maka akan terlihat seperti berikut ini;[ads-post]
[code type="HTML"]<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//Ads Top Content Here
<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='middle-ad'>
//Ads Middle Content Here
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
<script async='async' type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);var s=obj1.innerHTML;var t=s.substr(0,s.length/2);var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);if(r&gt;0){obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4)}
</script>
//Ads Bottom Content Here
<--Other Code-->
</b:if>[/code]

Memasang Iklan Adsense Di Footer Of Content

Iklan adsense di footer of content juga tidak kalah populer dikalangan blogger, posisi iklan di footer of content terbilang cukup berpotensi memberikan penghasilan kepada pemilik situs, posisi yang lebih spesifik iklan footer of content adalah dibawah tombol share.

Untuk memasang iklan adsense di footer of content cukup mudah, kamu hanya perlu menambahkan atau memasang kode iklan adsense dibawah kode penutup </article> dengan format seperti berikut ini;
[code type="HTML"]
<b:if cond='data:blog.pageType == &quot;item&quot;'>
//Ads Footer Of Content Here
</b:if>[/code]
Tips: Gunakan iklan adsense responsive untuk mendapatkan performa dan penayangan iklan yang maksimal.

Demikian panduan memasang iklan adsense di template blogger, semoga bermanfaat dan dapat membantu anda dalam menyelesaikan masalah pemasangan iklan adsense, selamat mencoba dan good luck for you.

Penulis
- Maret 28, 2020
Cara Membuat Tabel Responsive - Di tutorial ini, saya akan membagikan desain tabel data responsive yang simple, ringan namun tetap elegan dan memiliki aksesibilitas yang sangat baik untuk pengguna, dan itu saya lalukan hanya dengan menggunakan css dan html dasar dengan size yang sangat kecil karena saya mengerti, halaman web anda mungkin membutuhkan lebih banyak variasi table data yang responsive dan tidak membebani loading situs web.
Jadi langsung saja, ambil css table responsive-nya di bawah ini dan simpan atau pasang di kumpulan css situs web anda, untuk pengguna blogger silahkan letakkan css tabel data diatas kode ]]></b:skin> atau </style>.
[code type="CSS Table Responsive"]table th{color:#1e1e1e}table caption{color:#1e1e1e;font-size:17px;font-weight:700;text-transform:uppercase}table.data,main table{width:100%;background-color:#fff}table.number_list th:first-child{width:26px;text-align:center}table.data th,main table th{background-color:#007b37;color:#fff}table.data th[scope=col],main table th[scope=col]{border-bottom:grey 1px solid}table.data th[scope=row],main table th[scope=row]{border-right:grey 1px solid}table.data,table.data th,table.data td,main table,main table th,main table td{border-collapse:collapse;border:1px solid #ccc;vertical-align:top}table.data td,table.data th,main table td,main table th{padding:4px}table.data th,main table th{font-weight:700}table.data td,main table td{background-color:#fff!important}[/code]
Kemudian, untuk membuat table di halaman posts, silahkan gunakan kode html table data berikut ini melalui mode pengeditan HTML bukan Compose seperti contoh berikut ini;
html table

HTML Table (2 Column)

[code type="HTML"]<table class="data">
 <caption>Teks Table Caption Disini</caption>
<thead>
 <tr><th scope="col">Column 1</th><th scope="col">Column 2</th></tr>
  </thead>
  <tbody>
 <tr><th scope="row">Teks</th><td>Data</td></tr>
 <tr><th scope="row">Teks</th><td>Data</td></tr>
 <tr><th scope="row">Teks</th><td>Data</td></tr>
 <tr><th scope="row">Teks</th><td>Data</td></tr>
  </tbody>
</table>[/code]
Jika kamu ingin membuat table data 4 column dan 5 row, gunakan kode html berikut ini dan ganti teks atau isi data sesuai dengan yang ingin input kedalam tabel.

HTML Table (3 Column)

[code type="HTML"]<table class="data">
 <caption>Teks Table Caption Disini</caption>
<thead>
 <tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col">Column 3</th></tr>
  </thead>
  <tbody>
 <tr><th scope="row">Row 1</th><td>Data</td><td>Data</td></tr>
 <tr><th scope="row">Row 2</th><td>Data</td><td>Data</td></tr>
 <tr><th scope="row">Row 3</th><td>Data</td><td>Data</td></tr>
 <tr><th scope="row">Row 4</th><td>Data</td><td>Data</td></tr>
 <tr><th scope="row">Row 5</th><td>Data</td><td>Data</td></tr>
  </tbody>
</table>[/code]

HTML Table (4 Column)

[code type="HTML"]<table class="data">
 <caption>Teks Table Caption Disini</caption>
<thead>
 <tr><th scope="col">Column 1</th><th scope="col">Column 2</th><th scope="col">Column 3</th><th scope="col">Column 4</th></tr>
  </thead>
  <tbody>
 <tr><th scope="row">Data 1</th><td>Data 2</td><td>Data 3</td><td>Data 4</td></tr>
 <tr><th scope="row">Data 2</th><td>Data 2</td><td>Data 3</td><td>Data 4</td></tr>
 <tr><th scope="row">Data 3</th><td>Data 2</td><td>Data 3</td><td>Data 4</td></tr>
  </tbody>
</table>[/code]
Kamu mungkin ingin melihat demo table responsive ini, sebelum menerapkannya ke situs web, silahkan uji demo table data responsive berikut di berbagai ukuran layar (deice)
Table Data Responsive
Kolom 1Kolom 2Kolom 3Kolom 4
Baris 1Data 1Data 2Data 3
Baris 2Data 1Data 2Data 3
Baris 3Data 1Data 2Data 3

HTML Table Dengan Daftar/List

Kusus untuk membuat table dengan list atau daftar (number list), gunakan kode html table berikut ini, sedangkan kode css table responsive yang digunakan masih sama.
[code type="HTML"]<table class="data number_list">
<caption>Teks Caption Disini</caption>
<thead>
<tr><th scope="col">No</th><th scope="col">Month</th><th scope="col">Production</th><th scope="col">Reject</th><th scope="col">Other</th></tr>
</thead>
  <tbody>
<tr><th scope="row">1</th><td>January</td><td>97%</td><td>2%</td><td>input</td></tr>
<tr><th scope="row">2</th><td>February</td><td>73%</td><td>0,5%</td><td>input</td></tr>
<tr><th scope="row">3</th><td>March</td><td>100%</td><td>5%</td><td>input</td></tr>
<tr><th scope="row">4</th><td>April</td><td>89%</td><td>1%</td><td>input</td></tr>
<tr><th scope="row">5</th><td>May</td><td>65%</td><td>0%</td><td>no data</td></tr>
</tbody>
</table>[/code]
Demo table resposnsive dengan dafar atau list (number list)
Table Responsive With Number List
NoMonthProductionRejectOther
1January97%2%input
2February73%0,5%input
3March100%5%input
4April89%1%input
5May65%0%no data

Spesifikasi Table
  • Desain responsive dan support di banyak jenis browser (IE, Firefox, Chrome, Safari, Opera)
  • Ringan (tidak mempengaruhi kecepatan loading situs web)
  • Font tabel mengikuti setelan font pada halaman web
  • Mudah di pasang di situs web apa saja (blogger, wordpress dll)
  • Gratis selamanya
Demikian tutorial membuat table responsive, semoga artikel ini bisa membantu anda dalam membuat tabel yang responsive di situs web anda dan memberikan manfaat kepada banyak blogger-blogger yang aktif di konten review.

Penulis
- November 14, 2019
Cara Memasang Form Komentar Facebook Di Template Blogger - Beberapa waktu lalu saya baru saja mempublikasikan tutorial memasang plugin komentar disqus di template blogger, dan pada kesempatan ini saya kembali dengan tutorial yang masih membahas form komentar (widget komentar) yaitu "cara memasang form komentar facebook di template blogger".

Secara teknis langkah-langkah yang saya gunakan dalam menginstall / memasang widget form komentar facebook di template blogger masih sama dengan tuturial yang sebelumnya (memasang komentar disqus), jika kamu sudah mengikutinya maka tutorial memasang form komentar facebook di template blogger ini akan terasa mudah untuk diaplikasikan.
Langsung saja ke proses penginstallan form komentar facebook, langkah pertama yang harus dilakukan adalah memasang css facebook comments diatas kode kode ]]></b:skin> atau diatas kode </style> agar tampilan form komentar facebook responsive dan memiliki lebar yang penuh (sesuai dengan lebar post body), berikut css nya.
[code type="CSS"]/* --- Facebook Comments --- */
#container-commentfb .fb-comments,#container-commentfb .fb_iframe_widget,#container-commentfb .fb_iframe_widget span,#container-commentfb .fb_iframe_widget iframe{width:100%;display:block!important;min-width:100%;}[/code]
Selanjutnya kita menuju penginstallan kode html widget dan script facebook comments, lakukan ini secara perlahan (step by step).
[ads-post]
Cari kumpulan kode widget form komentar blogger, atau cari kode di bawah ini;
[code type="HTML"]<b:includable id='comments' var='post'>...</b:includable>[/code]
Atau jika folder kode terbuka maka kode diatas akan terlihat seperti ini;
[code type="JS"]<b:includable id='comments' var='post'>
...other code...
...other code...
</b:includable>[/code]
Kemudian, tepat dibawahnya tambahkan kode facebook app id dan script facebook comments berikut ini (pasang secara beruntun);
[code type="HTML"]<b:includable id='displayed-facebookid' var='post'>
<div id='facebook-comment-appid' style='display:none'>218168578325095</div>
</b:includable>
<b:includable id='facebook-comment' var='post'>
<b:if cond='data:post.allowNewComments'>
 <div id='fb-root'/>
 <div class='facebook-comment comment-box' id='facebook_cm'>
 <div class='hide' style='line-height: 0;visibility: hidden;'>
 <script>
 var APPID = $('#facebook-comment-appid').text();
 if (APPID == '' || APPID == null) {
 APPID = '218168578325095';
 }
 window.fbAsyncInit = function(){
 FB.init({appId:APPID,status:true,cookie:true,xfbml:true});};
 (function(){var e = document.createElement('script');
 e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
 e.async = true;
 document.getElementById('fb-root').appendChild(e);
 }());
 </script>
 </div>
 <script async='async' src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
 <div id='container-commentfb'>
 <div class='fb-comments' data-colorscheme='light' data-num-posts='10' data-width='100%' expr:data-href='data:post.url'/>
 </div>
 </div>
</b:if>
</b:includable>[/code]
Perhatikan nomer seri plugin komentar facebook 218168578325095 pada kode diatas, itu adalah kode facebook app id saya, setelah widget komentar facebook berhasil di install sepenuhnya silahkan ganti kode facebook app-id saya dengan kode facebook app-id anda sendiri.

Langkah selanjutnya cari juga kode dibawah ini;
[code type="HTML"]<b:includable id='iframe_comments' var='post'>....</b:includable>[/code]
Kemudian diatas kode tersebut tambahkan kode berikut ini;
[code type="HTML"]<b:includable id='fn_comment_picker' var='post'>
<div class='comments'>
 <b:if cond='data:post.allowComments'>
  <b:include data='post' name='displayed-facebookid'/>
  <b:if cond='data:top.commentLabel != &quot;facebook&quot;'>
   <b:include data='post' name='comment_picker'/>
  </b:if>
  <b:if cond='data:top.commentLabel == &quot;facebook&quot;'>
   <b:include data='post' name='facebook-comment'/>
  </b:if>
 </b:if>
  </div>
</b:includable>[/code]
Catatan: Jika semua kode yang dimaksud tidak ada atau tidak ditemukan didalam template blog anda, silahkan pasang secara beruntun semua kode dan script facebook comments yang saya berikan tepat berada dibawah kode;
[code type="HTML"]<b:includable id='comments' var='post'>...</b:includable>[/code]
Terakhir cari kode di bawah ini untuk menyelesaikan penginstallan form komentar facebook di template blogger, berikut kode nya;
[code type="CSS"]<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>[/code]
Perhatikan kode comment_picker silahkan ganti 'comment_picker' dengan 'fn_comment_picker' kemudian save template, pada tahap ini widget form komentar facebook sudah selesai di install namun status-nya masih dalam keadaan siaga atau stanby. Untuk menampilkan widget komentar facebook silahkan pergi ke Tata Letak Blogger > Widget Post/Blog klik Edit, pada kolom tampilkan komentar ganti teks "komentar" menjadi "facebook" (tanpa tanda petik), lihat contoh gambar dibawah ini;
Menampilkan Form Komentar Facebook
Penting: Jika sebelumnya kamu sudah mengaplikasikan tutorial memasang komentar disqus dari situs ini maka harap di hapus terlebih dahulu agar pemasangan widget komentar facebook ini berjalan dengan mulus dan jangan lupa follow by email situs ini untuk mendapatkan pemberitahuan konten terbaru dari blog ini.

Kelebihan: Teknik pemasangan plugin komentar facebook pada tutorial ini valid html5 dan memungkinkan anda mengganti form komentar dengan cepat (facebook atau blogger), jika ingin kembali ke komentar blogger kamu hanya perlu mengaktifkan-nya melalui tata letak (ganti "facebook" menjadi "blogger" atau "komentar" dan tanpa tanda petik), Selain itu script facebook comments pada tutorial ini juga memungkinkan browser untuk memuat halaman situs secara dinamis (lebih cepat) karena menggunakan teknik pemuatan script asyncr.

Penulis
- Oktober 13, 2019
Membuat Thumbnail Image Khusus URL HomePage - Home Page atau halaman beranda website harusnya memiliki thumbnail image sendiri seperti logo website yang sudah di desain khusus untuk menggambarkan keorganisasian website itu sendiri, saya memperhatikan banyak situs-situs blog personal yang tidak memperhatikan ini, jadi ketika pengguna membagikan url homepage situs web mereka ke sosial media, gambar thumbnail yang muncul berasal dari halaman post sehingga seringkali gambar thumbnail tersebut tidak sesuai dengan judul dan deskripsi situs.
Cara Membuat Thumbnail Image Khusus URL HomePage
Maka dari itu sekarang saya akan menjelaskan dan membagikan cara membuat thumbnail image khusus URL HomePage dengan menggunakan sedikit tag meta, mari kita simak dengan seksama.
  1. Siapkan gambar atau logo situs kemudian upload ke host masing-masing, kemudian copy url gambar atau logo yang akan dijadikan thumbnail image url homepage
  2. Khusus untuk pengguna blogger silahkan gunakan url gambar logo header masing-masing.
  3. Jika situs tidak menggunakan logo header, silahkan upload gambar melalui posts editor atau page editor,
  4. Setelah gambar berhasil di upload, klik HTML Mode pada post editor untuk melihat url gambar (logo), agar lebih mudah silahkan Open image in new tab untuk melihat url gambar kemudian Copy URL
  5. Setelah URL gambar di dapatkan (di copy), boleh menghapus gambar logo yang ada di post editor, kemudian
  6. Masuk ke HTML Template dan tambahkan kode atau tag meta berikut ini tepat sebelum atau di atas kode </head>.
[code type="HTML"]<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='url_image_here/logo.png' property='og:image'/>
</b:if>[/code]
Secara lengkap meta tags yang mengatur thumbnail image, baik hompage maupun postpage adalah sebagai berikut;
[code type="HTML"]<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_6fSVonxOE5iAJZ2iG1caH0kx5E3djvtVyCTCJI7gEzhKR54ydKSdm-cYGUMMGCBYYVNkGXFVq9sUsFb7nTPA_osIl8zgHpVFpC4_KHtS5us4aUef35ma28fBdFvtZRwu5WV4HtjNKk/' property='og:image'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<b:elseif cond='data:blog.postImageThumbnailUrl'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
</b:if>[/code]
Cara ini bisa juga digunakan untuk memperbaiki logo website yang tidak muncul di sosial media. Sekarang cobalah sendiri, jika anda ingin melihat apakah tutorial ini benar-benar bekerja dengan baik, silahkan share url situs blog Gigi Pages ke sosial media anda.

Penulis
- Oktober 13, 2019
Tips Mengatasi Iklan Adsense Yang Blank - Setelah google adsense melakukan banyak perubahan pada kebijakan iklan mereka banyak publisher yang mengalami iklan adsense blank sehingga banyak terdapat slot iklan kosong karena iklan tidak muncul/tidak tampil.

Sebenarnya ini masalah sederhana bahkan google sendiri telah menjelaskan cara mengatasi iklan adsense yang tidak muncul (blank) tetapi mungkin beberapa publisher tidak memperdulikan notifikasi adsense yang dikirimkan melalui dashboard publisher.
Jika kamu adalah salah satu publisher yang mengalami hal ini (iklan adsense blank), sebaiknya periksa dashboard adsense anda dan ikuti petunjuk pembaharuan google adsense, jika tidak ada pemberitahuan silahkan lihat pada url dibawah ini;
[code type="URL"]https://support.google.com/adsense/announcements/9189068?hl=id[/code]

Penyebab Iklan Adsense Blank Dan Cara Mengatasinya

Sebelum ke tahap mengatasi masalah iklan adsense blank sebaiknya mari kita simak terlebih dahulu faktor-faktor apa saja yang menyebabkan iklan adsense blank padahal sebelumnya muncul.

1. Terkena Dampak Pembaharuan Kebijakan Adsense

Perubahan kebijakan google adsense pada 2019 tidak hanya sebatas perubahan pada dashboard dan penghapusan iklan teks saja, algoritma iklan adsense, tepatnya pada bagian "experiment" juga telah diperbaharui sehingga berdampak langsung pada unit iklan dan penayangan iklan.

Maka dari itu sangat disarankan untuk menghentikan/menghapus experiment lama pada unit iklan agar metrik dan jenis-jenis experiment yang baru (yang ditawarkannya saat ini bekerja dengan baik), Setelah menghapus experiment yang lama tunggulah 1 - 2 hari insya allah iklan akan tayang kembali.

Jika iklan masih tetap blank setelah menghapus experiment, disarankan untuk mengganti unit iklan lama dengan unit iklan baru dan dengan ukuran responsive (recommend).

2. Penayangan Iklan Dibatasi

Jika penayangan iklan adsense anda dibatasi biasanya akan ada pemberitahuan baik itu melalui dashboard adsense maupun pemberitahuan melalui email, ini masalah yang serius pembatasan penayangan iklan umumnya dikarenakan rendahnya kualitas trafik situs, tapi ini belum sampai level banned dan masih bisa diatasi.

Untuk mengatasi pembatasan penayangan iklan adsense perbanyaklah membuat konten original dan pastikan pencarian keyword yang dikandung oleh konten memiliki peminatnya sendiri, selanjutnya pelajari SEO untuk mendorong konten masuk ke halaman 1 Google SERP.

3. Situs Melanggar Kebijakan Adsense

Selain dua hal diatas pelanggaran kebijakan google adsense juga sering menyebabkan iklan adsense menjadi bank, tetapi biasanya hanya dibeberapa halaman saja yang ditangguhkan penayangan iklan-nya, tergantung seberapa berat pelanggaran yang dilakukan.

Jika ingin bermitra lebih lama dengan google adsense, sebagai publisher yang baik sudah seharusnya kita menghindari segala bentuk kecurangan dan memahami dengan baik semua kebijakan-kebijakan google adsense agar terhindar dari pelanggaran-pelanggaran yang mungkin terjadi secara tidak disengaja ketika mengembangkan situs.

4. Akun Adsense Dinonaktifkan (Banned)

Hal ini sebenarnya jarang terjadi karena satu kesalahan kecil saja google dapat mendeteksi dan langsung memberitahukan jika terdapat konten atau halaman situs yang melanggar kebijakan google adsense, banned hanya terjadi pada publisher-publisher yang bandel dengan tingkat kecurangan diluar batas.

Jika itu terjadi maka jalan satu-satunya agar situs tetap memiliki penghasilan adalah dengan beralih ke alternatif iklan yang lain, kamu dapat mencari informasi di search engine mengenai platform iklan digital yang membayar publisher mereka dengan bayaran tinggi seperti google adsense.

Diluar dari 4 hal diatas yang menyebabkan iklan adsense blank adalah situs dalam proses review dan mungkin juga dikarenakan kesalahan ketika memasang kode iklan adsense.

Jika situs dalam masa review tidak banyak yang dapat dilakukan selain terus membuat konten-konten unik dan fresh tetapi jika karena kesalahan pemasangan kode iklan, silahkan baca artikel saya yang membahas tentang pemasangan kode iklan adsense [Klik disini].
x