Tutorial Blogger | shannen pio

Cara Meletakan Google Analytics 4 (GA4) di Blog AMP

2023-08-16T00:32:00.009-07:00

Setiap orang memiliki kesibukan dalam kesehariannya. Bukan tanpa halangan, aktivitas seseorang kadang menemui rintangannya masing-masing. Tak jarang mereka merasa stres menghadapi masalah yang datang silih berganti.Namun bagiku TIDAK!! itulah kata-kata ku di awal mulai ngeblog lagi. Kali ini saya akan membagikan tutorial cara meletakan kode google google analytics 4 (GA4) di Blog AMP.

Properti terdahulu Google Analytics (universal analytics) benar-benar akan berhenti memproses data mulai 1 Juli 2023. Artinya, properti tersebut tidak dapat lagi digunakan untuk melihat page views, traffics, backlinks dan lainnya untuk blog atau website terkait.

Disana juga sudah disediakan kode Gtag untuk kita memasangnya di blogger kita. namun sayangnya kode tersebut hanya berlaku untuk mengguna non AMP saja. Sebenarnya google sendiri sudah menyediakan untuk pengguna AMP, namun sayangnya setelah saya coba tentanya tidak bekerja (not work).

Namun demikian, di porperti teranyar ini kita tetap tidak diberikan script kode pelacakan khusus untuk AMP. Maka solusinya pergi ke Documentation amp-dev, pada tab pembahasan amp-analytics.

Cara Memasang Google Analytics 4 untuk Blogger AMP

Buka Blogger
Pilih Tema, pada SESUAIKAN pilih Edit HTML

Kemudian letakkan kode dibawah ini tepat berada diatas kode </body> atau </body>

<amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include" class="i-amphtml-layout-fixed i-amphtml-layout-size-defined" style="width:1px;height:1px" i-amphtml-layout="fixed">
  <script type="application/json"> 


    { 


      "vars": { 


        "GA4_MEASUREMENT_ID": "G-XXXXXXXXXX", 

        "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com", 

        "DEFAULT_PAGEVIEW_ENABLED": true, 

        "GOOGLE_CONSENT_ENABLED": false, 

        "WEBVITALS_TRACKING": false, 

        "PERFORMANCE_TIMING_TRACKING": false, 

        "SEND_DOUBLECLICK_BEACON": false 


      } 


    } 


  </script> 

</amp-analytics>

Ganti G-XXXXXXXXX dengan kode google analytics 4 kalian
Jika sudah pilih Simpan Tema

itulah tadi cara memasang kodenya untuk pengguna blogger. Untuk pengguna wordpress sendiri berikut tutorialnya.

Cara Memasang Google Analytics 4 untuk WordPress AMP

Buka menu wordpress kalian
Guanakan plugin insert header footer yang sudah support AMP

Kemudain letakkan kode ini pada kolom footer atau tepat berasa diatas kode </body> atau </body>

<amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
<script type="application/json"> 

{ 

    "vars": { 

                "GA4_MEASUREMENT_ID": "G-XXXXXXXXX", 

                "GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com", 

                "DEFAULT_PAGEVIEW_ENABLED": true, 
    
                "GOOGLE_CONSENT_ENABLED": false, 

                "WEBVITALS_TRACKING": false, 

                "PERFORMANCE_TIMING_TRACKING": false, 

                "SEND_DOUBLECLICK_BEACON": false 

    } 

} 

</script>
</amp-analytics>

Ganti G-XXXXXXXXX dengan kode google analytics 4 kalian
Juka sudah pilih Simpan

Cara Mengatasi Error Body Tag AMP Bulan Agustus 2020

2020-08-19T07:26:00.000-07:00

Hari ini saya mendapatkan pemberitahuan error di google search console. Error yang dikabarkan dipemberitahuan adalah error tentang body dan tag yang menyebabkan blog AMP tidak valid. Bunyi kalimat error kurang lebih seperti di bawah ini.

Tag atau teks yang hanya diizinkan di dalam bagian isi, ditemukan di luar bagian isi.
Tag 'BODY' muncul lebih dari satu kali dalam dokumen.

Antuk lebih jelasnya saya lampirkan tangkapan layar error yang berimbas ke halaman AMP di shannenpio.blogspot.com. Silakan cek gambar di bawah ini.

Setelah saya cari-cari solusinya di google. Ternyata saya sedikit sekali menemukan jawaban yang ngena. Maka putuskan untuk mencarinya ke kompiajaib milik Kang Adhi Suryadhi.

Di kompiajaib inilah saya menemukan solusinya. Kalau kang Adhi sendiri menyebutnya error AMP agustus. Karena error ini memang muncul merata di blog AMP blogger. Termasuk shannenpio.blogspot.com yang menggunakan template AMP Kompiajaib v3 buatan Kompi Ajaib.

Sebenarnya pemberitahuan ini telah masuk tanggal 10 bulan ini (agustus 2020) namun karena saya cukup sibuk dengan pesanan blog dari teman-teman jadi belum sempat melakukan perbaikan.

Nah, hari ini seperti biasa jomblo seperti saya tidak memiliki acara malam mingguan. Mencoba untuk melakukan validasi error dengan menerapkan solusi yang dibeberkan Kang Adhi dalam mengatasi Error 10 agustus.

Apa yang harus Anda lakukan untuk mengatasi error pada blogger AMP seperti di atas?

Berdasarkan apa yang kang Adhi jelaskan. Error ini terjadi karena ada perubahan di edit HTML Blogger. Seperti Anda ketahui bahwa sekarang ini Blogger sedang mengupdate fitur-fiturnya termasuk dengan editor HTML.

Perubahan yang membuat error ini adalah adanya penambahan kode untuk data-ad-client Adsense yang menggunakan komentar  pada sumber HTML blog.

Anda bisa melihat ada tanda ---> ditampilan blog bagian atas saat diakses. Ini juga terjadi pada shannenpio.blogspot.com sebelum dilakukan validasi perbaikan AMP seperti saran kompi ajaib.

Perubahan yang membuat error dan cara memperbaikinya

Untuk memperbaiki error ini, silahkan ikuti langkahnya berikut ini.

Silahkan temukan kode berikut:

<HTML

Silahkan ganti dengan kode berikut:

<html b:css='false' b:js='false'

Sebagai hasilnya seperti ini:

Sebelum:

<HTML expr:dir='data:blog.languageDirection' lang='id'>

Sesudah:

<html b:css='false' b:js='false' expr:dir='data:blog.languageDirection' lang='id'>

Kemudian temukan kode berikut:

</head>
<body>

Silahkan ganti dengan kode berikut:

</head>
<body>

Dan terakhir temukan kode berikut:

</body>
</HTML>

Silahkan ganti dengan kode berikut:

</body>
</html>

Selanjutnya, setiap akan edit HTML theme, silahkan hapus kode yang ditandai di bawah ini sebelum SAVE tema. (Jika Ada)

<html b:css='false' b:js='false' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Sehingga jadi seperti berikut.

<html b:css='false' b:js='false' expr:dir='data:blog.languageDirection' lang='id'>

Sampai di sini untuk sementara semua langkah sudah Anda lakukan dengan baik dan dianggap selesai.

Namun ada yang digaris bawahi oleh kang Adhi bahwa kemungkinan akan ada error baik itu AMP atau non AMP di blogger. Semua error kemungkinan terjadi karena efek perbaikan dan perombakan besar-besaran yang dilakukan oleh google selaku pemilik blogger.

Catatan : Cara ini telah dipublikasikan di kompiajaib. Shannenpio.blogspot.com hanya sebagai salah satu pengguna template AMP blogger buatan kang Adhi Suryadhi yang melakukan triks di atas untuk mengatasi error AMP 10 agustus. Semua isi berupa solusi adalah milik kompiajaib. Silakan berkujung langsung untuk penjelasan lebih rinci.

Animation Razer CSS Border

2020-08-06T00:43:00.002-07:00

Asaalamualaikum sobat Shannenpio akan menerangkan Animation Razer CSS Border - Jika Sobat seorang penggemar Razer, efek perbatasan bercahaya RGB ini pasti akan mengesankan Anda. Dalam efek perbatasan ini, Anda mendapatkan warna RGB yang cemerlang bergerak dari sudut ke sudut. Jika Anda sedang membuat website game, hal-hal seperti ini pasti akan membantu Anda dalam membangun relasi dengan audiens.

Karena sebagian besar aksesori game hardcore memiliki efek RGB ini dan gamer jelas menyukai desain ini. Efek animasi warna-warni sederhana ini dirancang menggunakan skrip CSS3. Oleh karena itu, Anda dapat menggunakan efek ini bahkan di situs web Anda yang sudah ada.

Skripnya sangat sederhana dan tidak akan membebani halaman web Anda dan juga berfungsi dengan baik pada perangkat seluler.

Download

Cara Membuat Tombol Show Hide Kolom Komentar ala Blog ini

2020-08-05T09:29:00.000-07:00

Asaalamualaikum sobat Shannenpio akan menerangkan Cara Membuat Tombol Show Hide Kolom Komentar ala Blog ini - Bagaimana kabar kalian? Pada kesempatan sebelumnya fahrinheit sudah berbagi tips blogging mengenai cara membuat gradasi warna pada background template blog. Apakah kalian sudah mencobanya? Tips tersebut berguna untuk mempercantik tampilan blog agar menarik pengunjung lebih betah bertahan di blog kalian. Nah pada kesempatan kali ini fahrinheit akan berbagi kembagi kembali salah satu tips yang tentunya sangat berguna yakni cara membuat tombol show-hide kolom komentar blogger.

Untuk tips yang satu ini juga saya ikuti dari salah satu blog panutan saya yakni blog Kompi Ajaib dari Mas Adhi Suryadi. Walau terlihat sepele namun tombol show-hide (buka-tutup) kolom komentar ini sangat berguna untuk mempercepat loading website anda. Tombol ini dapat meringankan loading blog karena perangkat (komputer/android) tidak perlu mengakses kolom komentar yang biasanya justru memperberat loading blog apalagi jika terdapat banyak komentar di dalam suatu artikel. Nah oleh karena itu tips yang satu ini sangat disarankan bagi anda yang mempunyai blog dengan kecepatan loading halaman yang cukup lama.

Penasaran bagaimana caranya? Yuk simak artikelnya berikut ini bagaimana cara membuat tombol show hide kolom komentar pada blogger ala blog Kompi Ajaib .

1. Masuk ke akun blogger anda.

2. Selanjutnya masuk ke menu template dan pilih menu edit HTML.

3. Setelah masuk menu edit html, selanjutnya cari script di bawah ini dengan menggunakan fitur pencarian (Ctrl + F) :.

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comments'/>

4. Apabila sudah muncul script yang sudah anda cari di atas tadi selanjutnya gantilah dengan script yang ada di bawah ini:.

<b:if cond='data:blog.pageType == "item"'>
<style>
.buka-komen,.tutup-komen{font-family:inherit;background:#696969;color:#fff;font-size:16px;line-height:1.3em;padding:8px 10px;text-align:center;font-weight:700;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;margin:20px 0 0;cursor:pointer;}
.buka-komen{display:block;margin-bottom:20px}
#comments-box{display:none}
</style>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen' onclick='document.getElementById("comments-box").style.display="block";document.getElementById("tutup-komen").style.display="block";document.getElementById("buka-komen").style.display="none"' role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' hidden='hidden' id='tutup-komen' onclick='document.getElementById("comments-box").style.display="none";document.getElementById("tutup-komen").style.display="none";document.getElementById("buka-komen").style.display="block"' role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div id='comments-box'>
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comments'/>
</div>

5. Untuk anda yang ingin mengubah warna background dan tulisan pada tombol show-hide komentar agar lebih sesuai dengan warna template bisa kalian ganti pada tulisan berwarna merah yang ada pada script di atas. Atau jika ingin membuat gradasi warna pada tombol tersebut bisa kalian ganti dengan script yang sudah fahrinheit bagikan pada artikel sebelumnya tentang cara membuat gradasi warna pada background template blog..

6. Jika sudah selesai selanjutnya klik save untuk menyimpan. Sampai disini anda sudah selesai membuat tombol show-hide komentar sendiri.

Nah itulah tadi cara membuat tombol show-hide kolom komentar pada blogger ala blog Kompi Ajaib. Sangat mudah sekali bukan? Anda hanya tinggal menambahkan beberapa script yang sudah fahrinheit bagikan di atas. Dengan memasang tombol ini maka pagespeed blog anda akan menjadi lebih cepat dari sebelumnya. Sekarang selamat mencoba sendiri. Demikian artikel kali ini, semoga bermanfaat. Nantikan lagi berbagai tips blogging dari fahrinheit yang lainnya. See ya.

Rahasia SEO Cara Menjadi No.1 Google [Share Pengalaman SHANNENPIO]

2020-08-03T00:57:00.001-07:00

Asaalamualaikum sobat Shannenpio akan menerangkan Rahasia SEO Cara Menjadi No.1 Google [Share Pengalaman SHANNENPIO] - Jika sobat cek di Google Indonesia (google.co.id), saat ini blog ini berada di nomor satu untuk kata kunci “Amp cobbaan.”

Mendapatkan ranking No.1 di Google dengan total hasil pencarian mencapai puluhan juta bisa dibilang merupakan pencapaian yang cukup bagus.

Bahkan untuk kata kunci “Template Blogger” dengan total hasil pencarian mencapai ratusan juta lebih blog ini berhasil muncul di halaman pertama.

Dengan ranking blog ini yang cukup bagus maka tidak heran jika banyak pelanggan yang saya dapatkan datang melalui mesin pencari Google.

Bagaimana caranya bisa begitu, Mas?

Nah, itulah yang akan saya bagikan pada postingan ini.

Jika sobat penasaran dengan cara SEO yang saya gunakan, silakan disimak postingan ini dengan seksama.

Kenapa Belajar SEO Penting bagi Blogger?

Sebelum saya lanjut ke pembahasan utama, pertama saya ingin menjelaskan dulu alasan kenapa menurut saya belajar SEO merupakan hal yang sangat penting bagi seorang blogger.

Mungkin sobat berpendapat bahwa untuk mendapatkan pengunjung blog tidak harus menggunakan SEO, tapi bisa juga dengan promosi media sosial, atau metode promosi lainnya.

Memang betul, SEO bukan satu-satunya cara untuk mendapatkan pengunjung blog. Tapi SEO tetap menjadi cara terbaik untuk mendapatkan pengunjung blog.

Berikut adalah beberapa alasan kenapa Belajar SEO penting bagi blogger:

A. Pengunjung dari Mesin Pencari Lebih Berkualitas

Orang yang menggunakan mesin pencari tentunya karena mereka sedang mencari sesuatu, entah itu mencari informasi ataupun mencari produk.

Jika sobat jualan produk atau jasa di blog seperti saya, pengunjung yang datang dari mesin pencari akan lebih mudah dikonversi menjadi pelanggan jika mereka menemukan apa yang mereka cari di blog sobat.

Sedangkan pengunjung yang datang dari media sosial akan lebih sulit dikonversi menjadi pelanggan. Bukan tidak mungkin, hanya akan lebih sulit.

Alasannya karena pengguna media sosial umumnya tidak sedang mencari sesuatu, melainkan hanya sedang menghabiskan waktu luang.

Itulah kenapa pengunjung yang datang dari mesin pencari jauh lebih berkualitas.

Terus apakah berarti promosi di media sosial itu tidak perlu dilakukan?

Tentu saja harus tetap dilakukan, hanya saja jangan dijadikan sebagai fokus utama.

B. Mendapatkan Trafik Pengunjung yang Stabil

Alasan kenapa belajar SEO penting yang kedua adalah dengan menerapkan strategi SEO, blog kita akan lebih berpotensi mendapatkan trafik pengunjung yang stabil.

Jika blog kita mampu mendapatkan ranking yang bagus di mesin pencari, pengunjung dari mesin pencari akan datang terus menerus tanpa harus secara aktif melakukan promosi.

Hal tersebut sangat berbeda jika promosi di media sosial. Jika berhenti melakukan promosi, otomatis pengunjung yang datang juga akan berhenti.

C. Belajar SEO = Belajar Membuat Blog Menjadi Lebih Baik

Dengan belajar SEO secara tidak langsung kita juga akan belajar bagaimana mengoptimalkan blog supaya menjadi lebih baik lagi.

Karena inti dari SEO adalah tentang bagaimana mengoptimalkan blog kita, dari segi teknis maupun dari segi non-teknis.

Mungkin hanya itu saja beberapa alasan-alasan kenapa Belajar SEO sangat penting untuk seorang blogger.

Sekarang kita lanjut ke pembahasan utama, yaitu mengenai strategi SEO yang saya gunakan.

Bangun Kredibilitas Blog

Hal pertama dan paling penting supaya blog kita bisa mendapatkan ranking yang bagus adalah kita harus membangun kredibilitas blog di mata mesin pencari google.

Tujuan mesin pencari google adalah menampilkan hasil pencarian yang relevan, berkualitas, dan juga dari sumber yang terpercaya.

Jika blog kita masih baru, belum memiliki banyak konten, maka akan sangat sulit untuk mendapatkan ranking yang bagus di mesin pencari.

Dari mana Google tahu kalau blog kita memiliki kredibilitas atau terpercaya, Mas?

A. Faktor yang Mempengaruhi Kredibilitas Blog

Banyak sekali faktor yang digunakan Google untuk menilai apakah blog kita memiliki kredibilitas dan terpercaya atau tidak.

Salah satu yang paling utama adalah link dari situs lain yang mengarah ke blog kita atau biasa disebut backlink.

Yang paling penting dari backlink ini adalah kualitasnya daripada jumlahnya.

Semakin berkualitas backlink yang blog kita dapatkan, semakin terpercaya blog kita di mata mesin pencari google.

Seperti apa backlink yang berkualitas itu, Mas?

Backlink dofollow
Backlink yang berasal dari situs yang sudah memiliki kredibilitas
Backlink yang berasal dari situs/halaman yang relevan
Backlink yang diletakan di bagian konten (Contextual Links)

Terus cara supaya dapat backlink berkualitas bagaimana, Mas?

Banyak sekali metode yang bisa digunakan untuk mendapatkan backlink berkualitas.

Tapi karena fokus saya di postingan ini adalah berbagi pengalaman pribadi, jadi saya hanya akan menyebutkan metode yang saya gunakan saja.

Berikut adalah cara yang saya lakukan:

a. Mendapatkan Backlink dari Link Footer Template Blogger Gratis

Dulu di blog ini saya sering berbagi template blogger gratis. Dari template blogger gratis inilah blog ini mendapatkan backlink yang berasal dari link credit pada footer template.

Backlink yang saya dapatkan dari metode ini bisa dibilang tidaklah begitu berkualitas karena link yang saya dapatkan berasal dari footer (Sitewide links), bukan di dalam konten (Contextual Links).

Selain itu link yang saya dapatkan juga sama sekali tidak relevan karena yang menggunakan template blogger gratis saya membahas berbagai macam topik.

Karena alasan tersebut saya pribadi tidak menyarankan sobat untuk menggunakan metode ini. Lagipula tidak semua orang bisa membuat template blogger.

b. Ciptakan Konten yang Luar Biasa

Tidak seperti metode pertama yang saya jelaskan di atas, metode ini lebih bersifat universal dan lebih disarankan. Siapa pun bisa melakukannya.

Menurut saya satu-satunya cara untuk mendapatkan backlink yang benar-benar berkualitas adalah dengan menciptakan konten yang luar biasa.

Luar biasa seperti apa, Mas?

Berkualitas
Unik, lain dari yang lain
Pembahasan secara mendalam
Menginspirasi
Memotivasi
dll.

Saya yakin sobat sudah mendapatkan gambarannya seperti apakah konten luar biasa itu.

Jika kita mampu menciptakan konten luar biasa, blog kita akan memiliki kesempatan lebih besar untuk mendapatkan backlink secara natural. Backlink yang didapatkan secara natural adalah salah satu ciri-ciri backlink yang berkualitas.

Orang lain yang melihat kontan di blog kita terutama seorang blogger akan dengan suka rela mereferensikan blog kita melalui postingan di blog mereka.

Contoh beberapa konten di blog ini yang mendapatkan banyak backlink natural adalah , .

Konten-konten tersebut adalah konten yang saya buat sebisa mungkin supaya bisa masuk ke dalam kategori konten yang luar biasa.

Berikut bukti backlink yang saya dapatkan berdasarkan statistik Google Search Console.

Backlink yang didapatkan cukup banyak mengingat blog ini membahas topik seputar blogging. Tentunya pembaca blog ini rata-rata adalah seorang blogger.

Jika topik yang dibahas blog sobat bukan seputar blogging, bisa dipastikan blog sobat tidak bisa mendapatkan backlink sebanyak blog yang membahas topik seputar blogging.

Tapi meskipun begitu, seperti yang sudah saya sebutkan di awal, yang paling penting dari backlink adalah kualitasnya bukan kuantitasnya.

Membuat konten yang luar biasa ini bukan hanya penting sebagai sarana untuk mendapatkan backlink natural, tapi juga sangat penting untuk membangun kepercayaan calon pelanggan di blog kita.

B. Cara Mengukur Kredibilitas Blog

Seperti yang sudah sempat saya singgung di atas, Google sendiri menggunakan banyak sekali faktor untuk menilai apakah blog kita memiliki kredibilitas atau tidak.

Kita sendiri sebagai pemilik blog juga bisa menilai atau mengukur kredibilitas blog yang kita miliki.

Salah satu caranya adalah dengan mengecek Domain Authority (DA) dan Page Authority (PA) blog kita.

Untuk cara mengeceknya sobat cukup kunjungi https://moz.com/link-explorer

Pada bagian dropdown pilih “exact page” setelah itu masukan alamat blog dan selanjutnya klik “Analyze.”

Semakin tinggi Domain Authority dan Page Authority blog sobat, semakin tinggi pula tingkat kredibilitas blog sobat.

Tapi perlu diperhatikan di sini, bahwa Domain Authority dan Page Authority bukan sebuah ukuran yang digunakan Google untuk menilai tingkat kredibilitas sebuah blog.

Domain Authority dan Page Authority adalah sebuah metrik/ukuran yang digunakan perusahaan SEO bernama moz.com untuk menilai kualitas sebuah website.

Metrik ini dihitung berdasarkan dari jumlah dan kualitas backlink yang didapatkan blog kita.

Metrik ini tentunya tidaklah 100% akurat, namun paling tidak tetap bisa dijadikan sebagai gambaran seberapa kredibel blog kita di mata mesin pencari Google.

Satu hal lagi yang perlu diingat, membangun kredibilitas blog ini harus dilakukan secara terus menerus, jadi bukan hanya di awal-awal saja.

Target Kata Kunci yang Tepat

Untuk mendapatkan ranking yang bagus di mesin pencari Google tentunya pertama sobat harus tahu dulu kata kunci apa yang ingin ditarget.

Memilih keyword atau kata kunci yang tepat adalah langkah yang sangat penting.

Keyword yang kita target tentunya harus relevan dengan konten atau produk yang akan kita tawarkan.

Selain itu kita juga harus memastikan keyword yang ditarget banyak diketikkan oleh pengguna mesin pencari.

Di sini saya tidak akan menjabarkan secara detail langkah-langkah dalam melakukan riset kata kunci. Saya hanya akan menjelaskan beberapa poin-poin pentingnya saja.

A. Pahami Search Intent

Yang pertama sobat perlu memahami yang namanya Search Intent.

Search intent adalah tujuan seseorang melakukan pencarian di mesin pencari Google.

Ketika seorang melakukan pencarian di mesin pencari tentunya mereka mempunyai tujuan tertentu.

Misalnya jika mereka mencari dengan kata kunci :

“Cara Membuat Nasi Goreng”

Dari kata kunci tersebut tentunya kita tahu kalau tujuan orang tersebut adalah mencari informasi mengenai cara membuat nasi goreng.

Lalu bedakan dengan kata kunci ini:

“Beli Samsung Galaxy S11”

Dari kata kunci ini kita tahu kalau orang tersebut bukan berniat mencari informasi, melainkan sedang berniat membeli HP Samsung Galaxy S11.

Apa yang membedakan? Yang membedakan adalah tujuannya.

Search Intent sendiri terdapat 4 jenis:

Informational intent

Pencarian dengan tujuan mencari informasi.

Contoh :

“Cara membuat roti”

“Cara memperbaiki hp rusak”

Transactional intent

Pencarian dengan tujuan transaksi.

Contoh :

“Beli laptop asus”

“Beli Apple Iphone”

Commercial intent

Agak mirip dengan transactional, cuma bedanya kalau yang ini si pencari sudah ada niat untuk melakukan transaksi, hanya sedang melakukan investigasi terlebih dahulu.

Contoh :

“Tempat beli HP terpercaya”

“Harga HP Samsung Terbaru”

Navigational intent

Ini yang biasa dilakukan orang yang males ngetik alamat web di address bar.

Contoh :

“Login Facebook”

“Daftar Facebook”

Kenapa memahami search intent penting, Mas?

Alasanya karena supaya kita bisa memilih kata kunci yang tepat untuk mendapatkan pengunjung yang tepat.

Contohnya jika tujuan sobat adalah untuk berjualan seperti saya di blog ini, maka sobat perlu mencari kata kunci yang masuk ke dalam jenis Transactional intent atau Commercial intent.

Sebagai ilustrasi, misalnya blog sobat menjual roti di blog (mohon maaf ilustrasinya agak absurd).

Nah untuk mendapatkan banyak pengunjung dari mesin pencari sobat akan menarget kata kunci:

“Cara Membuat Roti”

Jika blog sobat mendapatkan posisi satu di Google dengan kata kunci tersebut, saya jamin blog sobat akan kebanjiran pengunjung.

Tapi apakah jualan rotinya akan laku keras?

Belum tentu karena sebagian besar pengunjung yang datang bertujuan mencari tahu cara membuat roti bukan ingin membeli roti.

B. Pahami LSI Keywords

LSI Keywords atau Latent Semantic Indexing keywords adalah kata kunci yang memiliki keterkaitan dengan kata kunci utama.

Banyak yang menyebut LSI Keywords adalah sinonim dari keyword utama. Tapi sebenarnya LSI Keywords lebih dari sekedar sinonim.

Contohnya kata kunci “Smartphone” dan “Android.”

Kita tahu kalau “Smartphone” dan “Android” bukanlah sebuah sinonim, tapi kita tahu kalau keyword tersebut memiliki keterkaitan satu sama salin.

Kenapa memahami LSI keywords penting, Mas?

Alasannya untuk membantu kita dalam membuat konten yang mudah dipahami oleh mesin pencari.

Karena google sendiri dalam memahami sebuah konten bukan hanya mengandalkan kata kunci utama saja, tapi juga LSI Keywords.

Terus untuk penerapannya bagaimana, Mas?

Nanti di bawah akan ada penjelasannya.

C. Utamakan Long Tail Keywords

Dalam memilih kata kunci yang ingin ditarget, menurut saya dan juga menurut banyak pakar SEO di luar sana, sangat disarankan untuk menarget Long Tail Keywords ketimbang Short Tail Keywords.

Long Tail Keywords dan Short Tail Keywords itu apaan, Mas?

Secara gampangnya Long Tail Keywords adalah kata kunci yang spesifik yang biasanya terdiri dari banyak kata.

Sedangkan Short Tail Keywords adalah kebalikannya, yaitu kata kunci yang kurang spesifik dan umumnya hanya terdiri dari 1 – 2 kata saja.

Contoh Short Tail Keywords seperti ini :

“Harga Motor“

“Motor”

Contoh Long Tail Keywords seperti ini :

“Harga Motor Terbaru Tahun 2020”

“Harga Motor Honda Vario Terbaru Tahun 2020“

Kenapa lebih disarankan memilih Long Tail Keywords, Mas?

Alasan paling utama adalah supaya blog sobat bisa mendapatkan pengunjung yang benar-benar tertarget.

Alasan lainnya adalah karena kata kunci yang spesifik persaingannya jauh lebih sedikit ketimbang kata kunci yang terlalu umum.

Jika persaingannya lebih sedikit tentu saja akan lebih memudahkan kita untuk mendapatkan ranking yang bagus di mesin pencari.

Dalam memilih long tail keywords, meskipun secara teori tingkat persaingannya akan lebih sedikit ketimbang short tail keywords, bukan berarti sobat akan dengan mudah mendapatkan ranking yang bagus di Google.

Tingkat kesulitan kata kunci bukan hanya tentang short tail ataupun long tail, tapi banyak faktor lainnya juga yang ikut berpengaruh.

Salah satu yang paling berpengaruh adalah niche atau topik dari konten di blog sobat.

Contohnya untuk niche otomotif, kata kunci :

“Harga Motor Honda Beat Bekas“

Mungkin kata kunci tersebut terlihat cukup spesifik, tapi untuk mendapatkan ranking yang bagus dengan kata kunci tersebut saya jamin tidaklah mudah.

Alasannya karena niche otomotif adalah salah satu niche yang persaingannya sangat tinggi.

Bisa dibayangkan, untuk long tail keywords saja tidak mudah apalagi short tail keywords.

Itulah kenapa sangat disarankan untuk menarget long tail keywords.

Optimasi Konten (On-Page SEO)

Setelah sobat menemukan kata kunci yang ingin ditarget, selanjutnya sobat tinggal membuat konten berdasarkan kata kunci tersebut.

Dalam membuat konten ini tentunya kita harus menggunakan cara SEO supaya konten yang kita buat disukai oleh mesin pencari Google.

Lagi-lagi di sini saya tidak akan menjabarkan secara detail langkah demi langkah dalam membuat konten yang SEO-Friendly. Tapi saya hanya akan menjelaskan beberapa poin-poin pentingnya saja.

A. Buatlah Konten untuk Manusia

Ini adalah poin yang paling penting yang sering kali dilupakan banyak blogger.

Karena mereka terlalu fokus untuk membuat konten supaya disukai oleh mesin pencari Google, mereka lupa bahwa tujuan utama membuat konten adalah untuk dibaca oleh manusia.

Jadi sebelum sobat mengoptimalkan konten untuk mesin pencari, pastikan konten yang sobat tidak asal-asalan, bukan hanya sekedar sekumpulan kata yang tidak bermakna.

B. Penempatan Keyword yang Baik

Untuk penempatan keywords atau kata kunci pada konten yang akan kita buat tidaklah ribet.

Pertama, pastikan kata kunci muncul di tag title. Tag title adalah judul konten yang muncul di bagian tab browser.

Kedua, pastikan kata kunci muncul di tag heading H1. Tag heading H1 adalah judul konten yang umunya muncul di bagian atas konten.

Ketiga, pastikan kata kunci muncul pada alamat URL

Keempat, pastikan kata kunci muncul di paragraf-paragraf awal konten.

Kelima, usahakan kata kunci juga muncul di subheading (H2, H3, dst.)

Itu saja sebenarnya kunci penempatan kata kunci yang benar. Sangat sederhana dan tidak ribet.

C. Keyword Density Penting atau Tidak?

Keyword Density adalah presentase seberapa sering kata kunci yang kita target muncul di dalam konten yang kita buat.

Banyak yang berpendapat keyword density yang bagus adalah 2%, ada juga yang 1%, ada juga yang berpendapat lainnya.

Sebenarnya tidak ada nilai yang ideal mengenai keyword density ini.

Saya pribadi tidak terlalu memusingkan berapa persen keyword density pada konten yang saya buat.

Sebenarnya yang perlu dipahami adalah seperti ini:

Jika kata kuncinya sama sekali tidak muncul di dalam konten, tentunya Google akan kesulitan memahami konten yang kita buat

Jika kata kuncinya muncul terlalu banyak, hal tersebut akan beresiko konten yang kita buat dianggap sebagai spam.

Terus solusinya bagaimana, Mas?

Solusinya mudah saja sebenarnya, cukup fokus pada penempatan kata kunci seperti yang sudah dijelaskan sebelumnya. Selebihnya gunakan kata kunci secara natural, abaikan keyword density.

D. Manfaatkan LSI Keywords

Salah satu solusi lainnya mengenai keyword density adalah dengan memanfaatkan LSI keywords.

Daripada pusing memikirkan keyword density yang pas, lebih baik sobat mencari kata kunci lain yang berkaitan dengan kata kunci utama.

Semakin banyak LSI keywords yang digunakan, akan semakin memudahkan Google memahami isi dari konten yang kita buat.

Misalnya sobat membuat konten tentang Smartphone, sobat bisa memanfaatkan kata kunci lainnya yang berkaitan dengan Smartphone untuk diletakan di dalam konten.

Contohnya mungkin:

“Android”

“IOS”

“Samsung”

“Apple”

E. Optimasi Gambar

Selain dengan teks, google juga memahami sebuah konten berdasarkan dari gambar yang kita gunakan pada konten yang kita buat.

Dalam menggunakan gambar di dalam postingan tidak boleh asal-asal, tentunya harus dioptimasi supaya lebih mudah dipahami oleh mesin pencari Google.

Beberapa optimasi gambar yang bisa dilakukan di antaranya:

Kompress ukuran file gambar agar tidak membuat loading halaman menjadi lambat

Cantumkan kata kunci yang ditarget pada nama file gambar. Contohnya seperti ini : ini-kata-kunci-target.jpg

Cantumkan kata kunci yang ditarget pada atribut alt dan title. .

F. Semakin Panjang Konten Semakin Baik?

Banyak pakar SEO yang berpendapat Google lebih menyukai konten yang panjang dan detail.

Pendapat tersebut berdasarkan dari statistik yang menyebutkan bahwa konten yang panjang umumnya mendapatkan ranking yang lebih tinggi di mesin pencari.

Saya mempercayai statistik tersebut tetapi menurut saya yang mempengaruhi ranking bukanlah panjangnya melainkan kualitasnya.

Salah satu ciri-ciri konten yang berkualitas adalah pembahasannya yang mendalam dan disampaikan secara detail. Konten seperti itu tentunya akan lebih panjang daripada konten biasa.

Jika kontennya sudah berkualitas maka akan meningkatkan potensi direferensikan oleh banyak orang. Dan tentunya bukan tidak mungkin mendapatkan banyak backlink secara natural.

Itulah yang menurut saya mempengaruhi ranking. Bukan semata-mata karena panjang kontennya, tapi karena kualitasnya.

Saya yakin Google tidaklah bodoh, hanya karena kontennya panjang terus rankingnya dinaikin. no no no.

Jadi saran saya untuk sobat semua jangan terlalu memikirkan panjang konten, tapi fokuslah membuat konten yang berkualitas. Salah satu caranya dengan membuat konten dengan pembahasan secara mendalam dan detail.

G. Optimalkan Meta Deskripsi

Penggunaan meta deskripsi sering kali menjadi taktik SEO on-page yang tidak begitu dipentingkan. Entah itu sama sekali tidak memasang meta deskripsi atau memasang meta deskripsi ala kadarnya.

Padahal meta deskripsi sangat lah penting untuk dioptimalkan. Alasannya karena meta deskripsi yang kita pasang akan ditampilkan pada hasil pencarian tepat di bawah judul dan URL artikel.

Bagaimana cara pengoptimalan meta deskripsi, Mas?

Pastikan kata kunci yang ditarget dicantumkan pada meta deskripsi. Hal ini dilakukan supaya deskripsi yang ditampilkan di hasil pencarian adalah dari meta deskripsi yang kita pasang.

Selanjutnya kita harus membuat meta deskripsi yang semenarik mungkin agar meningkatkan CTR atau rasio klik tayang blog kita pada hasil pencarian.

Jadi bukan hanya posisi di hasil pencarian saja yang penting, tapi kita juga harus memikirkan bagaimana caranya supaya konten yang tampil di hasil pencarian menarik untuk diklik pengunjung.

I. Manfaatkan Google Freshness

Google Freshness adalah Algoritma google yang memprioritaskan konten yang fresh pada hasil pencarian Google.

Konten yang fresh di sini maksudnya konten yang baru saja dipublikasikan atau konten yang baru saja diperbarui.

Mungkin sobat pernah mengalami ketika baru saja mempublish konten tiba-tiba konten tersebut langsung muncul di halaman depan hasil pencarian. Tapi selang beberapa hari/minggu tiba-tiba hilang dari halaman depan?

Itulah efek dari Algoritma Google Freshness.

Untuk memanfaatkan algoritma ini caranya adalah dengan memperbarui konten yang kita optimasi secara berkala.

Setiap 1 atau 3 bulan sekali kita perbarui konten yang kita optimasi dengan menambahkan ataupun memperbarui informasi yang ada di dalamnya.

Jika kontennya menampilkan tanggal publish, perbarui juga tanggal publish dari konten tersebut.

Optimasi Blog (On-Site SEO)

Perbedaan on-page dan on-site SEO adalah, jika on-page SEO secara khusus mengoptimalkan konten yang ingin kita ranking, sedangkan on-site SEO adalah mengoptimalkan situs/blog secara keseluruhan.

On-site SEO ada kaitannya dengan pembahasan poin pertama, yaitu tenang membangun kredibilitas blog di mata mesin pencari Google.

Berikut adalah beberapa optimasi on-site yang bisa dilakukan:

A. Perbanyak Konten Berkualitas

Semakin banyak konten berkualitas yang dipublish, semakin banyak pula backlink berkualitas yang bisa kita dapatkan.

Semakin banyak backlink berkualitas, semakin kredibel pula blog kita di mata mesin pencari Google.

B. Optimalkan Kecepatan Loading Blog

Sejak Juli 2018, atau faktor penentu ranking di mesin pencari. Khususnya untuk hasil pencarian mobile.

Zaman sekarang lebih banyak orang yang browsing lewat perangkat mobile daripada desktop.

Supaya tidak kehilangan pengunjung dari perangkat mobile, maka sobat perlu mengoptimalkan kecepatan loading halaman blog.

Caranya bagaimana?

Jika sobat menggunakan WordPress, pilihlah Web Hosting yang memiliki performa terbaik, cepat dan tidak lemot.
Selain itu gunakan tema WordPress yang fast loading.
Bagi pengguna blogspot, pilih template blogger yang fast loading
Jangan memasang terlalu banyak widget yang tidak penting
dan lain sebagainya.

C. Gunakan Desain Blog Mobile-Friendly

Sejak april 2015, atau faktor penentu ranking di mesin pencari. Khususnya untuk hasil pencarian mobile.

Dengan fakta tersebut maka memiliki desain yang mobile-friendly adalah sebuah keharusan.

Untuk memiliki blog dengan desain mobile-friendly tidaklah sulit. Hampir sebagian besar template atau tema blog yang tersedia di internet sudah mobile friendly.

D. Gunakan HTTPS

Sejak agustus 2014, atau faktor penentu ranking di mesin pencari.

Efek SEO dari penggunaan HTTPS ini tidaklah besar, tapi sekecil apapun efeknya kita harus tetap memanfaatkannya.

Bagi sobat pengguna blogspot, untuk menggunkan HTTPS sangatlah mudah karena di blogger.com sudah disediakan fiturnya. Sobat hanya tinggal mengaktifkan saja fiturnya.

Bagi sobat pengguna WordPress, usahakan memilih Web Hosting yang terdapat fitur SSL gratis. Atau bisa juga memanfaatkan SSL gratis dari CloudFlare.

E. Gunakan Schema Markup

Penggunaan Schema Markup di blog merupakan salah satu hal yang paling teknikal dalam strategi SEO.

Schema Markup saat ini bukan menjadi salah satu ranking signal. Tapi bukan tidak mungkin di masa mendatang Google memutuskan untuk menggunakannya sebagai salah satu ranking signal.

Tidak ada salahnya jika blog sobat menggunakan schema markup sedini mungkin.

Untuk menerapkan schema markup ke blog sobat tidak perlu pusing-pusing. Sobat hanya perlu memilih template atau tema blog yang memang sudah menerapkan fitur Schema Markup.

Internal Link Building

Salah satu strategi penting dalam SEO adalah link building atau aktivitas membangun backlink dari situs lain.

Untuk mendapatkan backlink dari situs lain secara natural tidaklah mudah. Meskipun kita sudah membuat konten yang luar biasa, tidak ada jaminan orang lain akan memberikan backlink secara suka rela ke blog kita.

Apalagi jika konten yang kita optimasi bukan konten informasi, melainkan konten untuk promosi dan berjualan, maka jangan berharap bisa mendapatkan backlink secara natural dengan mudah.

Itulah alasan kenapa dalam SEO kita perlu secara aktif melakukan aktivitas link building.

Banyak sekali strategi link building yang bisa dilakukan, salah satu contohnya adalah Guest Posting. Guest Posting adalah aktivitas dimana kita membuat konten untuk dipublish di blog orang lain dengan harapan kita bisa mendapatkan backlink secara gratis sebagai imbal balik.

Jujur saja, saya pribadi tidak melakukan aktivitas link building sama sekali. Tapi saya lebih mengandalkan strategi Internal Link Building. Untuk backlink dari situs lain saya sepenuhnya mengandalkan backlink yang saya dapatkan secara natural.

Apa itu internal link building, Mas?

Internal Link Building adalah strategi membangun stuktur internal link di blog kita sendiri.

Strategi internal link building ini menurut saya efeknya tidak kalah powerfull dengan backlink yang kita dapatkan dari situs lain.

Terus bagaimana cara penerapannya, Mas?

A. Memasang Contextual Link di Halaman yang Relevan

Penerapan strategi intenal link building yang bisa dilakukan pertama adalah dengan menyisipkan link dari suatu halaman ke halaman lain yang relevan secara contextual.

Sebagai contoh halaman yang saya optimasi di blog ini adalah halaman landing page Template Blogger Premium.

Di setiap postingan di blog ini yang relevan dengan topik template blogger, saya selalu menyisipkan link yang mengarah ke halaman tersebut.

B. Gunakan Anchor Text Sesuai Kata Kunci yang Ditarget

Dalam menyisipkan link secara contextual di halaman lain yang relevan, pastikan linknya menggunakan anchor text sesuai dengan kata kunci yang ditarget.

Gunakan juga variasi dari kata kunci utama sebagai anchor text supaya linknya tidak dianggap spam oleh Google.

Contohnya untuk kata kunci yang saya optimasi biasanya saya menggunakan anchor text “Template Blogger” dan juga “Template Blogger Premium” sebagai variasi.

C. Pastikan Link Bersifat Dofollow

Jika kita memasang link di dalam konten, baik menggunakan blogspot atau wordpress, link yang terpasang secara default bersifat dofollow.

Tapi untuk memastikan sobat perlu cek dua kali. Pastikan internal link yang sobat pasang tidak memiliki attribut rel=”nofollow”.

D. Memanfaatkan Sitewide links?

Di awal-awal saya sempat menyinggung sedikit tentang sitewide link. Yaitu tentang backlink yang saya dapatkan dari footer template yang saya bagikan secara gratis.

Sitewide links adalah link yang muncul di setiap halaman situs, baik itu link dari situs lain ataupun link di blog kita sendiri. Umumnya link seperti ini diletakan di bagian footer, menu navigasi, dan juga sidebar.

Banyak pakar SEO yang berpendapat bahwa sitewide links tidak terlalu memberikan efek positif, bahkan Google tidak menghitungnya sebagai backlink.

Saya pribadi setuju dengan pendapat tersebut, itulah kenapa saya mengatakan backlink yang saya dapatkan dari footer template tidaklah berkulitas.

Tapi menurut saya tidak semua sitewide links tidak memberikan efek positif. Khususnya untuk sidewide links yang bersifat internal di blog kita sendiri.

Saya sudah beberapa kali membuktikan ketika saya memasang link untuk konten yang saya optimasi di sidebar ataupun di menu navigasi, selang beberapa hari atau minggu konten tersebut mengalami peningkatan ranking.

Itulah kenapa sampai saat ini saya masih memanfaatkan sitewide links sebagai salah satu strategi internal link building.

Jika sobat cek di menu navigasi blog ini, di situ terdapat link yang mengarah ke halaman produk dan jasa yang saya sediakan di blog ini.

Link tersebut sudah saya pasang selama bertahun-tahun dan sampai sekarang blog ini masih tetap bertahan di No.1 di Google sesuai kata kunci yang saya target.

Yang menjadi pertanyaan adalah, jika link muncul di setiap halaman pada menu navigasi, lalu link yang berada di dalam konten bagaimana? otomatis linknya akan menjadi dobel bukan?

Ada dua kemungkinan:

Google hanya akan menghitung link yang pertama kali muncul, atau Google akan menghitung semua link yang muncul.

Kemungkinan mana yang benar?

Jujur yang tidak tahu.

Kedepannya saya akan mencoba melakukan eksperimen dengan menghapus link yang berada menu navigasi dan membiarkannya selama beberapa bulan.

Hasilnya akan saya update di postingan ini.

Update 23 Januari 2020:

Pada tanggal 16 Desember 2019 link pada menu navigasi saya hapus, dan 15 hari kemudian ranking untuk kata kunci “Template Blogger” saya cek mengalami penurunan dari yang awalnya posisi 7 menjadi posisi 16.

Untungnya untuk kata kunci “Template Blogger Premium” dan “Jasa JV AdSense” tidak mengalami penurunan. Hal tersebut kemungkinan karena kata kunci “Template Blogger” persaingannya jauh lebih tinggi.

Setelah linknya saya copot selama 15 hari, setelah itu saya pasang lagi. Hari ini (23 Januari 2020) saya cek rankingnya sedikit mengalami peningkatan. Dari yang awalnya posisi 16 menjadi posisi 12.

Meskipun posisinya tidak kembali seperti semula, setidaknya eksperimen ini menunjukan jika link yang berada di menu navigasi (sitewide links) memberikan efek.

Hati-hati Keyword Cannibalization

Keyword Cannibalization itu apa, Mas? kok kedengarannya seram banget.

Sebenarnya tidak menyeramkan seperti kedengarannya. Hanya saja keyword cannibalization ini perlu diperhatikan karena dapat menghambat proses optimasi konten.

Keyword cannibalization ini adalah sebuah masalah di mana di blog kita terdapat lebih dari satu halaman yang bersaing dengan kata kunci yang sama.

Hal tersebut berpotensi membingungkan mesin pencari Google untuk menentukan halaman mana yang akan diberi rangking yang lebih tinggi. Hasilnya malah bisa membuat tidak ada sama sekali yang mendapatkan ranking yang tinggi.

Misalnya di blog sobat ada tiga konten yang sama-sama mengandung kata kunci “Smartphone Murah”

Ketiga konten tersebut adalah:

“Harga Smartphone Murah Terbaru”

“Tips Memilih Smartphone Murah“

“Jual Smartphone Murah Bekas”

Dari ketiga konten tersebut sobat ingin mengoptimasi konten “Jual Smartphone Murah Bekas” dengan target kata kunci utama “Smartphone Murah.”

Bagaimana caranya memberi tahu Google kalau konten yang ingin diunggulkan adalah “Jual Smartphone Murah Bekas?”

Hindari sejak awal membuat lebih dari satu konten dengan topik yang sama dan dengan kata kunci yang sama.

Usahakan jangan menggunakan kata kunci yang sama di konten lain yang membahas topik serupa. Gunakan sinonim sebagai alternatifnya.

Buat postingan yang ingin diunggulkan lebih berkualitas daripada konten lainnya membahas topik yang sama.

Jika konten lain yang menggunakan kata kunci yang sama tidak begitu penting, hapus saja dan redirect 301 url-nya ke konten yang ingin dioptimasi.

Belajar SEO Butuh Kesabaran…

Setelah sobat sudah menerapkan semua yang sudah saya jabarkan di atas, hasilnya tidaklah bisa didapatkan secara instan. Belajar SEO memang butuh waktu dan juga proses sampai sobat bisa melihat hasilnya.

Ranking yang bagus dari blog ini tidaklah didapatkan dalam waktu yang singkat, melainkan hasil dari proses optimasi selama bertahun-tahun, sejak awal pertama blog ini saya buat.

Disinilah pentingnya sebuah kesabaran. Jika saat ini blog sobat belum mendapatkan ranking yang bagus di mesin pencari, tidak perlu khawatir dan tidak perlu putus asa.

Saya yakin yang namanya usaha tidak akan mengkhianati hasil.

Oh ya, jangan lupa selain berusaha semakisimal mungkin, harus dibarengi juga dengan doa.

Mungkin hanya sampai di sini saja postingan saya kali ini.

Jika ada pertanyaan atau masukan silakan disampaikan lewat kolom komentar.

Terima kasih.

Cara Membuat Blog Di Github Pages

2020-08-02T08:48:00.002-07:00

Tidak ada salahnya mencoba sesuatu yang baru, termasuk di bidang blogging, apalagi jika hal tersebut dilakukan tanpa biaya alias gratis. Setelah Blogger dan Wordpress sebagai rekomendasi platform gratis untuk blogging, kini saya rekomendasikan juga untuk mencoba membuat blog di Github Pages.

GitHub Pages adalah halaman web untuk halaman pribadi, blog, organisasi, atau proyek yang dihosting dan dipublikasikan melalui repositori Github. Di situ kita bisa membuat web portofolio, profil pribadi ataupun perusahaan, landing page, bahkan blog sekalipun.

Nah kali ini kita akan membahas cara membuat blog di Github Pages. Artinya kita membuat blog di Github Pages yang dapat kita update secara rutin.

Mari kita mulai, silahkan ikuti langkah-langkahnya di bawah ini.

1. Langkah Pertama
Silahkan masuk ke akun Github Anda https://github.com/, jika belum memiliki akun silahkan daftar dulu.

2. Langkah Kedua
Silahkan klik tanda plus (+) di pojok kanan atas dan pilih New Repository. Kemudian isikan untuk Repository Name dengan username.github.io (silahkan ganti username pada username.github.io dengan username Github Anda). Kemudian pilih Public dan centang Initialize this repository with a README lalu klik Create Repository.

Sampai di sini Anda sudah berhasil membuat repository untuk blog Anda, tapi domain username.github.io yang Anda buat tadi belum bisa diakses karena masih memerlukan index.html dan kerangka blog lainnya yang akan kita bahas pada langkah ketiga.

3. Langkah Ketiga
Kini saatnya kita mengisi repository blog yang kita buat pada langkah kedua di atas. Silahkan cari theme versi Jekyll untuk Github Page.

Anda bisa menggunakan blog theme dari Start Bootstrap http://startbootstrap.com/template-categories/blogs/ silahkan download file zip versi Jekyll dengan klik tombol Jekyll Version. Klik tombol Clone or Download di halaman Github dari Jekyll Version lalu pilih Download ZIP.

Kemudian silahkan ekstrak file ZIP yang Anda domnload tadi lalu buka folder yang dihasilkan. di situ akan ada folder _includes, _layout, _posts, css, dan lainnya.

4. Langkah Keempat
Sekarang silahkan menuju repository yang dibuat pada langkah kedua tadi kemudian silahkan klik tombol Upload Files lalu upload isi folder dari file Zip dari langkah ketiga di atas seperti folder _includes, _layout, _posts, css, dan lainnya semuanya. Block / pilih semua folder _includes, _layout, _posts, css, dan file-file lainnya lalu seret ke kotak upload repository. Setelah selesai termuat silahkan klik Commit changes.

Yang pertama harus dilakukan adalah mengedit file _config.yml, silahkan sesuaikan dengan data Anda. Klik file tersebut kemudian klik ikon pensil di pojok kanan kotaknya. Nah sampai di sini Anda sudah berhasil membuat blog di Github Pages. Sekarang silahkan coba akses blog Anda dengan menuliskan domain blog Anda yang dibuat di langkah kedua di atas tadi username.github.io di address bar browser Anda.

Nah kini tinggal kustomisasi theme sesuai dengan selera Anda.

Untuk semua gambar baik untuk header maupun postingan silahkan upload di folder img dan panggil dengan kode


img/nama-file-gambar.jpg

Untuk membuat postingan silahkan buka folder _posts lalu contoh format postingan yang sudah ada. Untuk mulai membuat postingan silahkan klik tombol Create New File di folder _posts tersebut. Untuk nama file silahkan tulis dengan format YYYY-MM-DD-nama-permalink.markdown seperti ini 2016-05-26-contoh-postingan.markdown. Harus menggunakan format .markdown di akhir URL.

Kemudian silahkan mulai menulis postingan dengan mencontoh format postingan yang sudah ada. Namun perlu diperhatikan, setelah saya coba kita tidak bisa meng-copy format postingan dari yang sudah ada kemudian kita edit, namun kita harus mengetikan postingan dari awal kemudian setelah selesai silahkan isi Commit new file terserah Anda dan klik tombol Commit new file.

DEMO

Referensi:

Blog Theme Jekyll, silahkan pilih theme yang sesuai selera Anda: https://github.com/jekyll/jekyll/wiki/Themes
Markdown Cheatsheet, format tulisan postingan: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet

Selamat mencoba.....

Memasang Open Graph Dan Twitter Cards Pada Blog Versi Jekyll Di Github Pages

2020-08-02T08:46:00.001-07:00

Setelah kemarin kita berhasil membuat blog versi Jekyll di Github Pages, kini kita akan melakukan kustomisasi untuk kepentingan sharing post ke sosial media seperti Facebook, Twitter, Google+, dan lainnya. Untuk itu, kita harus memasang Open Graph dan Twitter Cards untuk membagikan postingan di sosial media.

Seperti biasa, Open Graph dan Twitter Cards akan tampak seperti di bawah ini sebagai contoh:


<meta content="Title" property="og:title">

<meta content="Type" property="og:type">

<meta content="Image" property="og:image">

<meta content="URL" property="og:url">

<meta content="Title Blog" name="twitter:site">

<meta content="summary_large_image" name="twitter:card">

<meta content="@username" name="twitter:creator">

Namun tidak mungkin kita membuat Open Graph dan Twitter Cards seperti di atas untuk setiap halaman blog. Untuk itu kita perlu membuat Open Graph dan Twitter Card ini otomatis sesuai dengan setiap halaman postingan blog.

Nah, untuk memasang Open Graph dan Twitter Cards untuk blog versi Jekyll di Github Pages, silahkan copy kode di bawah ini. Silahkan buka repository blog Anda lalu buka _includes >> head.html dan simpan kode Open Graph dan Twitter Cards di bawah kode seperti atau mirip kode di bawah ini.


<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>

Lalu simpan kode Open Graph dan Twitter Cards di bawah ini.


    <meta content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" property="og:title">

    <meta content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" property="og:url">

    <meta content="{{ site.title }}" property="og:site_name">

    {% if page.title %}<meta content="article" property="og:type">{% else %}<meta content="website" property="og:type">{% endif %}

    <meta content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}" property="og:description">

    <meta content="{{site.url}}{{ site.baseurl }}/{% if page.image %}{{ page.image }}{% else %}{{ site.image }}{% endif %}" property="og:image">

    <meta content="{{ site.author }}" name="Author">

    <meta content="https://www.facebook.com/{{ site.facebook_username }}" property="article:author">

    <meta content="{{ site.title }}" name="twitter:site">

    <meta content="summary_large_image" name="twitter:card">

    <meta content="@{{ site.twitter_username }}" name="twitter:creator">

Kemudian buka _config.yml dan pastikan Anda sudah menyertakan kode di bawah ini di dalamnya.


# Site settings

title: Title Blog Anda

image: img/image-homepage-blog-anda.jpg

description: "Description homepage blog Anda"

author: Nama Anda

twitter_username: UsernameAnda

facebook_username:  usernameanda

Dan ketika membuat postingan, silahkan tulis format YAML-nya di awal postingan seperti atau mirip di bawah ini.


---

layout: post

title: "Title postingan di sini"

description: "Deskripsi postingan di sini"

author: "Nama Anda"

image: "img/image-postingan-anda.jpg"

---

Untuk memastikan Open Graph ini bekerja, silahkan gunakan https://developers.facebook.com/tools/debug/ kemudian silahkan coba share postingan blog Anda di Facebook, Twitter, ataupun Google+.

Download Template VioToko-Template Toko Online GRATIS untuk Blogger

2020-08-02T01:56:00.002-07:00

Asaalamualaikum sobat Shannenpio Silahkan Download Template VioToko-Template Toko Online GRATIS untuk Blogger - Komplit Tombol Chаt WhatsApp, SMS, dan Tеlроn Template VіоTоkо tіdаk mеnggunаkаn fіtur shopping cart, sebagai gantinya sudah dіѕеdіkаn tоmbоl сhаt WhаtѕAрр, SMS, dаn Telpon.

