Membuat Daftar Halaman otomatis di blog

Modus Blogger pada kesempatan ini ingin berbagi tips-trik tentang membuat Daftar Halaman otomatis di blog yang sangat memudahkan admin blog untuk mengelola blognya. Kemudahan yang disajikan adalah daftar halaman ini akan secara otomatis mengakomodir artikel-artikel terbaru yang dituliskan (sebagai bahan update postingan blog) serta akan secara otomatis pula menempatkannya sesuai daftar label yang telah dibuat pada saat pertama membuat artikel tersebut.

Modus Blogger, daftar halaman otomatis

Dengan kemudahan-kemudahan yang disuguhkan tersebut, maka dalam hal ini seorang blogger atau admin blog dalam hal ini tidak lagi perlu mengeluarkan tenaga ekstra untuk mengatur daftar halaman blog secara manual. Hal ini pasti akan sulit dilakukan bilamana jumlah postingan blog telah mencapai jumlah yang banyak atau di atas 100 postingan.

Cara membuatnya pun tidak terlalu sulit, cukup anda membuat sebuah halaman postingan baru (atau bisa juga halaman statis), dan masuk ke modus HTML (bukan Compose), selanjutnya 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&amp;alt=json-in-script&amp;callback=loadtoc"></script><script type="text/javascript">var accToc=true;</script>

Langkah berikutnya anda tinggal mengganti alamat url yang berwarna merah dengan alamat url blog anda sendiri. Simpan postingan anda....., dan selesai.

Hasil daripada rangkaian script CSS tersebut adalah sebagaimana yang tertuang dalam gambar di atas, dan bilamana anda tertarik untuk membuatnya, silahkan anda mencoba rangkaian script tersebut. Jangan khawatir, dalam hal ini penulis jamin pasti jalan dan kompatible dengan berbagai macam atau model template blog.


Membuat Daftar Halaman otomatis di blog
Item Reviewed: Membuat Daftar Halaman otomatis di blog 9 out of 10 based on 10 ratings. 9 user reviews.

Memang widget ini sangat membantu admin blog ..... :2thumbup

Emoticon? nyengir

Silahkan meninggalkan komentar dengan bahasa yang relevan dan sopan.. # Don't Spamm ! #

Komentar Terbaru

Just load it!