Setelah dulu saya share tentang cara membuat sitemap sekarang saya akan share tentang
Cara membuat Sitemap keren / cara memunculkan semua postingan / artikel dengan variasi seperti contoh di bawah ini :
Dan untuk Contoh hidup nya sobat bisa
berkunjung di sini
Caranya
- Masuk / Log in ke dashbor blog sobat
- Klik Pages>>>New Page>>>Blank Page
- Pilih HTML pada kolom pilihan di kiri Compose / HTML
- Masuk kan Script di bawah ini di dalam kolom HTML
<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 300px; overflow: auto; padding: 5px;">
<style type="text/css">
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB9__Jrcr2vvELs6A7ZZ05mgzRwgJ3k6t2b09Wpu-J1RqU9Z08MsJcl16_AOS9xWqej4DqW7bt-3oDyPyB22YuqLnrUeit11Dw7nh5letm4CTC1HCNNiicPu2140V72WHAMZ4rScpXMXI/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://www.patricknormanmusic.com/multimedia_files/navbar_background.png) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:ccc; repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background:#ccc; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://yoshiwafa-blogspot.googlecode.com/files/sitemap_keren.js" type="text/javascript">
</script>
<script src="http://yoshiwafa.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script>
<span style="float: right; font: italic 9px Arial, Sans-Serif;"></span>
</div>
Catatan :
- Ganti url berwarna merah dengan alamat web / blog kamu
Sekian tentang
cara membuat sitemap /
cara memunculkan semua posting/artikel dengan variasi secara otomatis dan semoga bermanfaat.
