اهلا و سهلا بكم في موضوعنا اليوم الذي سنتكلم فيه عن إحدى القوالب التقنية الإحترافية التي أعجبتني بشدة و أردت نشرها هنا حيث اليوم سأقوم بنشر لكم قالب بداية نقطة الإحترافي الذي فيه إمتيازات رائعة جدا و بشكل متناسق و جميل جدا
القالب متوافق مع جميع الانظمة و أيضا يصلح ك قالب للمدونات التقنية و الكتب و الافلام لنتابع الان أقوى إمتيازات القالب
1-قالب متناسق مع جميع الأنظمة >
2-قالب بألوان مريحة للعين >
3-فيه سلايدر شو أفقي تلقائي إحترافي لعرض آخر المواضيع >
4-طريقة إحترافية لعرض التدوينات بشكل مريح و جميل جدا ليتناسق مع شكل المدونة >
5-نافذة منبثقة للإتصال بنا إحترافية عبر الضغط على ايقونة الرسالة >
و الكثير من المميزات الأخرى التي نتركها لكم لتكتشوفنها بنفسكم الان مع روابط المعاينة و التحميل
الان مع شرح كيفية التعديل على القالب :
اولا قم بالتعديل الأقسام العلوية و السفلية بما يناسبك عبر الذهاب إلى
لوحة تحكم البلوجر>مدونتك > القالب > تحرير Html |
ثم قم بالبحث عن القسم الذي تريد التعديل عليه مثل دروس و شروحات ن قوم بالضغط على Ctrl + F للبحث ثم نكتب إسم القسم و نضغط Enter ثم ينقلنا إلى القسم مباشرة هناك نقوم بالتعديل على الأقسام كما هو مبين في الصورة التالية
كما ترون في الصورة السابقة نافذة البحث بعد البحث تأتنا النتائج التالية
الأن نقوم بالتعديل كلمات الاقسام التي هي في مثال التالي : دروس و شروحات بالقسم الذي نريده للعلم قم بتغيير كل ماهو موجود في لون اصفر و أيضا قم بتغيير http://www./.com برابط مدونتك
و ايضا قم بتغيير دروس و شروحات بالقسم الذي تريده في الجملة التالية
Search/label/دروس و شروحات
قم بهذه التعديلات للتعديل على الاقسام
الان إلى خطوة الثانية و هي التعديل على أيقونات التواصل الإجتماعي الذي في شريط العلوي
نقوم بفتح نافذة البحث في تحرير القالب و نكتب www.youtube.com و نضغط Entre و تكون النتيجة كالتالي
التي في المربع هي الكود البرمجي الخاص بأيقونات التواصل الإجتماعي
نقوم فقط بإضافة رابط صفحتنا و قناتنا و حسابنا في جوجل بلس و التويتر في مكان الروابط التالية
http://www.facebook.com/
#
http://plus.google.com/0/
https://www.youtube.com/
بعد الإنتهاء من تعديل على الايقونات ننتقل إلى الخطوة التالية و هي كيفية تغيير اللوجو الخاص بالقالب
نقوم بفتح نافذة البحث داخل القالب و نلصق الرابط التالي :
https://dl.dropboxusercontent.com/s/6f6otd1eiesydin/%D8%A7%D9%84%D9%85%D8%B7%D9%88%D8%B1.png
و نضغط Enter و سنجد الرابط الخاص باللوجو نقوم بحذفه و نضع فيه رابط اللوجو (الشعار) الخاص بنا
بعد الإنتهاء من التعديلات نعلمكم ان القالب مرفق بالسلايدر شو مباشرة لا يحتاج إلى التعديل
لنقوم بحذف الصور التي في الأسفل المبينة في الصورة التالية
نقوم بالبحث عن الكود التالي في تحرير html :
<footer id='footer-wrapper'>
<!-- Main Section / Slider Holder -->
<div class='latest-news-container' id='latest-news-container'>
<div class='single-wrapper'>
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHgDIL5AtoqHFsqdllVnseSxvSwX05qB8V8wKqNBwwV-VhF5m-EXnm9cd46vYS1jnudpww6nGELJvESQL6W_tkCuB6vGXT-DDPgjmTc3fMPctyNNxxbydKTAiMzjBNIVPzTAYpEpcv4Fs3/s1600/Untitled-4.png' width='380'/>
<figcaption>
<h3>قالب إلهامـ التدوين</h3>
<span>10$</span>
<a class='button' href='/l' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
<!-- single-item-main -->
</div>
<!-- Single Item Main -->
</div>
<!-- Slide 2 -->
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwwQwWV8l7V3Lo-se5kBCcuFTrwG5vnY6v34SqHP9y0ymLsh3YSBO8dDqIsvGmI2biKaK2E9ynd5cj3fP1e_y-LiMPPeZF6U70xfBDB-d76o-Hkxuji8bd2WY8X4Qj8x0gGIQl-wHRkSKc/s1600/Untitled-5.png' width='380'/>
<figcaption>
<h3>هدايا </h3>
<span>مختلفة</span>
<a class='button' href='/' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
<!-- single-item-main -->
</div>
<!-- Single Item Main -->
</div>
<!-- Slide 3 -->
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgej-_p_ZYSOeBhwYsrGkZpfvYxTBXSM07uKlswKkXoMMK9ESDhPquf97_958MaaoMGBiloavcLXXsFBaXKeFM4pkSTDrSNjIjz44p2RDMaJ3u45NvHUTk0px-eyy_Ttjgptk50bp-Qb8NT/s1600/Untitled-3.png' width='380'/>
<figcaption>
<h3>المسابقة الثانية</h3>
<span>جوائز عديدة</span>
<a class='button' href='/' target='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
<!-- single-item-main -->
</div>
<!-- Single Item Main -->
</div>
<!-- Slide 4 -->
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiar8tCRMGE8E6nCfjG27bGpknLuHxgB14Mw3UTPOikkvy9ugveVvR_OndqKrvCra4tMWbW9gjMki7sPFce7osgQKOyUp9t7rXMtvCIr6YYyR7-XbNSLvlGCPqV28DO7vDJzuZJYgAbUYrf/s1600/Untitled-2.png' width='380'/>
<figcaption>
<h3>قائمة إحترافية </h3>
<span>2$</span>
<a class='button' href='/' traget='_blank'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
<!-- single-item-main -->
</div>
<!-- Single Item Main -->
</div>
<!-- Slide 4 -->
<div class='single-item single-item-1'>
<div class='single-item-main'>
<div class='single-icon'>
<ul class='grid cs-style-5'>
<li>
<figure>
<img height='240' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEify75bfH0T-i6JWeHJrxqhelrCO0aM_WvgaN91Ip6WpcDSfevyQeMf9myL7cmiSoR-Y-qX1zEQytoYvE4s341cFGamFMxTOgmGA9xPAc5VO39cEwS9wGEsgfe1keEiR6bIZfv07d3vlk6G/s1600/Untitled-1.png' width='380'/>
<figcaption>
<h3>قيد التطوير</h3>
<span>عد لاحقا</span>
<a class='button' href='#'>
<button class='btn btn-blue btn-3blue fa fa-share'>ألقي نظرة</button>
</a>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>
<!-- #primary -->
<!-- Slide 4 -->
</div></div></div>
<div class='clearfx'/>
<div class='footer-bottom'>
<div id='footer-widgetfix'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'/>
</div>
<div class='footer-widget' id='footx2'>
<b:section class='footer' id='footer2'/>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'/>
</div>
</div>
</div>
</footer>
سنجده في آخر الصفحة تقريبا نقوم بحذفه كليا و إن حدثت معكم مشكلة و لم تستطيعو إيجاد الكود إبحثو عن هاذا الرابط :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEify75bfH0T-i6JWeHJrxqhelrCO0aM_WvgaN91Ip6WpcDSfevyQeMf9myL7cmiSoR-Y-qX1zEQytoYvE4s341cFGamFMxTOgmGA9xPAc5VO39cEwS9wGEsgfe1keEiR6bIZfv07d3vlk6G/s1600/Untitled-1.png
ثم نصعد قليلا حتى نجد <footer> نقوم بتحديدها و نقوم بالنزول حتى نجد </footer> ثم نقوم بحذفها
الان بعد الإنتهاء من أغلب التعديلات بقيت لنا فقط التعديل على نافذة إنتظار تحميل الصفحة
نقوم بالبحث عن الرابط التالي :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrFJ5NK6RkkGUGFIiYu4Y1vrdNRXqdR2zR8Vjmx2j2wzdw45H_nj0GISk6RgaxUPKJRjeauNWxTeTomp4zQSYzPaPggrM1wuMjy-J9IiBzQFQKJg_td8BVho9hm3r5rEl6gNw2arPjpCU/s1600/powerar1web.gif
نقوم بتحميل الصورة و التعديل عليها او تقوم بإستبدالها بالصورة التي تناسبك
إنتهينا الان من موضوعنا و من يواجه اي مشكلة في القالب او يريد الإستفسار عن شيء يكتبه في تعليق
يرجى على الاقل دعمنا بتعليق للموضوع تقديرا لمجهوداتنا
