PANDUAN BLOG | Kumpulan Tutorial Blogger Lengkap
Cara Memasang Notifikasi Cookies di Blogger, Cara Memasang Cookie Consent, Menampilkan Cookie Uni Eropa, Cara Membuat Cookie di Blogger, Menambahkan Notifikasi Cookie di Blogspot

Google mengharuskan para pengguna Blogger untuk memasang Cookie Consent atau Notifikasi EU Cookie Law demi menyesuaikan dengan peraturan yang berlaku di negara Uni Eropa. Aturan ini disebut sebagai General Data Protection Regulation (GDPR) atau Regulasi Perlindungan Data yang digunakan untuk mengatur perlindungan data pribadi di dalam maupun di luar Uni Eropa.

Untuk informasi lebih lengkap silahkan kunjungi Cara Google Menggunakan Cookie, dan untuk informasi lebih lengkap mengenai GDPR, silahkan kunjungi Regulasi Umum Perlindungan Data dari Wikipedia.

Cara Memasang Notifikasi Cookies di Blogger



Silahkan buka halaman Blogger, kemudian pilih menu Tema, lalu klik Edit HTML. Selanjutnya masukkan kode dibawah ini kedalam template blog, atau lebih tepatnya sebelum kode </head> atau sebelum kode </body>.

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#000"
    },
    "button": {
      "background": "#f1d600"
    }
  },
  "position": "bottom-right"
})});
</script>

Pada tahap ini anda sudah berhasil memasang notifikasi cookies atau cookie consent di halaman blog. Untuk melakukan pengujian, silahkan buka situs blog anda pada tab baru di browser dengan mode sebagai tamu. Perlu anda ketahui, notifikasi ini akan hanya muncul sekali karena funsi cookie yang ada pada browser anda telah bekerja.

Contoh Notifikasi Cookies pada Halaman Blog
Contoh Notifikasi Cookies pada Halaman Blog

Itulah pembahasan mengenai Cara Memasang Notifikasi Cookies di Blogger, semoga tutorial ini bermanfaat untuk anda. Apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar yang tersedia dibawah ini.
Panduan Blog

Cara Memasang Notifikasi Cookies di Blogger

Cara Menyembunyikan Iklan Google AdSense di Halaman Pencarian Blogger Blogspot Blog

Tutorial blogger kali mengenai Cara Menyembunyikan Iklan AdSense di Halaman Pencarian. Apa jadinya jika halaman pencarian pada situs blog menjadi penyebab akun adsense anda dibanned? Google AdSense merupakan periklanan yang sensitif dalam hal penempatan iklannya. Mereka dapat mengetahui semua aktivitas yang terjadi pada iklan mereka seperti situs yang digunakan untuk menempatkan iklan, isi konten, hingga letak iklan pada sebuah halaman website.

Google AdSense melarang para pengiklannya untuk menempatkan iklan pada situs yang melanggar kebijakan penempatan iklan adsense. Bagi para pengiklan yang melanggar kebijakan tersebut, pihak dari adsense akan mengirimkan pesan berupa teguran yang dikirimkan melalui email. Jike email ini diabaikan, maka langkah selanjutnya adalah menghentikan kerjasama periklanan tersebut selama 30 hari, atau banned selamanya.

Lalu apa hubungannya dengan Halaman Pencarian? Setiap situs web atau blog pasti memiliki fitur pencarian karena fitur ini digunakan untuk membantu pengunjung menemukan artikel tertentu dengan cara memasukkan kata kunci yang dicari.

Kita sebagai pemilik situs tidak akan tahu aktivitas apa saja yang dilakukan oleh pengunjung ketika menggunakan fitur pencarian. Apakah mereka memasukkan kata kunci yang tidak ada kaitannya dengan topik, atau mereka memasukkan kata kunci terlarang.

Menurut kebijakan penempatan iklan adsense, pengiklan tidak boleh menempatkan iklan pada 2 hal. Pertama, pada halaman yang tidak memiliki konten sama sekali, dan yang kedua adalah, menempatkan iklan pada halaman situs yang mengandung kata kunci terlarang.

