قالب Metrofy معرب ومطور واحترافي. قالب مدونات بلوجر

اليوم أحضرت لكم قالب مميز وهو قالب Metrofy معرب ومطور واحترافي. تم تعريبه وتطويره من أجلكم، وهو من تطوير مدونة جلال البعداني، القالب يمتاز بعدد كبير من المميزات منها سلايد شو رائع وخفيف، بالاضافة الى شكله الانسيابي وألوانه  الهادئة، القالب هو مصمم خصيصا للمدونات التصميم وبالاخص الصور والفوتوشوب ... إلخ.

مميزات اقالب Metrofy:

1. قالب مميز وأنيق واحترافي.
2. يعرض المواضيع في الصفحة الرئيسية بطريقة مميزة.
3. سلايت شو تابث واحترافي.
4. به خطوط ويب مميزة ومتناسقة مع الشكل.
5.  به قائمة مواضيع تابثة وقائمة أخرى منسدلة واحترافية.
6. يتوفر على تعريف للكاتب أسفل كل موضوع.
7. يتوافق مجميع المتصفحات الرئيسية (جوجل كروم، فايرفوكس وإنترنت إكسبلورر).
8. صديق لمحركات البحث وأرشفته قوية.
9. سريع التصفح
10. صندوق التعليقات إحترافي ومميز.
11. ألوان هادئة ورائعة.
12.  خاصية إقرأ المزيد مدمجة مع القالب.

 صورة قالب Metrofy:

الرجاء الإنتظار الى أن يتم تحميل الصور ...

مشاهدة قالب Metrofy على شكله الطبيعي مع التحميل:

تستطيع مشاهدة القالب من هنا كما تستطيع أن تحمله من الروابط التالي:

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

تحميل القالب

التعديل على قالب Metrofy:

أولا: التعديل على القائمة العلوية: كما في الصورة التالية:

لتعديل القائمة العلوية قم بمايلي:
1. إبحث عن الكود التالي:

<div class='menu-menu-container' id='topmenu'>

2. ستجد الكود الطويل التالي:

<ul class='dropdown' id='menu-menu' style='display: inline-block;'><li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-906 parent first' id='menu-item-906'><a expr:href='data:blog.homepageUrl'><span><i class='icon-menu icon-menu1'/>الرئيسيه</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-group menu-item-912 first' id='menu-item-912' style=''><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>الصفحات</span></a></li>
    <li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-1008 last' id='menu-item-1008'><a hidefocus='true' href='#' style='outline: none;'><span>الارشيف</span></a></li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-880 parent' id='menu-item-880'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span><i class='icon-menu icon-menu2'/> الاقسام</span></a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-948 first' id='menu-item-948' style=''><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>مواقع مفيده</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-942' id='menu-item-942'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>دروس بلوجر</span></a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-911 parent' id='menu-item-911'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>اضافات بلوجر</span></a>
<ul class='sub-menu'>
        <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-944 first' id='menu-item-944'><a hidefocus='true' href='#' style='outline: none;'><span>جي كويري</span></a></li>
        <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-947' id='menu-item-947'><a hidefocus='true' href='#' style='outline: none;'><span>جافا سكريبت</span></a></li>
        <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-946' id='menu-item-946'><a hidefocus='true' href='#' style='outline: none;'><span>تعليقات</span></a></li>
        <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-945 last' id='menu-item-945'><a hidefocus='true' href='#' style='outline: none;'><span>ايقونات</span></a></li>
    </ul>
</li>
    <li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-908 parent' id='menu-item-908'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>قوالب بلوجر</span></a>
    <ul class='sub-menu'>
        <li class='menu-item menu-item-type-taxonomy menu-item-object-services menu-item-909 first' id='menu-item-909'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>قوالب بلوجر مجانية</span></a></li>
        <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-943 last' id='menu-item-943'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span>قوالب بلوجر مدفوعه</span></a></li>
    </ul>
</li>
</ul>
</li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-905' id='menu-item-905'><a hidefocus='true' href='#' style='outline: none;'><span><i class='icon-menu icon-menu3'/>الارشيف</span></a></li>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-941 last' id='menu-item-941'><a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><span><i class='icon-menu icon-menu4'/>اتصل بنا</span></a></li>
</ul></div>

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

ثانيا: تعديل  سلايد شو في قالب Metrofy:

لتعديل على السلايد شو كما بالصورة:

أولا إبحث  عن الكود التالي:

<div class='grid_gallery clearfix'>

أسفل هذا الكود ستجد الكود التالي:

<div class='box box-1'>
  <a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' height='391' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhroLFj2slXyrHpbpnNgRjCmHgYN2B2l6Ec7qNz96NZgE0vgg2MZLuuR8psxopyY7xVjlqI-XXEGGxjtiawo0KPzHNhBHs5VTLYE1-tgmdFe15mRr5oLnxaK6z6MqYqvqn7LdWZ0ChUu7s/s1600/top-11.jpg' width='306'/><span>المزيد</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHwL0FfquDQ6M_r6PpHyCUryNMWQ5qO1Snp7ECSzEeaefFz56Wcg04arwoa8Umx3DY7ZNpokBqLVdTll8L6wlA6I1KqgKZIqzxO-6ap8FUb44YODEFIB1zsI2AsFLr6-X5HZvNWSjbh4M/s1600/iconMap.jpg'/><span>المزيد</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnRbnieEqvFD_jIKsaYLqCEUm-1wxVp_RQf5CFbubSG3DaT-PgebE667xtkOYZ2spdAxccRLJLSx4NkO-n3DeK0ExG_bEeRd4Px6b_u9FOHkctgqTckfa_AjQm9yb4GmE74pm_-nesadc/s1600/whiteGUI.jpg'/><span>المزيد</span></a>
