Terbaru

Untuk Anda Penayang Iklan AdSense: Memahami Dengan Baik Pengertian File Ads.Txt

-
Image
Tampilan format standard file ads txt google adsense Kata "ads" dalam file ads.txt singkatan dari Authorized Digital Sellers yang artinya Penjual Digital Resmi. Ini menampilkan informasi tentang teks yang mewakili tanda pengenal untuk penjual ruang iklan. Dalam pengertian seseorang pemilik akun AdSense, Anda dikategorikan sebagai penjual ruang iklan.  File ads.txt adalah bentuk file teks sederhana yang ditempatkan di root domain situs web (misalnya, example.com/ads.txt) untuk membantu mengelola dan memverifikasi penjual iklan digital yang diizinkan untuk menjual inventaris iklan situs tersebut. Platform Blogger menyediakan Anda tempat untuk menyimpan file ads.txt ini di menu "Setelan". File ini merupakan bagian dari inisiatif IAB Tech Lab untuk meningkatkan transparansi dalam ekosistem iklan programatik dan mencegah penipuan iklan, seperti penjualan inventaris iklan palsu. Pengertian dan Fungsi Utama Pada saat Anda mendaftarkan situs/blog ke jaringan iklan Google A...
Post a Comment
Home Blog Tips Cara Membuat Menu Breadcrumb di Platform Blogger

Cara Membuat Menu Breadcrumb di Platform Blogger

-
Gambar ilustrasi beberapa hierarki dalam menu Breadcrumb

Tehnologi informasi dimulai dari menulis. Kita pemilik situs web atau blog pribadi masih tetap melangkah meskipun tampaknya dunia blogging jarang diminati. Ada salah satu tema lama tapi sampai detik ini menjadi bagian tak terpisahkan dari sebuah halaman. Itu adalah menu Breadcrumb yang sederhana. Artikel ini akan memberi informasi tentang cara membuat menu breadcrumb di platform Blogger. 

Breadcrumb atau dalam Bahasa Indonesia disebut remah roti, adalah navigasi sekunder yang menunjukkan posisi halaman saat ini dalam struktur situs web. Breadcrumb memudahkan pengunjung untuk memahami di mana mereka berada dan menavigasi ke tingkat yang lebih tinggi dalam hierarki/urutan setiap bagian situs web.

Dalam konteks penulis yang menyimpan karya mereka pada platform Blogger, menu breadcrumb pada umumnya menunjukkan link 3 jalur yaitu jalur dari beranda, ke kategoi/label lalu postingan blog yang sedang dibaca. Breadcrumb tidak hanya meningkatkan pengalaman pengguna (UX), tetapi juga dapat membantu SEO dengan memberikan struktur yang jelas bagi mesin pencari. Implementasinya cukup baik dari sudut pandang tampilan halaman khususnya menu tambahan yang terlihat pada bagian kiri atas judul artikel. 

Pertanyaan mengapa breadcumb perlu kita tampilkan? Untuk memberi nilai lebih tentang cara pengelolaan situs. 

Apakah itu penting? Untuk membantu optimasi SEO,  bisa jadi itu penting. 

Bukankah sudah ada menu bawaan template yang siap kita gunakan? Iya, tapi dengan memberi kesan pertama pada bagian atas judul artikel, diharapkan situs kita tidak mudah dillupakan. 

Mengapa Breadcrumb Penting untuk Blog Anda?

Ada hal-hal sederhana tapi tak bisa ditinggalkan oleh karena kegunaannya yang membantu meningkatkan peran kita sebagai penulis konten.

Meningkatkan Navigasi

Breadcrumb menyederhanakan navigasi, terutama untuk situs web dengan struktur yang kompleks. Pengunjung dapat dengan mudah kembali ke kategori atau halaman induk tanpa harus menggunakan tombol "kembali" atau menu utama.

Meningkatkan User Experience (UX)

Kemudahan navigasi berkontribusi pada pengalaman pengguna yang positif. Pengunjung yang puas cenderung menghabiskan lebih banyak waktu di situs Anda dan kembali lagi di masa mendatang.

