listen in browser to stream surah al-kahfi

CARA MEMBUAT PETA SITUS/SITE MAP || BLOGSPOT



Site Map atau Peta Situs agar semua postingan kita terindexs oleh google.
ga usah bertele-tele, langsung to the point ajah lah.
teks berwarna ungu adalah kode html untuk image. tinggal kalian ganti alamat image yang berwarna biru dengan image kalian dan dapat merubah ukuran sesuai dengan layout blog kalian.
sedangkan yang berwarna merah adalah kode html untuk peta situs tersebut.
berikut langkah-langkahnya:

  1. masuk ke akun blog kalian.
  2. pilih halaman - lalu pilih halaman baru.
  3. di kolom kosong kalian ganti ke tampilan html.
  4. lalu copy paste script di bawah yang sudah saya jelaskan.
  5. jika tidak ingin menyertakan image, cukup copy paste script merah.
  6. beri nama halaman di kolom entri dengan site map/peta situs, atau di kosongkanpun boleh.
  7. lalu publikasikan.
  8. pratinjau jika perlu.
  9. maka tampilan sitemap akan seperti hasil di blog saya ini.






<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-F2Z8HEz7uHw/Xar1Y0d9bTI/AAAAAAAABqc/RmdfvFGHGvILrlCK9WnXjuSeLpEz8l86gCPcBGAYYCw/s1600/728x90%2Bbanner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="177" data-original-width="1600" height="44" src="https://2.bp.blogspot.com/-F2Z8HEz7uHw/Xar1Y0d9bTI/AAAAAAAABqc/RmdfvFGHGvILrlCK9WnXjuSeLpEz8l86gCPcBGAYYCw/s400/728x90%2Bbanner.png" width="400" /></a></div>


<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-VZNf5fLm_jU/XaoHE_YXwGI/AAAAAAAABps/D0nheDEmViQ2eCJ5CtiUOrO89IF0phj5gCPcBGAYYCw/s1600/728x90%2Bbanner.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="177" data-original-width="1600" height="71" src="https://4.bp.blogspot.com/-VZNf5fLm_jU/XaoHE_YXwGI/AAAAAAAABps/D0nheDEmViQ2eCJ5CtiUOrO89IF0phj5gCPcBGAYYCw/s640/728x90%2Bbanner.png" width="640" /></a></div>
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>


sebenanya site map tersebut saya pakai untuk halaman beranda/home di blog saya agar pengunjung bisa lebih leluasa melihat postingan di semua kategori. 

di postingan selanjutnya saya akan jelaskan cara mengirim site map melalui google search console agar semua postinga yang ada di blog bisa terindexs google.

TERIMA KASIH
SEMOGA BERMANFAAT

Posting Komentar

0 Komentar