Terbaru

Cara Top Up Roblox Pakai DANA, Praktis Tanpa Kartu Kredit!

-
Image
Membeli berbagai item kosmetik, game pass , hingga aksesori premium di platform Roblox memang selalu menjadi kepuasan tersendiri bagi para penggunanya. Keberadaan mata uang premium atau Robux menjadi kunci utama untuk membuka semua kustomisasi tak terbatas tersebut. Namun, tidak sedikit pemain di Indonesia yang sering kali terhambat saat ingin melakukan pengisian saldo karena keterbatasan akses pembayaran, seperti tidak memiliki kartu kredit atau rekening bank. Untungnya, era digital yang semakin maju telah menghadirkan solusi yang jauh lebih inklusif dan praktis. Salah satu metode yang paling populer dan banyak diandalkan saat ini adalah memanfaatkan dompet digital. Layanan e-wallet lokal terbukti mampu memangkas birokrasi pembayaran yang rumit menjadi transaksi yang selesai dalam hitungan detik. Bagi kamu yang ingin menambah saldo akun dengan aman, top up Roblox pakai DANA adalah pilihan terbaik yang wajib dicoba. Selain prosesnya yang terkenal sat-set alias cepat, kamu juga terhin...
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 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

Pemahaman Tentang Agen Pulsa Elektrik

-
Agen pulsa elektrik sebenarnya semua anggota yang menjadi member dari distributor pulsa atau server pulsa. Agen pulsa elektrik bekerja melayani kebutuhan pulsa dibawah server. Dan pada umumnya, agen pulsa elektrik menggunakan perangkat ponsel dalam melakukan transaksi. Berbeda dengan server pulsa yang mempunyai perangkat yang lebih lengkap. Tidak hanya terbatas pada sebuah ponsel pintar, tetapi satu atau beberapa unit komputer beserta perangkat pendukung yang lain.  Apakah setiap pengguna ponsel Android ini bisa jadi agen pulsa elektrik dengan satu kartu SIM? Tentu saja bisa dan caranya juga mudah. Bagaimana caranya? Unitedtronik adalah salah satu aplikasi isi pulsa di handphone pengguna yang sudah terkenal di Indonesia.  Terkenal karena cara daftar jadi agennya sangat mudah. Tidak menunggu dalam layanan sistem transaksinya yang online 24 jam. Serta dukungan dari software pulsa yang sudah mengalami pembaruan sistem yang tercanggih. Semua serba otomatis. Ada fitur web...
Baca selengkapnya

Anti Ribet! Cara Top Up FF Lewat Ewallet Terlengkap!

-
Image
Kebutuhan akan diamond dalam game Free Fire (FF) memang tidak ada habisnya. Mulai dari membeli skin senjata terbaru, karakter dengan skill OP, hingga ikutan event spin demi mengamankan bundle legendaris. Sayangnya, tidak semua orang memiliki akses ke kartu kredit atau sempat pergi ke minimarket terdekat hanya untuk membeli voucher . Untungnya, kemajuan teknologi finansial saat ini memberikan solusi yang jauh lebih praktis. Kamu sekarang bisa memanfaatkan berbagai aplikasi dompet digital atau e-wallet favorit yang sudah terpasang di smartphone . Prosesnya sangat cepat, bisa dilakukan kapan saja, dan sering kali menawarkan promo potongan harga yang lumayan banget buat menghemat kantong kamu. Bagi kamu yang masih bingung atau takut salah langkah saat bertransaksi, jangan khawatir. Artikel ini akan membahas secara mendalam mengenai cara top up FF lewat ewallet mulai dari Dana, OVO, GoPay, hingga ShopeePay melalui situs platform top up resmi dan terpercaya. Yuk, simak panduan lengkap...
Baca selengkapnya

Cara Mengirim Bukti Transaksi Lewat Whatsapp/BBM

-
Image
Menu pada Aplikasi Unitedtronik (2020: Unitedpay) yang terkait dengan bukti transaksi adalah menu Histori Transaksi.  Histori transaksi adalah data transaksi isi pulsa dan transaksi lainnya yang tersimpan di aplikasi disertai pula dengan data properti lainnya yang terkait transaksi dari produk yang ada, seperti: tanggal dan jam transaksi, jumlah pulsa, harga, nomor transaksi,dan status transaksi. Seperti yang sudah pernah kita singgung sebelumnya tentang histori transaksi ini. Menu histori transaksi adalah salah satu menu yang terdapat pada aplikasi Unitedtronik dan berfungsi sebagai halaman untuk memperlihatkan kembali transaksi apa saja yang kita lakukan kemarin, dan hari ini, atau beberapa hari yang lalu.  Apabila Anda ingin mengetahui tentang apakah hal terkait yang di maksud di sini? Jawaban tentu saja sesuai dengan judul di atas. Mengirim bukti transaksi melalui media sosial seperti BBM/WA/FB,dan di tujukan kepada pelanggan Anda yang menginginkan bukti itu....
Baca selengkapnya

Cara Masuk Ke BIOS Laptop Lenovo B490 20207

-
Image
Sistem BIOS pada laptop atau pc adalah sistem dasar yang menghubungkan pengguna untuk berkomunikasi dengan hardware pada laptop miliknya. BIOS bekerja seperti 'jantung' perangkat yang ber-OS. Tanpa adanya BIOS, perangkat pc atau laptop tidak bisa membuka start menu dari OS yang ada di dalamnya. Jika Anda adalah pengguna laptop dan laptop Anda adalah Lenovo B490 model 20207, Anda mungkin ingin mengetahui cara untuk masuk ke BIOS laptop Anda. Halaman ini memberi informasi tentang cara masuk BIOS khususnya ketika Anda ingin menginstall OS Windows 10 atau ingin mengonfigurasi setelan default laptop Anda. Pengertian BIOS Secara Umum BIOS singkatan dari Basic Input Output System. BIOS memegang peranan sangat penting ketika laptop mulai dinyalakan. Tombol power adalah bagian yang pertama kali Anda tekan untuk menampilkan layar laptop aktif. Tidak terbatas dari apapun nama merk laptop atau pc, semua itu memerlukan BIOS untuk membuka halaman yang menampilkan, misalnya OS Windows 10 Pro...
Baca selengkapnya

Cara Top Up Roblox Pakai DANA, Praktis Tanpa Kartu Kredit!

-
Image
Membeli berbagai item kosmetik, game pass , hingga aksesori premium di platform Roblox memang selalu menjadi kepuasan tersendiri bagi para penggunanya. Keberadaan mata uang premium atau Robux menjadi kunci utama untuk membuka semua kustomisasi tak terbatas tersebut. Namun, tidak sedikit pemain di Indonesia yang sering kali terhambat saat ingin melakukan pengisian saldo karena keterbatasan akses pembayaran, seperti tidak memiliki kartu kredit atau rekening bank. Untungnya, era digital yang semakin maju telah menghadirkan solusi yang jauh lebih inklusif dan praktis. Salah satu metode yang paling populer dan banyak diandalkan saat ini adalah memanfaatkan dompet digital. Layanan e-wallet lokal terbukti mampu memangkas birokrasi pembayaran yang rumit menjadi transaksi yang selesai dalam hitungan detik. Bagi kamu yang ingin menambah saldo akun dengan aman, top up Roblox pakai DANA adalah pilihan terbaik yang wajib dicoba. Selain prosesnya yang terkenal sat-set alias cepat, kamu juga terhin...
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