Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english
LOADING...
Website Masih Dalam Proses Pengembangan. Download Template Jika Anda Berminat.
Download

Cara Buat Sitemap Simple Di Blogger

4 min read

Esthonoles - Sebelumnya saya juga pernah membahas tentang sitemap untuk template Median UI, nah yang akan saya bagikan ini merupakan sitemap simple yang bisa teman-teman terapkan disemua template Blogger.

Tampilan Sitemap Seo

Sitemap sendiri merupakan daftar isi dari sebuah blog yang bisa membantu sebagai navigasi untuk mempermudah kalian jika mengakses sebuah website, ntuk yang saya bagikan ini sudah responsive tentunya tidak akan merusak tampilan blog kalian.

Untuk Scriptnya sendiri teman-teman bisa langsung copas aja dibawah ini, dan cara pasangnya silahkan teman-teman kunjungi blog saya sebelumnya.

Cara Buat Sitemap Mirip Median UI
<div class="jontor">
<script src="https://rawgit.com/rezamuhamad/rakinfo/master/sitemap.js"></script>
<script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=rak_info_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 .rak_info_Label a{background:#102027;color:#fff;text-decoration:none;display:block;padding:5px 0px 5px 10px;font:13px 'Arial';font-weight:bold;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;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:#89abbc;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:#89abbc;}
.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:12px 'Arial';padding:0;margin-bottom:2em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.rak_info_Postname li:nth-of-type(odd){background:#f1f3f3;}
.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>

Untuk cara pasangnya sendiri teman-teman tinggala copas aja script diatas dan buat halaman baru di blogger kalian.

Kalo kurang jelas silahkan akses link diatas.

Help!
Baca juga :
Semangat berkarya mekipun hasil copy paste!

Blogger : Cerdasin62+

Mau donasi keh?

Paypal
Dana - 0887435373103
Jika dana kalian terlalu banyak bisa beri admin sedikit banyak dana sesuka hati. klik icon panah di atas

قد تُعجبك هذه المشاركات

  •   DELTA YOWA v3.9.2 Note:Silahkan kunjungi website nya untuk mendownload! Go to website DELTA YOWA X ULTRA v3.9.1F Note:Silahkan kunjungi website ny…
  • Tutorial Download video youtube. Y2mate.com - Pengunduh Video YouTube Lihat gambar diatas Langkah-langkah untuk mengonversi dan mengunduh video YouTube: 1. Salin u…
  • BALIKPAPAN, Sepekan lalu, terjadi kecelakaan di Simpang Rapak, Balikpapan, di mana truk menabrak mobil dan para pengendara motor yang sedang berhenti di lampu merah Kecelakaan in…
  • Diatas adalah Daftar Akun Note:Silahkan register dan isi form nya untuk membuat akun! Register Diatas adalah Pilih Short Url Note:Silahkan register dan isi for…
  • Jangan bingung dengan serangan Man-in-the-Mobile atau Meet-in-the-middle .Dalam kriptografi dan keamanan komputer , man-in-the-middle , monster-in-the-middle , machine-in-the-midd…
Apakah artikel ini bermanfaat? Silahkan klik bintang di bawah.
Jangan lupa beri komentar.
Komentar.

إرسال تعليق

Tinggalkan komentar sesuai topik tulisan, centang Notify me untuk mendapatkan notifikasi via email ketika komentar kamu di balas.
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
CaraTech.

Mampir Juga Ke Blogger caratech.my.id