Menu
 
» » » biztrend قالب البلوجر الإحترافي عربي 100 % كامل لا يحتاج اي تعديل

A+ A-


السلام عليكم ورحمة الله وبركاته

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

مميزات القالب ..
قائمة رائعة الشكل في اعلى القالب كما بالصورة ..

ميني سوفت

ايقونات المواقع الإجتماعية في اعلى القالب كما بالصورة التالية ...



يحتوي على سلايد شو لعرض مواضيعك المهمة كما بالصورة التالية ..

ميني سوفت

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

ميني سوفت

إضافة عدد التعليقات وزمن النشر و الاقسام بجانب التدوينات كما بالصورة التالية ...

ميني سوفت



إضافة خاصية إقرأ المزيد التلقائية كما بالصورة التالية ..

ميني سوفت

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

ميني سوفت

تم إضافة أزرار مشاركة الموقع على الشبكات الإجتماعية في السايد بار كما بالصورة التالية ..

ميني سوفت


كما تم إضافة تغيير الصفحات في نهاية التدوينات كما بالصورة التالية ..


وتم إضافة ثلاثة اماكن في الفوتر أي اسفل الموقع لإضافة ثلاث أدوات كما بالصورة التالية ..


والآن تعالوا نشاهد القالب  او نقوم بتحميله

بعد تحميل القالب تعالوا نقوم بشرح التركيب والتنسيق 
بعد تحميل القالب سوف تجد ملف بامتداد XML
فتابع الشرح ..

انتقل الى لوحة تحكم المدونة ثم اختر قالب و .. تابع الشرح المصور

اختر قالب من لوحة التحكم

ثم اختر نسخ احتياطي / استعادة

ثم اختر Choose File 

ثم اختر القالب واضغط Open




الآن تعالوا نقوم بتنسيق القالب حسب احتياجاتنا
نبدأ بوسوم الميتا التي تظبط البحث عن مدونتنا
تحت الوسم   <head>
سوف تجدد هذا الكود الكبير فستجد كلمات باللون الآحمر كما التالي ..

<!-- Start www.btemplates4u.com : Seo MetaTag  -->
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='2 days' name='revisit'/>
<meta content='2 days' name='revisit-after'/>
<meta content='5' name='seoconsultantsdirectory'/>
<meta content='Your Name' name='author'/>
<meta content='General' name='Rating'/>
<meta content='never' name='Expires'/>
<meta content='all' name='audience'/>
<meta content='arabic' name='Language'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title>
 اكتب هنا وصف مدونتك<data:blog.pageTitle/>
</title>
<b:else/>
<title>
<data:blog.pageName/>
- 
<data:blog.title/>
</title>
</b:if>
<!-- End www.btemplates4u.com : Seo MetaTag  -->
مكان DESCRIPTION HERE اكتب مثلاً ,, مدونة تهتم بالبرامج والاخبار التقنية
مكان KEYWORD HERE اكتب كلمات تدل على محنوى مدونتك هكذا برامج, اخبار, شرح, كمبيوتر, وهكذا, 
مكان YOUR Name اكتب اسمك وليكن Ahmad
ثم أكتب وصف مدونتك في Title

ثم نثوم بتنسيق ايقونات المشاركة الإجتماعية
الآن ابحث عن 
<li class='social-profiles-widget'>
 سوف تجد تحتها الكود التالي

<a href='twitter اكتب حساب' target='_blank'>
<img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPTH9d3-v5mJ9FegaS4F72MobawJwjEAVNbyFgmonHLd6sUK5LmovFd-9jfteLPOQ_3kySRgIBOIKHbESg5UfD_BtGxG536oVQOJOkrvsNBb8SlKyFmsGCsKgc699wcqy9mdqLoDyU_E/s1600/twitter.png' title='Twitter'/></a>
<a href='facebook اكتب حساب' target='_blank'>
<img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TdVdkPDPc9wzcIFEeO0xY6lf-07epGlwOXL1DZfFF00sUX9PVlL6B60fOYgmBauZ_wEQfqOHNXbWQPjw9ICuLqqo0HqVBiPx1e_jXsjb1oOF6lBHpxveGz-UIoM4nDP3onhkZrE_Gb8/s1600/facebook.png' title='Facebook'/></a>
<a href='google Plus اكتب حساب' target='_blank'>
<img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkvzB_wp2JDHXtniAbHKSFQls7Bvvgth43sUs3SAJ44JrF90lyczGi5Gu-DJhKgtdfuYBvLmAjzDKaz2bUxBxE8Vd1a_uAaa0ijkWmfyJZl5IHPyiU8wJehoHhdYlgoD8g10I9uUlXPsA/s1600/gplus.png' title='Google Plus'/></a>
<a href='linkedin اكتب حساب' target='_blank'>
<img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvI5xLROEvcvl6VWnODVgD1dzFMyS8g9ph8NokYWlahBd4IgHmrIZVDtCxlGn_yRTSZKbauTyhQ5Rvdh2Tha1x6HXQCi5lRm94gqG4TcTDz8c56fGSoLWLYkrdqHMfvBRkQ247gQ6VI4/s1600/linkedin.png' title='LinkedIn'/></a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'>
<img alt='RSS Feed اكتب حساب' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirOnR6otv_pT9zknFK1cbg_n6zuTOO4wObrGFIqK0nUqq5xXYDUSUPa9VNL3wPRdiCQlX8MajwV-7TKsGuIO5h3iSNbT4tmqog92Dyn5sZ4_xMiChLdpi5RdRELxVlqolgdMg_icQryRs/s1600/rss.png' title='RSS Feed'/></a>
<a href='mailto:ايميلك@email.com' target='_blank'>
<img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiss2i0pgEInR67lzZfX0g9pN630OkXP9JuVFwRVtIhj6hiI0eRI3mQhTf_O8QY03kxPRoKGy0kKs5qmGSe4z-wFybek0HVW-B9di5JNT9RpeRNhllpjmmtAqrMB7CNgxafzQfnlNoyszg/s1600/email.png' title='Email'/></a>
اكتب حساباتك مكان هذه الكلمات الملونة

ثم نقوم بتنسيق القائمة العلوية
الآن ابحث عن الكود
<ul class='menus menu-primary'>
و سوف تجد اسفله هذا الكود ..

<ul class='menus menu-primary'>
<li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
<li><a href='هنا رايط مدونتك/search/label/قائمة منسدلة'>
قائمة منسدلة
</a>
<ul class='children'>
<li><a href='هنا رايط مدونتك/search/label/تعديل1'>
تعديل 1
</a>
</li>
<li>
<a href='هنا رايط مدونتك/search/label/تعديل2'>
تعديل 2</a>
</li>
<li><a href='هنا رايط مدونتك/search/label/تعديل3'>
تعديل 3
</a>
</li>
</ul>
</li>
<li><a href='هنا رايط مدونتك/search/label/تعديل'>
تعديل
</a>
</li>
<li><a href='هنا رايط مدونتك1/search/label/قائمة منسدلة2'>
قائمة منسدلة 2
</a>
<ul class='children'>
<li><a href='هنا رايط مدونتك/search/label/تعديل1'>
تعديل 1
</a>
</li>
<li><a href='هنا رايط مدونتك/search/label/تعديل2'>
تعديل 2
</a>
</li>
</ul>
</li>
<li><li><a href='هنا رايط مدونتك/search/label/تعديل'>
تعديل
</a>
</li>
</ul> 
قُم بتعديل كل ما هو باللون الآحمر الى احتياجاتك انت ثم احفظ القالب ..

الآن نتوجه لتنسيق السلايد شو  .. والآن ابحث عن الكود التالي ..

<!-- Slide 1 Code Start -->
<div class='fp-slides-items'>
<div class='fp-thumbnail'>
<a href='رابط الموضوع الاول هنا'>
<img src='ضع هنا صورة الموضوع الاول'/>
</a>
</div>
<div class='fp-content-wrap'>
<div class='fp-content'>
<h3 class='fp-title'>
<a href='رابط الموضوع الاول مرة أخرى هنا'>
عنوان الموضوع الأول رقم 1 </a>
</h3>
<p>أكتب وصف الموضوع الأول هنا</p>
</div>
<div class='fp-prev-next-wrap clearfix'>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
</div>
</div>
<!-- Slide 1 Code End --> 
اكتب كل ما هو مطلوب ,, سوف تجد 5 اكواد مثل هذا إذا أحببت أن تضيف أكثر من 5 صور اضف أكواد مثل هذا ..

