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

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

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

    <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>

ستايل المجلة

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

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

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

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

التبويبات

    <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>

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

يرجى ملء النموذج أدناه للاتصال بالمشرف. إذا لم تكن هناك عقبات وأنشطة أخرى ، فسيرد المسؤول على الفور على الرسالة التي أرسلتها.
    
    <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>
    

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

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