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

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

وايضا الفهرس يحتوى على خصائص اخر مثل خاصية البحث داخل الفهرس وايضا خاصية تحديد مواضيع من قسم معين وكذلك خاصية اختيار اخر المواضيع أو اختيار مواضيع تم تحديثها على المدونة ، يمكنك الحصول على المزيد من إضافات بلوجر من هنا ، واخر موضوع قمت بوضعه على المدونة هو تحميل قالب m Sora معرب قالب بلوجر سريع جدا.

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

معاينة الفهرس

سوف تجد صفحة الفهرس فى القائمة الجانبية على المدونة وكذلك يمكنك الدخول له من الزر التالي.


صورة من الفهرس


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


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


سوف يكون عليك أول وضع كود الأستايل هذا مع أكواد الcss أبحث عن هذا الوسم]]></b:skin>وقم بوضع الكود التالى فوقه.

#table-outer table{width:100%}
#table-outer tr{float:right;width:32.333%;color:#fff;background-color:#E74C3C;margin-left:1%;margin-bottom:10px;padding:0 5px;position:relative}
#table-outer tr:nth-child(3){margin-left:0;width:33.333%}
#table-outer label{line-height:50px;height:55px;float:right}
#table-outer #feed-order{width:130px;font-family:''Changa', sans-serif';height:45px;margin-top:5px;float:left;border:0;padding:0 5px;line-height:55px;display:block;margin-bottom:5px;position:absolute;left:5px}
#table-outer #feed-q{width:130px;font-family:''Changa', sans-serif';line-height:45px;height:45px;margin-top:5px;float:left;border:0;padding:0 5px;margin-bottom:5px;color:#000;position:absolute;left:5px}
#table-outer #label-sorter{width:130px;font-family:''Changa', sans-serif';height:45px;margin-top:5px;float:left;border:0;padding:0 5px;line-height:55px;display:block;margin-bottom:5px;position:absolute;left:5px}
#result-desc {line-height: 40px;height: 40px;display: block;margin-bottom: 10px;}
#result-desc div {float: right;background-color: #E74C3C;padding: 0 10px;color: #fff;}
#feed-container .inner{margin-bottom:10px;overflow:hidden}
.static_page .clear-post-body ul#feed-container li {margin: 0!important;padding: 0!important;text-indent: 0;margin-right: 0!important;font-weight: 900;}
.static_page .clear-post-body ul#feed-container li:before {content: "";}
#feed-container .inner a.toc-img{position:relative;background:#000;overflow:hidden;width:300px!important;float:right;margin:0 0 0 15px;height:200px!important;transition:all 0.7s ease 0s}
.imginner {overflow: hidden;width: 360px;height: 225px;float: right;margin-left: 10px;background-color: #000;}
#feed-container .inner img {transition: all 0.7s ease 0s;width: 100%;height: 225px;}
#feed-container .inner:hover img {opacity: 0.5;transform: scale(1.3);}
#feed-container .inner a.toc-title{color:#3b5998;font-weight:900;font-size:20px;line-height:45px;display:block;transition:all 0.7s ease 0s}
#feed-container .inner a.toc-title:hover{color:#e74c3c}
#feed-container .news-text{color:#aaa;text-align:justify;font-size:13px;line-height:30px}
#feed-nav a{background-color:#E74C3C;color:#fff;padding:0 10px;line-height:31px;height:40px;text-align:center}

بعض ذلك سوف تقوم بحفظ القالب وتنتقل الأن الى أنشاء صفحة جديده على مدونتك وفى وضع html كما فى هذه الصورة سوف تقوم بوضع الكود التالى.


<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="table-outer">
<table>
<tbody>
<tr>
<td><label for="feed-order">تصنيفات المواضيع</label>
</td>
<td><select id="feed-order">
<option selected="" value="published">اخر المواضيع</option>
<option value="updated">اخر المواضيع المحديثه</option>
</select>
</td>
</tr>
<tr>
<td><label for="label-sorter">موضوع حسب القسم </label>
</td>
<td><select disabled="" id="label-sorter">
<option selected="">الأقسام</option>
</select>
</td>
</tr>
<tr>
<td><label for="feed-q">أبحث عن موضوع </label>
</td>
<td><form id="post-searcher">
<input id="feed-q" placeholder="أبحث هنا" type="text" />
</form>
</td>
</tr>
</tbody>
</table>
</div>
<br />
<header id="result-desc"></header>
<br />
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>
<script type="text/javascript">
//<![CDATA[
document.write;
var loadToc, loadCategories, _toc = {
    init: function () {
        var cfg = {
                homePage: window.location.origin
                , maxResults: 9
                , numChars: 270
                , thumbWidth: 350
                , thumbHeight: 95
                , navText: "المزيد"
                , resetToc: "أنتقل الى جميع المقالات"
                , noImage: "data:image/png;base64,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"
                , loading: "<span>أنتظر قليلا</span>"
                , counting: "<div>
أنتظر قليلا</div>
"
                , searching: "<span>بحث</span>"
            }
            , w = window
            , d = document
            , el = function (id) {
                return d.getElementById(id);
            }
            , o = {
                a: el('feed-order')
                , b: el('label-sorter')
                    .parentNode
                , c: el('post-searcher')
                , d: el('feed-q')
                , e: el('result-desc')
                , f: el('feed-container')
                , g: el('feed-nav')
                , h: d.getElementsByTagName('head')[0]
                , i: 0
                , j: null
                , k: 'published'
                , l: 0
                , m: ""
            }
            , fn = {
                a: function () {
                    old = el('temporer-script');
                    old.parentNode.removeChild(old);
                }
                , b: function (param) {
                    var script = d.createElement('script');
                    script.type = "text/javascript";
                    script.id = "temporer-script";
                    script.src = param;
                    if (el('temporer-script')) fn.a();
                    o.h.appendChild(script);
                }
                , c: function (mode, tag, order) {
                    o.i++;
                    o.e.innerHTML = cfg.counting;
                    o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"];
                    if (mode === 0) {
                        fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');
                    } else if (mode == 1) {
                        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc');
                    }
                    o.j = (tag !== null) ? tag : null;
                    o.l = mode;
                    o.a.disabled = true;
                    o.b.children[0].disabled = true;
                }
                , d: function (json) {
                    var _h;
                    o.g.innerHTML = "";
                    o.e.innerHTML = o.l == 1 ? '<span>نتائج البحث عن الكلمة الرئيسية<b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' النتائج)</span>' : '<div>
المجموع :  ' + json.feed.openSearch$totalResults.$t + ' مقال</div>
';
                    if ("entry" in json.feed) {
                        var a = json.feed.entry
                            , b, c, _d, e = "0 Komentar"
                            , f = ""
                            , g;
                        for (var i = 0; i < cfg.maxResults; i++) {
                            if (i == a.length) break;
                            b = a[i].title.$t;
                            _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ")
                                .replace(/<(.*?)>/g, "")
                                .replace(/<iframe/ig, "")
                                .substring(0, cfg.numChars) : "";
                            g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//")
                                .replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "");
                            for (var j = 0, jen = a[i].link.length; j < jen; j++) {
                                c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#";
                            }
                            for (var k = 0, ken = a[i].link.length; k < ken; k++) {
                                if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") {
                                    e = a[i].link[k].title;
                                    break;
                                }
                            }
                            _h = d.createElement('li');
                            _h.innerHTML = '<div class="inner"><div class="imginner">
<a class="toc-title" href="' + c + '" target="_blank" title="' + b + '"><img src="' + g + '" alt="' + b + '"></a></div>
<a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news-text">
<div>
' + _d + '&hellip;</div>
</div>
</div>
';
                            o.f.appendChild(_h);
                        }
                        _h = d.createElement('a');
                        _h.href = '#load-more';
                        _h.innerHTML = cfg.navText;
                        _h.onclick = function () {
                            fn.c(o.l, o.j, o.k);
                            return false;
                        };
                    } else {
                        _h = d.createElement('a');
                        _h.href = '#reset-content';
                        _h.innerHTML = cfg.resetToc;
                        _h.onclick = function () {
                            o.i = -1;
                            o.e.innerHTML = cfg.counting;
                            o.f.innerHTML = "";
                            fn.c(0, null, 'published');
                            o.a.innerHTML = o.a.innerHTML;
                            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
                            return false;
                        };
                    }
                    o.g.appendChild(_h);
                    o.a.disabled = false;
                    o.b.children[0].disabled = false;
                }
                , e: function (json) {
                    var a = json.feed.category
                        , b = '<select id="label-sorter"><option value="" selected disabled>الأقسام . . . </option>';
                    for (var i = 0, len = a.length; i < len; i++) {
                        b += '<option value="' + encodeURIComponent(a[i].term) + '">' + a[i].term.toLowerCase() + '</option>';
                    }
                    b += '</select>';
                    o.b.innerHTML = b;
                    o.b.children[0].onchange = function () {
                        o.i = -1;
                        o.f.innerHTML = "";
                        o.g.innerHTML = cfg.loading;
                        fn.c(0, this.value, o.k);
                    };
                }
            };
        loadToc = fn.d;
        loadCategories = fn.e;
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max-results=' + cfg.maxResults + '&orderby=published&callback=loadToc');
        fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');
        o.a.onchange = function () {
            o.i = -1;
            o.f.innerHTML = "";
            o.g.innerHTML = cfg.counting;
            o.b.children[0].innerHTML = o.b.children[0].innerHTML;
            fn.c(0, null, this.value);
            o.k = this.value;
        };
        o.c.onsubmit = function () {
            o.i = -1;
            o.f.innerHTML = "";
            o.m = o.d.value;
            fn.c(1, o.d.value, o.k);
            return false;
        };
    }
};
_toc.init();


