Blog Blogging,
Daftar Halaman Otomatis adalah sebuah daftar yang memuat keseluruhan halaman blog atau artikel blog berdasarkan kategori atau label tertentu yang telah kita tentukan sebelumnya, pada saat kita membuat atau menuliskan artikel blog. Dengan adanya Daftar Halaman ini, para pengunjung blog dapat dengan mudah untuk melihat sekaligus menelusuri keseluruhan isi blog dengan hanya sekali klik. Daftar Halaman ini biasanya diberi judul Sitemap.
Pada artikel ini, penulis ingin memberikan sebuah tips-trik untuk membuat Daftar Halaman tersebut secara otomatis tanpa kita harus menyusunnya secara manual. Hal ini akan sangat memudahkan kita dalam melakukan proses update artikel blog. Semua artikel yang baru kita tulis akan secara otomatis masuk dalam Daftar Halaman ini berdasarkan kategori atau labelnya masing-masing.
Berikut ini cara membuatnya : Buka sebuah halaman baru, bisa berupa halaman postingan ataupun halaman statis, masuk ke menu HTML (bukan compose), lalu copykan rangkaian script di bawah ini ke dalamnya :
<style type="text/css">
.judul-label{
background-color:#9400D3;
font-weight:bold;
line-height:1.4em;
margin-bottom:5px;
overflow:hidden;
white-space:nowrap;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 4px #AAAAAA;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #e9e9e9;
border: 2px solid white !important;
background: #9400D3;
background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
background: -moz-linear-gradient(top, #888, #575757);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.data-list{
line-height:1.5em;
margin-left:5px;
margin-right:5px;
padding-left:15px;
padding-right:5px;
white-space:nowrap;
text-align:left;
font-family:"Arial",sans-serif;
font-size:12px;}
.list-ganjil{background-color:#DCDCDC;}
.headactive{
color: #9400D3;
border: 2px solid white !important;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7157415382/halaman2.js"></script><script src="http://blog67blogging.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script>
Selanjutnya, gantilah alamat url yang tercetak tebal dengan alamat url blog anda, simpan halaman tersebut dan publikasikan. Semoga bermanfaat.
Baca Juga Artikel Terkait Lainnya: