القائمة الرئيسية

الصفحات

اضافات بلوجر بلوجر

انشاء صفحة فهرسة المواضيع في بلوجر

mpd2019top
(0)

انشاء صفحة فهرسة المواضيع في بلوجر


اهلا بيكم يا شباب فى هذا الموضوع سوف نتطرق الى انشاء صفحة فهرسة المواضيع في بلوجر الأكثر شيوعًا في موقع الويب أو المدونة. أثناء زيارة الزائرين لمدونتهم ، فقد يرغبون في رؤية جميع المشاركات في لمحة. لذلك هناك أداة خريطة الموقع تعمل بشكل فعال لهذا النوع من قارئي الموقع أو المدونة. ومع ذلك ، فقد شاركت من قبل جدول محتوى جميل وبسيط ، وسأشارك اليوم ملف فهرسةآخر جميلًا أو جدولًا لأداة المحتوى لموقع Blogger. ستضيف هذه الأداة نظام تنقل سهل بين خريطة موقع المدونة والمحتوى الخاص بك. 

 ومع ذلك ، فإن خريطة الموقع أو جدول أداة المحتوى المتقدم سيعطيك لمسة احترافية في موقع Blogger الخاص بك.  

ميزة جدول المحتوى هذا-

  • يمكن للزوار مشاهدة جميع المشاركات في لمحة.
  • ستظهر المشاركات كعمودين مع عدد من التعليقات.
  • يمكن للقراء عرض المشاركات حسب تسمية محددة.
  • يمكن إنفاق المشاركات حسب الملصق باستخدام خيار Load More (حلقة اللانهاية).
  • يمكن للزوار التنقل بسهولة في أي منشور.
  • يمكن للقارئ البحث عن المشاركات عن طريق الكلمات الرئيسية.
  • لا يلزم أي وقت تحميل إضافي.
  • سيحصل موقعك على لمسة احترافية.

طريقة التركيب



كل ما عليك هو التوجة الى الصفحات ثم تقوم بانشاء صفحة جديدة وتسميها كما تشاء ثم تنتقل من التاليف الى HTML ثم تقوم بلصق الاكواد فقط.


<style>
    #table-outer table {width:100%;margin:0;padding:0;}
    #table-outer input, #table-outer select {padding:4px;font:inherit;background:#fff;width:170px;box-sizing:border-box;border:none;color:#444;border:1px solid #eaeaea;transition:all 0.6s;}
    #table-outer select {cursor:pointer;outline:none}
    #table-outer input:focus{outline:none;background:#fff;border-color:#dadada;}
    #resultDesc {margin-bottom:10px;}
    #feedContainer {overflow:hidden;margin-top:20px;}
    #feedContainer strong {font-size:10px;}
    #feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
    #feedContainer li {float:right;width:50%;margin-bottom:5px;position:relative;z-index:0;}
    #feedContainer .inner {display:block;height:90px;padding:10px;margin:5px 5px 0 5px;position:relative;background-color:#fff;box-shadow:0 0 0 1px #eaeaea;opacity:0.9;transition:all 0.6s;}
    #feedContainer .inner:hover {opacity:1;box-shadow:0 0 0 1px #dadada;}
    #feedContainer img {float:right;margin: 0 0 0 8px;max-width:100%;padding:1px;background:#ddd;}
    #feedContainer .toc-title {max-height:33px;overflow:hidden;color:#444;font-weight:400;}
    #feedContainer .toc-title:hover {color:#404040;}
    #feedContainer .news-text {font-size:11px;display:none;}
    #feedNav a, #feedNav span {border-radius: 36px;display:block;text-align:center;color:#fff;
    background-color:#444;padding:5px 0;width:100%;margin: 0 auto;margin-top:10px;transition:all 0.3s linear;}
    #feedNav a:hover, #feedNav span:hover { border-radius: 36px;background-color:#444;transition:all 0.3s linear;}
    #feedContainer .date {display:none;position:absolute;bottom:0;left:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px;}
    #feedContainer .date .dd {font-size:9px;line-height:5px;font-weight:bold;}
    #feedContainer .date span {display:inline-block;line-height:5px;text-align:center;
    margin-right:5px;}
    </style>
    <div dir="ltr" style="text-align: right;" trbidi="on">
    <div id="table-outer">
    <table><tbody>
    <tr><td><select id="orderFeedBy"><option selected="" value="published">منشور جديد </option><option value="updated">تم تحديث المشاركة</option></select></td><td><label>ترتيب الوظائف حسب</label></td></tr>
    <tr><td><span id="labelSorter"><select disabled=""><option selected="">تحميل...</option></select></span></td><td><label>تصفية الوظائف حسب الفئة</label></td></tr>
    <tr><td><form id="postSearcher">
    <input type="text" /></form>
    </td><td><label>البحث بالكلمة المفتاحية</label></td></tr>
    </tbody></table>
    </div>
    <br />
    <header id="resultDesc"></header><br /><br />
    <ul id="feedContainer"></ul>
    <div id="feedNav">
    تحميل...</div>
    <script src="https://cdn.rawgit.com/BloggerSpice/Sitemap/master/advance%20sitemap%2BBloggerSpice.js" type="text/javascript"></script>



تحذيرلا يسمح باخذ المحتوي والا سوف يتم التبليغ عنك وسيتم حذف المقالة من طرف بلوجر بدون اخبارك

reaction:

أخر المواضيع من قسم : اضافات بلوجر

تعليقات

إرسال تعليق