قالب ماير متجاوب وسريع  بلوجر

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

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


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

التركيب

1. قم بتسجيل الدخول إلى لوحة بلوجر  وانتقل إلى المظهر > تحرير HTML.
2. يرجى عمل نسخة احتياطية من القالب القديم في حال قررت استخدامه مرة أخرى. للقيام بذلك ، انقر على نسخ احتياطي / استعادة واحفظ الملف.
3. بعد ذلك ، استعرض موقع قالب XML الذي قمت بتنزيله للتو واضغط على "تحميل".

تخصيص وتعديل القالب

التنقل

أولاً انتقل إلى بلوجر > التخطيط > القائمة العلوية > "تعديل"

ستجد الكود التالي  أدناه قم بتغيير الكل بما يناسبك.


    <li class='homemenu'><a href='/' itemprop='url'><span itemprop='name'>الرئيسية</span></a></li>
      <li><a href='/' itemprop='url'><span itemprop='name'>سفر</span></a></li>
      <li><a href='/' itemprop='url'><span itemprop='name'>سياحة</span></a></li>
    <li><a href='/error404' itemprop='url'><span itemprop='name'>خطأ 404</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة فرعية</span></a>
    <ul>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة الفرعية 1</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة الفرعية 2</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة الفرعية 3</span></a></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>فرعية قائمة الفرعية 4</span></a>
    <ul>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة الفرعية 4</span></a></li>
    </ul></li>
    <li><a href='#' itemprop='url'><span itemprop='name'>قائمة الفرعية 5</span></a></li>
    </ul>
    </li>
      <li><a href='/' itemprop='url'><span itemprop='name'>تحميل القالب</span></a></li>
    


إضافة قائمة

أضف هذا الكود

<li><a href='رابط' itemprop='url'><span itemprop='name'>أسم القائمة</span></a></li>
    


إضافة قائمة الفرعية

 أضف هذا الكود

<li>
    <a href='#' itemprop='url'><span itemprop='name'>قائمة فرعية</span></a>
    
    <ul>
    <li><a href='رابط هنا' itemprop='url'><span itemprop='name'>قائمة فرعية 4</span></a></li>
    </ul>
    
    </li>

قائمة الفوتر

<li><a href='/p/about-us.html' title='عن المدونة'>عن المدونة</a></li>
    <li><a href='/p/contact.html' title='أتصل بنا'>أتصل بنا</a></li>
    <li><a href='/p/sitemap.html' title='خريطة الموقع'>خريطة الموقع</a></li>
    <li><a href='/p/privacy-policy.html' title='سياسة الخصوصية'>سياسة الخصوصية</a></li>
    <li><a href='/p/disclaimer.html' title='إخلاء المسؤولية'>إخلاء المسؤولية</a></li>
    <li><a href='/p/terms-of-service.html' title='شروط الخدمة'>شروط الخدمة</a></li>

مشاركة مميزة

أولاً انتقل إلى بلوجر > التخطيط > المشاركة المميزة > "تحرير"

قم بتغيير - /Mint  مع التسمية الخاصة بك.

إذا كنت تريد استخدام "أخر المشاركات". قم بحذف - /Mint  وقم بالحفظ ..

    <script type='text/javaScript'>
    document.write("<script src=\"/feeds/posts/default/-/Mint?max-results="+featured_numposts+"&orderby=published&alt=json-in-script&callback=sliderposts\"><\/script>");
    </script>

ستايل المجلة

أنواع ستايل المجلة

  • مشاركات تحت تسمية
  • التبويب
  • تسمية شمال و تسمية يمين

ملاحظة: مشاركات تحت تسمية. هذه القطعة مقفلة ولا يمكن حذفها.

ولكن إذا كنت تريد حذفها ، فيمكنك الانتقال إلى > القالب > تحرير HTML > والعثور على الكود أدناه ، وحذفه.


    <div id='newsmartpiklabel1-wrapper'>
    .
    .
    .
    .
    .
    </div>
    

مشاركات تحت تسمية

تغيير التسمية.

تخطيط > مشاركات تحت تسمية > "تحرير". وتغيير القسم 1  بأسم القسم الذي تريد عرضه.

التبويبات

التبويبات تحتوي علي 3 أقسام يتم أضافة أسماء الأقسام بالشكل التالي.


    <div class='recent-labpost' data-label='["قسم 2","قسم 5","قسم 4"]'/></div>
    


شبكة التسمية يمين وتسمية شمال لتغير محتوي التبويبين، للتغير قم بأستبدال أسم التسمية الموجده بما يناسبك


    <script src="/feeds/posts/default/-/قسم 5?max-results=3&amp;alt=json-in-script&amp;callback=myargrid"></script>

الأضافات والصفحات

نموذج الاتصال

أضف صفحة جديدة في تبويب  الصفحات > انسخ كل الكود أدناه والصقه بداخل الصفحة  (وضع HTML). بعد إضافة هذا الكود ، تأكد من عدم التحويل إلي وضع التأليف فقط ضع الكود واضغط حفظ..

ابحث عن معرف المدونة 114265898521855835 وقم بتغيير الكل باستخدام معرف المدونة الخاص بك

,وايضاً قب بالبحث عن  URL ///www.imintweb.com// وتغييره برابط مدونتك.

