Membuat Site Map Keren Responsive Ala Arlina Design

Membuat Site Map Keren Ala Arlina Design - Sitemap merupakan sebuah halaman daftar isi blog, yang dimana pengunjung bisa melihat semua daftar artikel dalam blog yang kita miliki melalui halaman sitemap. Selain itu, halaman sitemap juga merupakan salah satu syarat untuk mendaftar google adsense. Jadi, halaman sitemap sangat dianjurkan untuk di terapkan di dalam sebuah blog.

Baca Juga : Cara Membuat Halaman Privacy Policy Di Blog

Dikesempatan kali ini, saya akan membahas tentang sitemap yang digunakan oleh salah satu pembuat template terbaik di indonesia yaitu Arlina Design.Sitemap yang digunakan oleh arlina design sangat saya rekomendasikan untuk kamu yang mencari referensi halaman sitemap. halaman sitemap arlina design ini sangat fast response dan juga sangat responsive, dan juga sangat cocok untuk dipadukan dengan berbagai warna template blog karena halaman sitemap milik arlina design tidak menggunakan warna apapun atau polos namun tetap cantik bila dipadukan dengan blog kamu. untuk melihat contohnya kamu bisa lihat demo halaman sitemap saya DI SINI

Site Map Keren Responsive Ala Arlina Design

Bagaimana tertarik untuk menggunakan halaman sitemap keren full responsive dan sangat fast loading ala arlina design? jika kamu tertarik, ikuti langkah-langkah cara  Membuat Site Map Keren Responsive Ala Arlina Design berikut  dengan seksama: 

• Login ke blogger
• Pilih menu Laman / page
• Kemudian buat Baru / Create new page
• Pilih menu HTML di pojok kiri atas di samping menu Compose
  
• Kemudian pastekan script berikut di laman yang telah disediakan

 <div id="bp_toc">

Loading TOC. Please wait....</div>

<script 
src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.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,#Label1,#FollowByEmail1 {display:none;}

#HTML3 {visibility:hidden;}

/* CSS Full Sitemap */

#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-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:&#39;Roboto&#39;;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:#cdb280;}

#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;}

#bp_toc a{text-align:left;float:none;font-size:90%;padding:0}

</style> 

• Jangan lupa buat judul
• kemudian save

Dan sitemap keren ala Arlina design sudah tersedia di blog kamu. Sekian artikel tentang " Membuat Site Map Keren Responsive Ala Arlina Design" semoga bermanfaat dan jangan lupa tinggalkan komentar.

Baca juga : Membuat Kotak Html Highlight Keren Dan Responsive Di Blogger