Cara Membuat Halaman About, Kontak, Sitemap, dan Disclaimer Blogger

0

Baca Juga

Cara Membuat Halaman About (Tentang), Kontak, Sitemap (Peta Situs/Daftar Isi), dan Disclaimer (Privacy Policy) di Blog Blogger. Agar blog lengkap dan diterima Google AdSense.


Cara Membuat Halaman Tentang, Kontak, Daftar Isi, dan Disclaimer Blogger

SALAH satu kelengkapan blog adalah keberadaan halaman statis (static page) Tentang (About), Kontak (Contact), Daftar Isi atau Peta Situs (Sitemap HTML), dan Disclaimer (Privacy Policy). 


Keberadaan halaman-halaman tersebut turut memengaruhi diterimanya blog menjadi penayang iklan Google (AdSense).


Halaman Tentang (About) berisi deskripsi atau gambaran umum tentang blog (website), misalnya blog tentang apa (niche) dan apa tujuan blog. Bisa juga berisi tentang profil admin atau pemilik/pengelola blog.


Halaman Kontak berisi email, nomor telepon atau WA, atau formulir kontak. Halaman ini memudahkan pengunjung menghubungi admin blog, misalnya untuk bertanya, memasang iklan, atau kerja sama.


Halaman Daftar Isi (Table of Content, TOC) atau Peta Situs (Sitemap HTML) berisi daftar semua postingan yang ada di blog. Ini memudahkan pengunjung mencari artikel yang dibutuhkan sekaligus memudahkan Google merambah (crawling) dan mengindeks (indexing) konten blog.

Cara Membuat  Halaman (Page) 

Halaman (page) adalah konten statis atau jarang berubah dalam sebuah blog atau website. Berbeda dengan halaman postingan (post) yang merupakan konten utama blog berupa artikel, foto, dan/atau video.


Cara membuat halaman:

  1. Klik Halaman (Page) di Dashboard Blogger Anda
  2. Isi Judul Halaman dengan nama halaman yang dikehendaki, misalnya "Kontak".
  3. Isi kolom yang tersedia
  4. Klik Publikasikan (Publish).

Halaman Blogger


Selain Halaman Tentang, Kontak, Daftar Isi, dan Disclaimer, Anda bis juga membuat halaman statis lainnya, misalnya Galeri atau Halaman Links (Tautan).


Berikut ini cara membuat Halaman Statis (Static Page) Tentang (About), Kontak, Daftar Isi, dan Disclaimer Blogger.

Cara Membuat Halaman Tentang (About)


Berikut ini cara membuat halaman Tentang.

  1. Klik Halaman > Halaman Baru
  2. Isi judul dengan nama halaman
  3. Isi kolom isi halaman dengan gambaran umum tentang isi blog Anda, tujuan blog Anda, dan/atau profil admin pengelola blog.
  4. Publikasikan!

Cara Membuat Halaman Kontak

  1. Klik Halaman > Halaman Baru
  2. Isi judul dengan Kontak
  3. Isi kolom isi halaman dengan alamat email, nomor handphone/WA, atau formulir kontak.
  4. Publikasikan!

Untuk mengisi halaman kontak dengan formulir, silakan buka Cara Membuat Form Kontak.

Cara Membuat Halaman Daftar Isi (Sitemap HTML

  1. Klik Halaman > Halaman Baru
  2. Isi judul dengan Sitemap
  3. Klik icon HTML paling kiri untuk memunculkan halaman HTML.

mode html blogger

Klik Tampilan HTML


mode html blogger



Setelah halaman HTML terbuka, seperti gambar di atas, maka isi kolom isi halaman dengan salah satu kode HTML di bawah ini. 

1. Daftar Isi Blog Berdasarkan Kategori

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
</style>

<script>
var postTitle=new Array();var postUrl=new Array();var postPublished=new Array();var postDate=new Array();var postLabels=new Array();var postRecent=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;function bloggersitemap(a){function b(){if("entry"in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var n=a.feed.entry[h];var e=n.title.$t;var m=n.published.$t.substring(0,10);var j;for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="alternate"){j=n.link[g].href;break}}var o="";for(var g=0;g<n.link.length;g++){if(n.link[g].rel=="enclosure"){o=n.link[g].href;break}}var c="";if("category"in n){for(var g=0;g<n.category.length;g++){c=n.category[g].term;var f=c.lastIndexOf(";");if(f!=-1){c=c.substring(0,f)}postLabels[ii]=c;postTitle[ii]=e;postDate[ii]=m;postUrl[ii]=j;postPublished[ii]=o;if(h<10){postRecent[ii]=true}else{postRecent[ii]=false}ii=ii+1}}}}}b();sortBy="titleasc";sortPosts(sortBy);sortlabel();tocLoaded=true;displayToc2();document.write('</br><div class="sitemap-link"><a href="https://komunikasipraktis.com/" style="font-size: 10px; text-decoration:none; color: #5146CD;" target="_blank">KP</a></div>')}function filterPosts(a){scroll(0,0);postFilter=a;displayToc(postFilter)}function allPosts(){sortlabel();postFilter="";displayToc(postFilter)}function sortPosts(d){function c(e,g){var f=postTitle[e];postTitle[e]=postTitle[g];postTitle[g]=f;var f=postDate[e];postDate[e]=postDate[g];postDate[g]=f;var f=postUrl[e];postUrl[e]=postUrl[g];postUrl[g]=f;var f=postLabels[e];postLabels[e]=postLabels[g];postLabels[g]=f;var f=postPublished[e];postPublished[e]=postPublished[g];postPublished[g]=f;var f=postRecent[e];postRecent[e]=postRecent[g];postRecent[g]=f}for(var b=0;b<postTitle.length-1;b++){for(var a=b+1;a<postTitle.length;a++){if(d=="titleasc"){if(postTitle[b]>postTitle[a]){c(b,a)}}if(d=="titledesc"){if(postTitle[b]<postTitle[a]){c(b,a)}}if(d=="dateoldest"){if(postDate[b]>postDate[a]){c(b,a)}}if(d=="datenewest"){if(postDate[b]<postDate[a]){c(b,a)}}if(d=="orderlabel"){if(postLabels[b]>postLabels[a]){c(b,a)}}}}}function sortlabel(){sortBy="orderlabel";sortPosts(sortBy);var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];firsti=a;do{a=a+1}while(postLabels[a]==temp1);b=a;sortPosts2(firsti,a);if(b>postTitle.length){break}}}function sortPosts2(d,c){function e(f,h){var g=postTitle[f];postTitle[f]=postTitle[h];postTitle[h]=g;var g=postDate[f];postDate[f]=postDate[h];postDate[h]=g;var g=postUrl[f];postUrl[f]=postUrl[h];postUrl[h]=g;var g=postLabels[f];postLabels[f]=postLabels[h];postLabels[h]=g;var g=postPublished[f];postPublished[f]=postPublished[h];postPublished[h]=g;var g=postRecent[f];postRecent[f]=postRecent[h];postRecent[h]=g}for(var b=d;b<c-1;b++){for(var a=b+1;a<c;a++){if(postTitle[b]>postTitle[a]){e(b,a)}}}}function displayToc(a){var l=0;var h="";var e="Post Title";var m="Click to sort by title";var d="Date";var k="Click to sort by date";var c="Category";var j="";if(sortBy=="titleasc"){m+=" (descending)";k+=" (newest first)"}if(sortBy=="titledesc"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="dateoldest"){m+=" (ascending)";k+=" (newest first)"}if(sortBy=="datenewest"){m+=" (ascending)";k+=" (oldest first)"}if(postFilter!=""){j="Click to view all"}h+="<table>";h+="<tr>";h+='<td class="header1">';h+='<a href="javascript:toggleTitleSort();" title="'+m+'">'+e+"</a>";h+="</td>";h+='<td class="header2">';h+='<a href="javascript:toggleDateSort();" title="'+k+'">'+d+"</a>";h+="</td>";h+='<td class="header3">';h+='<a href="javascript:allPosts();" title="'+j+'">'+c+"</a>";h+="</td>";h+='<td class="header4">';h+="Read all";h+="</td>";h+="</tr>";for(var g=0;g<postTitle.length;g++){if(a==""){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}else{z=postLabels[g].lastIndexOf(a);if(z!=-1){h+='<tr><td class="entry1"><a href="'+postUrl[g]+'">'+postTitle[g]+'</a></td><td class="entry2">'+postDate[g]+'</td><td class="entry3">'+postLabels[g]+'</td><td class="entry4"><a href="'+postPublished[g]+'">Read</a></td></tr>';l++}}}h+="</table>";if(l==postTitle.length){var f='<span class="toc-note">Show All '+postTitle.length+" Posts<br/></span>"}else{var f='<span class="toc-note">Show '+l+" posts by category '";f+=postFilter+"' the "+postTitle.length+" Total Posts<br/></span>"}var b=document.getElementById("toc");b.innerHTML=f+h}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postLabels[b];document.write("<p/>");document.write('<p class="labels"><a href="/search/label/'+temp1+'">'+temp1+"</a></p><ol>");firsti=a;do{document.write("<li>");document.write('<a class="post-titles" href="'+postUrl[a]+'">'+postTitle[a]+"</a>");if(postRecent[a]==true){document.write(' - <strong><span style="color: rgb(255, 0, 0);">New!</span></strong>')}document.write("</li>");a=a+1}while(postLabels[a]==temp1);b=a;document.write("</ol>");sortPosts2(firsti,a);if(b>postTitle.length){break}}}function toggleTitleSort(){if(sortBy=="titleasc"){sortBy="titledesc"}else{sortBy="titleasc"}sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){if(sortBy=="datenewest"){sortBy="dateoldest"}else{sortBy="datenewest"}sortPosts(sortBy);displayToc(postFilter)}function showToc(){if(tocLoaded){displayToc(postFilter);var a=document.getElementById("toclink")}else{alert("Just wait... TOC is loading")}}function hideToc(){var a=document.getElementById("toc");a.innerHTML="";var b=document.getElementById("toclink");b.innerHTML='<a href="#" onclick="scroll(0,0); showToc(); Effect.toggle(\'toc-result\',\'blind\');">?? Display Table of Contents</a> <img src="http://1.bp.blogspot.com/-_VZwBpHw_SI/UrXvLbFxacI/AAAAAAAAFiQ/ZGqWZUZesCI/s1600/new_icon.gif"/>'}function looptemp2(){for(var a=0;a<numberfeed;a++){document.write("<br>");document.write('Post Link : <a href="'+postUrl[a]+'">'+postTitle[a]+"</a><br>");document.write('Read all : <a href="'+postPublished[a]+'">'+postTitle[a]+"</a><br>");document.write("<br>")}};
</script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>


