مميزات كود فهرس مدونات بلوجر المطور

طريقة تركيب كود فهرس مدونات بلوجر

<style type="text/css">



#bp_toc {



  border: 0px solid #000000; 



background: #ffffff;
  padding: 5px;



.toc-header-col1, .toc-header-col2, .toc-header-col3 {



width:300px;
  margin-top:10px;
}



-webkit-border-radius: 20px;



text-align: center;
 background: #E6E6E6;



-webkit-box-shadow: inset 2px 2px 5px 5px #CCCCCC;



border-radius: 20px;
        



  color: #000000;



box-shadow: inset 2px 2px 5px 5px #CCCCCC;
  padding-left: 2px;



  width:100px;



width:150px;
}
.toc-header-col2 {
  width:75px;
}
.toc-header-col3 {
}



.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {



font-size:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:70%;
  text-decoration:underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {



..إنتظر قليلا لتحميل الفهرس..</div>



padding-left: 5px;
  font-size:70%;
border: 2px solid white !important;
-webkit-border-radius: 10px;
border-radius: 10px;
 background: #F6F6F6;
 white-space:nowrap;
}
</style>
<br />
<div id="bp_toc">



<script src="http://www.condaianllkhir.com/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"></script></div>



<script src="http://conda3ianllkhir.googlecode.com/files/blogtoc_orig%282%29.js" type="text/javascript"></script>


<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">get this widget</span></span></a>&nbsp;



</div>