Blogger

Cara Membuat Sitemap Otomatis dan SEO Friendly di Blogger


Duniabaca.id – Sitemap adalah suatu laman yang harus dimiliki oleh suatu blog karena Sitemap ini sangat berperan penting ke pada blog kamu, dengan Sitemap blog kamu akan mudah terindex oleh mesin pencari Google. Banyak blogger yang tidak terlalu memikirkan terdapatnya sebuah sitemap di blog mereka, mereka tidak menyadari batapa pentingnya sebuah sitemap itu.

Akhir – akhir ini banyak sekali Sitemap yang tidak bekerja alias tidak work, mengapa? Saya juga belum mengetahui hal tersebut. Tetapi saya akan membagikan script sitemap yang mungkin membantu kamu.

Sitenap ini mempunyai tampilan yang SEO Friendly dan juga Otomatis, tampilan sitemap ini dangat sederhana yang bisa membuat tampilan sitemap kamu semakin keren. Sitemap ini mempunyai tiga buah kolom yang menampilkan judul postingan, date postingan dan menampilkan label,
Nah untuk Script nya bisa kamu ambil dibawah ini.

 <div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments,#Label1,#FollowByEmail1 {display:none;}
#HTML3 {visibility:hidden;}
/* CSS Full Sitemap */
#bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Roboto&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#cdb280;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}
#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}
</style>

Bagaimana? Work atau tidak script sitemap ini? Saya yakin script ini work, dan ingat sitemap ini otomatis dan kamu tidak perlu lagi edit script sitemap yang saya bagikan.

Nah mungkin sekian artikel saya tentang Cara Membuat Sitemap Otomatis dan SEO Friendly di Blogger semoga bermanfaat terimakasih.

15 comments

Leave a Reply

Your email address will not be published. Required fields are marked *