Kedua hal tersebut bisa terjadi pada halaman pencarian situs. Ketika pengunjung memasukkan kata kunci yang tidak ada kaitanya dengan topik yang dibahas oleh situs, maka halaman pencarian akan menampilkan halaman kosong alias halaman tanpa konten. Selain itu, pengunjung juga bisa saja memasukkan kata kunci terlarang pada pencarian, misalnya kata kunci yang mengandung unsur 18+.

Menempatkan iklan adsense pada halaman pencarian situs blog sangat beresiko apalagi aktivitas diatas bisa saja dilakukan dengan sengaja. Agar hal tersebut tidak terjadi, maka ada baiknya kita menyembunyikan iklan dari google adsense pada halaman pencarian. Berikut ini langkah-langkahnya.

Cara Menyembunyikan Iklan AdSense di Halaman Pencarian



Pertama-tama, kita membutuhkan ID dari widget yang digunakan untuk menampilkan iklan google adsense. Silahkan kunjungi dashboard Blogger, kemudian pilih Tata Letak atau Layout, lalu klik Edit pada widget tempat kode adsense disimpan.

Cara Menemukan Widget ID Blogger
Dashboard Blogger

Pada tahap ini anda sudah berhasil menemukan HTML ID pada widget tempat menyimpan kode iklan adsense. Selanjutnya, kita akan mengubah widget tersebut agar tidak muncul pada halaman pencarian blog. Silahkan pilih menu Tema kemudian klik Edit HTML.

Edit HTML
Dashboard Blogger

Selanjutnya, silahkan klik Lompat ke widget kemudian pilih ID widget tempat menyimpan kode iklan adsense.

Memilih Widget
Edit HTML
Langkah terakhir, silahkan tambahkan kode dibawah ini tepat sesudah kode <b:includable id='main'>.

<b:if cond='data:blog.searchQuery'>

Tambahkan juga kode dibawah ini tepat sebelum kode </b:includable>.

</b:if>

Untuk lebih detail, perhatikan gambar dibawah ini.

Cara Menyembunyikan Widget pada Halaman Pencarian
Edit HTML

Silahkan simpan template kemudian lihat hasilnya. Untuk melakukan pengujian, anda bisa menggunakan fitur pencarian pada situs blog anda. Jika iklan adsense masih muncul, kemungkinan anda salah memilih ID widget, atau masih mengaktifkan iklan adsense otomatis.

Itulah pembahasan mengenai Cara Menyembunyikan Iklan AdSense di Halaman Pencarian di Blog semoga bermanfaat untuk anda. Apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar dibawah ini, terima kasih dan semoga berhasil 😉
Panduan Blog

Cara Menyembunyikan Iklan AdSense di Halaman Pencarian

Cara Melakukan Backup Template Blogger, Cara Backup Theme Blogspot, Cara Download Template Blog, Backup Tema Blogger

Blogger merupakan platform blogging yang paling mudah penggunaannya, itu sebabnya mengapa banyak sekali pengguna blogspot yang semakin hari semakin bertambah. Bahkan blogger juga menjadi salah satu dari sekian banyak situs di internet yang paling banyak dikunjungi oleh pengguna internet dari seluruh dunia.
Panduan Blog

Cara Melakukan Backup Template Blogger

Meta Tag SEO Friendly Valid HTML5, Meta Tag SEO untuk Blogger, Meta Tag SEO Friendly untuk Blogspot, Meta Tag SEO Friendly

Meta Tag SEO Friendly untuk Blogger - Apakah anda sudah pernah mendengar istilah Meta Tag? Bagi sebagian blogger khususnya yang sudah profesional, meta tag merupakan hal yang perlu diperhatikan karena menjadi faktor yang mempengaruhi dalam urusan SEO.

Perlu anda ketahui, meta tag merupakan sekumpulan kode HTML yang digunakan untuk memberikan informasi berupa metadata yang digunakan untuk membantu robot Google mencari data dan menganalisa halaman web. Meta tag merupakan bagian dari optimasi blog untuk memberikan identitas pada halaman blog beserta artikel-artikelnya untuk selanjutnya ditampilkan di halaman pencarian mesin pencari seperti Google, Bing, dan mesin pencari lainnya.

Nah, pembahasan kali ini mengenai cara menambahkan  Meta Tag SEO Friendly, namun sebelum itu, mari kita bahas terlebih dahulu mengenai fungsi dasar beserta elemen pentingnya.

Meta Tag Title


