إضافة صفحة الفهرس الخاص بمدونات البلوجر

السلام عليكم

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

قسم الفهرس في الاعلى 

 

 قم بالدخول للصفحات

 ثم صفحة جديدة

قب بالضغط الى HTML 

ثم ضع هدا الكود

<link href="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-2.css" rel="stylesheet" />
<div dir="ltr" style="text-align: right;" trbidi="on">
<div id="tabbed-toc">
<span class="loading">&#1575;&#1606;&#1578;&#1592;&#1585; &#1578;&#1581;&#1605;&#1610;&#1604; &#1575;&#1604;&#1575;&#1585;&#1588;&#1610;&#1601;</span></div>
<br />
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://3alami7tiiraf.blogspot.com/", // استبدل رابط مدونتك بدل من رابط مدونتي
    containerId: "tabbed-toc",
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, //  ضع `true` لاضهار التاريخ بدل من false
    showSummaries: true, // ضع false لاظهار ملخص التدوينة بدل من  true
    numChars: 200, //عدد احرف الملخص
    showThumbnails:  true, // ضع false لاخفاء صورة الموضوع بدل من true
    thumbSize: 40, // حجم صورة الموضوع
    noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "January",
        "February",
        "March",
        "April",
        "May",
        "June",
        "July",
        "August",
        "September",
        "October",
        "November",
        "December"
    ],
    newTabLink: true, // فتح الرابط في صفحة جديدة?
    maxResults: 99999, //العدد الاقصى للمواضيع في الفهرس
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "جديد" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <em style='color:red;'>جديد</em>" // HTML for the "جديد" text
};
</script>
<script src="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-2.js" type="text/javascript"></script>
</div>