-->

الان صفحة فهرس بشكل جديد واحترافى بأكثر من شكل على بيبسى ديزاين

الان صفحة فهرس بشكل جديد واحترافى بأكثر من شكل على بيبسى ديزاين
    الان صفحة فهرس بشكل جديد واحترافى بأكثر من شكل على بيبسى ديزاين





    اليوم نقدم لكم طريقة تركيب إضافة صفحة فهرس مدونات البلوجر بتصميمين مختلفين و احترافيين  فقط على بيبسى ديزاين ... ولا يخفى علينا أن لفهرس المدونة دور مهم جداً في تسهيل تنقل الزوائر بين مواضيع المدونة مما يمكنك من الإحتفاظ بهم لأطول فترة ممكنة.


    طريقة تركيب صفحة الفهرس على مدونة البلوجر :

    1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، و اضغط على الصفحات ثم على زر صفحة جديدة. (كما هو موضح في الصورة التالية)
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين

    2- ثم قم بجعل محرر الرسائل في وضع HTML(كما هو موضح في الصورة التالية)
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين

    3- أدخل عنوان صفحة الفهرس و ألصق أحد الكودين أسفله - حسب رغبتك - داخل المحرر ثم اضعط على نشر : (كما هو موضح في الصورة التالية)
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين

    كود الشكل الأول :
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين

    <div dir="rtl" style="text-align: right;" trbidi="on">
    <br /></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <link href="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-1.css" rel="stylesheet"></link>
    <br />
    <div class="table-of-content" id="table-of-content" dir="rtl" style="text-align: right;">
    <span class="loading">يحمل...</span></div>
    <div class="credit-link">
    <script>
    var toc_config = {
        url: 'http://des-pepsi.blogspot.com/,  // هنا تضع رابط مدونتك بدل رابط مدونتي

        containerId: 'table-of-content',
        showNew: 10,
        newText: ' - <strong style="font-weight:bold;font-style:italic;color:red;">جديد</strong>',
        sortAlphabetically: {
            thePanel: true,
            theList: true
        },
        maxResults: 9999,
        activePanel: 1,
        slideSpeed: {
            down: 400,
            up: 400
        },
        slideEasing: {
            down: null,
            up: null
        },
        slideCallback: {
            down: function() {},
            up: function() {}
        },
        clickCallback: function() {},
        jsonCallback: '_toc',
        delayLoading: 0
    };
    </script>
    <script src="https://afkarpro-dev.googlecode.com/svn/trunk/Index Style For Blogger-1.js"></script></div>



    كود الشكل الثاني :

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


    <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://des-pepsi.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>


    * الرابط الملون بالأحمر :: استبدله برابط مدونتك.


    إظهار الفهرس على قائمة الصفحات الخاصة بالبلوجر :

    1- أدخل إلى لوحة التحكم الخاصة بمدونتك على البلوجر، ثم اضغط على تخطيط و على تعديل أداة الصفحات (Pages). (كما هو موضح في الصورة التالية) 
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين



    2- ثم قم بالتعليم على خانة الفهرس و اضغط على حفظ الأداة. (كما هو موضح في الصورة التالية)
    إضافة صفحة الفهرس الخاص بمدونات البلوجر بتصميمين مختلفين و احترافيين


    *! أتمنى أن أكون قد وفقت في إيصال المعلومة لكم بدون تعقيدات ;)
    و إذا واجهت أي مشكل أو لديك أي استفسار لا تتردد في طرح سؤالك وذلك بالرد بتعليق، سأجيب بالتأكيد! إن شاء الله ...
    و دمتم في رعاية الله وحفظه
    Pepsi Gaming
    @مرسلة بواسطة
    كاتب ومحرر اخبار اعمل في موقع بيبسي جيمنج | Pepsi Gaming .