شرح القالب

رفع القالب

اولا خذ نسخة احطياطية للقالب القديم

بعد شراء القالب سوف تجده مضغوط بصيغة zip تقوم بفك الضغط ثم تفتح ملف القالب solutii.xml تنسخ كل محتوياته

انتقل الى منصة البلوجر > المظهر > الضغط على زر تحرير html > احذف كل المحتوى و الصق القالب ثم اضغط حفظ

بعد انتهاء الحفظ حدث الصفحة ستجد في بداية الاكواد الوسم التالي

الوسوم الستة أسفل هذا العنوان هي الوسوم اليدوية حيث تغير الرمز #

رابط صفحة الفيس بوك الخاصة بالمدونة
معرف صفحة الفيس بوك الخاصة بالمدونة
معرف حسابك علي الفيس بوك
رابط صفحة الفيس بوك الخاصة بالمدونة
ضع معرف معرف صفحة المدونة علي تويتر
معرف حسابك علي تويتر

اعدادات القالب

ادخل الى التبويب التخطيط انزل للأسفل لتجد اعدادات القالب المنفصلة

التعديل على الاعدادات سهل جدا يكون باضافة trueللتفعيل وfalseللتعطيل

وهذا يشمل الاضافات

قائمة ثابتة

تثبيت الشريط الجانبي

اخفاء القائمة المنبثقة

منع النسخ

الصعود للأعلى

في مايخص موقع السيدبار فهو في الحالة الطبيعية على اليسار leftلوضعه على اليمين أضف القيمة right

اضافة الترجة تختلف بعض الشيئ حيث تتمحور وضيفتها في تغيير النصوص ليس فقط ترجمتها

قم بوضع الكلمة المراد ترجمتها في الحقل اسم الموقع الجديد والكلمة التي تريدها في ‏عنوان URL للموقع الجديد ثم اضغط اضف رابط كرر هذه العملية مع كل الكلمات التي تريد ثم اضغط حفظ

لون التصنيفات تضيف بداخلها كود اللون مثل #0e0e0e

لون العرض الأول