Membantu Optimasi SEO Situs

Breadcrumb memberikan struktur yang jelas bagi mesin pencari, membantu mereka memahami hierarki situs Anda dan mengindeks konten dengan lebih efektif.  Ini dapat meningkatkan peringkat pencarian Anda.

Mengurangi Bounce Rate

Dengan memudahkan navigasi, breadcrumb dapat mengurangi bounce rate (persentase pengunjung yang meninggalkan situs setelah hanya melihat satu halaman).

Meningkatkan Profesionalisme

Breadcrumb memberikan tampilan yang profesional dan terorganisir pada blog Anda. Bayangkan Anda adalah pemilik usaha toko asesories HP. Di depan toko pada bagian kiri pintu masuk,  Anda menyediakan spanduk yang menunjukkan informasi produk Anda. 

Dengan spanduk/baner yang memuat informasi tentang  toko dan semua produk,  maka calon pembeli dapat lebih mudah mencari produk. Sehingga mereka akan lebih banyak memberi tanggapan baik tentang toko Anda. 

Langkah-Langkah Membuat Breadcrumb Di Blogger

1. Login ke Blogger: Masuk ke akun Blogger Anda dan pilih blog yang ingin Anda tambahkan menu breadcrumb.

2.  Buka Tema:  Di menu sebelah kiri, klik "Tema".

3. Edit HTML: Klik tombol panah bawah di sebelah tombol "Kustomisasi" dan pilih "Edit HTML".

4. Cadangkan Tema Anda: Sebelum melakukan perubahan apa pun, sangat disarankan untuk mencadangkan tema Anda.  Mengapa dicadangkan? Mungkin saja setelah Anda memasang kode ke template, ada kesalahan kode yang tidak bisa diterima oleh template bawaan blogger. Caranya adalah klik ikon tiga titik di pojok kanan atas editor HTML dan pilih "Unduh tema".

5. Tambahkan Kode Breadcrumb.

Berikut adalah 3 langkah untuk memasang  kode breadcrumb:

Langkah 1: 

Cari kode ]]></b:skin> dan letakkan kode CSS berikut ini di atasnya.

.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#000;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap} .breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#000;font-weight:400} .breadcrumbs a:hover{color:#089416}.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px} .breadcrumbs svg path{fill:#000}

Langkah 2: 

Cari kode <b:includable id='commentForm' var='post'> dan tambahkan kode berikut ini di atasnya. 

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' title='Home' itemprop='item'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + &quot;?&amp;max-results=16&quot;' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != &quot;true&quot;'>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>



Langkah 3: Sekarang Anda pasang kode pemanggilnya, geser lagi ke bawah dan cari kode <h3 class='post-title entry-title'> 

Kode yang diawali tag h3 di atas adalah kode html untuk judul postingan. Anda dapat memukannya di widget "Blog1" pada halaman HTML template.  Kalau sudah ketemu, letakkan kode berikut ini di atasnya. 

<b:include data='posts' name='breadcrumb'/>

Pastikan Anda memeriksa kembali kode-kode yang baru saja Anda masukkan ke template. 

6. Simpan.

Untuk membuka dan menguji hasil pemasangan menu Breadcrumb,  buka salah satu post artikel di blog Anda. 


Comments

Post a Comment

Artikel terbaru

Loading...

Popular posts from this blog

Perbedaan Paket Internet Freedom Dan Paket Internet Unlimited

-
Image
Anda pengguna nomor Indosat tentu sudah mengetahui informasi tentang paket internet Unlimited, bukan? Atau mungkin Anda sudah pernah mencoba paket Internet Freedom? Apakah yang membedakan dua tipe paket internet dari Indosat Ooredoo ini?.   Perbedaan yang dominan dari kedua tipe paket internet ini terletak pada "pemakaian datanya". Sebab jika kita lihat dari pembagian waktu pemakaiannya saja, untuk Paket Unlimited mempunyai batasan waktu tertentu dan dikenai FUP, sedang Freedom Internet pemakaian datanya full 24 jam. Mengenai nama FUP pada paket Unlimited adalah informasi tentang batas pemakaian wajar pengguna ketika mereka mulai mengaktifkan data internet.  Mengetahui Jenis Paket Internet Sebelum Menggunakannya Dengan mengetahui perbedaan dari jenis paket internet akan membuat Anda lebih hemat dalam mengakses beragam informasi yang sesuai minat Anda. Pertimbangan untuk menunda dulu pengisian pulsa utama adalah karena Anda sudah mendapatkan bekal untuk memperpanjang m...
Baca selengkapnya

