الجمعة، 10 أكتوبر 2014

اصافة فهرس لمدونتك بسهولة 2014


مرحبا بكم في شرح طريقة اضافة فهرس للمدونة ببساطة قد يستغرق منك 1 دقيقة فقط
الفهرس مقسم لثلاث اعمده وهو يظهر المواضيع من الأحدث الى الأقدم

الطريقة :

1- اذهب الى قالبك بلوجر > ثم الصفحات
2- افتح صفحة جديدة
3- حول صندوق الكتابة من وضع تأليف الى وضع HTML






4- ألصق هذا الكود في الصفحة
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="bp_toc">
<script src="https://cnmu.googlecode.com/svn/trunk/cnmu-index-map.js" type="text/javascript"></script>
<script src="http://prorirak.blogspot.com/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript"> </script>
<style>
#bp_toc {
  
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 28px;
  text-align: right;
  width: 100%;
}
#bp_toc a {text-decoration: none;}
.toc-note {
    background: #ddd ;
    border: 2px solid #BBB;
    padding: 5px 10px;
    position: relative;
    right: 2px;
    top: -13px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    font-weight: bold;
    text-shadow: 4px 4px 4px #515151; }

.toc-header-col1, .toc-header-col2, .toc-header-col3 {
    background: #9B9A9A;
    border: 1px solid #000000;
    color: #000;
    padding: 2px 13px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0px; }

/*عناوين المواضيع */
.toc-header-col1 { width:58%;}
.toc-entry-col1 {
    background: #B4B4B4;
    border: 1px solid 000000;
    border-radius: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 8px;
    padding-right: 8px; }

.toc-entry-col1:hover {
    background: #920313;
    border-color: #8A8B8B;
    transition: all 1s ease-out 0s; }
/*التاريخ*/
.toc-header-col2 {width: 11%;text-align: center; }
.toc-entry-col2 {
    background: #000;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
    text-align: center; }
/*الأقسام*/
.toc-header-col3 {width:31%;}
.toc-entry-col3 {
    background: #9C0022;
    border: 1px solid #ddd;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    color: #fff;
    padding-right: 8px; }

.toc-entry-col3 a { color: #fff; }

.toc-entry-col3:hover {
    background: #3D5288;
    border-color: #8A8B8B;
    transition: all 1s ease-out 0s; }
 </style>
</div>
</div>

5- غير http://prorirak.blogspot.com برابط مدونتك
ومبروك عليك الإضافة


لا تنسى كلمة شكر فهي رخيصة عندك لكنها غالية عندنا

السابق
التالي

0 التعاليق: