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

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

  • Kata Bersambung Bot Silahkan ketik /start untuk memulai Bot! View Bot Tomoe Robot Note:Silahkan ketik /start untuk memulai Bot! View Bot Yoga Waifu B…
  •     Akun Github , pada kali ini saya akan memberika tutorial cara membuat akun Github atau daftar Akun github dengan mudah dan cepat , bagi anda seorang pasti ingin memil…
  •  Whatsapp resmi milik mark zuckerberg  memang belum (atau mungkin tidak akan) memasang fitur balasan otomatis, entah karena faktor apa itu adalah prerogatif pengembang.&n…
  • 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…
  • /** * * In this pen: * added stylesheets with CDN: * - //cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/codemirror.css * - //cdnjs.cloudflare.com/ajax/libs/codemirr…
  • Google LLC adalah sebuah perusahaan multinasional Amerika Serikat yang berkekhususan pada jasa dan produk Internet. Produk-produk tersebut meliputi teknologi pencarian, komputasi…
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