يرجى ملء النموذج أدناه للاتصال بالمشرف. إذا لم تكن هناك عقبات وأنشطة أخرى ، فسيرد المسؤول على الفور على الرسالة التي أرسلتها.
    
    <br />
    <br />
    <form name="contact-form">
    <div class="formcolumn1">
    <input id="ContactForm1_contact-form-name" name="name" placeholder="الأسم" size="30" type="text" value="" />
    </div>
    <div class="formcolumn2">
    <input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الألكتروني" size="30" type="text" value="" />
    </div>
    <div class="formcolumn3">
    <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7"></textarea>
    </div>
    <div class="formcolumn4">
    <input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
    </div>
    <div style="max-width: 100%; text-align: center; width: 100%;">
    <div id="ContactForm1_contact-form-error-message">
    </div>
    <div id="ContactForm1_contact-form-success-message">
    </div>
    </div>
    </form>
    <style scoped="" type="text/css">
    #ContactForm1,#comments{display:none}
    #ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
    #ContactForm1_contact-form-email-message{font-family:'Poppins';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
    #ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
    #ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
    .formcolumn4{position:relative}
    .formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSEu6JanjKvNePNEpLHn-pyq1dH3KQdlB3MJQaWYn_VyUZsgEdrv39PI5l46f964UaUojUqQz9Uh2kIOOqoUYFuk1hDmcZrMQfUhI3hfbsCvEzzyDQghCwTUh4ShtpXSD2_Jyk3X_peIWA/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
    #ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
    #ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px;background:transparent;border:none;box-shadow:none;}
    form{color:#888}
    .formcolumn1,.formcolumn2{float:left;width:50%}
    .formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
    .formcolumn2{padding:0 0 0 10px}
    @media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
    </style>
    <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '114265898521855835';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d114265898521855835','//www.imintweb.com/','114265898521855835');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '114265898521855835', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
    //]]>
    </script>
    </div>
    

خريطة الموقع أو صفحة الأرشيف

 أضف صفحة جديدة  > انسخ كل الكود أدناه والصقه فيها (وضع HTML). ابحث عن مدونة URL https://www.imintweb.com وقم بتغييره برابط مدونتك.

    <p>
    <div id='show-cat'></div><div id='show-post'><script type='text/javaScript'>
    var cat_home='https://www.imintweb.com/';cat_numb=11;cat_pre='Prev';cat_nex='Next';
    var cat_name;var cat_start;var cat_class;
    function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' &ndash; '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
    </script><br />
    </div><style scoped="" type="text/css">
    #show-cat{float:left;margin:20px 2% 20px 0;width:25%;height:389px;overflow-x:hidden;overflow-y:auto;line-height:normal;border:1px solid rgba(0,0,0,0.1)}
    #show-cat ul{margin:0;border-top:0 solid rgba(0,0,0,0.1);padding:0}
    #show-post ul li{list-style-type:none;margin:0 0 0 -25px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.1)}
    #show-post ul li:hover{margin-right:10px;border-color:#fcd3d3}
    #show-cat ul li a{display:block;padding:10px;border-bottom:1px solid rgba(0,0,0,0.1);transition:initial}
    #navi-cat a:hover{color:#fff!important}
    #show-cat ul li:last-child a{border-bottom:none}
    #show-cat ul li a,#navi-cat a{background:#fff;color:#555;font-weight:bold;text-decoration:none}
    #show-cat ul li a,#navi-cat a,#navi-cat span{font-size:13px}
    #show-cat ul li a:hover,#navi-cat a:hover{background:#666;color:#fff}
    #show-post{float:left;width:69%;line-height:1.6em}
    #show-post a{color:#333;font-size:14px}
    #show-post a:hover{color:#f14b4b}
    #navi-cat{padding:20px 0}
    #navi-cat a{padding:5px 10px;background:rgba(0,0,0,0.7);margin:0 5px 0 0;color:#fff;border-radius:3px;}
    #navi-cat a:nth-child(2){background:#f14b4b;margin:0 10px 0 0;color:#fff}
    #navi-cat span{float:right;padding:5px 0;font-size:12px;color:rgba(0,0,0,0.5);font-weight:700}
    #show-cat::-webkit-scrollbar{width:8px;height:8px}
    #show-cat::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1);}
    #show-cat::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}
    #show-cat::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);transition:all 400ms ease-in-out}
    @media screen and (max-width:768px){#show-cat{width:35%}#show-post{width:59%}}
    @media screen and (max-width:480px){#show-cat{width:100%;margin:20px 0}#show-post{width:100%}}
    </style>
    </p>

البنرات الإعلانية

أضف أداة بداخل تبويب التخطيط > انسخ الاكواد التليه فيه بحسب ما تريد .

أبحث عن # وقم بتغييره برابط مدونتك

ابحث عن IMAGE-URL وتغييره برابط الصوره

ابحث عن ADS-DESCRIPTION وقم بتغييرها بوصف الأعلان.

بانر 728 × 90.

    <div class='kotak_iklan3'>
    <a href='#' target='_blank' title='ADS-DESCRIPTION'><img alt='iklan banner' height='90' src='IMAGE-URL' title='ADS-DESCRIPTION' width='728'/></a>
    </div>
    

بانر 125x125.

<div class="kotak_iklan">
    <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a>
    <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a>
    <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a> 
    <a href="#" title="judul iklan"><img style="border: none;" src="IMAGE-URL" alt="text gambar" width="125" height="125" /></a> 
    </div>

صندوق الاشتراك

التخطيط> صندوق الأشتراك > "تعديل".

قم بتغيير مدونة Mint Web  بأسم رابط feedbnurner الخاص بك.

أزرار التحميل والمعاينة

  <div style="text-align: center;">
    <ul class="button">
    <li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
    <li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
    </ul>
    </div>
    <div class="clear"></div>
    

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

حسناً أنتهينا وأذا واجهت أي مشكلة أثناء تركيب القالب صندوق التعليقات مفتوح للجميع وسنحل المشكلة سوياً.
تحذير يرجي عدم العبث في حقوق القالب حتي لا يتلف القالب بالكامل وشكراً.

اقرأ أيضًا: