قالب اتقان النسخة الثالثة بشكل جديد

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

ما الجديد في قالب اتقان بلوجر النسخة التالتة ؟



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

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

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

التحميل و المعاينة




شرح التركيب القالب

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



اضافة شعار المدونة

السليدر شو



نقوم باختيار اضافة html/javascript
ونضع عليه الكود التالي

كود:

[قوالب بلوجر][headercarousel]

مع تغير تصنيف قوالب بلوجر
لمعر فة كيفية الحصول واضافة تصنيف لتدوينة راجع هدا الموضوع كيف اضيف تسميات او تصنيفات او اقسام لمدونات البلوجر

اضافة الايقونات المواقع الاجتماعية في القائمة الجانبية





نقوم باختيار اضافة الروابط تم نقوم باضافة الاكواد بشكل التالي



طريقة تعديل الكود [نوع الايقونة][اعجاب][عدد المتابعين]

كود:

[sidebar-it9anfacebook][اعجاب][1.8m]
[sidebar-it9angoogleplus][اعجاب][1.3k]
[sidebar-it9anyoutube][مشترك][14.8k]
[sidebar-it9antwitter][متابع][600]
[sidebar-it9anlinkedin][متابع][100]
[sidebar-it9anrss][مشترك][2.4k]

صندوق الفيسبوك


نقوم باختيار اضافة html/javascript
ونضيف الكود التالي

كود:

[facebookit9an][رابط الصفحة]

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

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







نقوم باختيار اضافة html/javascript
ونضيف الكود التالي

كود:

[bestpostsit9an][قوالب مجانية][عدد التدوينات]

مع تغير تصنيف قوالب مجانية
لمعر فة كيفية الحصول واضافة تصنيف لتدوينة راجع هدا الموضوع كيف اضيف تسميات او تصنيفات او اقسام لمدونات البلوجر

اضافة الايقونات المواقع الاجتماعية في الفوتر



طريقة تركيب اضافة الايقونات المواقع الاجتماعية في الفوتر هي متل طريقة تركيب اضافة الايقونات المواقع الاجتماعية في القائمة الجانبية
نقوم باختيار اضافة الروابط تم نقوم باضافة الاكواد بشكل التالي



في مكان اسم موقع جديد تضيف

كود:

facebook
twitter
youtube
googlepluse
linkedin
rss

وفي عنوان URL للموقع الجديد تضيف رابط الخاص بك

تعديل قوائم

قم بتحرير القالب وبحث عن <div id=’navtop’>
تم غير الروابط
كدالك في القائمة التانية تبحث عن <ul id=’menuhlng1′>
تم غير الروابط

تعديل كاتب الموضوع

نحرر القالب ونبحث عن <div class=’postauthor’>
تم ستجد الكود على هذا الشكل

كود:

<div class=’postauthor’>
<img alt=’اتقان بلوجر’ height=’80’ src=’صورة الكاتب‘ width=’80’/>
<h3>
كاتب الموضوع : 
<a href=’رابط صفحة او حساب الكاتب‘>
اسم الكاتب
</a>
</h3>
<p>
هنا تكتب نبذة عن الكاتب
</p>
</div>

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

تحياتي لكم

المصدر : قوالب بلوجر احترافية : قالب اتقان النسخة الثالثة بشكل جديد

الصور المرفقة

• it9anv3-template1.jpg‏(89.8 كيلوبايت, 1 مشاهدات)