Terbaru

Cara Top Up PayPal Lewat Mandiri dengan Mudah dan Cepat

-
Image
Pernahkah kamu merasa bingung saat ingin melakukan pembayaran internasional tapi saldo PayPal justru menunjukkan angka nol? Hal ini seringkali terjadi saat kita ingin membeli aset digital atau sekadar membayar langganan tools produktivitas. Bagi kamu nasabah Bank Mandiri, sebenarnya ada cara-cara cerdas yang bisa kamu lakukan untuk mengisi saldo tersebut tanpa harus ribet mencari jasa perorangan yang belum tentu terpercaya. Menggunakan layanan perbankan dalam negeri untuk transaksi global kini sudah jauh lebih mudah berkat integrasi teknologi finansial yang semakin maju. Kamu tidak perlu lagi khawatir soal keamanan, karena prosesnya bisa kamu kontrol sepenuhnya melalui genggaman tangan menggunakan aplikasi Livin' by Mandiri atau fitur kartu debit yang sudah mendukung transaksi internasional. Cara Top Up PayPal Lewat Mandiri Di artikel ini, kita akan mengupas tuntas bagaimana langkah-langkah melakukan top up PayPal lewat Mandiri secara aman, legal, dan tentunya dengan biaya yang p...
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

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

Donasikan Amal Anda Melalui Unitedtronik 3.3.5

-
Image
Ikhlas beramal untuk membantu sesama adalah perbuatan mulia yang dianjurkan agama.Anda sebagai pengguna aplikasi Unitedtronik dapat beramal tanpa mendapat pujian dari orang.Cukup Tuhan saja yang tahu. Menu Donasi Menu Donasi untuk beramal di Rumah Zakat terdapat pada Unitedtronik versi 3.3.5,sebelah kanan bawah. Apabila Anda belum menjumpai menu Donasi,itu artinya aplikasi yang terinstall pada smartphone layar lebar milik Anda belum terupdate.Jadi,segera lakukan update aplikasi menuju versi 3.3.5.Bagaimana cara updatenya?Cukup mudah sekali. Buka menu halaman depan Unitedtronik. Pada navigasi bawah layar ponsel,pilih menu Akun . Selanjutnya pilih menu Setting dan geser layar ke bawah.Disitu ada menu dari versi aplikasi yang tampil. Pilih tombol Perbarui di sebelah kanan.Notifikasi tampil dengan 2 pilihan,pilih Cek Update . Halaman akan beralih menuju Playstore dan beberapa app browser bawaan ponsel.Anda tentu sudah tahu untuk memilih Playstore,agar halaman segera menuju a...
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

Cara Mudah Merawat Headset Bluetooth

-
Image
Perangkat elektronik yang dapat berkomunikasi tanpa kabel atau wireless sudah banyak tersedia di sekitar kita. Anda mungkin sedang menggunakannya sekarang untuk mendengarkan musik. Diantaranya  adalah headset bluetooth, mouse bluetooth, keyboard bluetooth dan mungkin juga charge bluetooth . Kali ini, kita akan membahas tentang salah satu perangkat wireless dengan tehnologi bluetooth,yaitu headset bluetooth dan topiknya adalah bagaimana cara agar perangkat kita ini awet kita pakai. Sesuai namanya,bheadset bluetooth adalah perangkat yang terpasang pada telinga kita untuk mendengarkan musik yang tersimpan di handphone, mendengar radio dan pesan/data dalam bentuk sinyal suara. Berbeda dengan headset konvensional yang umumnya disertakan ketika kita beli hp atau smartphone Android.Headset dengan kabel yang terhubung ke smartphone kita ketika kita ingin mendengarkan musik kesayangan pada aplikasi musik,atau mendengarkan radio.Headset bluetooth dipilih karena memang penggunaanya yang ...
Baca selengkapnya

Speaker Bluetooth Portable Untuk Mendengarkan Musik Lewat HP

-
Image
Source image: Mirage Indonesia Kendalikan musik melalui HP Anda dan terhubung ke speaker tanpa menggunakan kabel. Dengan speaker bluetooth yang didesain menarik serta mudah dibawa, Anda dapat menggunakannya meskipun sedang bekerja. Jika tidak ingin menggunakan koneksi melalui saluran bluetooth, Anda dapat memilih memutar lagu dengan cara lain yaitu melalui micro SD atau flashdisk. Ini artinya, ada tempat di bagian atas alat sebagai lokasi port untuk memasang kartu SD atau flashdisk. Speaker Bluetooth Portable Dari FOOMEE Ini adalah speaker bluetooth portable dari brand FOOMEE type HH28. Secara umum, speaker bluetooth portable adalah perangkat audio yang dapat mengeluarkan suara musik, lagu atau rekaman suara yang disimpan di handphone pengguna. Kemudian, melalui sistem sinyal udara yang menghubungkan, kedua perangkat dapat menangkap gelombang yang dibuat. Sehingga hasilnya, suara apapun yang tersimpan di handphone pengguna dapat di salurkan langsung pada speaker ini. Sebagai perangkat...
Baca selengkapnya