Meta Tag Title merupakan jenis meta tag yang digunakan untuk memberikan informasi mengenai judul halaman pada robot Google. Setelah itu, halaman yang sudah diberikan judul pada meta tag title ini selanjutnya akan ditampilkan di SERP.

Meta Tag Title
Meta Tag Title

Kode Meta Tag Title

<title>Masukan Judul Blog Anda</title>

Meta Tag Description



Meta Tag Description merupakan Meta Tag yang digunakan untuk memberikan deskripsi singkat pada halaman situs. Dikarenakan deskripsi yang akan ditampilkan di SERP singkat, maka dari itu disarankan untuk membuat deskripsi singkat dengan jumlah 130 kata dan maksimal 230 kata.

Meta Tag Description
Meta Tag Description

Kode Meta Tag Description

<meta name="description" content="Masukkan deskripsi singkat blog anda" />

Meta Tag Keyword


Sebenarnya meta tag keyword ini sudah tidak digunakan lagi. Tapi, sebagai pengetahuan saja, Meta Tag Keyword ini digunakan untuk memberikan kata kunci pada halaman website. Dahulu meta tag ini sangat berguna untuk menampilkan halaman situs kita di mesin pencari dengan kata kunci tertentu yang sudah kita targetkan. Penggunaan meta tag keyword sekarang sudah dianggap sebagai Keyword Stuffing dan berbahaya untuk kualitas SEO.

Kode Meta Tag Keyword

<meta content=’keyword1, keyword2, keyword3, name='keywords'/>

Meta Tag SEO Friendly Valid HTML5 untuk Blogger


Dibawah ini merupakan kode Meta Tag yang memiliki kelebihan yaitu SEO Friendly. Meta Tag ini juga sudah banyak digunakan dan diterapkan pada template-template blogger baru. Silahkan tambahkan kode dibawah ini dan letakan sesudah kode <head> atau sebelum </head>.

<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='xxx' rel='publisher'/>
<link href='xxx' rel='author'/>
<link href='xxx' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Tahap selanjutnya, silahkan sesuaikan kembali kode meta tag diatas dengan kebutuhan blog anda.

Itulah pembahasan mengenai Meta Tag SEO Friendly untuk Blogger semoga bermanfaat untuk anda.
Panduan Blog

Meta Tag SEO Friendly Terbaru untuk Blogger

Breadcrumbs SEO Friendly, Cara Memasang Breadcrumbs SEO Friendly, Cara Menambahkan Breadcrumbs

Cara Menambahkan Breadcrumbs SEO Friendly - Breadcrumbs merupakan menu navigasi yang umumnya dapat kita temukan pada halaman blog dengan ciri-ciri berupa link menuju halaman home atau halaman utama, kemudian diikuti dengan label dan judul postingan yang sedang diakses.

Dalam menerapkan SEO pada blog, kita tidak hanya melakukannya ketika membuat artikel saja, tapi juga pada template blog. Memasang Breadcrumbs ini merupakan optimasi SEO yang kita terapkan pada template blog untuk membantu mesin pencari seperti Google merayapi halaman situs blog kita.

Di sisi lain, Breadcrumbs juga berfungsi untuk memberikan informasi kepada pengunjung mengenai halaman yang sedang di akses, mulai dari label hingga judul halaman yang sedang dikunjungi.

Breadcrumbs ini menjadi faktor pendukung SEO yang penting untuk blog. Untuk itu, pada kali ini Panduan Blog akan membagikan Breadcrumbs yang memiliki kelebihan SEO Friendly. Breadcrumbs ini juga sudah terbukti terindex di berbagai mesin pencari juga sudah Valid HTML5.

Contoh Breadcrumb
Contoh Breadcrumb

Cara Menambahkan Breadcrumbs SEO Friendly


Pertama-tama, buka dashboard Blogger, kemudian pilih menu Tema, lalu klik tombol Edit HTML. Silahkan tambahkan kode dibawah ini kedalam template blog, lebih tepatnya sebelum kode ]]></b:skin>.

