Membuat Halaman Statis Sitemap Di Template Plus Ui Versi 3

MlatenMania.com - Template Blogger Plus UI adalah tema blog yang responsif, modern, dan kaya fitur yang dirancang untuk membuat blog tampak profesional di berbagai perangkat. Template ini dikenal karena desainnya yang elegan, mudah disesuaikan, dan cocok untuk berbagai jenis blog, seperti blog teknologi, gaya hidup, atau pribadi.

Fitur utama Plus UI

Desain Responsif: Tampilannya menyesuaikan dengan baik di desktop, tablet, dan ponsel
Desain Modern: Mengusung desain yang ramping dan minimalis yang memberikan pengalaman pengguna yang sangat baik.
Opsi Kustomisasi: Pengguna dapat menyesuaikan berbagai elemen tampilan untuk mencocokkan gaya unik mereka.
Fungsionalitas Lengkap: Dilengkapi dengan berbagai fitur canggih yang meningkatkan fungsionalitas blog.
Cocok untuk Blog Profesional: Ideal untuk individu atau bisnis yang ingin membuat kehadiran online yang profesional.
Dukungan: Dilengkapi dengan dokumentasi lengkap untuk membantu pengguna memulai.

Fitur Lainnya

1. Realtime Views

Yaitu jumlah orang yang telah melihat postingan blog kita seperti halnya yang ada di situs dengan cms wordpress.

2. Maintenance Mode

Jika Maintenance Mode Diaktifkan, pengunjung tidak akan bisa mengakses situs kita hingga waktu yang ditentukan, sehingga kita sebagai pemilik blog dapat mengedit blog sesuai dengan kebutuhan kita tanpa mengganggu kenyamanan pengunjung.

3. Quick Edit

Fitur yang bisa kita gunakan untuk mengedit konten blog kita tanpa harus bolak balik mencari postingannya di dalam blog. Contohnya saat kita membuka sebuah artikel dan kita ingin mengedit atau menambahkan informasi didalamnya kita tinggal klik tombol gear di dipojok kanan bawah postingan yang telah kita buka.

4. Bookmark Posts

Fitur ini memungkinkan pengunjung untuk menyimpan / mem-bookmark postingan yang mereka inginkan jika dirasa penting sehingga mereka dapat membacanya nanti dilain waktu.

5. Default System Mode

Jika Default System dipilih oleh pengguna, yaitu mode Terang/Gelap, maka akan secara otomatis beralih sesuai Skema Warna Perangkat.

6. Theme Color

Saat pengunjung mampir ke blog kita mereka dapat memilih Warna Tema favorit mereka. Disini kita dapat mengatur hingga 10 Warna berbeda yang telah disediakan oleh Plus Ui blogger template.

7. Music Player

Plus UI v2.6 hadir dengan Music Player, dengan adanya fitur ini kita dapat memutar file audio seperti format MP3 didalam blog kita.

8. Countdown Download Box

Fitur ini berguna untuk menunjukkan hitungan mundur sebelum file atau data yang ingin di-download oleh pengunjung dialihkan ke tujuan akhir, hal ini juga bisa membuat bounce rate blog kita sedikit menurun karena visitor yang mampir tidak langsung pergi begitu saja.

9. Anti Ad-Blocker

Hal ini bisa membantu kita untuk meningkatkan pendapatan melalui media iklan yang kita pasang.

10. Cookie Consent

Untuk mendapatkan persetujuan dari pengguna tentang cookie yang ada di web atau blog kita.

11. Country Block

Sebagai pemilik blog tak jarang kita dihujani oleh jingling atau visitor bot yang meresahkan yang dapat berakibat buruk untuk performa blog kita. Dengan adanya fitur ini kita bisa memblokir pengunjung dari negara tertentu supaya tidak bisa mengakses web atau blog.

12. No Internet Connection

Fitur yang akan memberi tahu kita saat koneksi internet yang digunakan terputus.

13. Force Javascript

Membantu menayangkan iklan dan konten dengan mulus.

14. Google Translate

Visitor yang mampir kedalam blog kita dapat mengubah bahasa yang ada didalam artikel yang kita buat kedalam berbagai bahasa.

15. Safelink

Plus Ui juga dibekali dengan fitur safelink yang dapat meningkatkan pemasukan blog kita melalui pageview.

16. Article Rating

Untuk mengetahui seberapa lama waktu yang dibutuhkan untuk membaca konten.

17. Auto Related Post

Memasukan related post secara otomatis di setiap postingan yang kita miliki.

18. Table of Content

Poin-poin penting seperti judul atau sub judul yang ada di dalam artikel kita nantinya akan disusun otomatis melalui fitur table of content, sehingga pembaca bisa langsung mencari topik masalah atau info yang mereka butuhkan dengan cepat.

Cara Membuat Halaman Statis Sitemap Di Template Plus Ui Versi 3

Untuk membuat sebuah halaman statis sitemap di template Plus Ui Versi 3, silahkan ikuti langkah-langkah berikut ini:

1. Masuk dashboard Blogger kita