//]]>
</script>
</div>

بعد ذلك بدون تعديل اى شئ فى الأكواد سوف تقوم بنشر الصفحة ومبروك عليك الإضافة الجديده

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

هناك 14 تعليقًا :

أريد قالب تعليمي رائع ومعاصر لهذه الأيام للمواقع المتخصصة بحل المسائل الرياضية

فى قسم القوالب سوف تجد ما تريده

شكرا لك اضافة جميلة ياريت أخي أكثر من الاضافات عوضا عن القوالب

تجدها هنا
https://wdbloog.blogspot.com/2016/05/blog-post_4.html

استاذ عالم مدون حضرتك شرحت كيفيت التعامل مع الــ #layout قبل كده

وانا طبقت الشرح وشغال تماما معايا بس المشكلة الى بتواجهنى ومش لاقى ليها حل هى انى بحاول اخفى الــ border مش بيختفى وبيفضل ظاهر ايه الحل

body#layout div.section {
border: none !important;
}

صورة توضح المشكلة
https://c.top4top.net/p_817mixp11.jpg

أزرار المعاينة والتحميل بثلاث أشكال
مش شغال منهم غير الشكل الاول فى المعاينة ف ياريت حل للمشكلة
ده رابط الموضوع
https://wdbloog.blogspot.com/2016/05/blog-post_4.html

مرحبا بك
أرجو توضيح الأمر بشكل أكثر

قم بتركيب الإضافات الباقيه على مدونته تجربيه وشاهد بنفس

أخي العزيز الكود لم ينجح معي