Home » » Cara membuat sitemap blog-web gratis dengan tabel di (hp)

Cara membuat sitemap blog-web gratis dengan tabel di (hp)

Cara Membuat sitemap blog-web gratis dengan tabel di (hp) melalui halaman statis (statis page).

Sitemap blog-web gratis dengan tabel atau sering di sebut "Daftar isi blog-web" adalah fitur yang sering digunakan di web-web populer,dengan menggunakan fitur ini sebuah blog-web dapat menampilkan seluruh artikel atau konten yang dipublikasikan berdasarkan label dan tanggal beserta judul postingan.

Sitemap blog-web gratis dengan tabel sangat cocok untuk blog yang memiliki konten yang banyak dan ingin menampilkan semuanya pada satu tempat yang tertata rapi dan menarik.

Jika anda masih baru (Pemula) mungkin membutuhkan contoh sitemap yang biasanya digunakan di blog-web populer.lihat contoh gambar dibawah ini
Contoh gambar adalah sitemap blog-web ini yang masih baru (Pemula) atau newbie.

Apabila anda tertarik menggunakan sitemap tersebut, dapat anda copy dan tempelkan code scriptnya pada "halaman statis (static page) blog-web anda.

Di bawah ini Kami telah menulis code script sitemap dengan Tabel seperti contoh gambar di atas.

Cara membuat atau menerapkan sitemap ke blog-web dan menampilkannya di homepage blog.

Dengan memiliki sitemap ini anda dapat melihat dengan jelas seluruh isi dari blog-web anda.ini sangat membantu pengalaman pengguna, karena apa yang mereka cari semuanya ditampilkan dalam satu wadah.Jika anda ingin membuat sitemap ini, dapat anda kopy code script di bawah.

Catatan:
Baca juga keterangan penerapan dan menampilkan yang berada di bawah code script.

Code script Sitemap dengan Tabel
<div dir="ltr" style="text-align: left;" trbidi="on">
<div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/MCQ-Design/blogger-kota-Kupang/master/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>
<style scoped="" type="text/css">
#comments {display:none;}
/* CSS Full Sitemap */
#bp_toc {background:#e73138;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>
Live priview
  • Cara membuat sitemap blog-web gratis dengan tabel di halaman statis (static page).
    1. Copy code script di atas, lalu masuk ke situs blogger.com.
    2. Dari dasbor blogger,sentuh "laman" kemudian sentuh "laman baru".
    3. Di dalam tampilan dasbor edit laman,sentuh mode "HTML" yang berada di pojok kiri atas area menulis.
    4. Selanjutnya Sentuh dan tahan pada area menulis, lalu tempelkan code script.
    5. Lengkapi judul, kemudian sentuh pengaturan atau ikon roda gigi yang berada di samping kanan.
    6. Di dalam tab baru yang terbuka, sentuh jangan bolehkan komentar pembaca.dan sentuh gunakan enter untuk baris baru.
    7. Jika semuanya sudah selesai dilengkapi, sentuh selesai kemudian "publikasi".
  • Cara menampilkan sitemap blog-web gratis dengan tabel di homepage.
    1. Dari dasbor blogger.com,sentuh laman kemudian pilih fitur "lihat"yang berada dibawah judul laman.
    2. Di dalam tab baru yang terbuka, copy alamat (url) yang berada pada mesin pencari browser google crome.
    3. Selanjutnya kembali dari dasbor blogger.com.kemudian sentuh tata letak.
    4. Didalam tab baru yang terbuka, sentuh tambahkan gadget.lalu cari atau menemukannya fitur laman dan sentuh pada ikon tambah yang berada di samping kanan fitur tersebut.
    5. Sentuh atau menemukannya "tambahkan tautan eksternal".lengkapi judul laman kemudian sentuh dan tahan pada area alamat (url) lalu tempelkan.
    6. Selanjutnya sentuh "simpan tautan"dan lanjutan dengan menyentuh tombol oranye "selesai" yang berada di dasar formulir tambahkan laman.setelah selesai di tahab ini berarti sitemap telah terpasang di web blog anda.
Untuk memastikan apakah sitemap terpasang dengan benar anda dapat melakukan pratinjau dari homepage web blog.

Catatan:
Jika semuanya sudah terpasang dengan benar maka akan muncul tampilan seperti contoh live preview di atas.

Demikian artikel tentang "cara membuat sitemap blog-web gratis dengan tabel di (hp)".

Semoga bermanfaat
Thanks for reading : Cara membuat sitemap blog-web gratis dengan tabel di (hp)

Share this

0 komentar:

Post a Comment