If any broken link, please Contact me!

Cara Membuat Halaman Sitemap Responsive Sederhana di Blogger

Please wait 0 seconds...
Scroll Down and click on Go to Link for destination
Congrats! Link is Generated

Cara Membuat Halaman Sitemap Responsive Sederhana di Blogger - Sitemap sangat penting dalam sebuah blog, seperti pada artikel sebelumnya yang membahas tentang Halaman yang Wajib Ada pada sebuah Blog Serta untuk Google Adsense. Daftar isi ini memegang peran penting dalam blog untuk memudahkan pengunjung mencari informasi dengan cepat di blog Anda.

Yang menarik dari Sitemap Responsive Sederhana ini adalah menampilkan artikel berdasarkan label dengan tampilan yang keren dan seo. Ditambah dengan adanya tulisan New! yang menandakan artikel baru di publikasikan. Dalam membuat sitemap responsive sederhana ini begitu mudah.

Cara Membuat Halaman Sitemap Responsive Sederhana di Blogger




  • Buat Halaman Baru. Isikan seperti pada gambar berikut.



  • Keterangan gambar:

1. Judul halaman.
2. Pilih mode HTML.
3. Paste-kan kode berikut.
<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>
<div id="toc">
<script src="https://sites.google.com/site/noorkhafidzin/script/sitemaprs.js" type="text/javascript"></script>
<script src="https://www.noorkhafidzin.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
*) Ubah https://www.noorkhafidzin.com dengan url blog Anda
4. Lakukan setting halaman seperti pada gambar.

  • Publikasikan

Itulah Cara Membuat Halaman Sitemap Responsive Sederhana di Blogger. Silahkan langsung di praktekkan dan sampai jumpa.

About the Author

I like challenges and learning new things.

Post a Comment

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.