Tunggu Sebentar...

2/15/2017

Cara Membuat Sitemap Berdasarkan Label Blog

Baca Juga



AA Sciences, Aldi Andreansyah - Laman Daftar Isi,Sitemap + Label Blog, Cara Membuat Laman Sitemap Berdasarkan Label Blog, Cara Membuat Halaman Sitemap Berdasarkan Label Blog, Cara Membuat Sitemap Berdasarkan Label Blog.


Cara Membuat Sitemap Berdasarkan Label Blog


Sitemap blog
Membuat membuat nya Sebuah Halaman sudah sering sekali kita lihat pada tampilan website/blog/wordpress tertentu yang dimana web/blog tersebut pastinya memilki beberapa tampilan seperti halaman About Us, Contact Us, Tos, Privacy Policy, Disclaimer, Email Encryption, Sitemap dan fitur Lainnya, yang dimana halaman about, contact us, TOS, Privacy Policy, Disclaimer, Email Encryption, Sitemap ini biasa di terapkan pada halaman atau widget pada tampilan menu menu navigasi tertentu, yang dimana menu navigasi nya terdapat pada bagian atas maupun bawah tersebut ini sering sekali kita jumpai pada tampilan tampilan website/blog/wordpress tertentu yakni terletak pada menu navigasi atas, baik itu navigasi awal maupun navigasi di atas kedua yang dimana navigasi memiliki peran penting yakni sebagai mempermudah mengakses nya suatu laman atau postingan yang sudah di akses pada menu navigasi tersebut khususnya pada tampilan header maupun bagian footer dalam sebuah website/blog/wordpress tersebut.

Baca :


Membuat nya suatu Halaman/Laman terutama pembuatan pada laman Sitemap/Daftar isi pada web/Blog ini pun salah satu terbilang cara tersebut cukup mudah yang dimana halaman tersebut jika dibuat memilki tujuan tersendiri yakni sebagai halaman tentang sebuah script yang dimana di dalam nya terdapat script untuk menampilkan seluruh jenis postingan kalian yang sudah kalian publish pada blog/web kalian tersebut , disamping itu pemasangan laman Sitemap/Daftar Isi ini biasa nya lebih bagus sehingga akan menghasilkan hasil blog menjadi SEO (Search Engine Optimization) dan terpercaya.

Namun tidak hanya itu adanya Laman Sitemap/Daftar Isi ini pun dapat membantu sebuah kinerja website dengan adanya laman Sitemap ini maka sebagian besar sebuah website/blog yang memasang nya akan lebih tampil profesional pastinya dengan adanya fitur laman Sitemap ini dikarenakan secara menyeluruh sebuah postingan blog kita akan terpampang semua dan para pengunjung pun akan lebih tau mengenai seluruh daftar isi pada postingan kalian.

Membuat suatu Halaman Sitemap/Daftar Isi pada Blog pun terbilang cara tersebut sangatlah cukup membuat sebuah situs tampil lengkap yang dimana halaman tersebut jika dibuat memilki tujuan tersendiri yakni sebagai halaman yang dimana sudah jelas jika adanya terdapat Sitemap/Daftar Isi yang dimana kita akan lebih mudah mengetahui secara keseluruhan mengenai isi postingan blog kita bahkan yang paling utama yakni antusias para pengunjung yang melihatnya, maka sebagian besar akan menjadi kan sebuah website/blog tersebut lebih briliant dan juga tampil lengkap.

Tidak hanya itu adanya tampilan pada sebuah laman Sitemap/Daftar Isi pun sangat berpengaruh pula dalam dunia SEO dan dalam dunia Google Adsense, bahkan Adsense pun sangat menyarankan dengan adanya sebuah laman Sitemap/Daftar Isi tersebut, jika di terapkan sehingga dapat menambah kinerja mudahnya approve dalam dunia Adsense.