Responsive 100% , 100% Responsive di semua ukuran layar
SEO Ready. Tidak perlu repot otak atik kode template supaya SEO karena sudah saya optimalkan
Fast Loading. Tampilan keren dan modern tapi tetap fast loading
Mendukung Fitur Desainer Tema Blogger. Jika sobat tidak suka warna default template ini, sobat bisa merubahnya dengan mudah melalui menu Desainer Tema Blogger
Bisa Posting Produk dan juga Artikel , Selain memposting produk, sobat juga tetap bisa posting artikel seperti pada blog biasa
Menggunakan Schema Markup pada halaman produk dan artikel, Schema Markup khusus pada halaman produk dan artikel untuk membantu mesin pencari memahami toko online blogspot milik sobat
Tombol Chat WhatsApp, SMS, dan Telpon, Template VioToko tidak menggunakan fitur shopping cart, sebagai gantinya sudah disedikan tombol chat WhatsApp, SMS, dan Telpon
Icon Menggunakan Font Awesome
Breadcrumb Navigation
Pop-up Search Form
Widget Produk/Artikel Terkait
Tombol Berbagi
Back to Top Button
Custom Halaman Error
Tanpa Link Credit

Mеnggunаkаn Sсhеmа Mаrkuр раdа hаlаmаn produk dаn artikel Sсhеmа Mаrkuр khusus pada halaman рrоduk dаn artikel untuk mеmbаntu mеѕіn реnсаrі mеmаhаmі tоkо оnlіnе blоgѕроt mіlіk ѕоbat coy.

Berikut beberapa perubahan pada tema Template VioToko 2.1.0 non AMP kali ini.

Langsung saja, berikut Download Template VioToko.

Download Template VioToko

Demo Template VioToko

Caranya Membuat Undangan di Smartphone (Android / IOS) dan Kirim Lewat WA

2020-08-01T23:56:00.000-07:00

Asaalamualaikum sonat Shannenpio akan menerangkan Caranya Membuat Undangan di Smartphone (Android / IOS) dan Kirim Lewat WA - Merayakan sebuah pesta pasti pernah dilakukan oleh semua orang, baik itu pesta perayaan, pesta pernikahan, pesta peringatan ulang tahun anak, atau mungkin pesta untuk merayakan tahun baru. Meskipun merayakan pesta tidak harus selalu dilakukan dengan wah dan mewah, namun tentunya akan lebih meriah bila banyak orang yang berkumpul di pesta sobat.

Dari jaman dahulu kalau sampai sekarang ini, untuk mengumpulkan atau menginfokan sebuah acara atau pesta pasti menggunakan media berupa "surat undangan". Nah, di era digital ini surat undangan pun juga mengalami digitalisasi, yaitu dengan mulainya orang-orang mengirim surat undangan lewat aplikasi chating dan membroadcastnya. Selain lebih menghemat waktu, biaya, dan tenaga, surat undangan berbentuk digital ini juga tidak kalah menarik dibandingkan surat undangan berbentuk kertas fisik. Tapi ingat ya sobat, untuk acara yang resmi sebaiknya tetap menggunakan surat berbentuk fisik.

Untuk membuat undangan dan mengirim via Whats App sangatlah mudah. Sobat bisa melakukannya baik menggunakan Android maupun IOS, karna saat ini sudah banyak aplikasi yang free di kedua platform tersebut.

Untuk tutorial kali ini kita akan mencoba membuat undangan dengan menggunakan aplikasi gratis bernama Invitation Maker by Greetings Island. Selain gratis, aplikasi ini memiliki fitur yang cukup lengkap karna dapat membuat berbagai jenis undangan mulai dari undangan pernikahan, ulang tahun, perayaan natal, graduation dll. Template yang disediakan juga beragam yang dapat sobat tentukan dan custom sendiri.

Cara Membuat Undangan di Smartphone (Android / IOS) dan Kirim Lewat WA

Dibawah ini adalah contoh atau cara membuat undangan ulang tahun yang bisa sobat simak.

1. Download Invitation Maker by Greetings Island di PlayStore atau AppStore.

2. Setelah terinstall, kemudian buka dan sobat akan melihat menu utama. Silahkan pilih jenis undangan yang ingin dibuat. Sebagai contoh kita akan memilih Birthday atau Ulang tahun.

3. Pilih template yang ingin dipakai.

4. Tekan kalimat yang ada didalam kotak untuk mengubah kata-kata, merubah warna, font atau ukuran yang ada dengan menekan menu yang ada di bagian bawah.

5. Jika sudah selesai tekan tombol Next di pojok kanan atas.

6. Pilih Share As Image lalu kirim via WA.

7. Selesai.

Sangat mudah bukan. Dengan begitu sobat dapat mengirim undangan ke teman atau kenalan menggunakan aplikasi chat seperti WhatasApp, atau yang lainnya. Bila dibandingkan dengan hanya mengirim undangan berupa pesan teks, tentunya undangan berupa gambar akan lebih menarik bukan. Selamat mencoba.

Cara Mengaktifkan Dark Mode YouTube di Android Terbaru [Bonus Mod Youtube no Ads]

2020-08-01T23:08:00.000-07:00

Asaalamualaikum sobat Shannenpio akan menerangkan Cara Mengaktifkan Dark Mode YouTube di Android Terbaru [Bonus Mod Youtube no Ads] -Dark mode atau mode gelap merupakan salah satu fitur baru yang kini telah ditambahkan pada UI YouTube. Dark mode ini akan membuat tampilan YouTube yang sebelumnya serba putih menjadi ber-background hitam.

Sebelum kita membahas cara mengaktifkan dark mode pada YouTube di Android sobat, disini kita akan terlebih dahulu memahami kelebihan menggunakan tampilan Dark Mode YouTube.

Kelebihan Youtube Dark Mode (Mode Gelap)

1. Dark Mode YouTube Membuat Hemat Baterai

Dengan mengaktifkan dark mode, konsumsi baterai pada Android sobat akan menjadi lebih irit karena latar belakang UI YouTube akan berwarna hitam yang sejatinya menggunakan daya kecil, terutama jika ponsel sobat sudah menggunakan layar AMOLED atau Super AMOLED.

2. Dark Mode YouTube Lebih Ramah untuk Mata.

Fitur ini akan sangat membantu sobat yang suka atau sering menonton youtube dengan berbaring di tempat tidur pada malam hari atau pada ruangan yang minim cahaya. Bila dibandingkan dengan tampilan berwarna putih yang mencolok, tampilan pada mode gelap tentunya akan lebih rama untuk mata sobat.

