Script Halaman Sitemap dan Contact Template Median Ui

Kembali lagi membahas tentang Median Ui kali ini saya akan memberikan Script Sitemap dan Contact khusus template Median Ui.

Kalian mungkin bertanya-tanya apasih sitemap dan apa fungsinya terhadap sebuah blog/website. untuk itu kali ini saya akan menjelaskan semuanya di artikel ini.

Apa yang dimaksud Sitemap

Sitemap adalah salah satu alat bantu untuk para webmaster yang mana alat ini mempermudah dalam pengenalan peta situs di dalam sebuah blog/website. Dengan begitu, mesin Pencari Google dengan mudah menjelajah dan meraih halaman-halaman yang ada maupun yang baru di dalamnya.

Apa Fungsi Sitemap

Sitemap akan meningkatkan optimasi mesin pencari seperti Google Webmaster dalam menemukan URL. dan adapun fungsi lain adalah pengunjung dapat lebih mudah menemukan Artikel yang sedang mereka cari. Fitur ini dapat dianggap sebagai alat yang berharga untuk meningkatkan pengunjung blog anda.

Cara membuat Sitemap

Silahkan pergi ke Halaman pada Tab menu Blogger
Buat halaman baru
Pilih mode HTML bukan Compose!
Salin kode dibawah ini dan tempelkan pada halaman yang sudah kalian buat tadi
Beri nama Sitemap/Contact lalu Publikasikan

<div class='postBody' id='postBody'><div class='postSection sitemaps' id='sitemaps'>

  <div class='loading'>Loading....</div>

</div></div>

<script>/*<![CDATA[*/

/* Blogger Sitemap Dropdown: change i.src="..." with your url */

var toc_config = {containerId:'sitemaps', showNew:0, sortAlphabetically:{thePanel:true, theList:true}, activePanel:1, slideSpeed:{down:400, up:400}, slideEasing:{down: null, up: null}, slideCallback:{down:function(){}, up:function(){}}, clickCallback:function(){}, jsonCallback:'sitemaps',delayLoading: 0};

window.onload = function(){

!function(e,o){var t=o.getElementById(toc_config.containerId),c=o.getElementsByTagName("head")[0],n=[];e[toc_config.jsonCallback]=function(e){for(var o,c,i=e.feed.entry,a=e.feed.category,l="",s=0,d=a.length;d>s;++s)n.push(a[s].term);for(var r=0,f=i.length;f>r;++r)(toc_config.showNew||toc_config.showNew>0)&&r<toc_config.showNew+1&&(i[r].title.$t+=" %new%");i=toc_config.sortAlphabetically.theList?i.sort(function(e,o){return e.title.$t.localeCompare(o.title.$t)}):i,toc_config.sortAlphabetically.thePanel&&n.sort();for(var g=0,h=n.length;h>g;++g){l+='<div class=\"sitemapBox\"><h4 class=\"sitemapTitle\">'+n[g]+'</h4>',l+='<div class=\"sitemapContent\"><ol>';for(var _=0,p=i.length;p>_;++_){o=i[_].title.$t;for(var w=0,u=i[_].link.length;u>w;++w)if("alternate"==i[_].link[w].rel){c=i[_].link[w].href;break}for(var v=0,m=i[_].category.length;m>v;++v)n[g]==i[_].category[v].term&&(l+='<li><a href=\"'+c+'\" title=\"'+o.replace(/ \%new\%$/,"")+'\">'+o.replace(/ \%new\%$/,"")+'</a></li>')}l+='</ol></div></div>'}t.innerHTML=l }; var i=o.createElement("script");

i.src="https://loliku.my.id/feeds/posts/summary?alt=json-in-script&max-results=9999&callback="+toc_config.jsonCallback,"onload"==toc_config.delayLoading?e.onload=function(){c.appendChild(i)}:e.setTimeout(function(){c.appendChild(i)},toc_config.delayLoading)}(window,document);

}

/*]]>*/</script>

<style>

.sitemaps{font-size:14px}

.sitemapBox{padding:15px;border:1px solid var(--content-border);border-radius:5px}

.sitemapBox:not(:last-child){margin-bottom:20px}

.postEntry .sitemapTitle{margin-top:0; font-size:14px;font-weight:400;font-family:var(--body-font)}

.sitemapTitle:before{content:'Label: '; font-size:90%;opacity:.8}

.sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:sitemap-count}

.sitemaps li{display:flex;align-items:baseline}

.sitemaps li:not(:last-child){margin-bottom:0}

.sitemaps li:before{content:counter(sitemap-count) '.';counter-increment:sitemap-count;flex-shrink:0;width:25px;font-size:13px;font-family:var(--font-body);line-height:normal; opacity:.7}

.darkMode .sitemapBox{border-color:rgba(255,255,255,.1)}

</style>

Penting : Bagian yang sudah ditandai silahkan ubah dengan URL blog kalian.

Cara membuat halaman Contact

Untuk membuat halaman contact sama saja seperti membuat halaman sitemap tadi. kalian hanya perlu mengulangi cara yang saya tulis diatas, tetapi untuk script-nya gunakan yang dibawah ini dibawah ini.

<div class="ContactForm" id="ContactForm1">

  <form name="contact-form">

    <div class="input-area">

      <label>Nama</label><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /></div>

    <div class="input-area">

      <label>Email<span>*</span></label><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /></div>

    <div class="input-area">

      <label>Pesan<span>*</span></label><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message"></textarea></div>

    <div class="input-area">

      <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>

    <div class="notif-area">

      <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>

      <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>

    </div>

  </form>

</div>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script>

<script>//<![CDATA[

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = 'ID_BLOG_DISINI';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3dID_BLOG_DISINI','//www.loliku.my.id/','ID_BLOG_DISINI');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Mengirim...', 'contactFormMessageSentMsg': 'Pesan anda telah terkirim.', 'contactFormMessageNotSentMsg': 'Pesan tidak dapat dikirim. Silakan coba lagi nanti.', 'contactFormInvalidEmailMsg': 'Diperlukan alamat email yang valid.', 'contactFormEmptyMessageMsg': 'Kolom pesan tidak boleh kosong.', 'title': 'Contact Form', 'blogId': 'ID_BLOG_DISINI', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

Bagian yang diubah : Ganti www.loliku.my.id dengan URL blog kalian lalu ganti juga ID_BLOG_DISINI dengan ID Blog kalian.

Kesimpulan

Oke sekian saja Artikel Script Sitemap dan Contact Template Median Ui , jika tidak berfungsi maka perhatikan bagian apa saja yang belum diubah jika tetap tidak bekerja maka jangan ragu untuk berkomentar pasti akan saya balas. Sekian dan terima gaji ;v

LOLIKU.MY.ID