2. Klik pada tombol Halaman, kemudian klik Halaman Baru:

3. Ubah dalam mode Tampilah HTML:

4. Salin script di bawah ini ke dalam halaman tadi:


<!--[ Begin: Sitemap area ]-->
<style>
.sMap >.n, .sCnt > .n{padding:40px 15px;background:var(--contentB);font-size:14px;line-height:1.5rem;text-align:center;border:2px dashed var(--contentL);border-radius:5px}
.sMap a{color:inherit}
.sMap a:hover{color:var(--linkC);text-decoration:underline}
.sMap ol li::marker{opacity:.8}
@media screen and (min-width: 896px) {
.sSel{display:flex;gap:12px;margin-bottom:20px}
.sSel >*{flex:1;margin:0}
}
</style>
<script>
/*! Plus UI Javascript (sitemap.js) | Authors: Deo Kumar, Armaan Kumar (https://fineshopdesign.com) | License: Unlicensed | Copyright (c) 2024 Fineshop Design */
"use strict";((e,t,l,s,a)=>{let{df:i,lz:n,cEl:r,iAE:o,qSel:d,gId:u,aEL:p,ms:g,mc:c,bg:h,vw:b}=e,v=l.currentScript,m=r("div",{class:"sMap",innerHTML:`<div class='n'>${g.loading}</div>`});if(!v)return;o(v,"afterend",m);let f=v.getAttribute("data-blog")||h.cnHmU;b.iPrB?m.innerHTML="<div class='n'>Feature Sitemap is not available for Private Blogs.</div>":i.then((()=>n)).then((async()=>{let t=new(await e.iBF())(f,{jsonp:!0}),[l,i]=await Promise.all([{type:"posts",maxRequests:a.postMaxRequests},{type:"pages",maxRequests:a.pageMaxRequests}].map((async({type:e,maxRequests:l})=>{let s={sortBy:"published",maxResults:150,summary:!0},a=[],i=await t[e].list(s);for(a.push(...i);a.length<150*l&&i.nextUrl;)i=await t[e].list({...s,startIndex:a.length+1}),a.push(...i);return a}))),n=[],r={};for(let e=0;e<l.length;e++){let t=l[e];t.published=new Date(t.published),t.updated=new Date(t.updated);let s=t.labels;if(s.length)for(let e=0;e<s.length;e++){let l=s[e];r[l]||(r[l]=[]),r[l].push(t)}else n.push(t)}for(let e=0;e<i.length;e++){let t=i[e];t.published=new Date(t.published),t.updated=new Date(t.updated)}let o={};o.group_all=["All posts",l];for(let e in r)o[`label_${e}`]=[e,r[e]];n.length&&(o.group_unlabelled=[s.uncategorized,n]),o.group_pages=[s.pages,i];let h="";h+="<div class='sSel'><div class='inF'><select id='sm-category'>";for(let e in o)h+=`<option value='${e}'>${o[e][0]}</option>`;h+=`</select><label for='sm-category'>${s.category}</label></div><div class='inF'><select id='sm-sort-by'><option value='published'>${c.published}</option><option value='updated'>${c.updated}</option></select><label for='sm-sort-by'>${s.sortBy}</label></div></div><div class='sCnt'></div>`,m.innerHTML=h;let b=u("sm-category"),v=u("sm-sort-by"),y=d(".sCnt",m),w=()=>{let e=b.value,t=v.value,[l,s]=o[e];if(s.length){s.sort(((e,l)=>{if("updated"===t){if(e.updated>l.updated)return-1;if(e.updated<l.updated)return 1}else{if(e.published>l.published)return-1;if(e.published<l.published)return 1}return 0}));let e="<ol class='sPls'>";for(let t=0;t<s.length;t++){let l=s[t];e+=`<li><a href='${l.url}' target='_blank'>${l.title}</a></li>`}e+="</ol>",y.innerHTML=e}else y.innerHTML=`<div class='n'>${g.theresNothingHere}</div>`};p(b,"change",w),p(v,"change",w),w()})).catch((t=>{console.warn("Sitemap error:",t),e.iAdm().then((e=>{if(!e)throw new Error("Not admin");m.innerHTML="<div class='n'>Failed to load Sitemap page. Please make sure you are connected to internet and Blog Feed is not set to 'None' in blog settings.</div>"})).catch((()=>{m.innerHTML=`<div class='n'>${c.failedToLoad}</div>`}))}))})(PU,window,document,{sortBy:"Sort By",allPosts:"All posts",uncategorized:"Uncategorized",pages:"Pages",category:"Category"},{postMaxRequests:4,pageMaxRequests:4});
</script>
<!--[ End: Sitemap area ]-->

5. Beri judul Sitemap ataupun Daftar Isi, kemudian klik publikasikan:

Demikian artikel mengenai Membuat Halaman Statis Sitemap Di Template Plus Ui Versi 3, mudah-mudahan apa yang sudah Saya sampaikan pada kesempatan ini bisa bermanfaat untuk kita semuanya. Sekian dan terimakasih.

MlatenMania.com