Cara Membuat Sitemap Dengan Table di Halaman Blog

ADS GOOGLE

Cara Membuat Sitemap Dengan Table di Halaman Blog

Dede Ubed 26 September 0 komentar
Short URL:
Cara membuat Sitemap dengan Table di halaman Blog - Pada pembahasan dahulu saya pernah Share tentang bagaimana cara membuat Sitemap keren di halaman blog,dan kali ini juga saya akan berbagi Sitemap Keren juga

Namun beda nya cara membuat Sitemap di halaman blog ini,sitemap kali ini beda nya yaitu menggunakan Table,sehingga tampilan sitemap ini lebih keren dari sitemap yang sebelum nya pernah saya Shae
Walaupun Sitemap Table ini sudah banyak para blogger yang men shae,tetapi apa salah nya jika saya juga ikut berbagi dengan teman blogger lain nya,sitemap ini mungkin akan berguna bagi sobat blogger lain nya

Cara membuat sitemap di blog dengan Table

Sitemap Table ini kekurangan nya tidak memakai pemotong title yang dimana apabila di pakai oleh blog yang membuat title artikel panjang-panjang maka artikel tersebut akan menumpuk di table tersebut

Dan Mungkin solusi nya untuk mengatasi title tersebut agar tidak menumpuk,halaman Page nya harus dengan Halaman Page yang Full sehingga tampilan title artikel nya akan terlihat Normal-Normal saja yaitu tidak menumpuk

Dan untuk contoh dari sitemap tersebut,anda dapat lihat di gambar bagian atas,sangat keren bukan,dan mungkin sitemap ini dapat anda gunakan di blog sobat blogger,dan untuk pemasangan nya mungkin anda juga sudah tau

Namun bagia nad yang masih Newbe yang masih bingung bagaimana cara penerapan sitemap ini,anda dapat mengikuti tutorial di bawah ini,yang tentu nya sangat mudah sekali
  1. Masuk ke Dashborad Blogger dengan email dan Pasword seperti biasa
  2. Kemudain silahkan klik "Pages" yang berada di bagian kiri DashBoard
  3. Setelah anda mengklik "Pages" kemudian silahkan anda klik lagi "New Page"
  4. Setelah berada di halaman yang di sediakan silahkan anda klik "HTML" yang berada di bagian "Compose"
  5. Setelah itu silahkan isi halaman Title nya dengan Sitemap
  6. Dan Untuk halaman HTML silahkan masukan kode berikut
<style type="text/css">
#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-family:'Open Sans';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:'Open Sans';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:#e76e66;}
#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;}
</style>
<div id="bp_toc">
</div>
<script src="https://rawgit.com/RoomahTips/sitemap/master/table/javascript.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 {display:none;}
</style>

Kemudian silahkan Publish dan lihat hasil nya

Nah itulah cara membuat Sitemap dengan Table,semoga artikel nya bisa membantu sobat blogger semua,salam blogger.

ads
Posted by Dede Ubed, Published at 26 September and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

Advertisement

IKLAN DISINI