إعلان أدسنس

Header Ads

قالب إفتراضي فارغ لمصممي قوالب بلوجر - قالب خام

Rish Mostafa ديسمبر 02, 2018


قالب خام - قالب إفتراضي فارغ لمصممي قوالب بلوجر


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

كما يحتوي على الشهادات الأساسية الازمة في كل قالب من قوالب بلوجر .

مهمة قالب خام 

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

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

تحميل القالب 

يمكنك نسخ أكواد القالب في الصندوق أسفله .



<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
 <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
        <b:if cond='data:blog.isMobile'>
        <b:else/>
          <meta content='width=1100' name='viewport'/>
        </b:if>
        <b:include data='blog' name='all-head-content'/>
    <title>
  <b:if cond='data:blog.pageType == "index"'>
   <data:blog.pageTitle/>
  <b:else/>
   <b:if cond='data:blog.pageType != "error_page"'>
    <data:blog.pageName/> - <data:blog.title/>
   <b:else/>
    404 - <data:blog.title/> 
   </b:if>
  </b:if>
    </title>
<!-- meta tags -->
    <b:if cond='data:blog.pageType == "item"'>
        <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>
    <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.postImageThumbnailUrl' property='og:image'/>
    </b:if></b:if>
    <b:if cond='data:blog.metaDescription != ""'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
      <meta content='summary' name='twitter:card'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    </b:if>

    <!-- Social Media meta tag need customer customization -->
    <meta content='Facebook App ID here' property='fb:app_id'/> 
    <meta content='Facebook Admin ID here' property='fb:admins'/> 
    <meta content='@username' name='twitter:site'/>
    <meta content='@username' name='twitter:creator'/>

<!-- end meta tags -->
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/>
 <b:skin><![CDATA[/*
-----------------------------------------------
Blank Blogger Template by Mr Abu Ali
Name:        Mr Abu Ali
Designer:        Mr Abu Ali
URL:        http://www.mrabu3li.com
----------------------------------------------- */

/* Variables Definitions
------------------------------ */
/*

<Variable name="body.background" description="Body Background" type="background"
color="#f7f7f7" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>

<Variable name="test" description="test" type="color" default="#000" value="#000"/>

*/


/* Css Reset
------------------------------ */
body {background:$(body.background);color:#333;font:15px 'Open Sans';}
ul {margin:0;padding:0;}
li {display: list-item;text-align: -webkit-match-parent;}
* {list-style:none;text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*, :before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {color:$(a.color);font-family:'Open sans';}
.clear {clear:both;}
.widget {margin: 0;}
.widget-item-control ,.blog-feeds ,.status-msg-body, .date-header, .post-feeds, .status-msg-border {display:none;}
.widget .widget-item-control a img {display:none;}
.widget li, .BlogArchive #ArchiveList ul.flat li {padding: 0;}
.post-footer-line>* {margin-left: 0;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
.content-outer, .header-outer, .tabs-outer, .main-outer, .main-inner, .footer-outer, .post, .comments, .widget, .date-header, .inline-ad {position: relative;min-height: 0;_position: static;_height: 1%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;color: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}

/* Tarnsition
------------------------------ */
 {transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}


    ]]></b:skin>
 <b:template-skin>
<![CDATA[

/* Layout
------------------------------ */

    ]]>
</b:template-skin>

<script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>

      </head><!--<head/>-->

 <body expr:class='data:blog.pageType'>


<div class='container'>
<div class='header-top'>
  <b:section id='menu-top'/>
  <b:section id='social-media'/>
</div>
</div>


 </body>

    </html>


أو يمكنك تحميله والإحتفاض به كملف 

بقلم

فقرة تضم نبذة عن الكاتب

Tags

إرسال تعليق

2 تعليقات