Tutorial Blog

Postingan

Browsing Artikel: Tutorial Blog

Pada kategori Tutorial Blog ini saya akan berbagi tutorial blogger lengkap untuk blogger pemula yang sedang belajar ngeblog, serta tutorial blog tingkat lanjut, utamanya di platform Blogger atau blogspot

Seperti cara membuat blog untuk pemula dari nol, tips customisasi template, cara memasang dan kustomisasi widget Blogger dan lain sebagainya.

Pada kategori ini juga akan dibahas cara optimasi SEO blogspot, diantaranya cara memasang meta tag yang benar di blogger, search console, rearch results test, schema.org dan seterusnya.

Tunjukkan semua

Komentar Blog Error, Tombol Reply Not Working, Apa Solusinya?

Beberapa hari ini saya banyak menerima pesan, keluhan tentang komentar Blogger/Blogspot yang error. Masalahnya tentang tombol reply comment yang tidak berfungsi saat di klik, dan semua konten balasan komentar menjadi lurus berjejer ke bawah. Tidak bisa dibedakan lagi mana main comments dan mana reply comments (komentar balasan). Baik komentar balasan dari Admin blog terkait dan juga komentar pengunjung. Anehnya, masalah ini hanya terjadi pada beberapa blog saja. Yaitu blog yang mempunyai ciri-ciri sebagai berikut: Blog yang sudah lama/berumur. Sudah dibuktikan dengan menginstall template yang sama pada blog yang baru, kolom komentar berfungsi sebagaimana mestinya. Blog yang masih menggunakan layout template lama (layout Versi 2). Blog yang sudah menggunakan template dengan layout v.3 aman-aman saja. Nah, apa yang harus dilakukan? Beberapa tips untuk mengatasi komentar Blogger error terkait tombol balas (reply) tidak berfungsi dan threaded comments yang menjadi lurus/berjeje

Cara Memasang Breadcrumb pada Blogger Terbaru Versi 3

Salah satu fitur yang hilang dari update HTML Blogger ialah breadcrumb. Lalu bagaimana cara memasang kembali fitur breadcrumbs tersebut? Lebih baik menggunakan breadcrumb atau tidak perlu lagi? Sejauh ini, itu pertanyaan yang masih menghantui saya. Mengapa Blogger Developers kok tega menghilangkannya? Apa memang breadcrumb udah gak guna lagi? Yang pakar SEO mudah-mudahan bisa jawab pertanyaan ini di kolom komentar. Nah, bagi yang terpaksa mengabaikan pertanyaan-pertanyaan tersebut, penuh keyakinan untuk nekat pasang breadcrumb di sintaks Blogger versi terbaru, berikut caranya! Tips: Dalam hal ini, kita tetap menggunakan parameter dan kode pemanggil parameternya. Sehingga output breadcrumb bisa diletakkan dan ditampilkan dimana saja. Alias bisa diletakkan di dalam dan d luar post page . Langkah 1: cari kode ini <b:defaultmarkup type='Common'> Langkah 2: letakkan kode parameter berikut di bawah kode tadi: <b:includable id='breadcrumb' var='

Cara Menampilkan Iklan di Halaman Postingan Hanya pada Label Tertentu

Menampikan iklan yang tampil pada postingan/artikel hanya pada label tertentu merupakan salah satu trick bagi Anda yang punya blog dengan berbagai macam label atau kategori. Ditambah lagi jika blog Anda dijalankan berbagai model platform periklanan. Misalnya Anda ingin menampilkan iklan Google Adsense pada semua artikel yang berlabel A dan B . Dan pada kategori/label C atau D , semua artikelnya ingin ditampilkan iklan sebagai Publisher MGID . Atau pada artikel dengan label tertentu, semua iklan tampil beriringan di dalam postingan. Semua itu sangat mungkin dilakukan pada Blogger/Blogspot tanpa harus menggunakan tambahan JavaScript atau jQuery. Cukup dengan menggunakan tag conditional khusus. Dasarnya, kode yang dibutuhkan adalah seperti ini: <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == " NAMA LABEL "'> KODE IKLAN DISINI </b:if> </b:loop> Tetapi kode tersebut hanya dapat

Memasang Title Meta Tag Blogger dengan Tag Conditional Terbaru

Untuk membuat title meta tag saat ini, kodenya makin pendek saja. Mengingat tag conditional yang digunakan untuk merender title (judul blog dan artikel) di tiap-tipa halaman, telah diperpendek sama Blogger. Title meta tag ini biasanya diletakkan dibagian paling atas dalam sebuah HTML, yaitu diantara kode <head> dan </head> . Yang paling sering kita jumpai pada kebanyakan template Blogger/Blogspot, title meta tag diletakkan di bawah kode <head> bersama dengan barisan kode meta tag yang lain. Sederhanya, untuk kode title meta tag dengan menggunakan tak kondisional terbaru, kurang lebih nampak seperti berikut ini: <b:if cond='data:view.isHomepage'> <title><data:blog.title/></title> <b:elseif cond='data:view.isPost or data:view.isPage or data:view.search.label'/> <title><data:blog.pageName/></title> <b:elseif cond='data:view.search.query'/> <title><data:view.search.results