Apalagi jika di campur adanya tampilan yang dimana Sitemap/daftar isi tersebut ditambahkan dengan berdasarkan label yang dimana sitemap label tersebut terdapat beberapa fitur yakni, seperti :

  • Akan merinci secara detail sitemap² dalam widget tertentu.
  • Jika ada postingan terbaru maka otomatis terdapat lambang Icon/teks "New!" berwarna merah.
  • Responsive.
  • Valid Struktur.
  • Valid Seo.
  • Dan masih banyak fitur lainnya lagi, yang nanti dapat kalian ketahui sendiri.

Yasudah jika kalian sudah memang benar² penasaran bagaimana cara pembuatan halaman Sitemap berdasarkan label ini pada sebuah tampilan website/blog kalian maka langsung saja simak cara nya di bawah ini :

A . Pembuatan Script Sitemap berdasarkan label nya


  • Pastikan kalian memilki sebuah Catatan baik itu pada Desktop maupun Mobile (Pc/Handphone) (Notepad/Note).
  • Jika sudah Langsung saja Copy kan Script Sitemap Berdasarkan label (HTML + CSS) nya di bawah ini.

<div class="jontor">

<script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script>

  <script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=mas_tamvan_Load"></script>

</div>

<style type="text/css">.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}

.jontor a{color:black;}

.jontor p .mas_tamvan_Label{background:#374760;color:#fff;display:block;padding:12px;}

.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fafafa;color:#fff;text-decoration:none;transition:all .3s ease-out;}

user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}

.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#374760;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}

.jontor ol li:hover:after{left:-.5em;border-left-color:#30cc91;}

.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}

.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}

ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}

.mas_tamvan_Postname li:nth-of-type(odd){background:#30cc91;}

.new{color:red!important;font-weight:700;font-style:italic;}

user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}

</style>



</div>

</div>

Catatan :

Kalian dapat Mengubah Warna sesuka hati kalian sendiri, yakni dengan Kode Warna HTML.

B . Pembuatan Laman Sitemap berdasarkan label nya (Laman/Blogger)


  • Pastikan kalian sudah lah Login pada akun Google/Blogger terlebih dahulu.
  • Pilih Menu - > Laman/Page atau Membuat Posting Laman, menu ini biasanya terletak pada pertengahan tampilan kiri.
  • Masukkan Judul nya yakni dengan teks "Sitemap" lalu ubah Mode Compose menjadi HTML, nah jika sudah, langsung saja kalian Paste kan Script Sitemap berdasarkan label (HTML + CSS) nya yang sudah Di Copy di atas tadi tepat pada kolom subjek nya.

Sirmap blog


  • Terakhir, Langsung saja Publikasikan.

C . Penempatan Laman pada Menu Navigasi Sitemap berdasarkan label nya (Template)


  • Pastikan kalian sudah lah Login pada akun Google/Blogger terlebih dahulu.
  • Pilih Menu - > Template atau bagian dimana mendesain sebuah tampilan web, menu ini biasanya terletak pada pertengahan tampilan kiri.
  • Edit HTML - > CTRL+F (memudahkan pencarian) lalu Cari menu navigasi kalian - > Jika sudah, masukkan script nya dan cari mode 'href' lalu masukkan URL tersebut, langsung saja masukan script URL Sitemap berdasarkan label nya di bawah ini :

/p/sitemap.html

  • Jika sudah, langsung saja Simpan Template dan Lihat hasilnya yakni dengan cara :

Login Blogger - > Lihat Blog - > Lalu langsung saja lihat pada menu navigasi kalian yang sudah di buka tadi yakni Sitemap dan script nya , dan tara sampai disini Alhamdulillah laman Sitemap berdasarkan label yang kalian ingin kan pun akhirnya sudah terpenuhi seluruhnya.

Nah mungkin cukup sekian mengenai pembahasan pembuatan Sitemap Berdasarkan Label Blog yang dapat AA Sciences sampaikan, semoga bermanfaat dan menambah wawasan kalian, Amin.
Thanks For Script :
Kang Teja (MasTamvan) :D

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon