أهلا بكم متابعي مدونة أبو إياد. أرشيف مدونتك يعتبر من أهم نقاط بناء مدونة ناجحة بحيث يتم تسجيل موضوعاتك حسب التاريخ ويوضح مدي انتاجيتك خلال الشهر وكذلك يرتب الموضوعات بطريقة تليق بتصفحها وتسهل على الزائر الحصول على المعلومة التى يبحث عنها. نشرنا على صفحتنا بالفيسبوك فيديو تجريبي لإضافة خريطة أو فهرس لمدونات بلوجر بشكل حديث ومتطور بحيث يتم ترتيب عناصر الأقسام حسب ترتيبك لها وظهورها داخل أداة الوسوم فى مدونتك كما تظهر هنا. الإضافة حتما ستعجبكم وانصحكم بتجربة الإضافة.
وكما تعودنا هذا شرح فيديو لمعرفة كيفية عمل فهرس مرتب لمدونتك على بلوجر
الخطوة الأولى: إضافة كود CSS . ادخل قالب ثن تعديل HTML وابحث عن التالى
الخطوة الثانية: إضافة صفحة فى أداة الصفحات Pages بعنوان Sitemap ومنع التعليقات عنها كما شرحنا بالفيديو السابق. ونضع الكود التالى داخلها ولكن يجب أن تضغط على وضع HTML كما وضحنا بالفيديو
<div dir="ltr" style="text-align: right;" trbidi="on"> <div id="tabbed-toc"> <span class="loading">انتظر تحميل الارشيف</span></div> <br /> <script type="text/javascript"> var tabbedTOC = { blogUrl: "http://abu-iyad.com/", // Blog URL containerId: "tabbed-toc", // Container ID activeTab: 1, // The default active tab index (default: the first tab) showDates: false, // `true` to show the post date showSummaries: false, // `true` to show the posts summaries numChars: 200, // Number of summary chars showThumbnails: false, // `true` to show the posts thumbnails (Not recommended) thumbSize: 40, // Thumbnail size 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, // Open link in new window? maxResults: 99999, // Maximum post results 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 "New!" mark in most recent posts, or define how many recent posts are to be marked newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text }; </script> <script src="https://googledrive.com/host/0B2H3MJwpj5ZVNkJwaVF3SEV4cjg/tabbed-toc.js" type="text/javascript"></script> </div>
ثم اضغط نشر للصفحة ويمكن ظهورها فى الصفحة الرئيسية اما عن طريق نسخ رابط الموضوع ووضعه فى أى مكان تُفضل أو ويمكنك إضافته فى أداة الصفحات نفسها بالطريقة المشروحةبكيفية التعامل مع أداة الصفحات. وأخيرا الشكر موصول للرائع Taufik Nurrohman على الكود. وهنيئا عليكم شكل خريطة - فهرس - مدوناتكم على بلوجر بطريقة لم ترها من قَبل. علما بأن الكود مُستخرج من قالب مدفوع.
مدونة "فكرة مبرمج" تهتم بتطوير الويب العربي ومجلات الشير ودروس السيو واحتراف تطوير المواقع وادارتها وتنشر كل قالب تراه رائعاً وتنشر مقالات حول مجال الووردبريس !
ليست هناك تعليقات:
إرسال تعليق