-webkit-gradient(linear, right top, left top, from(#2196f3), to(#673ab7))

لون العرض الثاني

linear-gradient(to left, #ff9800, #f44336)

لون التنسيق الMix

linear-gradient(90deg, rgb(53, 71, 173) 0%, #f72727 100%)

اللون الأزرق

linear-gradient(to left, #2196f3, #253689)

تخصيص الألوان

لتغيير ألوان القالب اذهب الى التبويب المظهر ثم اضغط على تخصيصثم من القائمة اختر متقدم الأن يمكنك ببساطة اختيار كافة الألوان ثم الضغط على تطبيق على المدونة

يمكن اضافة أكواد css من خلال التبويب اضافة css

عناصر القالب

قم بالعودة الى التخطيط

القائمة العلوية

في أعلى لوحة التحكم اضغط تعديل القائمة العلوية قم باضافة اسم الصفحة في الحقل اسم موقع و الرابط في حقل الرابط اضغط على اضافة رابط ثم الحفظ

أيقونات التواصل

يوجد في القالب موقعين لعرض أيقونات مواقع التواصل الإجتماعي الأول في الشريط العلوي والثاني في الشريط الجانبي

الفرق الوحيد هو عداد المتابعين

قم بادخال اسم موقع التواصل في الحقل اسم الموقع الجديد

اسماء المواقع الممكنة

ثم اضف الرابط في حقل ‏عنوان URL للموقع الجديداضغط اضف رابط يمكن استخدام الأسهم على اليسار للترتيب ثم اضغط حفظ

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

اي بدل كلمة facebookاضفها بهذا الشكل facebook[654k]

يوضع عدد المشاركين بين الحاضنتين

Logoعنوان المدونة

اذهب الى رأس الصفحة ثم تعديل يمكنك من هنا تغيير عنوان المدونة و الوصف لاضافة لوجو choose fileحدد مكان الصورة ثم اضغط حفظ

اطوال الصورة المقترحة (170/50)

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

اضغط على تعديل القائمة الاساسية > لاضافة العناصر العادية تشبه القائمة السابقة

تفعيل القائمة mega لعرض المقالات سهل جدا في العنوان اضف اسم التصنيف الذي تريد وضع بجانبه (mega)

اي تصبح على سبيل المثال منوعات(mega)

القائمة المنسدلة

لعرض قائمة فرعية تحت رابط رئيسي يتم إضافة _ قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الرئيسي . مثال :

السلايدر

اذهب في التخطيط الى السلايدر

أولا حدد نوع السلايدر وعدد المقالات المعروضة

السلايدر الأول ضع slider_a والثاني أضف slider_bهذا مع عدد المواضيع مفصولين ب / داخل حاضنات

اي تكون النتيجة[ slider_a / 4 ]

يمكن للسلايدر ان يعرض انماط مختلفة من المقالات

لعرض أخر المقالات استخدم recent أما اذا أردت ان يتم عرض مقالات عشوائية استخدم random كما يمكن عرض مقالات تصنيف محدد

النتيجة النهائية تكون بهذا الشكل recent[slider_a/4]

طرق العرض

يتيح القالب 4 مناطق لوضع الاضافات

لاضافة اي اداة اضغط على اضافة اداة ثم HTML/JavaScriptإضافة الأن الموضوع سهل وهو نفس حال السلايدر

اذ تكتب طريقة العرض بجانب عدد المقالات وتفصل بينهم ب / تض كلاهما داخل الحاضنة وبجوارهما اسم التصنيف أو القيمة recent لعرض أخر المقالات وrandom للمقالات العشوائية

تكون النتيجة النهائية منوعات[ grid_a / 5 ]

طرق العرض بالعرض الكامل (مواضيع العلوية و السفلية)

full_grid

slider_f

grid_c

طرق العرض بمحاذات السيدبار (مواضيع بالتصنيف العلوية و السفلية)

grid_a

grid_b

slider_f_b

grid_l

اضافات السيدبار

حدد المكان الذي تريدالاضافة فيه و أضف من خيارات البلوجر كلها مجهزة

اضافة أخر التعليقات اضف الوسم[recent-comments/4]مع تغيير عدد التعليقات بالذي تريده

اضافة أخر المقالات أو من تصنيف محدد أو مقالات من المدونة الى السايدبار اضف الوسم[widget_s/3]مع تغيير عدد التدوينات بالذي تريده

لأضافة سلايدر سؤال وجواب

كود سلايدر سؤال وجواب

<details class="shdowtech_details">
  <summary>كم سعر القالب ؟</summary>
  <div>
.سعر القالب خمس دولارات فقط
  </div>
</details>

ولو أردت زيادة عدد الاسئلة كرر الكود تحت الكود الاول وأضف السؤال والأجابة

تقسيم الموضوع

عند الحاجة لتقسيم الموضوع ضع في html الصفحة الوسم

<div class='pager_row'>

<div class='pager'>

<!--هنا الجزء الأول-->

</div>

<div class='pager'>

<!--هنا الجزء الثاني-->

</div>

<div class='pager'>

<!--هنا الجزء الثالث-->

</div>

<!--اضافة المزيد من التقسيمات-->

</div>

لاضافة المزيد من التقسيمات كرر نفس الوسم في مكان اضافة المزيد من التقسيمات

<div class='pager'>

<!--هنا المحتوى -->

</div>

لاضافة تقسيم المقال بازرار التالي و السابق فقط استخدم الوسم

<div class='pager_b pager_row'>

<div class='pager'>

<!--هنا الجزء الأول-->

</div>

<div class='pager'>

<!--هنا الجزء الثاني-->

</div>

<div class='pager'>

<!--هنا الجزء الثالث-->

</div>

<!--اضافة المزيد من التقسيمات-->

</div>

الممزيات الاضافية

يمتلك القالب الكثير من المميزات الاضافة التي سوف تستفيد منها

اضافة اعادة التوجية

هذه الاضافة تتيح ابقاء الزائر مدة اضافية و بالتالي زيادة الأرباح عن طريق تحويل الروابط الى صفحة انتضار مثل صفحة الانتضار

العمل بها علي مسؤوليتك الشخصية فاستخدامها الخاطئ قد ستسبب مشاكل مع ادسنس

في تبويب الصفحات انشأ صفحة جديدة يمكن تسميتها بأي اسم

اذهب الى html و اظف الوسم التالي

كود صفحة أعادة التوجية

<div class='redirect'></div>

يمكن اضافة اي محتوى قبل و بعد الاضافة بشكل عادي

قم بالحفظ ثم اعرض الصفحة الأن نحتاج جزء من رابط الصفحة

سيكون الرابط يشبه هذا الرابط https://softman-template-demo.blogspot.com/p/red.html الجزء الذي نحتاجه محصور بين /p/و الجزء .html

اي الكلمة red نقوم بنسخها الأن نعود الى تبويب التخطيط ننزل الى اعدادات القالب و نختار صفحة تحويل الروابط

في خانة اسم الموقع اضف name-page وحقل الرابط جزء الرابط الذي سبق نسخه ثم اضغط اضافة رابط

الأن الاضافة تعمل لكن يمكن التحكم بخصائصها كالتالي

name-page

لاضافة رابط الصفحة كما سبق

timer

عدد الثواني في الحالة الافتراضية 5

no_redirect

المواقع التي لا تعمل معها الاضافة في حالة اردت ان تستثني مواقع محددة يتم الفصل بينهم ب | مثال google.com|fb.com|youtube.com

text_load

ضع النص الذي يظهر عند التحميل

text_success

نص الرابط جاهز

text_err

نص الرابط معطل

color1

لون جزء من الدائرة

color3

لون جزء من الدائرة

color2

لون جزء من الدائرة

ads_link

رابط الاعلان

ads_txt

محتوى الاعلان

صفحة الفهرس

انشأ صفحة جديدة و أضف في قسم html الوسم

<style type="text/css"> .post-archive { width: 100%; padding: 20px 0; } .post-archive h4 { border-bottom: 0px solid #E3E3E3; color: #000000; font-size: 21px; margin: 0px 0 10px 0px; padding: 0 9px 3px; 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://softman-template-demo.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>

لا تنسي أن تقم بتغير رابط موقعنا برابط الموقع الخاص بك

ثم اضغط على حفظ

صفحة اتصل بنا

انشأ صفحة جديدة و أضف في قسم html الوسم

<div id='contact'></div>

ثم اضغط على حفظ

في مايخص الأكواد القصيرة فالشرح الكامل لها مرفق مع القالب في ملف shortcuts.txt

قالب سوفت مان - SoftmanTemplate