Cara Mengatasi Masalah SMS Gagal Terkirim

-
Image
Solusi SMS Gagal Seiring berjalannya waktu, artikel ini akan selalu diperbaharui untuk memberikan informasi yang membantu ketika Anda mengalami masalah pada aplikasi pesan Anda. Temukan solusi saat Anda mengalami masalah gagal mengirim pesan SMS.  Aplikasi perpesanan online yang menggunakan data internet berkembang bersama layanan digital di media online dan media sosial. Media online menyebutkan banyak nama situs, aplikasi dan media sosial.  Dari semua layanan pesan instan yang menggunakan data, pesan klasik yang dulu pertama kita gunakan untuk komunikasi lewat teks masih tetap menjadi cara paling mudah digunakan dan memiliki tingkat jaringan global. Hal ini karena setiap produsen handphone tetap menggunakan aplikasi pesan klasik ini tanpa meninggalkan bentuk 'dasar' dari tehnologi komunikasi yang berbasis teks.  Bermula ketika saya 5x kirim SMS tetapi selalu di akhiri status gagal terkirim. Status SMS yang gagal terkirim ditandai oleh tanda seru merah pada bagian...
Baca selengkapnya

Cara Top Up Saldo Ke Bitget Exchange Menggunakan DANA

-
Image
Tampilan halaman pembayaran di Bitget dengan banyak pilihan cara pembayaran,  salah satunya DANA Bitget Exchange terintegrasi dengan banyak layanan keuangan, terutama bagi pengguna di Indonesia untuk keperluan top up saldo. Salah satunya menggunakan DANA. Mengisi saldo Bitget Exchange menggunakan DANA adalah proses yang mudah, cepat, dan aman Dengan mengikuti langkah-langkah di bawah ini, Anda dapat dengan mudah membeli kripto seperti USDT untuk memulai perdagangan di Bitget exchange. Artikel ini akan membahas secara lengkap langkah-langkah untuk melakukan top up saldo Bitget Exchange menggunakan DANA, beserta tips keamanan dan hal-hal yang perlu diperhatikan. Apa Itu Bitget Exchange dan DANA? Sebelum masuk ke langkah-langkah top up, mari kita kenali sekilas kedua platform ini. Dengan mengetahui layanan berbasis keuangan dan aset digital, kita akan mendapat manfaat bagaimana nanti mengelola aset.  Bitget Exchange Bitget Exchange adalah bursa kripto global yang menyediakan berb...
Baca selengkapnya

Review Google Pixel 9 Series: Inovasi AI, Kamera Unggulan, dan Desain Premium

-
Image
Salah satu ponsel Google Pixel 9, gambar diambil dari situs gsmarena Google Pixel 9 Series resmi diluncurkan pada Agustus 2024, memperkenalkan empat model: Pixel 9, Pixel 9 Pro, Pixel 9 Pro XL, dan Pixel 9 Pro Fold. Seri ini menandai langkah besar Google dalam mengintegrasikan kecerdasan buatan (AI) ke dalam pengalaman pengguna, sembari mempertahankan reputasi Pixel sebagai ponsel dengan kamera terbaik di kelasnya. Dengan desain yang lebih modern, performa yang ditingkatkan, dan komitmen pembaruan perangkat lunak selama tujuh tahun, Pixel 9 Series berupaya bersaing langsung dengan raksasa seperti Apple dan Samsung. Namun, apakah seri ini benar-benar memenuhi ekspektasi? Artikel ini akan mengulas secara umum tentang fitur, kelebihan, kekurangan, dan performa Pixel 9 Series berdasarkan pengujian dan ulasan pengguna. Desain dan Kualitas Bangunan Pixel 9 Series menghadirkan desain yang lebih halus dan modern dibandingkan pendahulunya. Google tampaknya mengambil inspirasi dari desain iPhone...
Baca selengkapnya