الآن سوف ننتقل إلى تنسيق الواجهة الإعلانية اسفل السلايدشو
ابحث عن الكود ..
<div class='span-24 aboutusbox'>
سوف تجد الكود التالي ..
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='span-24 aboutusbox'>
<img class='aboutusbox-image' src='ضع هنا صورة تدل على محتوى مدونتك او اعلان مدونتك'/>
<h2 class='aboutusbox-title'> أكتب هنا رسالة ترحيبية</h2>
<div class='aboutusbox-content'> أكتب هنا شيئاً عن مدونتك  </div>
</div>
<div style='clear:both;'/>
</b:if>
</b:if> 
مع العلم أن مقاس الصورة هو 930 عرض × 300 طول

الآن سوف ننتقل لتنسيق ازرار المشاركة عبر المواقع الإجتماعية
ابحث عنا الكود ..
 <div class='social-profiles-widget'> 
سوف تجد الكود كاملاً كالتالي ..

<div class='social-profiles-widget'>
<h3 class='widgettitle'>شاركنا</h3>
<ul class='widget-container'>
<li class='social-profiles-widget'>
<a href='twitter حساب' target='_blank'>
<img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUPTH9d3-v5mJ9FegaS4F72MobawJwjEAVNbyFgmonHLd6sUK5LmovFd-9jfteLPOQ_3kySRgIBOIKHbESg5UfD_BtGxG536oVQOJOkrvsNBb8SlKyFmsGCsKgc699wcqy9mdqLoDyU_E/s1600/twitter.png' title='Twitter'/>
</a>
<a href='facebook حساب' target='_blank'>
<img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TdVdkPDPc9wzcIFEeO0xY6lf-07epGlwOXL1DZfFF00sUX9PVlL6B60fOYgmBauZ_wEQfqOHNXbWQPjw9ICuLqqo0HqVBiPx1e_jXsjb1oOF6lBHpxveGz-UIoM4nDP3onhkZrE_Gb8/s1600/facebook.png' title='Facebook'/>
</a>
<a href='google حساب' target='_blank'>
<img alt='Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkvzB_wp2JDHXtniAbHKSFQls7Bvvgth43sUs3SAJ44JrF90lyczGi5Gu-DJhKgtdfuYBvLmAjzDKaz2bUxBxE8Vd1a_uAaa0ijkWmfyJZl5IHPyiU8wJehoHhdYlgoD8g10I9uUlXPsA/s1600/gplus.png' title='Google Plus'/>
</a>
<a href='linkedin حساب' target='_blank'>
<img alt='LinkedIn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVvI5xLROEvcvl6VWnODVgD1dzFMyS8g9ph8NokYWlahBd4IgHmrIZVDtCxlGn_yRTSZKbauTyhQ5Rvdh2Tha1x6HXQCi5lRm94gqG4TcTDz8c56fGSoLWLYkrdqHMfvBRkQ247gQ6VI4/s1600/linkedin.png' title='LinkedIn'/>
</a>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'>
<img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirOnR6otv_pT9zknFK1cbg_n6zuTOO4wObrGFIqK0nUqq5xXYDUSUPa9VNL3wPRdiCQlX8MajwV-7TKsGuIO5h3iSNbT4tmqog92Dyn5sZ4_xMiChLdpi5RdRELxVlqolgdMg_icQryRs/s1600/rss.png' title='RSS Feed'/>
</a>
<a href='mailto:ايميلك@email.com' target='_blank'>
<img alt='Email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiss2i0pgEInR67lzZfX0g9pN630OkXP9JuVFwRVtIhj6hiI0eRI3mQhTf_O8QY03kxPRoKGy0kKs5qmGSe4z-wFybek0HVW-B9di5JNT9RpeRNhllpjmmtAqrMB7CNgxafzQfnlNoyszg/s1600/email.png' title='Email'/>
</a>
</li>
</ul>
</div> 
ضع ايميلاتك او صفحاتك على المواقع الإجتماعية

لتنسيق السايدبار الذي يحتوي على 3 اقسام بجانب بعضهم ابحث عن الكود التالي ..
<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'> 
سوف تجد الكود كالتالي

<ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>الشائعه</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>الاقسام</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>الارشيف</a></li>
</ul> 
وبهذا تم موضوعنا حول هذا القالب الإحترافي 
اترككم في رعاية الله وامنه والى لقاء آخر إن شاء الله 
مرسلة بواسطة
التسميات: ,

Share to:

في 8:12 ص

إرسال تعليق Blogger

الاشتراك في: تعليقات الرسالة (Atom)
 
Top