Untuk mendapatkan atau mengaktifkan fitur mode gelap (dark mode) ini untuk saat ini terda[at dua cara, yaitu dengan mengaktifkannya melalui pengaturan setelah melakukan update aplikasi YouTube ke versi terbaru. Dan yang kedua yaitu dengan menggunakan aplikasi Mpd YouTube Dark Mode.

Langkah-Langkah Mengaktifkan Dark Mode YouTube di Android Terbaru

1. Update aplikasi YouTube Original sobat melalui Play Store.

2. Buka aplikasi YouTube lalu tekan gambar profil pada bagian atas.

3. Lalu pilih Settings > General > Dark Theme lalu aktifkan.

4. Done.

Jika langkah diatas belum berhasil.

- Coba restart pada ponsel sobat.

- Clear data dan Cache aplikasi YouTube.

Selain menggunakan cara diatas, sobat juga bisa mengaktifkan fitur dark mode dengan menggunakan aplikasi YouTube Mod Dark Mode.

Langkah-Langkah Mengaktifkan YouTube Mod Dark Mode di Android Terbaru

1. Uninstall aplikasi YouTube original sobat.

Sebelum uninstall, jangan lupa lakukan Backup terlebih dahulu sob.

2. Download YouTube Mod Dark Mode terbaru.

3. Install YouTube Mod Dark Mode yang sudah sobat download sebelumnya.

4. Setelah YouTube Mod Dark Mode sobat buka, maka aplikasi tersebut akan menampilkan pemberitahuan bahwa mode gelap diaktifkan di YouTube sobat.

5. Untuk mengatasi tidak bisa login ke aplikasi YouTube Dark Mode, silahakan install juga aplikasi microG.

Download MicroG.

Itulah cara dan langkah-langkah untuk mengaktifkan fitur dark mode YouTube di Android terbaru. Jika sobat menemukan kendala, silahakn bertanya di kolom komentar. semoga artikel ini bisa bermanfaat.

Cara Memasang Meta Deskripsi di Blogger Blogspot

2020-07-30T09:51:00.000-07:00

Asaalamualaikum sonat Shannenpio akan menerangkan Cara Memasang Meta Deskripsi di Blogger Blogspot - Meta deskripsi atau lebih tepatnya meta description adalah sebuah tag HTML yang diletakan pada bagian <head> untuk menampilkan informasi singkat tentang sebuah halaman web.

Meta deskripsi ini umumnya digunakan oleh mesin pencari pada halaman hasil pencarian.

Meta deskripsi tidak mempengaruhi ranking di Google

Meskipun meta deskripsi ini digunakan oleh mesin pencari Google, namun Google tidak menggunakannya sebagai salah satu faktor penentu ranking.

Tapi meta deskripsi ini masih sangat penting keberadaannya karena dapat kita manfaatkan untuk manampilkan deskripsi yang menarik perhatian pada halaman hasil pencarian.

Cara memasang meta deskripsi di blogger

Beruntunglah bagi sobat pengguna blogger.com, karena untuk memasang meta deskrpsi di blogger sangatlah mudah. Tidak perlu berurusan dengan kode-kode html.

Begini loh caranya:

#1. Login ke Blogger

#2. Klik menu “Setelan” setelah itu klik “Preferensi penelusuran”

#3. Klik “Edit” pada bagian “Deskripsi”

#4. Pilih “Ya” dan masukan Deskripsi untuk halaman depan blog sobat

#5. Klik tombol “Simpan perubahan”

#6. Selesai………………….

Cara memasang meta deskripsi untuk postingan

Di atas adalah cara memasang meta deskripsi khusus untuk halaman depan. Sedangkan meta deskripsi untuk halaman postingan sobat bisa memasukannya secara manual setiap kali menulis postingan.

Menu meta deskripsi untuk postingan di atas hanya akan muncul jika sobat mengaktifkan deskripsi untuk halaman depan.

Begitulah kira-kira cara memasang meta deskripsi di blogger. Sangat mudah, jauh dari kata ribet.

Cara Mengatasi Postingan Yang Hanya Tampil Satu di Homepage Blogger / Blogspot

2020-07-30T08:19:00.001-07:00

Shannenpio akan menerangkan Cara Memberi Label pada Postingan di Blogger Blogspot - Postingan yang hanya tampil satu di homepage atau jumlahnya tidak sesuai dengan setelan di blogger adalah salah satu permasalahan yang cukup sering terjadi di blogger / blogspot.

Apa penyebabnya?

Sejauh yang saya tahu ada dua penyabab.

Pertama karena artikelnya ditulis melalui Microsoft Word lalu disalin ke blogger.

Kedua karena terdapat kode javascript di dalam artikel, contohnya jika sobat memasang kode iklan langsung di dalam artikel.

Terus gimana solusinya?

Solusinya gunakan fitur “Jump Break” di blogger

Ikuti langkah-langkah di bawah ini:

Login ke blogger
Masuk ke menu “Postingan“
Klik “Edit” pada postingan terakhir yang muncul di halaman depan blog
Masukan “jump break” di akhir paragraf pertama.
5. Jika sudah, klik tombol “Perbarui“

Jika langkah-langkah di atas dilakukan dengan benar seharusnya blog sobat sudah tidak error lagi.

Jika ternyata tetap error juga, mungkin karena penyebab yang lainnya.

Cara Menampilkan Menu Penghasilan di Blogger Blogspot

2020-07-30T08:09:00.001-07:00

Shannenpio akan menerangkan Cara Menampilkan Menu Penghasilan di Blogger Blogspot -Seperti yang sudah saya bahas pada postingan memahami menu-menu dasar di blogger, ada satu menu yang secara default tidak ditampilkan pada blog-blog berbahasa Indonesia.

Menu tersebut adalah menu “Penghasilan”

Apa itu Menu Penghasilan?

Fungsi menu ini untuk mendaftarkan blog sobat ke Google AdSense atau jika sobat sudah mempunyai akun AdSense sebelumnya, menu ini bisa digunakan untuk menghubungkan akun AdSense yang sobat miliki dengan blog sobat di blogger.

Jika akun AdSense sudah terhubung dengan blog, sobat bisa menampilkan iklan di blog tanpa harus memasang kode iklan.

Terus gimana cara menampilkan menu ini?

Berikut ini adalah sedikit trik yang bisa digunakan untuk menampilan menu Penghasilan di blogger.

Langkah #1 – Masuk dulu ke dashboard blog sobat

Langkah #2 – Setelah itu masuk ke “Setelan” > “Bahasa dan pemformatan”

Langkah #3 – Pada bagian “Bahasa” ganti menjadi “Inggris (Amerika Serikat) – English (United States)”

Langkah #4 – Selanjutnya klik tombol “Simpan setelan”

Langkah #5 – Terakhir tinggal refresh halaman (tekan f5)

Nah sekarang menu Penghasilan di blog sobat sudah tampil. Sobat bisa menggunakannya untuk mendaftar Google AdSense atau menghubungkan akun AdSense yang sudah sobat miliki.

Cara Custom Domain Blogger (blogspot.com jadi .com)

2020-07-30T06:00:00.001-07:00

Di bawah ini adalah tutorial lengkap dan tidak pake ribet cara custom domain blogger atau mengubah blogspot.com dengan domain sendiri seperti .com/.net/.org/ atau yang lainnya.

Kenapa harus pake domain sendiri, Mas?

Sebenarnya tidak masalah kalau alamat blog sobat menggunakan subdomain blogspot.com, tapi jika sobat ingin serius ngeblog, maka saya sangat merekomedasikan untuk menggunakan domain sendiri.

Kenapa?

Karena:

Alamat blog sobat jadi lebih pendek
Pastinya jadi lebih mudah diingat
Lebih terlihat profesional dan tidak pasaran
Sobat bakalan lebih serius dalam mengurus blog sobat
Suatu saat bisa dipindahkan ke WordPress tanpa harus kehilangan pengunjung
dan lain-lain.

Ok, langsung saja disimak cara custom domain blogger di bawah ini.

Mendaftarkan nama domain di rumahweb.com

Hal pertama yang perlu sobat lakukan untuk mengganti alamat blog sobat dengan domain sendiri adalah mendaftarkan nama domain di penyedia nama domain.

Rumahweb.com adalah rekomendasi saya sebagai tempat mendaftar domain karena sudah sangat terpercaya.

Domain pertama yang saya miliki yaitu mas-sugeng.com dan domain terbaru sugeng.id semuanya saya daftarkan di rumahweb.com.

Gimana cara daftarnya, Mas?

Langsung saya disimak di bawah ini:

Langkah #1 – Masuk ke https://order2.rumahweb.com/

Langkah #2 – Silakan sobat cek ketersediaan nama domain yang sobat inginkan

Keterangan:

Nama domain yang sobat inginkan
Ekstensi domain. Rekomendasi gunakan .COM, tapi dalam hal ini saya pilih MY.ID karena murah hehehe
Klik R#8220;Cek Domain“

Langkah #3 – Jika domain tersedia, klik tombol “Pesan“

Langkah #4 – Klik aja “Lanjutkan“

Langkah #5 – Klik “Lanjutkan” lagi

Langkah #6 – Masuk ke menu “Domains” > “List Domain Saya“

Langkah #7 – Klik “Lanjutkan” aja lagi

Langkah #8 – Klik “Check Out“

Langkah #9 – Jika sobat baru menggunakan layanan rumahweb.com, silakan buat akun baru dengan mengklik “Buat Akun Baru.” Karena saya sudah punya akun di rumahweb, jadi cuma login aja.

Langkah #10 – Pilih metode pembayaran

Langkah #11 – Lakukan pembayaran

Langkah #12 – Konfirmasi pembayaran

Langakh #13 – Domain sudah sukses menjadi milik sobat.

Kurang lebih seperti itulah proses mendaftar domain di rumahweb.com. Jika sobat merasa bingung dan tidak yakin, sobat bisa tanya langsung ke Customer Support rumahweb.com.

Memasang domain di blog

Jika sobat sudah berhasil mendaftarkan nama domain, langkah berikutnya tentu saja memasangnya di blog agar domainnya bisa diakses.

Langsung saja disimak langkah-langkahnya:

Langkah #1 – Masuk dulu ke Dasbor blog sobat

Langkah #2 – Masuk ke menu “Setelan” > “Dasar” setelah itu klik “+ Siapkan URL pihak ke-3 untuk blog Anda“

Langkah #3 – Masukan nama domain sobat (jangan lupa gunakan www) setelah itu klik “Simpan“

Langkah #4 – Sekarang di situ akan muncul peringatan Kesalahan. Jangan khawatir karena langkahnya masih belum selesai. Yang perlu sobat lakukan adalah mencatat 2 DNS Records yang ada di situ untuk kita pasang nanti pada pengaturan DNS domain.

Langkah #5 – Selanjutnya login ke http://clientzone.rumahweb.com/ untuk mengatur DNS domain.

Langkah #6 – Masuk ke menu “Domains” > “List Domain Saya“

Langkah #7 – Klik “Kelola Domain“

Langkah #8 – Selanjutnya klik “Managed DNS“

Langkah #9 – Jika muncul pesan seperti ini klik aja “Start“

Langkah #10 – Jika muncul pesan seperti ini klik aja “Update“

Langkah #11 – Klik “Add New Record“

Langkah #12 – Pada langkah ini sobat perlu memasukan kode DNS Record yang sudah diberikan oleh blogger pada langkah #4. Biar mudah ikuti saja sesuai pada gambar di bawah:

Keterangan :

Domain : Masukan kode “Nama” (sesuai pada langkah #4)
TTL : Biarin aja seperti itu (14400)
Record Type : Pilih CNAME
Hostname : Masukan kode “Tujuan” (sesuai pada langkah #4)

Jika sudah, klik aja “Add Record“

Sekarang kita perlu memasukan DNS Record yang kedua. Tinggal ulangi seperti gambar di atas:

Keterangan :

Domain : Masukan kode “Nama” (sesuai pada langkah #4)
TTL : Biarin aja seperti itu (14400)
Record Type : Pilih CNAME
Hostname : Masukan kode “Tujuan” (sesuai pada langkah #4)

Jika sudah, klik lagi tombol “Add Record“

Langkah #13 – Setelah itu sobat masih perlu memasukan 4 DNS Records tambahan agar nanti domain blog sobat bisa diakses tanpa www. Biar mudah ikuti saja sesuai pada gambar di bawah:

Keterangan :

Domain : Kosongin
TTL : Biarin aja seperti itu (14400)
Record Type : Pilih A
IP or Hostname : Masukan 216.239.32.21

Jika sudah, klik lagi tombol “Add Record“

Selanjutnya tambahkan 3 DNS Records lagi seperti gambar di atas dengan memasukan IP or Hostname berikut ini:

216.239.34.21
216.239.36.21
216.239.38.21

Langkah #14 – Balik lagi ke Tab Setelan di blogger, setelah itu tinggal klik “Simpan“

Langkah #15 – Jika semua langkah di atas diikuti dengan benar, seharusnya domain sobat sudah sukses terpasang.

Langkah #16 – Supaya domainnya bisa diakses tanpa www, jangan lupa centang pada bagian “Alihkan namadomain.com ke www.namadomain.com“:

Langkah #17 – Selesai……

Begitulah kira-kira langkah-langkah cara custom domain blogger dari mendaftar domain sampai memasangnya di blog.

Jika sobat merasa pusing tujuh keliling, tinggal tanyakan aja lewat komentar.

Tambahan : Jika domainnya belum bisa diakses, silakan tunggu maksimal 1×24 jam.

Jasa JV AdSense Terpercaya Gratis Tanpa Bayaran

2020-07-30T05:43:00.000-07:00

Bagi sobat blogger yang memiliki blog dengan trafik pengunjung yang tinggi tapi bingung tidak bisa monetisasi dengan AdSense karena tidak punya akun AdSense, tidak ada salahnya untuk mencoba jasa JV AdSense dari saya.

Jasa JV AdSense seperti apa yah, Mas?

Maksud dari jasa kerjasama ini adalah nanti blog sobat akan dimonetisasi menggunakan akun Google AdSense milik saya dan penghasilan yang didapatkan akan dibagi dua.

Apa kelebihan JV AdSense dengan Mas Sugeng?

Aman dan terpercaya :
- Blog ini sudah online sejak 2011.
- Jasa JV AdSense blog ini sudah berjalan sejak tahun 2015.
Tidak ada minimum PayOut :
- Tidak seperti memilik akun AdSense sendiri yang harus menunggu saldo terkumpul $100 supaya bisa gajian, jika JV AdSense dengan saya, berapapun penghasilannya tetap bisa gajian setiap bulan.
Pembayaran selalu tepat waktu :
- Sejak jasa JV AdSense ini berjalan belum pernah mengalami. keterlambatan dalam pembayaran. (kecuali keterlambatan karena hari libur).
Gratis support permasalahan seputar AdSense dan Blog
Transparan :
- Laporan penghasilan dikirim via email setiap hari dalam bentuk file Excel CSV.
- Setiap bulan juga dikirim screenshot statistik penghasilan dari dashboard akun AdSense.

Detail Pembagian Penghasilan

Penghasilan di bawah $100/bulan = 70:30
(70% untuk pemilik blog, 30% untuk pemilik akun)
Penghasilan di atas $100/bulan = 75:25
di atas $200/bulan = 76:24
di atas $300/bulan = 77:23
di atas $400/bulan = 78:22
di atas $500/bulan = 79:21
di atas $600/bulan = 80:20
di atas $700/bulan = 82:18
di atas $800/bulan = 84:16
di atas $900/bulan = 86:14
di atas $1000/bulan = 88:12

Bagi yang bekerjasama lebih dari satu tahun mendapatkan bonus pembagian hasil sebesar 2%.

Jika sudah bekerjasama selama lebih dari satu tahun maka pembagian penghasilannya menjadi sebagai berikut:

di bawah $100/bulan = 72:28
di atas $100/bulan = 77:23
di atas $200/bulan = 78:22
di atas $300/bulan = 79:21
di atas $400/bulan = 80:20
di atas $500/bulan = 81:19
di atas $600/bulan = 82:18
di atas $700/bulan = 84:16
di atas $800/bulan = 86:14
di atas $900/bulan = 88:12
di atas $1000/bulan = 90:10

Kriteria Blog yang Boleh JV AdSense

Mematuhi Kebijakan Program Google AdSense.
Belum dibanned Google AdSense.
Trafik minimal 3000 pengunjung per hari (blog Indonesia)
Trafik minimal 1500 pengunjung per hari (blog bhs Inggris)
Bukan salah satu jenis web berukut :
- Toko Online
- Safelink
- Wallpaper
- Download File Ilegal (Software, game, film, mp3, dll.),
- Pornografi/Kekerasan
- Judi Online
- Copy Paste
- AGC.
Menggunakan Top Level Domain.

Syarat & Ketentuan Jasa JV AdSense

Kerjasama minimal selama 1 bulan.
Wajib mematuhi Kebijakan Program Google AdSense
Resiko banned AdSense menjadi tanggung jawab bersama. Semua blog akan saya seleksi dengan teliti untuk meminimalisir resiko banned akun.
Pembayaran ditransfer setiap bulan antara tanggal 22 – 26 menggunakan layanan Flip.id.
Syarat & Ketentuan selengkapnya bisa dibaca DI SINI.

Cara Mendaftar Jasa JV AdSense

Jika sobat tertarik untuk ikut kerjasama, pertama pastikan blog sobat sudah sesuai dengan kriteria yang saya tulis di atas.

Selanjutnya silakan cukup kirim email ke admin@mas-sugeng.com dengan mencantumkan detail berikut:

Alamat blog
Umur dan topik blog
Screenshot statistik pengunjung selama sebulan terakhir (harus dari Histats atau Google Analytics)

Setelah sobat mengirim email nanti akan saya cek apakah blognya sesuai dengan kriteria yang ditentukan atau tidak.

Jika blognya sesuai kriteria nanti saya akan langsung membalas email sobat sekaligus memberikan instruksi untuk hal-hal yang perlu dilakukan selanjutnya.

NOTE: Mohon untuk membaca penjelasan di atas sebelum mengirim email.

Cara Menyembunyikan Iklan AdSense pada Halaman Pencarian Blogger Blogspot

2020-07-30T04:00:00.000-07:00

Shannenpio akan menerangkan Cara Memberi Label pada Postingan di Blogger Blogspot -

Dari pengalaman saya menjalankan jasa JV AdSense selama 2 Tahun, salah satu penyebab situs dibanned AdSense paling sering adalah karena iklan AdSense muncul pada halaman pencarian.

Ada dua alasan kenapa munculnya iklan AdSense pada halaman pencarian tersebut menjadi penyebab situs dibanned.

Pertama, karena ada pengunjung iseng yang mengetikan kata kunci yang kurang pantas pada kolom pencarian.

Ketika pengunjung mengetikan kata kunci yang kurang pantas pada kolom pencarian dan mengklik tombol “Search” atau “Cari” di blog sobat, nanti blog sobat akan menghasilkan URL yang kurang lebih seperti ini:

https://ceritaanakanakasik.blogspot.co.id/search?q=cerita+dewasa+panas

cerita+dewasa+panas adalah kata kunci kurang pantas yang pengunjung iseng cari.

Nah, ketika URL tersebut terdeteksi oleh AdSense, maka AdSense akan menganggap blog sobat sebagai blog Cerita Dewasa, meskipun sebenarnya adalah blog cerita anak-anak.

Kedua, karena halaman pencarian tidak memiliki konten.

Alasan kedua adalah karena halaman pencarian tidak memiliki konten KETIKA apa yang dicari pengunjung melalui kolom pencarian tidak ditemukan.

Jika pencarian tidak ditemukan biasanya pada halaman pencarian hanya akan muncul tulisan seperti ini :

Tidak ada postingan yang cocok dengan kueri: cara kaya mendadak. Tampilkan semua postingan

Tulisan seperti itu tidak bisa disebut sebagai konten, bagi AdSense halaman tersebut sangat terlarang untuk dipasangi iklan AdSense.

Cara nyembunyiin iklan AdSense di Halaman Pencarian.

Jika blog sobat tidak ingin dibanned karena alasan yang sudah saya tulis diatas, hilangkan sekarang juga iklan AdSense pada halaman pencarian.

Berikut ini adalah caranyahh:

Untuk yang menggunakan Widget HTML/JavaScript:

1. Langkah pertama cari dulu ID widget HTML/JavaScript yang sobat gunakan untuk memasang kode iklan AdSense.

Caranya: masuk ke Tata Letak, klik edit pada widget HTML/JavaScript yang berisi kode iklan, ID widget akan muncul pada bagian URL paling belakang.

2. Setelah mengetahui ID widget, selanjutnya masuk ke menu Tema, Edit HTML, klik “lompat ke Widget” dan pilih ID widget yang sudah diketahui tadi. Contohnya ID HTML1:

3. Di bagian bawah kode <b:widget id='HTML1'........ Cari kode <b:includable id='main'> setelah itu pastekan kode ini di bawahnya :

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

4. Scroll sedikit ke bawah, cari kode </b:includable> setelah itu tambahkan kode ini di atasnya:

</b:if>

5. Nanti kurang lebih hasilnya seperti ini :

Yang saya tandai panah adalah kode yang ditambahkan.

6. Klik “Simpan tema”

7. Oh ya, jika sobat memasang lebih dari satu kode iklan, maka edit semuanya satu persatu.

Untuk yang memasang kode iklan langsung di dalam Template:

1. Bagi yang memasang kode iklan AdSense langsung di dalam template, cukup letakan kode ini sebelum kode iklan :

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

Dan letakan kode ini sesudah kode iklan :

</b:if>

2. Nanti hasil akhirnya kurang lebih seperti ini :

<b:if cond='!data:blog.searchQuery'>
... kode iklan adsensenya di sini ... 
</b:if>

Begitulah caranya menyembunyikan iklan AdSense pada halaman pencarian di blogger atau blogspot.

Apakah cara di atas aman, Mas, soalnya iklan AdSense-nya disembunyiin?

Cara di atas sebenarnya bukan menyembunyikan iklan AdSense, tapi lebih tepatnya menghilangkan iklan AdSense pada halaman pencarian. Jadi bisa dipastikan 100% aman.

Mudah-mudahan dengan menerapkan cara tersebut membuat blog sobat menjadi lebih aman dari banned.

Terima kasih.

Cara Memasang Iklan AdSense di Template Blogger

2020-07-30T02:44:00.001-07:00

Shannenpio akan menerangkan Cara Memasang Iklan AdSense di Template Blogger - Bagi pengguna template Evo Magz yang kesulitan dalam pemasangan kode iklan AdSense, di bawah ini saya tuliskan panduan lengkapnya.

Cara memasang iklan AdSense pada template Evo Magz ini berlaku juga untuk template blogger yang lain, hanya saja ada beberapa langkah-langkah yang perlu penyesuaian.

Di bawah akan saya jelaskan lebih lengkapnya.

[su_note note_color=”#D3F5D3″ text_color=”#159415″]Note: bagi yang belum menggunakan template Evo Magz, tidak ada salahnya untuk mencoba template ini.

Lewat menu Penghasilan pada dashboard blogger

Bagi yang akun AdSensenya ditautkan ke dashboard blogger, pemasangan iklan AdSense bisa dilakukan lewat menu penghasilan.

Jika sobat mendaftar AdSense lewat dashboard blogger maka akun AdSense-nya sudah otomatis ditautkan ke dashboard blogger.

Berikut langkah-langkahnya :

Masuk ke Dashboard Blogger
Masuk ke menu “Penghasilan“
Pada bagian “Tampilkan iklan di blog” pilih “Ya“
Di bagian bawahnya terdapat 3 opsi penempatan iklan, pilih sesuai keinginan
Jika sudah jangan lupa klik “Simpan setelan“

Cara ini paling mudah untuk dilakukan, tapi saya tidak merekomendasikan cara ini, alasannya karena opsi penempatan iklannya sangat terbatas.

Menggunakan Widget AdSense

Sama seperti cara pertama, cara yang kedua khusus untuk yang akun AdSense-nya ditautkan ke dashboard blogger.

Cuma bedanya untuk cara yang kedua menggunakan widget AdSense. Dengan menggunakan widget adsense sobat bisa memilih penempatan iklan yang dinginkan dan juga dapat mengatur format dan warna iklan.

Berikut langkah-langkahnya :

Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
Pilih Widget/Gadget AdSense
Selanjutnya atur format dan warna iklan sesuai dengan keinginan.
Terakhir klik “Simpan“

Menggunakan Widget HTML/JavaScript

Cara yang ketiga sobat perlu membuat kode unit iklan pada akun AdSense setelah itu memasangnya di blog menggunakan widget HTML/JavaScript.

Cara ini berlaku untuk yang akun AdSense-nya ditaukan ke dashboard blogger dan juga yang tidak ditautkan.

Berikut langkah-langkahnya:

Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini
Salin kode unit iklan yang sudah dibuat
Masuk ke Dashboard Blogger > Tata Letak > Klik “Tambahkan gadget” di tempat yang sobat inginkan
Kali ini pilih Widget/Gadget HTML/JavaScript
Selanjutnya paste kode unit iklan adsense yang sudah disalin tadi pada kolom yang tersedia.
Terakhir klik “Simpan“

Note: Untuk bagian judul lebih baik dikosongi saja. AdSense hanya mengizinkan untuk memberi judul iklan dengan tulisan “Iklan” dan “Sponsor”

Memasang Iklan AdSense di atas atau di bawah postingan

Untuk memasang iklan AdSense di atas atau di bawah postingan sobat perlu memasang kode unit iklan langsung di dalam template, jadi sobat pelu mengedit template yang sobat gunakan.

Berikut langkah-langkahnya:

Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini…
Salin kode unit iklan yang sudah dibuat
Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML

Cari kode berikut :

  <!-- iklan di bawah judul taruh di sini -->
  
   <data:post.body/>
   
  <!-- iklan di bawah postingan taruh di sini -->

Untuk menampilkan iklan di atas postingan (di bawah judul), letakan kode iklan di atas kode
Untuk menampilkan iklan di bawah postingan, letakan kode iklan di bawah kode 
Terakhir klik “Simpan tema“

Note:

Untuk template selain Evo Magz, cukup cari kode <data:post.body/> setelah itu letakan kode iklannya di bawah atas atau di atas kode tersebut.
Tambahkan kode <p> di depan kode iklan dan kode </p> di belakang kode iklan untuk memberi jarak antara iklan dan postingan.
Jika ingin iklan yang tampil rata tengah, tambahkan kode <center> di depan kode iklan, dan kode </center> di belakang kode iklan.

Memasang Iklan AdSense di tengah postingan

Untuk cara memasang iklan di tengah postingan langkah-langkahnya hampir sama dengan cara memasang iklan di atas/di bawah postingan, hanya saja ada kode javascript khusus yang perlu sobat tambahkan.

Berikut langkah-langkahnya:

Masuk ke akun AdSense dan buat unit iklan baru. Caranya bisa dibaca di sini…
Salin kode unit iklan yang sudah dibuat
Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML

Cari kode berikut :

  <!-- iklan di bawah judul taruh di sini -->
  
   <data:post.body/>
   
  <!-- iklan di bawah postingan taruh di sini -->

Hapus kode tersebut setelah itu ganti dengan kode ini :

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div style='margin:20px 0'>
<center>
...kode iklan adsense yang sudah diparse di sini...
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script 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>

Ganti tulisan ...kode iklan adsense yang sudah diparse di sini... dengan kode iklan milik sobat yang sudah diparse
Terakhir klik “Simpan tema“

Note:

Untuk template selain Evo Magz, cukup cari kode <data:post.body/> setelah itu hapus dan ganti dengan kode javascript yang sudah ditulis di atas.
Cara ini tidak berfungsi jika postingan di blog sobat ditulis melalui Microsoft Word.
Untuk mengatur posisi penempatan iklan silakan ubah angka pada kode s.length/2. Semakin besar angkanya semakin ke atas lokasi iklannya. Contoh : s.length/3 atau s.length/4 dst.

Memasang iklan AdSense In-Feed

Iklan AdSense In-Feed merupakan salah satu format iklan model baru yang disediakan oleh AdSense. Untuk pemasang iklan jenis ini agak sedikit ribet karena harus menyesuaikan dengan template yang digunakan.

Untuk Evo Magz, berikut adalah langkah-langkahnya:

Masuk ke Akun AdSense dan buat unit iklan In-Feed (In-Feed Ads). Caranya baca di sini…
Pada setelan format iklan atur seperti di bawah :
- GLOBAL OPTION
  – Font = Open Sans Condensed
  – Border = 0px
  – Padding= 0px 0px 0px 0px
- IMAGE
  – Width = 200px
  – Padding = 0px 15px 5px 0px
- HEADLINE
  – Font size = 22px
  – Style = Bold
  – Warna text = #EE4B3D
- DESCRIPTION
  – Font size = 15px
Jika sudah, Simpan dan salin kode unit iklannya
Parse kode iklan yang sudah disalin. Caranya bisa dibaca di sini…
Salin kode iklan yang sudah diparse
Masuk ke Dashboard Blogger > Tema > Edit HTML

Cari kode ini :

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>

Hapus kode tersebut dan ganti dengan kode berikut :

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post' index='x'>

Selanjutnya cari kode berikut :
```
<div class='post-outer'>
```
Note: Kode tersebut terdapat lebih dari satu, cari yang lokasinya paling dekat dengan kode yang sudah diedit sebelumnya.

Jika ketemu, tambahkan kode ini tepat di bawahnya :

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
...kode iklan in-feed di sini...
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
...kode iklan in-feed di sini...
</div>
</b:if>
</b:if>

Ganti kode tulisan ...kode iklan in-feed di sini... dengan kode iklan in-feed yang sudah diparse tadi.
Terakhir klik “Simpan tema“

Demikian panduan ini saya tulis dengan sesederhana mungkin, jika ada yang kurang jelas silakan bisa ditanyakan di kolom komentar.

Terima kasih.

Cara Menampilkan Profil Author di Bawah Postingan Blogger Blogspot

2020-07-30T02:21:00.000-07:00

Shannenpio akan menerangkan Cara Menampilkan Profil Author di Bawah Postingan Blogger Blogspot - Di bawah ini adalah tutorial bagaimana cara menampilkan kotak profil author di bawah postingan di blogger.

Silakan bisa diikuti langkah-langkahnya.

#1. Pertama login dulu ke “blogger.com“

#2. Masuk ke menu “Tata Letak“

#3. Klik “Edit” pada bagian “Posting Blog“

#4. Centang “Tampilkan Profil Pengarang Di Bawah Pos“

#5. Klik “Simpan“

#6. Selanjutnya masuk ke halaman Edit Profil Blogger di sini : https://www.blogger.com/edit-profile.g

#7. Lengkapi profil blogger-nya, terutama di bagian bio.

#8. Kalau sudah, nanti kurang lebih hasilnya seperti ini :

Cara Memberi Label pada Postingan di Blogger Blogspot

2020-07-30T01:47:00.001-07:00

Shannenpio akan menerangkan Cara Memberi Label pada Postingan di Blogger Blogspot - Salah satu hal yang cukup penting yang harus dilakukan ketika kita menulis postingan di blogger adalah memberi label pada postingan yang kita tulis.

Penggunaan label ini berfungsi untuk mengelompokan postingan di blog kita berdasarkan kategori-kategori tertentu. Jadi nanti postingannya tidak berantakan tidak jelas.

Cara memberi label pada postingan

Untuk memberi label pada postingan di blogger caranya sangat mudah sekali.

#1. Pada saat sobat menulis postingan, cukup klik “Label” pada bagian kanan:

#2. Setelah itu tinggal masukan saja labelnya. Misalnya jika postingannya tentang Teknologi, maka masukan label Teknologi:

#3. Sobat juga bisa memasukan lebih dari satu label, caranya cukup pisahkan dengan tanda koma:

#4. Kalau sudah, terakhir tinggal klik saja tombol “Selesai”

Menampilkan label di blog

Secara default label setiap postingan akan ditampilkan di atas postingan atau di bawah postingan (tergantung template yang digunakan).

Kurang lebih seperti ini:

Selain itu kita juga bisa menampilkan semua daftar label yang ada di blog kita dengan menggunakan widget Label.

Caranya seperti ini:

#1. Masuk ke menu Tata Letak, terus klik “Tambahkan gadget”

#2. Pilih Widget “Label”

#3. Selanjutnya sobat bisa menyesuaikan tampilan widget labelnya.

#4. Terakhir tinggal klik aja tombol “Simpan”

#5. Kurang lebih nanti hasil akhirnya akan seperti ini:

Begitulah tutorial cara menambahkan label pada postingan di blogger.

Mudah-mudahan bermanfaat buat sobat yang sedang belajar ngeblog di blogger.

Bagi yang belum punya blog, baca dulu panduan cara membuat blog di blogger.

Cara Memasang Widget Recent Posts Ringan tanpa JavaScript di Blogger Blogspot

2020-07-29T06:37:00.002-07:00

Asalamualaikum bulan penuh barokah dan pada postingan ini -Untuk menampilkan daftar postingan terbaru atau recent post sobat bisa menggunakan Widget Feed supaya lebih ringan karena tidak menggunakan JavaScript tambahan.

Dengan widget feed ini sobat juga bisa menampikan daftar postingan terbaru berdasarkan label tertentu.

Bagaimana cara memasangnya?

Sangat mudah dan tidak pakai ribet. Silakan disimak di bawah ini:

Langkah #1 – Login ke Blogger

Langkah #2 – Setelah itu masuk ke menu “Tata Letak” dan klik “Tambahkan Gadget” di mana saja yang sobat inginkan.

Langkah #3 – Scroll ke bawah dan pilih gadget bernama “Feed”

Langkah #4 – Masukan URL Feed Blog sobat

Untuk menampikan daftar postingan-postingan terbaru silakan masukan URL seperti ini:

https://shannenpio.blogspot.com/feeds/posts/default

Nah kalau ingin menampilkan daftar postingan terbaru berdasarkan label, maka masukan URL seperti ini:

https://shannenpio.blogspot.com/posts/default/-/Label

Ganti “shannenpio.blogspot.com” sesuai dengan nama blog milik sobat, dan ganti “Label” dengan nama label.

Jika nama label terdiri dari dua kata, maka pisahkan dengan tanda “%20”

kurang lebih nanti jadinya seperti ini:

NOTE: huruf besar dan kecil pada nama label harus sama.

Jika URL sudah dimasukan, klik tombol “Lanjutkan”

Langkah #5 – Langkah selanjutnya tinggal edit Judul Widget sesuai dengan yang sobat inginkan dan klik “Simpan”

Begituhlah cara memasang widget feed di blogger.

Semoga bermanfaat.

Tutorial Blogger untuk Pemula [Updated 2020]

2020-07-29T06:28:00.001-07:00

Asalamualaikum bulan penuh barokah dan pada postingan ini - Saya akan berbagi tutorial blogger lengkap untuk blogger pemula yang sedang belajar ngeblog.

Blogger.com merupakan layanan untuk membuat blog secara gratis yang cukup mudah untuk digunakan.

Di Indonesia layanan blogger ini biasa disebut juga sebagai blogspot karena alamat blog yang digunakan blogger.com adalah blogspot.com

Meskipun layanan blogger ini mudah digunakan, tapi yang namanya pemula yang baru belajar ngeblog terkadang tetap saja merasa susah dan ribet.

Nah karena alasan tersebut tidak ada salahnya jika saya membuat tutorial blogger ini khusus untuk blogger pemula.

Harapan saya, tutorial blogger yang saya tulis di bawah ini bisa sedikit memberi pencerahan bagi sobat blogger pemula yang baru belajar ngeblog di Blogger.com.

Kenapa Memilih Blogger.com?

Sebelum saya lanjut ke tutorial blogger, mungkin sobat bertanya-tanya:

Kenapa pakai blogger.com, Mas? kan masih ada pilihan lainnya.

Memang selain blogger.com sebenarnya masih banyak layanan blogging lain yang bisa digunakan, tapi sebagian besar Blogger Indonesia lebih memilih blogger.com.

Berikut adalah beberapa alasannya:

Karena gratis pastinya
Mudah digunakan, sangat cocok untuk pemula
Fitur yang lumayan lengkap
Bisa digunakan untuk menghasilkan uang dari blog
Aman dan Terpercaya karena blogger merupakan salah satu layanan milik Google
Dan lainnya…

Sekarang lanjut ke tutorial blogger. Silakan disimak di bawah ini.

Tutorial Blogger untuk Pemula

Jika sobat belum memiliki blog, maka hal pertama yang perlu dilakukan tentu saja membuat blog di blogger.com

Untuk cara membuat blog di blogger.com sangatlah mudah sekali.

Yang sobat butuhkan pertama adalah akun Google. Saya yakin sobat sudah mempunyai akun Google.

Jika belum, silakan membuat akun Google terlebih dahulu. caranya Baca Di Sini.

Jika akun Google-nya sudah siap, langsung saja disimak langkah-langkahnya berikut ini:

Pertama login ke https://blogger.com menggunakan akun Google milik sobat.
Setelah login, sobat perlu mengisi nama Profil yang digunakan untuk blog

Tutorial Blogger untuk Pemula [Updated 2020]

Klik “Lanjutkan ke Blogger“
Klik “Blog baru” untuk membuat blog baru

Tutorial Blogger untuk Pemula [Updated 2020]

Masukan judul blog, alamat blog, dan pilih tema blog, setelah itu klik “Buat blog!“

Tutorial Blogger untuk Pemula [Updated 2020]

Blog sudah jadi. Untuk melihat blog sobat tinggal klik tombol “Lihat blog“

Memahami Menu-menu di Blogger

Setelah sobat berhasil membuat blog, selanjutnya sobat perlu memahami menu-menu yang ada di blogger.com.

Menu-menu ini sangat penting untuk dipahami karena dapat memudahkan sobat dalam mengurus blog sobat kedepannya.

Menu-menu di blogger terletak di sebelah kiri pada dashboard.

Tutorial Blogger untuk Pemula [Updated 2020]

Di bawah ini adalah penjelasan lengkap tentang menu-menu tersebut:

Postingan
Menu untuk menampilkan daftar semua artikel yang ada di blog sobat
Statistik
Menu untuk menampilkan statistik blog sobat seperti jumlah pengunjung, jumlah tayangan laman, sumber pengunjung, dan lain sebagainnya.
Komentar
Menu untuk menampilkan semua daftar komentar yang masuk ke blog sobat.
Halaman
Menu untuk membuat dan menampilkan semua daftar Halaman statis yang ada di blog sobat. Penjelasan tentang halaman statis ada di bawah.
Tata Letak
Di sini adalah tempat sobat mengatur tata letak blog sobat dan juga tempat untuk memasang widget blog seperti widget artikel populer, atau widget pengikut.
Tema (sebelumnya disebut Template)
Di sini adalah tempat untuk mengganti template atau tema blog sobat. Selain itu sobat juga bisa mengedit langsung template blog sobat pada menu ini.
Setelan
Tempat pengaturan blog sobat. Jika sobat ingin mengganti judul blog, mengganti alamat, atau mengganti bahasa blog maka menu ini adalah tempatnya.

Selain menu-menu di atas sebenarnya masih ada satu menu lagi, hanya saja menu tersebut secara default tidak ditampilkan untuk blog-blog berbahasa Indonesia.

Untuk mengetahui menu apa tersebut, silakan baca postingan ini.

Cara Posting Artikel

Setelah sobat berhasil membuat blog, hal berikutnya yang perlu sobat lakukan adalah memulai mengisi blog sobat dengan tulisan atau posting artikel.

Cara posting artikel di blogger sendiri bisa dibilang sangat mudah. Pada dasarnya hampir sama seperti menulis email.

Jika sobat sudah terbiasa menulis email maka untuk melakukan posting artikel di blogger bukanlah hal yang sulit untuk dipelajari.

Tapi jika sobat belum pernah menulis email maka itu artinya sobat bener-bener gaptek. Tapi jangan khawatir karena tidak ada kata terlambat untuk belajar.

Berikut ini adalah langkah-langkahnya:

Pertama sobat harus login dulu ke “Blogger“
Kalau sudah login, sekarang tinggal klik tombol “Entri baru“:

Tutorial Blogger untuk Pemula [Updated 2020]

Berikutnya sobat akan diarahkan ke halaman editor artikel di blogger. Simak baik-baik gambar di bawah ini beserta penjelasannya :

Tutorial Blogger untuk Pemula [Updated 2020]

Keterangan :

Judul artikel
Isi artikel
Menu-menu untuk mengganti warna tulisan, ukuran font, upload gambar dan video, dll.
Format postingan. Pilih saja Compose untuk pemula
Label postingan. Penjelasan selengkapnya
Tanggal artikel ditulis
Tautan permanen.
Lokasi sobat saat menulis artikel. tidak wajib diisi
Beberapa opsi lain yang bisa dipilih
Tombol untuk mempublikasikan artikel sobat
Tombol untuk menyimpan artikel ke Draft
Preview postingan sebelum dipublikasikan

Setelah sobat sedikit paham dengan menu-menu yang ada pada editor artikel di blogger, setelah itu tinggal tulis apa aja yang ingin sobat tulis.
Klik tombol “Publikasikan” jika artikelnya sudah selesai.
Sekarang tulisan sobat sudah online dan bisa dibaca oleh banyak orang:

Nah ternyata menulis artikel di blogger sangat mudah banget bukan?

Cara Membuat Halaman Statis

Halaman statis pada dasarnya hampir mirip seperti pos, hanya saja memiliki perbedaan dan fungsi tersendiri.

Salah satu contoh sederhana penggunaan fitur laman ini adalah untuk membuat halaman seperti Tentang Saya, Kontak Saya, Disclaimer, DLL.

Berikut adalah beberapa perbedaan mendasar antara Pos dan Laman:

Pos

Ditampilkan di halaman depan blog
Diarsipkan berdasarkan tanggal publish
Memiliki label, tanggal publish dan author
Dikhususkan untuk konten yang sering diupdate
Menggunakan format URL permalink seperti ini:

Laman

Secara default tidak ditampilkan di halaman depan blog
Tidak diarsipkan berdasarkan tanggal publish
Tidak memiliki label, tanggal publish dan author
Dikhususkan untuk konten yang jarang diupdate
Menggunakan format URL permalink seperti ini:
http://namablog.blogspot.com/p/nama-laman.html

Nah untuk membuat laman ini prosesnya hampir tidak ada bedanya dengan posting artikel di blogger.

Berikut ini adalah langkah-langkahnya:

Masuk dashboard blog sobat.
Klik menu “Halaman“
Klik tombol “Halaman baru“
Sekarang tinggal sobat isi Judul dan juga Konten untuk halaman statis blog sobat

Tutorial Blogger untuk Pemula [Updated 2020]

Jika sudah jadi, selanjutnya tinggal klik saja tombol “Publikasikan“

Seperti yang sudah disebutkan di atas, laman di blogger secara default tidak ditampilkan di blog.

Selain itu tidak ada link yang bisa diklik supaya bisa mengarah ke halaman statis yang sudah dibuat.

Untuk menampilkan link laman tersebut sobat bisa menggunakan Widget Laman.

Berikut ini adalah langkah-langkahnya:

Masuk ke menu “Tata Letak“
Klik “Tambahkan Gadget“
Pilih widget “Laman“
Centang halaman statis yang ingin sobat tampilkan
Jika sudah, selanjutnya tinggal klik saja “Simpan“

Sekarang link halaman statis sudah muncul di blog sobat.

Cara Memasang Widget

Widget atau di blogger.com disebut Gadget merupakan sebuah konten di dalam blog selain artikel pada sebuah blog. Widget ini biasanya berada di bagian sidebar blog.

Widget di dalam blog bisa dipasang, dicopot, dan juga dipindah-pindah sesuai keingingan. Selain itu widget ini sifatnya opsional, tidak harus dipasang di blog. Jadi sobat bisa membuat blog tanpa memasang widget sama sekali.

Berikut ini adalah langkah-langkah untuk memasang widget atau gadget di blogger:

Pertama pastinya login dulu ke “Blogger“
Setelah login, masuk ke menu “Tata Letak“
Nah di sini sobat bisa menambah widget dengan mengklik “Tambahkan Gadget“

Tutorial Blogger untuk Pemula [Updated 2020]

Di blogger.com sudah disediakan beberapa gadget yang siap untuk dipasang. Tentunya sobat tidak wajib untuk memasang semuanya. Cukup pilih widget yang benar-benar dibutuhkan.

Widget apa saja yang perlu dipasang?

Kebanyakan blogger pemula biasanya terlalu berlebihan dalam mamasang widget di blogger. banyak yang menganggap kalau semakin banyak widget yang terpasang di blog maka blognya akan semakin keren. Padahal kenyataan sebenarnya adalah sebalikanya.

Semakin sedikit widget yang terpasang di blog maka akan semakin bagus. Alasannya karena jika memasang terlalu banyak widget akan membuat bingung pengunjung, selain itu juga akan membuat loading blog semakin lama.

Berikut ini adalah beberapa widget rekomendasi yang sebaiknya dipasang di blog:

Widget Entri Populer
Widget Label
Widget Arsip
Widget Profil

Selain widget-widget tersebut, ada satu lagi widget yang cukup sering digunakan di blogger, yaitu widget HTML/JavaScript.

Fungsi widget ini untuk menambahkan widget menggunakan kode HTML dan juga JavaScript. Umumnya digunakan untuk memasang widget pihak ketiga (widget bukan dari blogger.com) dan juga untuk memasang banner iklan.

Cara Mengganti Template Blogger

Salah satu fitur keren yang ada di blogger adalah kita bisa mengganti template atau tampilan blog kita sesuai keinginan.

Di blogger.com sudah disediakan beberapa template-template default yang bisa dipilih, selain itu sobat juga bisa menggunakan template pihak ketiga yang sudah bertebaran di internet.

Nah kemungkinan besar sobat akan lebih memilih untuk menggunakan template pihak ketiga karena template yang sudah disediakan blogger rata-rata jelek dan terlalu sederhana.

Terus gimana caranya untuk mengganti template di blog saya?

Silakan disimak di bawah ini:

1. Mencari Template Blogger

Nah untuk mengganti template atau tema blog dengan template pihak ketiga, hal pertama yang perlu sobat lakukan adalah mencari template blogger untuk didownload.

Di luar sana banyak sekali penyedia template blogger, puluhan bahkan sampai ratusan, dari yang gratis sampai yang berbayar.

Untuk mencari penyedia template tersebut cukup cari di google dengan kata kunci seperti ini: “Template Blogger” atau “Free Blogger Template” atau “Template Blogger Keren” dll.

2. Meng-extract File Template

File template yang nanti sobat download umumnya dalam format .zip atau .rar.

Untuk memasangnya di blog sobat perlu meng-extract file tersebut.

Caranya seperti gambar di bawah ini:

Setelah diekstrak nanti di dalamnya terdapat file dengan ekstensi .xml, nah file itulah yang nanti akan sobat pasang ke blogger.

Berikut adalah langkah-langkah memasang template ke blog:

Login ke “Blogger“
Klik menu “Tema“
Klik icon menu (titik tiga)
Klik “Pulihkan“
Klik “Upload“
Pilih file template yang sudah didownload di komputer

Sekarang silakan cek alamat blog sobat untuk melihat apakah templatenya sudah sukses terpasang atau belum.

Setelah mengganti template biasanya sobat perlu mengatur kembali widget-widget yang terpasang di blog.

Nah kira-kira begitulah cara mengganti template di blogger. Bener-bener gampang banget. Jangan dibikin ribet.

Cara Memasang Favicon

Salah satu hal kecil yang bisa dilakukan untuk membuat blog sobat sedikit lebih keren adalah dengan mengganti Favicon di blog sobat.

Apa itu Favicon?

Favicon adalah singkatan dari Favorite Icon yaitu sebuah gambar icon yang muncul pada address bar suatu website. Favicon bisa disebut juga sebagai shortcut icon, website icon, URL icon, atau bookmark icon.

Secara default jika sobat membuat blog di blogger, blog sobat akan memiliki favicon berupa logo Blogger

Tutorial Blogger untuk Pemula [Updated 2020]

Nah agar blog sobat terlihat lebih unik sobat bisa mengganti favicon tersebut dengan favicon milik sobat sendiri.

Berikut adalah caranya:

Pertama sobat harus menyiapkan terlebih dahulu sebuah gambar persegi dengan ukuran tidak lebih dari 100KB. Format gambar bisa apa saja, .JPG, .PNG, atau .ICO.
Jika gambarnya sudah siap, sekarang login ke blogger.com > Masuk ke menu “Tata Letak” > Klik “Edit” pada bagian Favicon:
Klik “Choose File” dan pilih gambar favicon yang sudah sobat buat.
Setelah itu tinggal klik tombol “Simpan“

Setelah sobat berhasil memasang favicon di blog, kemungkinan saat sobat cek blog sobat, faviconnya masih tetap berupa logo blogger. Hal tersebut wajar karena pengaruh Cache browser.

Silakan sobat bisa hapus cache browser untuk melihat perubahan favicon.

Cara Mengganti Judul Blog dengan Logo

Hal lainnya yang bisa dilakukan supaya blog sobat tambah keren adalah dengan mengganti judul blog dengen sebuah logo.

Berikut adalah langkah-langkah cara mengganti judul blog sobat dengan gambar logo:

Pertama sobat harus membuat terlebih dahulu sebuah logo untuk dijadikan sebagai judul blog.
Login dulu ke dasbor blog sobat.
Setelah itu masuk ke menu “Tata Letak“
Klik “Edit / Icon Pensil” pada bagian Judul Blog

Tutorial Blogger untuk Pemula [Updated 2020]

Selanjutnya tinggal ikuti petunjuk sesuai gambar di bawah ini:

Tutorial Blogger untuk Pemula [Updated 2020]

Pilih file gambar logo di komputer sobat
Pilih “Selain judul dan keterangan“
Klik “Simpan“

Begitulah kira-kira cara mengganti judul blog dengan gambar logo. Sangat simple dan tidak pakai ribet.

Penutup Tutorial Blogger

Mungkin hanya sampai di sini tutorial blogger yang bisa saya bagikan di postingan ini.

Langkah selanjutnya sobat bisa baca postingan saya tentang Teknik SEO untuk Blogger di sini.

Terima kasih.

Cara Mengaktifkan Ads.txt di Blogger / Blogspot

2020-07-29T04:33:00.000-07:00

Asalamualaikum teman semuanya kali ini saya akan mrmbahas tentang Cara Mengaktifkan Ads.txt di Blogger - Untuk menghindari permasalahan iklan AdSense tidak muncul di blog dan juga memperbaiki notifikasi error ads.txt di akun AdSense, sobat perlu mengaktifkan fitur ads.txt kustom di blogger.

Caranya silakan ikut langkah-langkah di bawah ini :

Login ke “Blogger” > “Setelan” > “Monetisasi”
Aktifkan ads.txt kustom
Pada bagian “ads.txt kustom” isi dengan kode ads.txt berikut:
google.com,pub-0000000000000, DIRECT, f08c47fec0942fa0
Ganti yang berwarna merah dengan ID Akun AdSense milik sobat
ID Akun AdSense bisa dilihat pada URL dashboard AdSense.
Cara Mengaktifkan Ads.txt di Blogger / Blogspot
Jangan lupa klik “Simpan“

Setelah memasang/mengaktifkan file Ads.txt biasanya iklan AdSensenya menjadi blank/tidak muncul. Silakan ditunggu saja sekitar 1x24jam sampai iklannya muncul kembali.

Selain itu notifikasi peringatan ads.txt di akun AdSense tidak akan langsung hilang, silakan tunggu saja sekitar 1x24jam sampai notifikasi tersebut hilang.

Error yang Sering Terjadi di Blogger dan Solusinya

2020-07-29T02:19:00.000-07:00

Asalamualaikum Bray postingan kali ini saya rangkum - Ada beberapa error atau bug yang sering terjadi di blogger.com.

Sebagai penjual template blogger, error-error seperti ini sering sekali ditanyakan oleh pelanggan saya.

Sebagian besar pelanggan saya mengganggap error-error ini disebabkan oleh template yang digunakan.

Tapi sebenarnya bukan dari template, melainkan karena disebabkan oleh platform blogger-nya itu sendiri.

Langsung saja, berikut beberapa error yang sering terjadi di blogger dan solusinya:

Jumlah postingan di homepage tidak sesuai setelan

Error yang paling sering terjadi pertama adalah jumlah postingan yang muncul di homepage/halaman depan tidak sesuai dengan setelan.

Permasalahan ini sebenarnya bukan sebuah error, tapi malah fitur dari platform blogger itu sendiri.

Fitur ini namanya adalah Auto Pagination. Fitur ini sudah ada di blogger sejak 10 tahun yang lalu.

Jika sobat baca di blog resmi blogger, di situ dijelaskan seperti ini :

Error yang Sering Terjadi di Blogger dan Solusinya

Kurang lebih artinya, Blogger akan menyesuaikan jumlah postingan yang ditampilkan tergantung dari banyaknya kode HTML dan Gambar yang ada di dalam postingan.

Jika sobat membuat postingan baru, dan di dalam postingan tersebut memuat banyak gambar dan juga kode html (semakin panjang artikel semakin banyak kode html), maka hampir dipastikan jumlah postingan di homepage blog sobat akan berkurang.

Kenapa di blogger ada fitur seperti ini? padahal ngganggu.

Jujur aja fitur ini memang ngganggu banget dan tidak seharusnya ada di blogger.

Tapi perlu diingat fitur ini diluncurkan 10 tahun yang lalu. Pada waktu itu sebagian besar template, khususnya template bawaan blogger secara default menampilkan full artikel di halaman depan.

Dengan seperti itu maka wajar jika fitur ini ada. Tapi untuk saat ini memang seharusnya fitur tersebut sudah dihilangkan.

Solusinya

Untungnya ada solusi untuk permasalahan ini.

Solusinya sangat simple, yaitu dengan memanfaatkan fitur “jump break” di postingan blogger.

Caranya:

Edit postingan di blog sobat yang memuat banyak gambar/kode HTML. Letakan “jump break” setelah paragraf pertama:

Error yang Sering Terjadi di Blogger dan Solusinya

Postingan hanya muncul 1 di halaman depan

Error ini hampir sama seperti yang pertama, bedanya kalau error sebelumnya jumlah postingannya tidak sesuai setelan, kalau yang ini jumlah postingannya hanya satu.

Penyebab dari error ini juga sebenarnya sama, yaitu karena fitur Auto Pagination di blogger.

Tapi ada hal lain yang menyebabkan error ini, yaitu karena postingannya dicopy paste dari Microsoft Word.

Apa hubungannya dengan Microsoft Word, Mas?

Ketika sobat menulis artikel di Microsoft Word, setelah itu disalin dan dipaste langsung ke postingan blog menggunkan mode “Compose,” yang terpaste bukan hanya tulisan saja, tapi kode “styling” dari program Microsoft Word juga ikut terpaste.

Jika setelah dipaste sobat beralih ke mode HTML, maka sobat akan melihat banyak sekali kode HTML yang nggak jelas yang berasal dari program MS Word:

Karena di dalam postingan banyak kode HTML

Pada file robots.txt tersebut tertulis perintah :

Karena di dalam postingan banyak kode HTML, akhirnya fitur Auto Pagination di blogger bekerja dan memutuskan untuk menampilkan satu postingan saja di halaman depan.

Solusinya

Solusi pertama:

Usahakan untuk tidak menulis artikel secara offline di Microsoft Word atau program yang serupa (Open Office, LibreOffice, dll.).

Solusi kedua:

Gunakan “Jump Break” seperti yang sudah dijelaskan sebelumnya.

Ada postingan yang hilang atau tidak muncul di blog

Jika error-error sebelumnya terjadi di homepage, error ini terjadi pada halaman “Postingan Lama“.

Ketika error ini terjadi akan ada postingan yang tidak muncul ketika sobat mengunjungi halaman “Postingan Lama.”

Error ini disebabkan karena ada beberapa postingan yang tanggal publish-nya sama persis. Tanggal, jam, dan menitnya sama.

Solusinya

Edit postingan yang memiliki waktu publish yang sama.

Atur ulang waktu publishnya, beri jarak setidaknya satu menit di antara satu postingan dengan postingan yang lainnya.

Error lainnya

Demikian rangkuman beberapa error yang sering terjadi di blogger.

Mungkin masih ada beberapa error lainnya yang belum saya cantumkan di atas. Insya Allah akan saya tambahkan kedepannya.

Jika ada pertanyaan silakan sampaikan di kolom komentar.

Terima kasih.

Update Shannenpio Vk2 Free Template Amp HTML Landing Page

2020-07-24T08:05:00.001-07:00

Update Shannenpio Vk2 Free Template Amp HTML Landing Page - Selamat pagie selamat wayah kieu Anu ganteng Shannenpio Vk2 Free Template Amp HTML Landing Page ,hari ini saya akan berbagi dan berbaik hati seperti biasa akan memperbaiki sedikit error atau masalah di template Amp HTML Landing Page. Mungkin agan heran apa saja sih yang harus diperbaiki kaya motor aja emang pake busi apa?? hehehe bukan lah tapi sedikit di rubah kode CSS,HTML nya saja gan agar tanpilannya lebih gress dan berbeda-beda pada tmpilan static.

Berikut beberapa perubahan pada tema Update Shannenpio Vk2 Free Template Amp HTML Landing Page kali ini.

1. Sekarang disediakan tema dengan tampilan grid dan list.

Semua yang beli tema Kompi Flexible non AMP akan mendapatkan 2 type tema tersebut yaitu tema type grid dan list. Anda tinggal pilih tema type yang mana yang akan digunakan di blog.

Kenapa type grid dan list tidak disatukan saja dengan tombol untuk memilih tampilan?

Mungkin itu pertanyaan yang akan muncul. Ada beberapa alasan kenapa saya memisahkan tampilan grid dan list, di antaranya: tidak banyak pengguna yang akan meng-klik tombol untuk sekedar melihat tampilan grid atau list, saya pastikan yang akan terus klik tombol tersebut adalah admin blog. Sehingga hal itu tidak efisien, selain itu tentunya size CSS akan lebih besar lagi.

2. Perbaikan heading di home dan post.

Pada versi sebelumnya, di LightHouse terdetek sebuah peringatan untuk masalah heading. Nah di versi ini masalah heading tersebut sudah diperbaiki.

3. Mengganti tombol share

Pada tema versi 9 ini saya mengganti tombol share sosial media dengan menggunakan AddThis. Anda bisa mengganti tombolnya dengan tombol akun AddThis Anda sendiri, dengan begitu akan lebih mudah mengetahui statistik postingan yang dibagikan pengunjung.

4. Perbaikan lainnya.

Ada beberapa perbaikan atau perubahan lainnya seperti menu digeser ke sisi kanan, remove JS Blogger, memperbesar huruf di postingan agar pengunjung lebih enak membaca postingannya, mengganti lazyload Adsense terbaru, men-defer JS Google Analitycs.

Dan berikut demo dari masing-masing type yang sudah saya pasangkan di 2 blog saya. Kedua blog tersebut saya Addsite di Adsense dengan tema Kompi Flexible dan diterima.

Demo tema type grid

Demo tema type list

Seperti biasa silahkan Email lansung jika ingin template Amp HTML Landing Page ini dan tidak dipungut biayaya sepeser pun alias free geratisan gan.

Seperti biasa silahkan Email lansung jika ingin template Amp HTML Landing Page ini dan tidak dipungut biayaya sepeser pun alias free geratisan gan..

Perhatian:

Di template AMP HTML Landing Page ini juga CSS Style dan pengaturan postingan imagenya sangat serasi dengan layout postingan dan juga CSS style untuk spoiler di dalam postingan, bisa dicek DI SINI Begitu pun untuk style header, blockquote, pre code, dan layout youtube player agar sesuai dengan lebar postingan, bisa dicek DI SINI.

Mohon dipahami juga, support tema tidak termasuk dengan modifikasi tema.

UPDATE:

Shannenpio / Landing Pages / Technology High Resolution: Yes, Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome, Edge, Compatible With: Bootstrap 3.x, Columns: 4+

SEO Blogger 101: Cara Page One di Google pakai Blogger

2020-07-05T06:30:00.000-07:00

Di bawah ini adalah beberapa teknik SEO blogger - (blogger.com) agar blog sobat lebih disayang oleh Google.

Jika blog sobat disayang Google maka blog sobat bisa masuk di page one, dan jika sudah page one di google maka otomatis pengujung blog sobat akan meningkat.

Siapa sih yang tidak ingin pengunjung blognya meningkat? Semua blogger pasti ingin, apalagi bagi yang sedang menghasilkan uang dari blog.

Syukur-syukur bukan hanya bisa page one, tapi bisa number one. Jika number one di google tentunya pengunjung bukan hanya meningkat, tapi bisa jadi kembanjiran pengunjung.

Memang bisa number one cuma pakai Blogger a.k.a Blogspot, Mas?

Bisa banget dong.

Kuncinya pertama sobat perlu membuat konten atau artikel yang super berkualitas yang dapat memanjakan pengunjung.

Kunci kedua sobat perlu menerapkan teknik SEO sederhana untuk blog blogger sobat yang akan saya jelaskan di bawah ini.

So. Bagi sobat yang ingin belajar SEO Blogger, langsung saja disimak di bawah ya.

RSS Feed

Seperti halnya layanan blogging pada umumnya, blogger juga menyediakan fitur RSS feed untuk memudahkan pembaca blog kita berlangganan artikel-artikel yang kita publikasikan.

Fitur ini sebenarnya sangat bagus, terutama untuk menjaring pembaca. Namun di lain sisi RSS feed juga bisa berdampak buruk untuk SEO blog kita.

Kenapa bisa begitu?

Seperti yang kita tahu, di zaman sekarang banyak sekali blogger-blogger pemalas yang maunya serba instan yang sering mencuri konten-konten blog milik orang lain.

Nah, RSS Feed ini akhir-akhir ini sering digunakan oleh para pencuri konten sebagai jalan untuk mengambil konten-konten yang ada di blog kita tanpa harus susah-susah CTRL+C dan CTRL+V.

Bayangkan sob, copy paste pun sekarang sudah pada males, sekarang mainannya serba otomatis.

Jika blog kita menjadi korban pencurian konten melalui RSS Feed maka bisa berdampak buruk bagi blog kita karena akan mengakibatkan yang namanya konten duplikat. Nah, untuk sedikit mengatasi masalah ini, kita bisa mengoptimalkan pengaturan RSS Feed yang ada di blogger.

Caranya sangat mudah sekali, sobat cukup masuk ke Dashboard > Setelan > Lainnya. Setelah itu sobat fokus pada bagian Umpan Situs.

Pada bagian “Izinkan Umpan Blog” sobat pilih “Singkat“