Transaksi Pembayaran Menjadi Mudah Dengan Menggunakan QRIS

-
Image
Gambar ilustrasi untuk kode QRIS Di era digital yang terus berkembang, kemudahan dalam bertransaksi menjadi salah satu kebutuhan utama masyarakat modern. Salah satu inovasi yang telah merevolusi cara kita melakukan pembayaran adalah Quick Response Code Indonesian Standard atau yang lebih dikenal dengan QRIS. Sistem ini memungkinkan transaksi pembayaran menjadi lebih cepat, aman, dan praktis, baik bagi konsumen maupun pelaku usaha. Artikel ini akan membahas secara mendalam tentang QRIS, manfaatnya, cara kerjanya, serta dampaknya terhadap ekosistem pembayaran di Indonesia. Apa Itu QRIS? QRIS adalah standar kode QR yang dikembangkan oleh Bank Indonesia (BI) bersama dengan Asosiasi Sistem Pembayaran Elektronik Indonesia (ASPI) untuk mempermudah transaksi non-tunai. Diluncurkan pada 17 Agustus 2019, QRIS bertujuan untuk mengintegrasikan berbagai layanan pembayaran elektronik yang sebelumnya terfragmentasi, seperti pembayaran melalui aplikasi dompet digital, mobile banking, atau kanal pembay...
Baca selengkapnya

Untuk Anda Penayang Iklan AdSense: Memahami Dengan Baik Pengertian File Ads.Txt

-
Image
Tampilan format standard file ads txt google adsense Kata "ads" dalam file ads.txt singkatan dari Authorized Digital Sellers yang artinya Penjual Digital Resmi. Ini menampilkan informasi tentang teks yang mewakili tanda pengenal untuk penjual ruang iklan. Dalam pengertian seseorang pemilik akun AdSense, Anda dikategorikan sebagai penjual ruang iklan.  File ads.txt adalah bentuk file teks sederhana yang ditempatkan di root domain situs web (misalnya, example.com/ads.txt) untuk membantu mengelola dan memverifikasi penjual iklan digital yang diizinkan untuk menjual inventaris iklan situs tersebut. Platform Blogger menyediakan Anda tempat untuk menyimpan file ads.txt ini di menu "Setelan". File ini merupakan bagian dari inisiatif IAB Tech Lab untuk meningkatkan transparansi dalam ekosistem iklan programatik dan mencegah penipuan iklan, seperti penjualan inventaris iklan palsu. Pengertian dan Fungsi Utama Pada saat Anda mendaftarkan situs/blog ke jaringan iklan Google A...
Baca selengkapnya

Bitget Exchange Menawarkan Perdagangan Aset Kripto yang Menarik Investor Besar

-
Image
Tampilan halaman ketika membuka aplikasi Bitget Exchange,  dengan profil superstar dunia olah raga sepak bola, Messi Dalam lanskap keuangan digital yang terus berkembang pesat, aset kripto telah melampaui statusnya sebagai fenomena ceruk dan kini menjadi kelas aset yang semakin diakui. Pertumbuhan ini tidak hanya didorong oleh partisipasi investor ritel, tetapi juga oleh masuknya modal besar dari entitas institusional, individu bernilai tinggi (HNWI), dan berbagai dana investasi. Bagi para investor besar ini, memilih platform pertukaran (exchange) yang tepat adalah krusial. Mereka membutuhkan lebih dari sekadar tempat untuk membeli dan menjual; mereka mencari likuiditas mendalam, keamanan superior, beragam produk canggih, dan dukungan profesional. Di tengah persaingan ketat, Bitget telah memposisikan dirinya sebagai salah satu exchange terkemuka yang secara khusus menarik perhatian investor besar. Dengan fondasi keamanan yang kuat, inovasi produk yang berkelanjutan, dan komitmen te...
Baca selengkapnya

