Friday, August 19, 2016
Membangun Sitemap Blogger Keren Ala Arlina Design!
Membangun Sitemap Blogger Keren Ala Arlina Design!
Pada postingan saya sebelumnya, saya telah membahas tentang Sitemap. Buat teman-teman yang belum tau apa itu Sitemap silahkan ke artikel saya sebelumnya di sini!
Berkenalan Dengan Sitemap, Sahabat Blogger dan Webmaster!
Pada kesempatan kali ini, saya akan membangun Sitemap keren untuk blogger ala Arlina Design. Arlina Design sendiri adalah blogger yang sering memberikan tips seputar blog dan salah satu tempat untuk download template-template blog secara gratis. Template blog saya sebelumnya juga saya download di Arlina Design, buat yang tertarik mempelajari tips seputar blogging bisa langsung mengunjungi Arlina Design di link berikut http://www.arlinadzgn.com/
Untuk tahap membangun Sitemap ala Arlina Design silahkan ikuti langkah-langkah berikut:
- Silahkan login pada akun blogger anda masing-masing
- Pilih blog anda kemudian klik menu "Pages" dan klik "New Page" Untuk membuat laman baru pada blog anda untuk penempatan Sitemap
- Beri nama pada laman anda, contoh di sini saya beri nama Sitemap. Kemudian klik HTML untuk memasukan kode Sitemap anda ke dalam laman yang telah anda buat
- Selanjutnya paste kan kode Sitemap berikut kedalam laman tersebut
- Setelah kode di atas sudah anda paste kan ke dalam laman Sitemap, kemudian klik "Publish" untuk menyimpan dan mempublikasikan Sitemap anda
- Untuk melihat hasil Sitemap pada blog anda, anda dapat mengklik menu "Pages" pada Dashboard Blog anda kemudian klik "View" pada Laman Sitemap
- Berikut contoh tampilan Sitemap ala Arlina Design. Bagaimana, Keren Bukan? Pada sitemap ala Arlina Design ini ada beberapa fitur yang di sediakan yaitu Jumlah Post pada blog anda, struktur postingan di urutkan dari postingan terbaru, dan label atau tag dari postingan tersebut.
<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&max-results=9999&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:'Roboto';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>
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&max-results=9999&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:'Roboto';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>
Jika anda kebingungan pada saat menerapkan sitemap pada blog anda atau anda mempunyai pertanyaan tentang sitemap, silahkan tinggalkan komentar dan jangan lupa Share artikel ini jika bermanfaat untuk anda
