الخميس، 6 أكتوبر، 2016

قالب مدونة المحترف 2017 بجميع إظافاته مع الشرح

تحميل قالب المحترف 2016 - 2017 بدون حقوق
قالب المحترف الجديد بجميع الإظافات
قالب مدونة المحترف 2017 مع شرح التركيب و التعديل عليه


معلومات عن القالب

✔ قالب متجاوب
✔ سيو جاهز
✔ سلايد شو
✔ أزرار المشاركة أسفل المواضيع
و العديد

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

لإظافة أزرار مواقع التواصل الإجتماعية 
و القائمة العلوية
طريقة إظافة أزرار مواقع التواصل الإجتماعية
توجه إلى تخطيط ثم من صندوق إسمه social-sec إضغط تحرير

ثم أظف إسم الموقع و الرابط في المكان المخصص و لإظافة المزيد إضغط على إظافة إرتباط و عند الإنتهاء إضغط حفظ
إختر موقعك و إكتب إسمه كما هو في القائمة في الأسفل لكي تظهر الأيقونة
 { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }


و لإظافة القائمة العلوية
توجه إلى تخطيط ثم من صندوق إسمه menu-top إضغط تحرير
ثم  أظف إسم القسم و الرابط في المكان المخصص و لإظافة المزيد إضغط على إظافة إرتباط و عند الإنتهاء إضغط حفظ
مثال


لإظافة القائمة الرئيسية

توجه إلى تخطيط ثم من صندوق إسمه main-menu إضغط تحرير
ثم  أظف إسم القسم و الرابط في المكان المخصص و لإظافة المزيد إضغط على إظافة إرتباط و عند الإنتهاء إضغط حفظ
مثل ما فعلما سابقا في القائمة العلوية سنطبقه على القائمة الرئيسية
مثال


لتعديل على صندوق الإعجابات في مواقع التواصل

من داخل القالب إبحث عن هذه الكلمة ytb 
<div id='social'>
<ul>
<li class='fb'><p>إنظم لأكثر من مليون و نصف معجب عبر صفحتنا على الفيسبوك.</p><a class='p1' href='#'><i class='fa fa-facebook'/> تابع</a></li>
<li class='ggl'><p>إنظم إلينا عبر جوجل + حيث أكثر من 33 ألف يتابعنا.</p><a class='p2' href='#'><i class='fa fa-google-plus'/> تابع</a></li>
<li class='twt'><p>إنظم لأزيد من 40 ألف متابع لنا عبر تويتر.</p><a class='p3 ' href='#'><i class='fa fa-twitter'/> تابع</a></li>
<li class='ytb'><p>تابعنا على يوتيوب حيث أكثر من مليون و 300 ألف متابع لفيدوهاتنا.</p><a class='p4' href='#'><i class='fa fa-youtube'/> تابع</a></li>
</ul>
</div>
غير هذه العلامة # برابطك في مواقع التواصل الإجتماعية


لإظافة السلايد شو
توجه إلى تخطيط ثم من صندوق إسمه intro-sec إضغط تحرير

ثم ضع به هذا الكود
random 


لإظافة صندوق الحلقات ( الفيديو )  
توجه إلى تخطيط ثم من صندوق إسمه recent-sec2 إضغط تحرير


ثم ضع به هذا الكود 
[حلقات][videos]
مع تغيير حلقات بإسم التسمية الخاصة بك
و لتعديل على الرابط و الوصف من داخل القالب إبحث عن هذه الكلمة حلقات
ثم عدل على الكود كما تشاء
<div id='tag-title'>
<h2>حلقات</h2>
<p>
من تقديم أمين رغيب من الإثنين إلى الخميس
  </p>
<a class='morree' href='/search/label/حلقات'>المزيد</a>
</div>


لإظافات صندوق مقالات
توجه إلى تخطيط ثم من صندوق إسمه recent-sec1 إضغط تحرير
ثم ضع به هذا الكود 
[مقالات][column1]
مع تغيير مقالات بإسم التسمية الخاصة بك
و لتعديل على الرابط و الوصف من داخل القالب إبحث عن هذه الكلمة مقالات
ثم عدل على الكود كما تشاء
<div id='tag-title' style='background: #8e44ad; width: 99.5%;'>
<h2>مقالات</h2>
<p>
من كتابة مدونين محترفين بالموقع
 </p>
<a class='morree' href='/search/label/مقالات'>المزيد</a>
</div>


لإظافات صندوق أخبار الإنترنت
توجه إلى تخطيط ثم من صندوق إسمه recent-sec3 إضغط تحرير
ثم ضع به هذا الكود 
[أخبار][column2]
مع تغيير أخبار بإسم التسمية الخاصة بك
و لتعديل على الرابط و الوصف من داخل القالب إبحث عن هذه الكلمة أخبار الإنترنت
ثم عدل على الكود كما تشاء
<div id='tag-title' style='background: #27ae60; width: 99.5%;'>
<h2>أخبار الإنترنت</h2>
<p>
من كتابة مدونين محترفين بالموقع
</p>
<a class='morree' href='/search/label/أخبار الإنترنت'>المزيد</a>
</div>


لتعديل على المعلومات الموجودة في الفوتر

من داخل القالب إبحث عن هذه الكلمة th3-live
ثم عدل على المعلومات أظنها سهلة لا تحتاج شرح و لإي إستفسار أنا موجود


لتعديل على معلومات الكاتب فوق الموضوع
من داخل القالب إبحث عن هذه الكلمة katib-src
<div class='post-meta-entry'>
<div class='po454d'>
<img class='katib-src' src='https://s26.postimg.org/izki770p5/said.jpg'/>
</div>
<h3 class='post-title entry-title' style='color: #FFFFFF;'>المحترف: شروحات برامج مكتوبة ومصورة بالفيديو | Almohtarif</h3>
<span class='post-author-th3'>
<i class='fa fa-user'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  <meta content='http://ar-template004.blogspot.com/' itemprop='url'/>
<a class='g-profile' data-gapiattached='true' data-gapiscan='true' data-onload='true' rel='author' style='color: #FFFFFF;font-family: Electrolize,hacen_saudi_arabiaregular;'>
سعيد زنـاني
</a>
</span>
</span>
<span class='post-timestamp'>
<i class='fa fa-clock-o'/>
  <meta content='' itemprop='url'/>
<a class='timestamp-link' rel='bookmark' title='permanent link'><abbr class='published timeago' itemprop='datePublished' style='color: #FFFFFF;    font-family: Electrolize,hacen_saudi_arabiaregular;' title='2016-04-14T10:19:00+01:00'>10:19 م</abbr></a>
</span>
</div>
غير ما باللون الأحمر برابط صورتك الشخصية
غير ما باللون الأخضر بوصف موجز لمدونتك
غير ما باللون الأزرق بإسمك


لتعدي على الكاتب الموجود في أسفل الموضوع
من داخل القالب إبحث عن هذه الكلمة سعيد زناني
<div class='authorAvatar'>

<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='https://s26.postimg.org/izki770p5/said.jpg' width='120'/>

</div><!--End AuthorAvatar-->

</div><!--End Author Left-->

<div class='authorDetails'>

<h2><a class='aetfvajils' rel='author' title='الكاتب'>
سعيد زناني
</a></h2>

<span><a class='adfdffdlfjils' href='/'><i aria-hidden='true' class='fa fa-link'/></a></span>
<!--End Count-->
غير ما باللون الأحمر برابط صورتك
غير ما باللون الأخضر بإسمك


ليست هناك تعليقات:
إترك تعليق

لدعم هذا المشروع