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

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

عن قالب نعناع

قالب نعناع قالب بلوجر متجاوب وصديق لمحركات البحث وسريع في التحميل في الصورة التالية هي نتائج فحص سرعة القالب علي موقع GTmetrix ويمكن زيادة سرعة تحميل القالب عن طريق ضغط الصور قبل رفعها في المقالات.

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


الصورة التالية توضح تجاوب القالب علي جميع الأجهزة

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

المرجو عدم حذف حقوق القالب واذا اردت ذلك فقط قم بالأتصال بنا لنناقش الأمر.

معاينة القالب

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

في الواقع ، علي الرغم من أن هذا القالب مجاني ولكن الميزات التي يوفرها متميزة.

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

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

القائمة العلوية

قم  بفتح لوحة تحكم بلوجرالمظهرانقر فوق تحرير HTML
ابحث عن الكود أدناه  ثم استبدل الكود بما هوا مناسب لك

   <ul>
                 <li><a href='#' itemprop='url'><span itemprop='name'>تحميل القال</span></a></li>
                 <li><a href='/p/contact.html' itemprop='url'><span itemprop='name'>أتصل بنا</span></a></li>
              <li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>خريطة الموقع</span></a></li>
       <li><a href='/' itemprop='url'><span itemprop='name'>مينت ويب</span></a></li>
     </ul>
  

الأشعارات 

قم  بفتح لوحة تحكم بلوجرالمظهرانقر فوق تحرير HTML
وقم بالبحث عن الكود التالي وأستبدله بما تريده

<div class='kontenajaibnotif'>
  <div class='kontenajaibtitle'>الأشعارات</div>
  <div class='notiftext'>
  هنا تقوم بوضع الأشعارات</div>
  <a class='waves-effect waves-light close-sf' href='javascript:;' title='Done'>حسنا&#1611;</a>
  <a class='waves-effect icx close-sf' href='javascript:;'/>
  </div>
  

كود Meta Tag

 للسيو المظهر تحرير HTML قم بتغير كود Meta Tag التالي بما يناسبك

<include expiration='7d' path='*.css'/>
  <include expiration='7d' path='*.js'/>
  <include expiration='3d' path='*.gif'/>
  <include expiration='3d' path='*.jpeg'/>
  <include expiration='3d' path='*.jpg'/>
  <include expiration='3d' path='*.png'/>
  <meta charset='utf-8'/>
  <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <meta content='blogger' name='generator'/>
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
  <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  <link expr:href='data:blog.url' rel='canonical'/>
  <b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.pageTitle/></title>
  <b:else/>
  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  <title><data:blog.pageName/> - <data:blog.title/></title>
  </b:if></b:if>
  <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <title>الصفحة غير موجوده - <data:blog.title/></title>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  <meta content='noindex' name='robots'/>
  </b:if>
  <b:if cond='data:blog.searchLabel'>
  <meta content='noindex,nofollow' name='robots'/>
  </b:if>
  <b:if cond='data:blog.isMobile'>
  <meta content='noindex,nofollow' name='robots'/>
  </b:if>
  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <script type='application/ld+json'>{ &quot;@context&quot;: &quot;https://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
  <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  </b:if></b:if>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta content='ضع وصف لمدونتك هنا' name='keywords'/></b:if>
  <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  <link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:blog.postImageThumbnailUrl'>
  <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  </b:if></b:if>
  <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  <meta content='Egypt' name='geo.placename'/>
  <meta content='Hussein' name='Author'/>
  <meta content='general' name='rating'/>
  <meta content='eg' name='geo.country'/>
  <!-- [ Social Media Meta Tag ] -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  <meta content='article' property='og:type'/>
  </b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta content='website' property='og:type'/>
  <b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
  <b:else/>
  <meta expr:content='&quot;يرجى زيارة &quot; + data:blog.pageTitle + &quot; لقراءة المشاركات مثيرة للاهتمام.&quot;' property='og:description'/>
  </b:if>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
  </b:if>
  <b:if cond='data:blog.postImageUrl'>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  <b:else/>
  <b:if cond='data:blog.postImageThumbnailUrl'>
  <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  </b:if>
  </b:if>
  <meta content='https://www.facebook.com/PROFILE-FACEBOOK' property='article:author'/>
  <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
  <meta content='code-APLIKASI-FACEBOOK' property='fb:app_id'/>
  <meta content='code-ADMIN-FACEBOOK' property='fb:admins'/>
  <meta content='en_US' property='og:locale'/>
  <meta content='en_GB' property='og:locale:alternate'/>
  <meta content='eg_EG' property='og:locale:alternate'/>
  <meta content='summary' name='twitter:card'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta content='USER-TWITTER' name='twitter:site'/>
  <meta content='USER-TWITTER' name='twitter:creator'/>
  <meta content='summary_large_image' name='twitter:card'/>

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

أضف الكود أدناه في صفحة ثابتفي مدونتك  مع استبدل  https://n3na3-mint-web.blogspot.com برابط موقعك. 

<div class="tabbed-toc" id="tabbed-toc"></div>
  <script>
  var tabbedTOC={blogUrl:"https://n3na3-mint-web.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New</em>'};
  </script>
  <script src="https://cdn.jsdelivr.net/gh/Indzign/[email protected]/daftarisikeren.js"></script>
  <style scoped="" type="text/css">
  .tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
  .tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
  .tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
  .tabbed-toc .toc-tabs{width:20%;float:left}
  .tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
  .tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
  .tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
  .tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
  .tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
  .tabbed-toc .panel{position:relative;z-index:5}
  .tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
  .tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:right}
  .tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
  .tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
  .tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
  .tabbed-toc .panel li:nth-child(even){background-color:#fff}
  .tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
  .tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
  .tabbed-toc .panel li:before{display:none}
  @-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  @-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  @keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
  @media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
  </style>

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

أضف الكود التالي في صفحة ثابتة