Penjelasan Tentang Markup Di Bisnis Pulsa

-
Image
Apa Yang Dimaksud Dengan Markup? Markup adalah selisih harga antara master dealer dan agen atau bisa juga antara agen dan downline. Selisih harga ini menjadi komisi dan merupakan keuntungan yang di dapat master dealer jika agen di bawahnya melakukan transaksi. Komisi ini bisa menjadi saldo, tapi tidak bisa di tarik dalam bentuk uang .Artinya, meskipun Anda belum deposit tapi saldo sudah ada pada akun Anda. Dan saldo tersebut hanya bisa di pakai untuk transaksi saja. Misalnya isi pulsa atau isi paket internet. Tidak bisa di ambil.  Bagaimana Cara Menetapkan Harga Markup? Besarnya Markup minimal 25 rupiah,maksimal 800rupiah. Meskipun nominalnya kecil, tapi kalau transaksi agen perhari bisa 100 transaksi, maka jumlah yang kecil bisa menjadi keuntungan yang maksimal. Anda yang telah mengetahui harga produk di aplikasi pulsa tempat Anda mendaftar, dapat dengan mudah untuk menentukan berapa Markup Harga yang pantas untuk Anda pilih. Misalnya, Anda sebagai master dealer mempun...
Baca selengkapnya

Memilih Software Pulsa Untuk Menjalankan Usaha Sebagai Distributor Pulsa

-
Image
Ilustrasi perangkat komputer yang mewakili server pulsa Dalam era digital yang terus berkembang, bisnis pulsa menjadi salah satu peluang usaha yang tetap menjanjikan di Indonesia. Dengan tingginya penggunaan ponsel dan kebutuhan akan pulsa serta paket data, bisnis ini menawarkan potensi pendapatan yang stabil. Untuk menjalankan bisnis pulsa secara efisien, Anda memerlukan alat yang tepat, salah satunya adalah software pulsa. Software ini tidak hanya mempermudah pengelolaan transaksi, tetapi juga membantu meningkatkan produktivitas dan keuntungan usaha Anda. Dalam artikel ini, kita akan membahas secara umum tentang cara memilih software pulsa yang tepat untuk usaha Anda. Apa Itu Software Pulsa? Software pulsa adalah aplikasi atau sistem berbasis teknologi yang dirancang untuk membantu pengelolaan bisnis pulsa. Fungsinya mencakup pengelolaan stok pulsa, transaksi penjualan, laporan keuangan, hingga integrasi dengan berbagai penyedia layanan pulsa (server pulsa). Dengan menggunakan softwa...
Baca selengkapnya

Mengenal Lebih Banyak Tentang Fitur Unggulan Browser Chrome

-
Image
Tampilan aplikasi Google Chrome di beranda layar hp Android Kita sebut saja Google Chrome adalah, browser populer yang dikenal dengan kecepatannya dan fitur inovatifnya. Artikel ini akan menjelaskan fitur-fitur unggulan Chrome, seperti keamanan, produktivitas, dan pembaruan terbaru, untuk membantu Anda memaksimalkan pengalaman browsing. Fitur Unggulan Chrome menawarkan kecepatan tinggi dengan teknologi multi-proses, menjaga stabilitas tab. Fitur keamanan seperti Safe Browsing melindungi dari situs berbahaya, sementara Mode Incognito menjamin privasi. Password Manager membantu mengelola kata sandi dengan aman, dan Tab Groups memudahkan organisasi tab. Ekstensi, seperti pemblokir iklan, meningkatkan produktivitas, dan Google Lens memungkinkan pencarian gambar langsung. Pembaruan dan Tips Pembaruan terbaru, seperti pemblokiran cookie pihak ketiga di Mode Incognito, meningkatkan privasi. Untuk penggunaan optimal, kelola tab dengan bijak, gunakan ekstensi secukupnya, dan perbarui Chrome sec...
Baca selengkapnya