</div>
<div class='box box-2'>
<a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8l9OwedST02QG4vGArATt8OBolGefUxAtqX9VaAj9tzXkp5OC3B3-1bBiakiZisrrpdIjJQ45V33pXFK-ZdLa-cbUO6wKTmHCDOo4PNZuOsu6fV6KqYiuvEMNlPtWlWrRCOGAJyCrXY/s1600/VanillaCream.jpg'/><span>المزيد</span></a>
 </div>
 <div class='box box-2'>
<a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMgfoZfokWRkLxtUbOhEwanvP3CvTKCFSdSdIfw-Qa7JTnutsQYSlnWGv7xw-Khfw61u7ANhFOM1XenwcTkP8pcf_ZrfVEFYCuTOWaKR1XkKh9wJODiTMAJTZnWb0pE0h6hYCAbAhZJBM/s1600/darkVelvet_2x.jpg'/><span>المزيد</span></a>
 </div>
<div class='box box-2'>
<a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSOfvmaWc909qQddQ1TrrGDlVKF3_zT7fNG4vMGoco37yftPLvWs-KrU3rx-vlclB1Q5KnxYRUmX0l6Z-xl_uGe-0m_Vk4gyvlGIpI4fvjdVBo7POqyoMVvfn_-_KtGUJgOGjiDNOikz4/s1600/GUImetro_2x.jpg'/><span>المزيد</span></a>
</div>
<div class='box box-2'>
 <a hidefocus='true' href='http://blogger4ar.blogspot.com/' style='outline: none;'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhetFlpwEBwtuRFu38b5WYe4FfKKtqv6AhDWk1alYI9iZ1u0591OLuqs_fMbdYM8G4NYyWKm2vKx1bBXJSNZPTx8KtvzVaJl5VNMKxSp24qj-vbW8iCFQ82vKIAwd9fN_v5GiHEckS7Kl4/s1600/weathericons.jpg'/><span>المزيد</span></a>
</div>

يمكنك تغيير الرابط بالاحمر الى الرابط الذي تريد الانتقال عليه بعد الضغط على الصورة.
كما يمكنك تغيير الرابط بالازرق لتغيير رابط الصورة التي تريد.
ويمكنك تغيير الإسم بالاصفر لتغيير الكلمة التي ستظهر بعد تمرير الماوس على الصورة.

وفي حالة إذا لم ترغب بالسلايد الشو ففقط قم بحد هذا الكود بالكامل، وسيختفي السلايد شو من القالب.

ثالثا: التعديل على قائمة الصفحات في قالب Metrofy :

لتغيير القائمة التي بالصورة. قم بالبحث عن الكود التالي:

<ul class='filter_menu'>

ستجد الكود التالي:

<ul class='filter_menu'>
<li class='current-menu-item first'>
<a hidefocus='true' href='/'>الكل</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>تصاميمي</a></li>
<li><a href='http://blogger4ar.blogspot.com/'> قوالب بلوجر</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>ملفات</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>فرش</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>فلترات</a></li>
<li><a href='http://blogger4ar.blogspot.com/'>تصاميم دعويه</a></li>
</ul>

لتغيير القائمة قم بتغيير الكلمات بالازرق الى الكلمات التي تريد، وقم بتغيير الروابط بالاحمر الى الروابط التي تريد من الصفحات.

رابعا: التعديل على القائمة البريدية في قالب Metrofy:

أولا ابحث عن الكود التالي:

<div class='inner'>

ستجد الكود التالي:

<form action='http://feedburner.google.com/fb/a/mailverify?uri=blogger4arcom' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogger4arcom&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

  <input class='newsletter_subscription_email inputField' id='newsletter' name='newsletter' type='text' value=''/>
  <span class='button'><input class='btn btn-default newsletter_subscription_submit' type='submit' value='Go'/></span>
<div class='newsletter_text'><a class='link-news-rss' hidefocus='true' href='#' style='outline: none;'>قم بادخال ايميلك لتحصل على جديد المدونه</a></div>
</form>

قم بتغيير المعطيات بالاحمر الى المعطيات التي تريد والت تناسبك.
ولمن لم يشترك بعد في الخدمة. فيمكنك الاشتراك بالموقع التالي: feedburner.google.com  لتحصل على اشتراك جديد.

ولم لا يعرف التعامل مع الموقع. تستطيع كتابة تعليق بالاسفل وسأقوم بشرحه لك بالتفصيل.

خامسا: تغيير رسالة الترحيب في القالب:

أولا إبحث عن الكود التالي:

<div class='header-title'>

ستجد الكود  التالي:

<div class='header-title'>

<h2> مرحبا بك في بلوجر للعرب</h2>
<h5> يمكنك تحميل هذا القالب من مدونة بلوجر للعرب </h5>
</div>

قم بغيير الجملة الى الجملة التي تريد.

الختام:

في الختام أتمنى أن يعجبك القالب في حالة وجود أي مشاكل أو أخطاء بالقالب المرجو ابلاغي وسيتم إصلاحها.

لا تنسى كتابة تعليقات بالاسف لتشجيعي.

 التشجيع = المزيد من القوالب الاحترافية

إشترك و توصل بآخرالاخبار