Cara buat halaman sitemap pada template blogger

Adakah anda ingin membina halaman sitemap HTML di blogspot pada template blog ! Tidak seperti sitemap XML yang anda submit ke engines carian untuk banyak crawler yang bertambah baik . Sitemap HTML memaparkan susun atur senarai laman blog untuk pengguna dan juga carian indek google menjadi bertambah baik atau terindex dengan sempurna .

Sitemap HTML diindex atau dijana dalam HTML biasa ,dan biasanya menyenaraikan semua halaman dan post blog yang tersedia di blog anda .Tetapi dalam plug-in sitemap blogger ini ,kami telah menggunakan JQUERY yang mengemaskini sitemap weblog setiap kali menyiarkan artikel terkini .

Preview

Cara - cara menambah halaman sitemap pada template blog seperti yang tertera di bawah :

1 - Login to Blogger Dashboard > Template > Edit Html

2 - Cari code  ]]></b:skin atau </style>

3 - Copy paste code di bawah tepat di atas code ]]></b:skin atau </style> tadi

#bp_toc { color: #666; margin: 0 auto; padding: 0; border: 1px solid #d2d2d2; float: left; width: 100%;}span.toc-note { display: none;}#bp_toc tr:nth-child(2n) { background: #f5f5f5;}td.toc-entry-col1 a { font-weight: bold; font-size: 14px;}.toc-header-col1,.toc-header-col2,.toc-header-col3 {background:#9E9E9E;}.toc-header-col1 { padding: 10px; width: 250px;}.toc-header-col2 { padding: 10px; width: 75px;}.toc-header-col3 { padding: 10px; 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: #fff; 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 { padding: 5px; padding-left: 5px; font-size: 12px;}.toc-entry-col1 a,.toc-entry-col2 a,.toc-entry-col3 a { color: #666; font-size: 13px; text-decoration: none}.toc-entry-col1 a:hover,.toc-entry-col2 a:hover,.toc-entry-col3 a:hover { text-decoration:underline;}#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; min-height: 3em; float: left; border-right: 1px solid #fff; text-align: center; padding: 0px 11px 1px 6px; margin-right: 15px;}td.toc-entry-col2 { text-align: center;}

4 - Navigate ke halaman dan klik Cipta Halaman Baru

5 - Masukkan tajuk Sitemap

6 - Beralih kepada HTML dan copy paste code di bawah kemudian tekan Compose

<div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/knigulper/github.io/gh-pages/knigulper.com/sitemap.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> </div>

7 - Click Publish

8 - Finally click Save Theme dan Selesai

Kini bila - bila masa anda boleh menerbitkan artikel baru - update post blog akan memaparkannya secara automatik pada halaman Sitemap anda .Selamat Mencuba :)
Article Provided By : www.knigulper.com .

Share this post

Dapatkan artikel terkini terus ke inbox email anda :

PENAFIAN ( DISCLAIMER ) : Pelbagai bentuk imej, gambar, artikel, video dan pautan yang terkandung dalam blog ini diambil dari sumber - sumber lain .Oleh yang demikian dengan itu HAK CIPTA / COPYRIGHT dimiliki sepenuhnya oleh pemilik sumber tersebut .