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

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

اليوم و في هدا المقال أقدم لك إضافة مهمة جدا لمدونات بلوجر blogger وهي صفحة الفهرس sitemap تعتبر صفحة الفهرس sitemap من أهم الصفحات التي يجب أن تتوفر في مدونتك حيت تعرض جميع تدوينات بطريقة مرتبة حيت يمكن لكل الزوار تصفح مقالات من صفحة واحدة حيت ساقدم لك شرح كيفية إضافة صفحة بلوجر مع كود (blogger sitemap html css) متناسق مع جميع الأجهزة و ترتيب مقالات حسب التسميات.

طريقة إضافة صفحة فهرس بلوجر

طريقة سهلة جدا لإضافة المهم تتابع معي :

ندخل إلى منصة بلوجر
ثم نضغط على الصفحات
ننشئ صفحة جديدة
نقوم بتسمية الصفحة ب sitemap بالإنجليزية
نضغط على نشر
تم نقوم بإعادة تحريرها
نضغط على تحرير html
ونلصق الكود التالي داخله
نضغط على تحديث

كود صفحة فهرس بلوجر sitemap blogger html

<div dir="rtl" style="text-align: right;" trbidi="on">
<style type="text/css">
    .post-archive {
        width: 100%;
        padding: 20px 0;

}
   
    .post-archive h4 {
        border-bottom: 2px solid #E3E3E3;
        color: #333333;
        font-size: 20px;
        margin: 0 0 10px 2px;
        padding: 0 0 10px;
        font-weight: 700;
    }
   
    .ct-columns {
        -moz-column-count: 3;
        -moz-column-gap: 20px;
        -moz-column-rule: none;
        -webkit-column-count: 3;
        -webkit-column-gap: 20px;
        -webkit-column-rule: none;
        column-count: 3;
        column-gap: 20px;
        column-rule: none;
    }
   
    .ct-columns p {
        padding: 5px 0px;
        -moz-column-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        -o-column-break-inside: avoid;
        -ms-column-break-inside: avoid;
        column-break-inside: avoid;
        display: inline-block;
        width: 100%;
    }
   
    .ct-columns p a {
        background: #242424;
        color: #fff;
        display: block;
        border: 2px solid #000;
        font-size: 14px;
        line-height: normal;
        border-radius: 5px;
        padding: 10px 15px;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
   
    .ct-columns p a:hover {
        background: #fff;
        color: #000;
        text-decoration: none;
    }
   
    .ct-columns p a span {
        color: rgb(255, 0, 0);
    }
   
    @media screen and (max-width: 768px) {
        .ct-columns {
            -moz-column-count: 2;
            -moz-column-gap: 10px;
            -moz-column-rule: none;
            -webkit-column-count: 2;
            -webkit-column-gap: 10px;
            -webkit-column-rule: none;
            column-count: 2;
            column-gap: 10px;
            column-rule: none;
        }
    }
   
    @media screen and (max-width: 550px) {
        .ct-columns {
            -moz-column-count: 1;
            -moz-column-gap: 0px;
            -moz-column-rule: none;
            -webkit-column-count: 1;
            -webkit-column-gap: 0px;
            -webkit-column-rule: none;
            column-count: 1;
            column-gap: 0px;
            column-rule: none;
        }
    }
</style>
<script type="text/javascript">

var postTitle = new Array();
var postUrl = new Array();
var postPublished = new Array();
var postDate = new Array();
var postLabels = new Array();
var postRecent = new Array();
var sortBy = "titleasc";
var numberfeed = 0;

</script>

يمكنك معاينة الأضافة قبل تركيبها من هنا :

معاينة الاضافة

كلمات دلالية

فهرس بلوجر,اضافة صفحة فهرس بلوجر,كود فهرس بلوجر,كود فهرس المدونة لمدونات بلوجر,اضافة فهرس احترافي في بلوجر,بلوجر بالعربي,اضافة الفهرس بلوجر