Memasang Daftar Halaman Otomatis

SEO Blog. Daftar halaman otomatis adalah sebuah daftar yang memuat halaman artikel atau halaman postingan yang ada di dalam sebuah situs atau blog, yang di buat sedemikian rupa sehingga dapat menampilkan semua artikel blog secara otomatis berdasarkan label atau kategori tertentu. Daftar halaman ini menjadi penting untuk memudahkan setiap pengunjung dalam merayapi isi situs atau blog secara keseluruhan dengan hanya sekali klik.

Berikut cara pembuatannya, bukalah sebuah halaman baru (bisa berupa halaman postingan biasa atau halaman statis), masuk pada posisi HTML (bukan compose), kemudian copy kan 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&amp;alt=json-in-script&amp;callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script>

Gantilah alamat url blog yang dicetak tebal dengan alamat url situs atau blog anda sendiri, simpan dan publikasikan halaman anda, dan selesai.

Tweet