طريقة إنشاء فهرس لمدونة بلوجر blogger
فهرس المدونة هو من الاشياء المهمة في مدونتك حيث يعمل على تنسيق المواضيع حسب الاقسام الرئيسية التي تم اختيارها ، وبعد ان تقوم بإضافة فهرس المدونة لديك سوف تظهر المواضيع تلقائيًا داخل الفهرس بطريقة مرتبة تسمح للقارئ ان يجد جميع المواضيع الجديدة والقديمة واختيار الموضوع الذي يريده بسهولة ،لذلك إن الفهرس يسهل عمل البحث داخل المدونة.
اليوم سوف نشرح عن طريقة إنشاء فهرس لمدونة بلوجر.
الخطوة الاولى :
سوف أقوم بشرح الخطوات بالترتيب
اولا سوف نتوجه الى المدونة ونضغط على ثلاث خطوط في الأعلى سوف تفتح هذه الصفحة
سوف نختار الصفحات ،لقد قمت بتعليمها باللون الأحمر بعدها سوف نختار إضافة صفحة جديدة
عندها سوف تفتح لدينا هذه الصفحة
في العنوان سوف نكتب ( فهرس المدونة أو يمكن كتابة الفهرس) ، اختيار الاسم انتم من تقومون بإختياره فكل شخص لديه نظرة مختلفة في الاختيار.
الخطوة التالية سوف نقوم بالضغط على اشارة القلم سوف اضع لكم صورة توضيحية وسوف نختار html سوف تفتح الصفحة بيضاء ولدينا بعض الكتابات على جنب الصفحة ،سنقوم بمحو هذه الكتابات التي ظهرت لأننا نريد العمل على صفحة نظيفة لا يوجد بداخلها أي اكواد.
بعد ان قمنا بتنظيف الصفحة سوف نضع داخلها الاكواد الذي سوف اضعها لكم الاكواد هنا سوف تقومون بأخذها وتغيير رابط مدونتي الموجود في الاسفل ووضع رابط المدونة الخاص بكم .
صفحة الفهرس
<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;
function bloggersitemap(a) { function b() {
if ("entry" in a.feed) {
var d = a.feed.entry.length; numberfeed = d;
ii = 0;
for (var h = 0; h < d; h++) {
var n = a.feed.entry[h];
var e = n.title.$t;
var m = n.published.$t.substring(0, 10); var j;
for (var g = 0; g < n.link.length; g++) {
if (n.link[g].rel == "alternate") { j = n.link[g].href;
break
} }
var o = "";
for (var g = 0; g < n.link.length; g++) {
if (n.link[g].rel == "enclosure") { o = n.link[g].href;
break
} }
var c = "";
if ("category" in n) {
for (var g = 0; g < n.category.length; g++) { c = n.category[g].term;
var f = c.lastIndexOf(";");
if (f != -1) {
c = c.substring(0, f) }
postLabels[ii] = c; postTitle[ii] = e; postDate[ii] = m; postUrl[ii] = j; postPublished[ii] = o; if (h < 10) {
postRecent[ii] = true } else {
postRecent[ii] = false }
ii = ii + 1 }
} }
} }
b();
sortBy = "titledesc"; sortPosts(sortBy); sortlabel(); displayToc();
}
function sortPosts(d) { function c(e, g) {
var f = postTitle[e]; postTitle[e] = postTitle[g]; postTitle[g] = f;
var f = postDate[e]; postDate[e] = postDate[g]; postDate[g] = f;
var f = postUrl[e];
postUrl[e] = postUrl[g]; postUrl[g] = f;
var f = postLabels[e]; postLabels[e] = postLabels[g]; postLabels[g] = f;
var f = postPublished[e]; postPublished[e] = postPublished[g]; postPublished[g] = f;
var f = postRecent[e];
postRecent[e] = postRecent[g]; postRecent[g] = f
}
for (var b = 0; b < postTitle.length - 1; b++) {
for (var a = b + 1; a < postTitle.length; a++) { if (d == "titleasc") {
if (postTitle[b] > postTitle[a]) { c(b, a)
} }
if (d == "titledesc") {
if (postTitle[b] < postTitle[a]) {
c(b, a) }
}
if (d == "dateoldest") {
if (postDate[b] > postDate[a]) { c(b, a)
} }
if (d == "datenewest") {
if (postDate[b] < postDate[a]) {
c(b, a) }
}
if (d == "orderlabel") {
if (postLabels[b] > postLabels[a]) { c(b, a)
} }
} }
}
function sortlabel() { sortBy = "orderlabel"; sortPosts(sortBy); var a = 0;
var b = 0;
while (b < postTitle.length) { temp1 = postLabels[b]; firsti = a;
do {
a=a+1
} while (postLabels[a] == temp1); b = a;
sortPosts2(firsti, a);
if (b > postTitle.length) {
break }
} }
function sortPosts2(d, c) { function e(f, h) {
var g = postTitle[f];
postTitle[f] = postTitle[h]; postTitle[h] = g;
var g = postDate[f];
postDate[f] = postDate[h]; postDate[h] = g;
var g = postUrl[f];
postUrl[f] = postUrl[h];
postUrl[h] = g;
var g = postLabels[f];
postLabels[f] = postLabels[h]; postLabels[h] = g;
var g = postPublished[f]; postPublished[f] = postPublished[h]; postPublished[h] = g;
var g = postRecent[f];
postRecent[f] = postRecent[h]; postRecent[h] = g
}
for (var b = d; b < c - 1; b++) {
for (var a = b + 1; a < c; a++) { if (postTitle[b] > postTitle[a]) {
e(b, a) }
} }
}
function displayToc() { var a = 0;
var b = 0;
while (b < postTitle.length) {
temp1 = postLabels[b];
document.write("");
document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div
class="ct-columns">'); firsti = a;
do {
document.write("<p>");
document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + ""); if (postRecent[a] == true) {
document.write(' - <strong><span>جدید!</span></strong>') }
document.write("</a></p>");
a=a+1
} while (postLabels[a] == temp1); b = a; document.write("</div></div>"); sortPosts2(firsti, a);
if (b > postTitle.length) {
break }
} }
</script>
<script src="https://www.bas2u.com/feeds/posts/default?max-results=9999&alt=json-in-script& ;callback=bloggersitemap"></script>
سوف اضع لكم صورة توضيحة لمكان وجود الرابط الذي يجب تغييره وهو موجود في اخر سطر من الأكواد
بعد ذلك سوف نضغط على حفظ ونشر وهذه صورة توضيحية
وهكذا يصبح لدينا صفحة فهرس خاصة بالمدونة.
هذه الصفحة تعتبر مهمة لموقعك او مدونتك حيث عندما تريد ان تضطلع على المواضيع الجديدة سوف تجدها داخل هذه الصفحة وكذلك سوف تجد المواضيع مرتبة بطريقة متناسقة حيث كل موضوع يتكلم عن مجال معين سوف تجده في خانة لوحده.
وهذه الصفحة تعتبر من الصفحات المميزة وتضفي قيمة واهمية لموقعك.
تعليقات
إرسال تعليق