cara membuat daftar isi otomatis berwarna bannerfans_36599691

Monday, May 7, 2012

cara membuat daftar isi otomatis berwarna

kali ini saya akan membagi ilmu gimana cara memasang tabel daftar isi secara otomatis berwarna
jadi membuat blog kita enak dipandang

oke langsung saja :
masukan kode di bawah ini:


<style type="text/css">
.daftar_posting{list-style:none;margin-left:-40px;font-family:Droid Serif;font-size:11px;color:lime;text-align:left;}
.daftar_posting a{color:yellow;border-top:1px dotted blue;border-bottom:1px dotted blue;background:transparent url(image-1) no-repeat 0 50%;padding-left:15px;}
.daftar_posting a:hover{color:red;}
</style>
<div style="margin:2px; padding:4px;border:2px solid #FFF0F5;background:#800000;">
<div style="border:2px solid #444;overflow:auto;padding:4px;background#800000:#FFF0F5;height:250px;">
<div style="width:500px;">
<script style="text/javascript">
var numposts = 1000;
var showpostsummary = false;
var standardstyling = true;
function showrecentposts(json) {document.write('<ol class="daftar_posting">');
for (var i = 0; i < numposts; i++) { document.write('<li>');
var entry = json.feed.entry[i]; var posttitle = entry.title.$t;
var posturl; if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href; break;}}
posttitle = posttitle.link(posturl);
if ("content" in entry) { var postcontent = entry.content.$t;}
else
if ("summary" in entry) { var postcontent = entry.summary.$t;}
else var postcontent = ""; var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) { if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) { if (standardstyling) document.write('<i>');
document.write(postcontent); if (standardstyling) document.write('</i>');}
else { if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" ");
if (standardstyling) document.write('</i>');}}
if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>');
document.write('</li>');}
document.write('</ol>');
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');}
</script>
<script src="http://ngasar.blogspot.com//feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>
</div></div>


catatan buat merubah

left:-40px; gantilah sesuai lebar yang di inginkan
size:11px,gantilah sesuai panjang yang di inginkan
background:#800000, solid #FFF0F5,
4px;background#800000:#FFF0F5;
ganti sesuai warna keinginan sobat blogger
http://ngasar.blogspot.com ganti dengan alamat blog sobat

untuk memilih warna anda bisa mengunjungi :http://ngasar.blogspot.com/2012/05/kode-warna.html
untuk daftar isi normal tanpa warna anda dapat mendapat kodenya :http://ngasar.blogspot.com/2012/05/cara-membuat-daftar-isi-otomatis-di.html

langsung saja copy kode tersebut dengan cara tambah gedjet di blog anda
oke gampang bukan sekian dulu info dari saya moga bisa bermanfaat



Baca Artikel lainya:

0 komentar:

Post a Comment