Daftar Isi sekarang ini diciptakan oleh Master Duy Pham, Blogger tetangga :q; kita yang hampir mirip modelnya seperti yang diciptakan oleh Master Taufik Nurrohman :z; yang masing-masing mempunyai kelebihan dan kekurangannya seperti Katagori [Label] bisa dipilih untuk ditampilkan maupun disembunyikan begitu juga dengan jumlah Judul yang ditampilkan dengan kata lain ada selanjutnya / sebelumnya [Next - Prev] perhatikan screenshotnya :

Langsung ke Cara membuatnya silahkan kawan mampir karena toolnya sudah tersedia, kawan cukup memasukan datanya saja
![]() |
| screenshot |
- Masukan url Blog kawan pada Địa chỉ blog
- Tentukan Judul yang ingin ditampilkan pada Số lượng bài hiển thị trên 1 trang
- Ketik Katagori yang tak ingin kawan tampilkan pisahkan dengan Koma [,] pada Tên nhãn không cho hiển thị, phân cách bởi dấu phẩy (,)
- Selanjutnya pilih Get code
- Copas scriptnya pada HTML
- Kawan bisa edit kembali script tersebut supaya sesuai selera
<div style=width:96%;padding:5px;margin:0;border:1px solid #999;background:#ccc;><style type=text/css>
#show-cat{float:left;margin-right:5px;width:95px;height:310px;overflow-x:hidden;overflow-y:auto;line-height:.8em}#show-cat ul{margin:0;padding:0;border-top:1px solid #333;}#show-cat ul li{list-style-type:none;margin:0;border:1px solid #333;padding:0}#show-cat ul li a{display:block;padding:10px}#show-cat ul li a,#navi-cat a{background:#fff;color:#00F;text-decoration:none}#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}#show-cat ul li a:hover,#navi-cat a:hover{background:#999;color:#fff}#show-post{float:left;width:77%;font-size:12px;line-height:1.8em;}#show-post ul li{list-style-type:none}#navi-cat{padding:20px 0}#navi-cat a{margin-right:5px;border:1px solid #333;}#navi-cat a,#navi-cat span{padding:5px 10px;}#navi-cat span{float:right}</style>
<div id=show-cat></div>
<div id=show-post>
<script type=text/javaScript>
var cat_home=http://blogspot.com;cat_numb=10;cat_pre=Prev;cat_nex=Next;cat_remove=[Admin,software,blog,Blogger,link];
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw=;dw+=<ul>;for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel==alternate){var cat_url=entry.link[j].href}}dw+=<li>;dw+=(cat_start+i)+. <a href="+cat_url+" rel="nofollow">+cat_title+</a>;dw+=</li>}dw+=</ul>;dw+=<div id="navi-cat">;if(cat_start>1){dw+=<a href="" onclick="show_post(+cat_name+,+(cat_start-cat_numb)+,+cat_class+);return false">+cat_pre+</a>}if((cat_start+cat_numb-1)<tt){dw+=<a href="" onclick="show_post(+cat_name+,+(cat_start+cat_numb)+,+cat_class+);return false">+cat_nex+</a>}dw+=<span>+cat_start;if(cat_start!=tt){dw+= – +(cat_start+i-1)}dw+= / +tt+</span>;dw+=</div>;document.getElementById(show-post).innerHTML=dw+<style type="text/css">.cat-+cat_class+ a{background:#464546!important;color:#fff!important}</style>}function show_post(a,b,c){var d=document.getElementsByTagName(head)[0];e=document.createElement(script);e.type=text/javascript;e.setAttribute(src,cat_home+/feeds/posts/default/-/+a+?alt=json-in-script&start-index=+b+&max-results=+cat_numb+&callback=show_post2);d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw=;dw+=<ul>;for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){for(var j=0;j<cat_remove.length;j++){if(cat[i].term==cat_remove[j]){cat.splice(i,1)}}}for(var i=0;i<cat.length;i++){dw+=<li class="cat-+i+">;dw+=<a href="" onclick="show_post(+cat[i].term+,1,+i+);return false">;dw+=cat[i].term;dw+=</a>;dw+=</li>}dw+=</ul>;document.getElementById(show-cat).innerHTML=dw}document.write(<script type="text/javascript" src="+cat_home+/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"></script>);
</script>
</div>
<div style=clear:both></div>
</div>
Teks yang saya beri warna Biru adalah kode tambahan
Teks yang berwarna Merah adalah kode setelah saya Edit
Hasilnya seperti screenshot pertama
Selamat Mencoba

0 comments:
Post a Comment