/* Breadcrumbs */
.breadcrumbs{padding:20px 30px;background:#fff;margin-bottom:20px}
.breadcrumbs a,.post-info a {color:#19abea;}
.breadcrumbs a:hover,.post-info a:hover {color:#454545;}

Selanjutnya, silahkan cari kode dibawah ini pada template blog.

<b:includable id='main' var='top'>...</b:includable>


Langkah terakhir, silahkan tambahkan kode HTML Breadcrumbs dibawah ini tepat sesudah kode yang ditulis diatas.

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb Untuk Halaman Pos -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
Anda di sini : <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
/ <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
/ <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'>Home</a></span> / <span>Without Label</span> / <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Breadcrumb Untuk Label Search dan Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>Archived For <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span>All Post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Pada tahap ini, anda sudah berhasil memasang Breadcrumbs SEO Friendly. Selanjutnya silahkan tunggu sampai Google merayapi semua halaman situs blog.

Anda juga bisa menggunakan Alat Pengujian Data Terstruktur untuk mengetahui jika terjadi kesalahan pemasangan kode breadcrumbs pada template blog anda.

Itulah tutorial mengenai Cara Menambahkan Breadcrumbs SEO Friendly semoga bermanfaat untuk anda. Apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar dibawah ini, terima kasih dan selamat mencoba.
Panduan Blog

Cara Menambahkan Breadcrumbs SEO Friendly

Cara Menampilkan Menu Penghasilan di Blogger

Bagaimana Cara Menampilkan Menu Penghasilan atau Earnings AdSense di Blogger? Perlu Anda ketahui, menu "Penghasilan" atau "Earnings" ini secara default tidak ditampilkan pada akun blog yang menggunakan bahasa indonesia. Menu ini sebenarnya akan muncul dengan sendirinya setelah situs blog Anda sudah memenuhi kriteria untuk mendaftar ke Google AdSense.

Namun untuk memenuhi kriteria tersebut tentu membutuhkan waktu yang cukup lama juga usaha yang tidak setengah-setengah. Nah, bagi Anda yang ingin menampilkan menu earnings ini, Anda bisa menampilkannya sendiri dengan cara pergi ke setelan, berikut ini langkah-langkahnya.

Cara Menampilkan Menu Penghasilan di Blogger


Silahkan buka Blogger, kemudian pilih menu Setelan, lalu klik Bahasa dan pemformatan.

Cara Menampilkan Menu Penghasilan Blogger, Cara Menampilkan Menu Earnings AdSense di Blogspot, Menu Penghasilan Blogger, Menu Earnings Blogger
Dashboard Blogger

1. Silahkan pilih menu Setelan.
2. Pilih Bahasa dan pemformatan.
3. Buka Pilihan Bahasa.
4. Gunakan Bahasa Inggris.
5. Simpan Setelan.


Pada tahap ini Anda sudah berhasil mengubah bahasa default akun blog dengan menggunakan bahasa inggris. Selanjutnya, silahkan refresh halaman tersebut, kemudian lihat hasilnya.

Cara Menampilkan Menu Penghasilan di Blogger
Dashboard Blogger

Sangat mudah bukan?

Untuk menampilkan menu penghasilan atau earnings ini Anda perlu menggunakan bahasa lainnya selain bahasa Indonesia. Hal ini bisa dipengaruhi karena persyaratan kelayakan adsense setiap negara berbeda-beda.

Menu penghasilan pada blogger ini sebenarnya akan muncul dengan sendirinya jika blog Anda sudah memenuhi kriteria yang cukup untuk mendaftar ke Google AdSense. Berdasarkan pengalaman sendiri, dibutuhkan waktu seminggu untuk memunculkan menu ini, juga dengan modal postingan yang tidak begitu banyak.

Bagaimana cara mengetahui blog yang memenuhi persyaratan AdSense?

Pada menu penghasilan atau menu earnings, situs blog yang sudah memenuhi kriteria untuk mendaftar ke google adsense akan menampilkan halaman google adsense dengan tombol "Sign up for AdSense" seperti pada gambar diatas. Namun jika blog Anda belum memenuhi persyaratan, ketika Anda klik menu penghasilan maka akan muncul halaman seperti dibawah ini.

Cara Menampilkan Menu AdSense
Dashboard Blogger
Bagaimana cara memenuhi persyaratan mendaftar ke google adsense?

Buat konten sendiri. Banyak blogger pemula yang menyalin ulang artikel di situs lain kemudian dipublikasikan di blog mereka sendiri tanpa melakukan perubahan. Ini merupakan kesalahan umum yang menyebabkan pengajuan pendaftaran ke google adsense selalu ditolak. Sebelum mendaftar google adsense, pastikan semua konten di blog Anda merupakan konten asli yang Anda buat sendiri. Kemudian, menu penghasilan atau earnings ini nantinya akan muncul dengan sendirinya.

Itulah pembahasan mengenai Cara Menampilkan Menu Penghasilan di Blogger, semoga bermanfaat untuk Anda, apabila ada hal lainnya yang ingin ditanyakan, silahkan bertanya melalui kolom komentar yang tersedia dibawah ini, terima kasih banyak dan selamat mencoba 😉
Panduan Blog

Cara Menampilkan Menu Penghasilan di Blogger

Cara Menyesuaikan Featured Post dengan CSS

Panduan blogger kali ini membahas mengenai Cara Menyesuaikan Gadget atau Widget Featured Post dari Blogger dengan menggunakan bantuan CSS. Perlu anda ketahui, "Featured Post" atau "Entri yang Diunggulkan" merupakan gadget yang digunakan untuk menampilkan entri terbaru atau entri tertentu dari daftar postingan yang pernah Anda buat.

Gadget featured post ini fungsinya hampir sama dengan widget popular post, namun yang membuatnya berbeda adalah widget ini berisi daftar post yang kita pilih sendiri. Dengan begitu, Anda dapat merekomendasikan post tertentu kepada pengunjung dengan mudah.

Fitur gadget ini sebenarnya rilis pada tahun 2015 yang lalu, tapi sayangnya gadget ini masih jarang digunakan para blogger. Mungkin hal ini disebabkan karena template yang mereka gunakan belum sepenuhnya mendukung gadget ini.

Nah, pada kali ini saya akan mengajarkan kepada Anda bagaimana cara menyesuaikan tampilan gadget featured post dengan menggunakan kode CSS. Pertama-tama kita harus memasang gadget featured post di blog.


1. Silahkan buka Blogger, kemudian pilih menu Tata Letak/Layout, lalu klik Tambahkan Gadget/Add a Gadget, dan jangan lupa gunakan postingan yang terakhir dipublikasikan.

Gadget Featured Post

2. Selanjutnya, silahkan salin kode dibawah ini tepat sebelum kode ]]></b:skin> pada template blog Anda.

    .feature_image {}
    .feature-post-summary{}
    .feature-post-summary h3{}
    .feature_readmore{}
    .feature_readmore a{}
    .feature_readmore a:hover{}
    .FeaturedPost1 p{}

3. Silahkan sesuaikan dengan kebutuhan Anda sendiri.

Itulah mengenai Cara Menyesuaikan Featured Post dengan CSS, semoga bermanfaat untuk Anda, apabila ada hal yang ingin ditanyakan, silahkan bertanya melalui kolom komentar yang tersedia dibawah ini, terima kasih dan selamat mencoba.
Panduan Blog

Cara Menyesuaikan Featured Post dengan CSS

BELI HOSTING GRATIS DOMAIN

Di zaman serba teknologi saat ini, sudah lagi bukan zamannya Anda kesulitan apalagi kebingungan mencari jasa penyedia hosting dan domain termurah tapi berkualitas. Sebab, DomaiNesia telah hadir menyungguhkan ragam promo dan produk berkualitas, termasuk di antaranya penyedia hosting gratis domain.

Lantas bagaimana caranya beli hosting gratis domain di DomaiNesia?

Sebelum kita mencari tahu cara beli hosting gratis domain di DomaiNesia, mari sejenak memahami apa yang dimaksud dengan hosting dan domain. Dengan begitu, diharapkan kita akan memiliki pengetahuan yang komprehensif sebelum benar-benar membeli domain dan hosting.

Merujuk kepada Wikipedia, hosting merupakan suatu layanan yang berfungsi sebagai media penyimpanan ragam konten dan informasi, termasuk gambar, video dan yang lainnya yang bisa diakses via website. Sementara itu, domain merupakan "alamat" yang bisa mengantarkan kita ke media penyimpanan tersebut.

Sebagai media penyimpanan, pilihlah web hosting yang memiliki kecepatan yang baik bahkan stabil. Meski begitu, web hosting yang berkualitas bukanlah satu-satunya yang mempengaruhi kecepatan website. Kita juga harus memperhatikan unsur lainnya seperti teknologi yang digunakan server, jenis server, media penyimpanannya serta sistem operasinya.

Hosting yang baik dan berkualitas juga biasanya akan melengkapi sistem dan fiturnya dengan perangkap pengamanan yang mumpuni. Perangkat keamanan yang dimaksud misalnya CloudFlare, Security Protection, Antivirus, Antimalware, Spam Filter, dan lainnya.

Satu hal yang tak kalah penting, hosting yang ideal juga harus memiliki kemampuan menangani beragam urusan muatan data. kapasitas hosting harus sangat diperhatikan agar website kita siap menangani meledaknya trafik akibat serbuan pengunjung. Jangan sampai website jadi down dan merugikan kita selaku pengelola.


Maka dari itulah, kita harus benar-benar selektif dalam memilih web hosting terbaik. Ketika Anda tidak punya cukup waktu untuk melakukan pemilihan dan seleksi, segeralah mengakses domainesia.com. Di sana terdapat ragam informasi bermanfaat yang dapat membantu Anda mengelola web dengan cerdas dan minim biaya.

Setelah mengenal apa itu domain dan hosting, mari menginjak pada pembahasan utama, yakni mengetahui cara Beli Hosting Murah Gratis Domain melalui DomaiNesia.

Setidaknya ada dua alasan, mengapa Anda otomatis untung jika membeli hosting di DomaiNesia:

KEUNTUNGAN PERTAMA, Anda otomatis dapat instalasi aplikasi web, bahkan Anda bisa memilih sendiri aplikasi web yang Anda inginkan. Jika Anda bingung, kami akan siap sedia memberikan sejumlah rekomendasi menyesuaikan dengan kepentingan dan kebutuhan Anda. Adapun instalasi aplikasi web yang tersedia antaranya WordPress, Joomla, Ghost, PrestaShop, OpenCart dan yang lainnya.

KEUNTUNGAN KEDUA, Anda berpeluang dapat domain GRATIS, jika Anda memilih paket hosting super dengan siklus minimal satu tahun. Jika belum mau mengambil paket, Anda akan tetap dapat untung berupa diskon alias potongan harga sebesar 20 persen dari harga hosting di pasaran.

Lantas bagaimana caranya order paket agar dapat domain?

Cara beli hosting gratis domain di DomaiNesia sangatlah mudah. Untuk lebih jelasnya, mari simak langkah-langkahnya berikut ini:

1. Silahkan mengakses website resmi DomaiNesia di https://www.domainesia.com/. Anda bisa mengaksesnya lewat komputer maupun telepon pintar Anda.

2. Berfokuslah pada form pencarian, silahkan tuliskan nama domain yang Anda inginkan. Seperti diketahui, tersedia bermacam-macam nama domain, di antaranya ".com" atau dot commercial, ".net" atau dot network, ".org" atau dot organization, ".edu" atau dot education dan lain-lain.

Nama Domain

Nama domain yang barusan kami sebutkan masuk kategori top level, makannya kami menyarankan Anda memilih salah satu di antara mereka. Setelah beberapa saat, sistem web akan menampilkan sejumlah nama domain. Yang harus Anda lakukan adalah memilih salah satu yang sesuai dengan keinginan Anda.

3. Langkah selanjutnya untuk beli hosting gratis domain di DomaiNesia adalah dengan mengeklik pesan paket hemat, kemudian pilihlah lokasi server hostingnya.

Paket Hemat Hosting Gratis Domain

4. Aturlah siklus penyewaannya, sebab di sinilah kunci gerbang Anda agar mendapatkan domain gratis. Yakni dengan cara memilih paket selama satu tahun.

5. Selesai.

Tak berhenti pada promo beli hosting gratis domain, DomaiNesia tak mau setengah-setengah tebar-tebar layanan menguntungkan agar Anda bisa melakukan pengembangan website dengan budget minimal.

Buktinya, DomaiNesia juga menyediakan Addons seperti DNS Management maupun Email Forwarding yang bisa Anda peroleh secara GRATIS! Ragam kemudahan dan promo berkualitas untuk menunjang pengelolaan web begitu bertebaran di DomaiNesia. Maka dari itu, mari segera bekerjasama dan rasakanlah ragam transaksi menyenangkan di DomaiNesia!
Panduan Blog

Beli Hosting Berpeluang dapat Domain Gratis! Siapa Mau?!

Subscribe Our Newsletter