Dunia Blogger, membuat halaman otomatis

Dunia Blogger dalam artikel ini akan membagikan tips membuat daftar halaman otomatis di blog yang berfungsi untuk menampilkan keseluruhan artikel-artikel blog berdasarkan label (kategori) tertentu yang telah kita atur sejak pertama membuat artikel. Fungsi halaman otomatis ini adalah untuk membantu mengatasi masalah kecepatan loading blog, karena dengan melakukan pemasangan daftar halaman ini kita tidak perlu menampilkan jumlah artikel yang terlalu banyak pada halaman home-page atau halaman utama blog.

Keuntungan lain dari pemasangan daftar halaman otomatis ini adalah dalam rangka memudahkan setiap pengunjung untuk mengakses keseluruhan isi blog yang ada tanpa perlu masuk ke halaman postingan serta mencari artikel-artikel yang sesuai. Ia cukup menekan tombol Sitemap (daftar halaman), maka widget ini akan langsung menyajikan keseluruhan isi blog berdasarkan label tertentu. Dari sisi pemilik blog, keuntungannya pasti akan sangat bermanfaat karena tidak perlu lagi untuk memasukkan satu-persatu artikel ke dalam sebuah daftar secara manual. Ia hanya tinggal membuat artikel dan kemudian menentukan label yang sesuai, dan secara otomatis artikel baru tersebut akan masuk ke dalam daftar halaman otomatis ini.

Cara membuatnya cukup mudah, anda tinggal membuat sebuah halaman baru (bisa halaman postingan atau bisa juga halaman statis) kemudian masuk ke menu HTML (bukan compose), dan selanjutnya copy kan rangkaian script berikut 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>