Mengaktifkan Layanan Akses Internet Cepat Di Jaringan 5G Indosat Ooredoo

-
Image
Image source: IM3 official site Pelanggan Indosat Ooredoo yang menggunakan kartu SIM jenis USIM, dapat langsung  mengaktifkan jaringan 5G di perangkat yang mendukungnya. Untuk mengetahui USIM, perangkat  pendukung 5G dan lokasi yang terjangkau jaringan 5G, artikel di bawah ini membawa informasi lebih lanjut. Indosat Ooredoo menjadi operator seluler kedua yang menghadirkan layanan akses digital di jaringan 5G. Siapa yang pertama? Telkomsel menjadi operator seluler yang pertama menghadirkan layanan 5G di Indonesia. Jika Anda pengguna nomor Indosat, informasi ini sesuai dengan layanan terbaru untuk pengguna nomor IM3, Mentari dan Matrix. Yang Harus Dipersiapkan Untuk memenuhi syarat agar pelanggan dapat segera menggunakan jaringan 5G, tiga hal berikut yang harus dipersiapkan lebih dulu: 1. USIM Indosat Ooredoo 2. Area yang terjangkau jaringan 5G 3. Perangkat yang mendukung jaringan 5G USIM Indosat Ooredoo USIM Indosat Ooredoo adalah kartu SIM dari Indosat yang sudah 4G. USIM sing...
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

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 Aman Simpan File Pribadi Pada Ponsel Android

-
Image
Temukan cara yang dapat Anda lakukan sendiri untuk mengamankan file foto, suara, gambar dan video. Gunakan juga enkripsi untuk melindungi aplikasi penyimpanan dengan kata sandi.  Ruang penyimpanan pada ponsel Anda menyimpan semua data Anda yang penting .  Terdapat dua ruang simpan tetap pada perangkat ponsel Android Anda yaitu memori internal dan external. Dalam spesifikasi perangkat yang banyak ditulis dalam konten artikel oleh para penulis, ruang simpan tetap ini menjadi tempat OS tersimpan bersama beberapa file penting yang terkait sistem operasi.  ROM dan RAM ROM berbeda dengan RAM sebagai tempat menyimpan file. ROM lebih fokus ke arah sistem yang menyimpan berbagai data secara permanen, termasuk Sistem Operasi dari ponsel Android itu sendiri. Beserta file folder bawaan ponsel yang sudah banyak tampil nama-namanya. Sedangkan RAM lebih banyak disebut sebagai memori penyimpanan sementara yang bekerja bersama sistem untuk menjalankan aplikasi-aplikasi pada ponsel. Memori...
Baca selengkapnya

Layanan Upgrade Kartu IM3 3G ke 4G Di Gerai Indosat Ooredoo

-
Image
Sejak jaringan generasi ke-4 di lepas di internet, yang kita kenal dengan sinyal 4G LTE, aktifitas kita dalam mengakses internet menjadi semakin cepat. Beberapa detik setelah menekan tombol download game dari Playstore, aplikasi sudah sukses terinstal pada handphone. Nomor yang semula hanya dapat mencapai layanan 3G, maka sekarang mempunyai kesempatan untuk naik lagi menuju sinyal 4G. Para pelanggan bisa upgrade dengan mudah kartu SIM mereka pada provider sesuai kartu yang mereka gunakan. Bagi Anda pengguna IM3 yang ingin upgrade kartu 3G ke 4G, provider menyediakan layanan penggantian kartu SIM dari 3G ke 4G. Kecepatan Jaringan 4G LTE Hingga saat ini, jaringan 4G LTE yang mempunyai kecepatan akses dari 100 Mbps sampai 1 Gbps, sudah mengudara luas di hampir seluruh wilayah Nusantara. Fitur akses internet yang disuguhkan 4G LTE mempunyai banyak pembaruan, lebih baik dari pendahulunya yaitu jaringan 3G. Apa saja aktifitas kita di internet, live streaming, akses video YouTube, bermai...
Baca selengkapnya