2. Kode Daftar Isi Berdasarkan Tanggal Publikasi

<style>
#w-sitemap-wrapper {font-size:13px}
#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #f6f6f6}
#w-sitemap-wrapper span {position:absolute;left:0;color:#bd8b56}
#w-sitemap-wrapper a {font-weight:bold}
#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:18px;color:#bbbbbb}
</style>

<script>(function(c,m){var h=window;var l=document;var e="w-sitemap-wrapper";var g="w-sitemap-loading-msg";var b=h.location;var n=b.protocol;var f=b.hostname;var k=0;l.write("<div id='"+e+"'><ol></ol><div id='"+g+"'>"+m+"</div></div>");var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName("ol")[0];function i(o){var p=l.createElement("script");p.src=n+"//"+f+"/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index="+o+"&max-results=150";a.appendChild(p)}h.wijs_get_sitemap=function(E){var A=E.feed.entry;var u=parseInt(E.feed.openSearch$totalResults.$t);var x=A.length;var w="";for(var s=0;s<x;s++){var o=A[s];var C=o.title.$t;var p;var D=o.link;var y=D.length;for(var r=0;r<y;r++){if(D[r].rel==="alternate"){p=D[r].href;break}}var z=o.published.$t;var q=z.substring(0,4);var t=z.substring(5,7);var v=z.substring(8,10);var B=c.replace("dd",v).replace("mm",t).replace("yyyy",q);w+="<li><span>"+B+"</span><a href='"+p+"'>"+C+"</a></li>"}j.innerHTML+=w;k+=x;if(k<u){i(k+1)}else{d.parentNode.removeChild(d)}};i(1)})("dd/mm/yyyy","Loading......");</script>

Setelah copas kode, LANGSUNG publikasikan! (Jangan ubah dulu ke mode Compose).

Cara Membuat Halaman Disclaimer

Halaman disclaimer adalah halaman berisi aturan penggunaan konten blog. Semacam kesepahaman antara blogger dengan pembacanya.

Cara membuat halaman Privacy Policy sangat mudah.
  1. Buat dulu Disclaimer di Privaci Policy Generator
  2. Klik Halaman > Halaman Baru
  3. Isi judul dengan Disclaimer
  4. Klik icon HTML paling kiri untuk memunculkan halaman HTML.
  5. Copas kode Disclaimer yang sudah dibuat di poin 1.

Itu dia Cara Membuat Halaman Tentang, Kontak, Daftar Isi, dan Disclaimer Blogger. Dengan adanya halaman-halaman statis ini, blog Anda dinilai serius dan profesional, sehingga kredibel dan akan mudah juga diterima Google AdSense.*

Tags:

Post a Comment

Previous Post Next Post