Menyembunyikan/Menampilkan Widget pada Halaman Tertentu di Blogger Terbaru

Berhubung sudah ada tag conditional terbaru, maka untuk menyembunyikan atau menampilkan widget/gadget di halaman tertentu untuk Blogger/Blogspot pun mengalami perubahan. Namun demikian, menggunakan cara-cara lama juga masih bisa dilakukan. Tutorial ini sebetulnya lanjutan dari tutorial sebelumnya, terkait cara agar iklan tidak tampil saat preview artikel . Untuk tutorial kali ini pun cara penerapannya hampir sama. Jika widget/gadget yang ingin kita sembunyikan atau tampilkan itu adalah bagian dari gadget header, sidebar, atau footer, maka caranya seperti berikut ini. Login ke Blogger > Tema > Edit HTML. Lalu pilih dropdown Lompat ke widget , seperti pada gambar berikut. Misalnya, widget/gadget yang ingin disembunyikan adalah seperti pada kode berikut ini: <b:widget id='HTML2' locked='false' title='Ads' type='HTML'>...</b:widget> Dan widget/gadget tersebut ingin disembunyikan pada halaman Preview Post, maka tinggal menambahka

Cara Agar Iklan Tidak Tampil Saat Preview Artikel

Untuk menyembunyikan atau menonaktifkan tampilan iklan saat sedang membuka halaman pratinjau (preview) artikel, kita butuh tag conditional khusus. Dan tag conditional tersebut baru ada sejak tahun 2017 lalu. Membiarkan slot iklan tetap tampil pada halaman preview post memang tidak ada pengaruh yang signifikan untuk blog terkait dan akun Google Adsense. Hanya saja, penampakannya yang sering blank itulah yang kadang mengganggu pandangan saat hendak pratinjau calon postingan blog. Nah, jika penampilan iklan di halaman preview/pratinjau post ini juga mengganggu kenyamanan Anda, maka lakukan cara berikut ini. Masuk ke Blogger > Theme > Edit HTML. Untuk iklan di dalam postingan (di bagian bawah, tengah dan akhir post) Sisipkan tag conditional ini pada slot iklan: <b:if cond='!data:view.isPreview'>  </b:if> Contoh: <b:if cond='!data:view.isPreview'> <ins class='adsbygoogle' data-ad-client='c

Mengalihkan/Redirect Otomatis URL Error 404 ke Homepage

Tutorial Blogger/Blogspot kali ini ialah cara mengatur redirect otomatis halaman yang Error 404 (broken link) ke halaman depan (homepage) atau halaman khusus. Tidak dapat dipungkiri bahwa broken link di blog dapat diakui cukup sulit diatasi. Penyebabnya bisa bermacam-macam, mulai dari kelalaian admin blog yang salah menempatkan atau menuliskan link pada artikel lainnya, telah menghapus link terkait. Atau bisa juga disebabkan oleh perayapan mesin pencari yang keliru menerjemahkan URL artikel di blog. Nah, URL yang error ini sangat bisa dioptimalkan dengan cara khusus. Yaitu dengan mengalihkannya ke homepage blog atau ke halmaan tertentu. Misalnya halaman sitemap blog, atau halaman khusus sebagai pemberitahuan terkait link yang error itu (semacam halaman error 404 tapi bikinnya di static page). Berikut tutorialnya. Untuk redirect halaman error 404 di Blogger, silahkan masuk ke menu Tema > Edit HTML. Lalu cari kode </body> atau &l

Cara Membuat Halaman Error 404 + Kolom Search

Membuat dan memodifikasi halaman error 404 cukup penting dilakukan agar makin informative dibandingkan dibiarkan tampil seadanya. Apalagi jika tampilan halaman error 404 itu dibuat responsive, pun ditambahin fitur search form. Pasti akan lebih menarik pengunjung, dan hampir bisa dipastikan akan menunda dia untuk segera kabur dari blog kita. Kebiasaan pengunjung (yang benar-benar mencari sesuatu yang dia butuhkan) itu suka cepat-cepat close tab, jika apa yang diinginkannya hanya berakhir di halaman error atau broken link. Itulah salah satu faktor penyebab bounce rate blog/website kita bisa sangat tinggi. Berikut, tutorial cara pasang halaman error 404 di Blogger responsive + search form. Langkah 1 Login ke Blogger lalu masuk ke Tema > Edit HTML. Langkah 2 Cari kode </head> atau </head> lalu letakkan kode berikut diatasnya: <b:if cond='data:view.isError'> <style type='text/css'> /* Er

Blog bungfrangki