Cara Membuat Sitemap Blogger dengan Tag NEW Pada Label Artikel Baru

Widget blogger kali ini adalah cara membuat daftar isi/sitemap yang berlabel ‘new’ atau ‘baru’ sesuai label yang mendapat artikel terbaru. Widget ini untuk mempermudah menavigasi penjelajahan blog dengan melihat label dari blog tersebut.

Dengan begitu para pengunjung akan mengetahui label mana saja yang baru saja mendapatkan update artikel terbaru di blog tertentu.

Seperti yang sudah saya ungkapkan sebelumnya, fungsi #Widget daftar isi ini untuk melihat semua artikel secara lengkap dan supaya mudah di temukan oleh pengunjung dan memudahka bot menjelajah juga untuk merayapi semua artikel di blog anda.

Baca juga: Membuat Widget Random Post Tanpa Thumbnail di Bawah Postingan

Jadi, penggunaan sitemap atau daftar ini di blog sangatlah penting, semakin banyak blog anda di crawl/dijelajahi, maka semakin banyak pula page views yang dihasilkan setiap harinya.

membuat sitemap atau daftar isi

Cara Pasang Widget Daftar Isi di Blog

Alangkah baiknya widget ini diletakkan pada laman statis, dengan cara masuk ke dashboard blog anda, lalu klik Laman > Laman baru. Kemudian tulis judul laman suka-suka anda, dan klik HTML, pastekan kode di bawah ini di dalamnya.

<div class="sitemap-widget sitemap-tag-new sitemap">
<script src="https://cdn.jsdelivr.net/gh/bungfrangki/[email protected]/daftarisi.js"></script><script src="https://www.bungfrangki.com/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Ganti url www.bungfrangki.com pada kode di atas dengan url blog Anda.

Untuk memperbaiki tampilannya, silahkan tambahkan CSS berikut ini:


.sitemap{
  display:block;
  font-family:var(--body-font,BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif)
}
.sitemap-widget{
  max-height:525px;
  overflow:auto;
}
.sitemap p a{
  background-color:rgba(0,0,0,.055);
  color:var(--accent,#0277d4);
  font-weight:700;
  display:block;
  padding:5px 10px;
  text-decoration:none;
}
.sitemap p a:hover{
  background-color:var(--accent,#0277d4);
  color:#fff;
}
.sitema a{
  transition: .3s ease-in;
}
.sitemap ol li a {
  text-decoration:none;
  color:var(--link-color,#182257)
}
.sitemap ol li a:hover {
  color:var(--hover-color,#0277d4)
}
.sitemap ol li:not(:first-child){
  padding-top:8px;
}
.sitemap ol li:not(:last-child) {
  border-bottom:1px solid rgba(0,0,0,.055);
  padding-bottom:8px;
}

Hasilnya silahkan lihat langsung pada link berikut:


Penutup

Demikian cara Membuat Sitemap dengan Tag NEW Pada Label yang Mendapat Artikel Baru, selamat mencoba.
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K

Posting Komentar