كود بلغة HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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' xmlns:fb='http://www.facebook.com/2008/fbml'>
<head>
<meta content='webutation7fc2c88504c755f14f5bdc2293179df4' name='webutation-site-verification'/>
<meta content='97E6339ABF4F5A1412C129BD5EFF6049' name='msvalidate.01'/>
<meta content='AWzdG1fh4Ty17oYDihbuxga1pog' name='alexaVerifyID'/>
<meta content='Mots clés séparés par des virgules' name='keywords'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='مدونه العاب فور تهييس' name='description'/>
</b:if>
<meta content='ALL' name='ROBOTS'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='مدونة اتعلم التقنيه' property='og:site_name'/>
<meta content='http://google.com/help/hc/images/logos/blogger_logo.gif' property='og:image'/>
<meta content='236371683157444' property='fb:app_id'/>
<meta content='100000006107222' property='fb:admins'/>
<meta content='article' property='og:type'/>
<script src='http://code.jquery.com/jquery-1.6.2.min.js'/>
<script src='http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/><data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Eslam El-Badri
Designer: Eslam
URL: www.et3allem.net
Email: [email protected]
----------------------------------------------- */
/* hide navigation bar */
#navbar-iframe {
display: none !important;
}
body {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #595959;
padding:0;
margin:0;
background:#EFD8AF;
font-family:tahoma;
}
*{ -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.section{
margin: 0 15px 0 0;
}
.column-center-inner .section{
margin:0 15px;
}
li{
list-style:none;
padding:0;
}
ul{
padding:0;
}
.column-left-inner h2{
background-color: #3AA6D0;
border: 1px solid#3AA6D0;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #BCBCBC;
color: white;
display: inline-block;
margin-bottom: 9px;
outline: medium none;
padding: 6px 15px 4px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #159EBC;
font: bold 16px arial;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
.content-outer {
font-size:12px;
}
a:link {
text-decoration:none;
color: #484848;
}
a:visited {
text-decoration:none;
color: #484848;
}
a:hover {
color: #00a8d8;
}
.body-fauxcolumns .cap-top {
margin-top: 30px;
background: transparent none no-repeat scroll center center;
height: 121px;
}
.content-inner {
padding: 0;
}
/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 20px;
padding-right: 20px;
}
.Header h1 {
font: normal normal 40px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #00a8d8;
text-shadow: 2px 2px rgba(0, 0, 0, .1);
}
.Header h1 a {
color: #00a8d8;
}
.Header .description {
font-size: 140%;
color: #686868;
}
/* Tabs
----------------------------------------------- */
.tabs-inner .section {
margin: 0 20px;
}
.tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {
margin-left: -11px;
margin-right: -11px;
background-color: transparent;
border-top: 0 solid #ffffff;
border-bottom: 0 solid #ffffff;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .3);
box-shadow: 0 0 0 rgba(0, 0, 0, .3);
}
.tabs-inner .PageList .widget-content,
.tabs-inner .LinkList .widget-content,
.tabs-inner .Labels .widget-content {
margin: -3px -11px;
background: transparent none no-repeat scroll right;
}
.tabs-inner .widget ul {
padding: 2px 25px;
max-height: 34px;
background: transparent none no-repeat scroll left;
}
.tabs-inner .widget li {
border: none;
}
.tabs-inner .widget li a {
display: inline-block;
padding: .25em 1em;
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #686868;
border-right: 1px solid #f6f5f4;
}
.tabs-inner .widget li:first-child a {
border-left: 1px solid #f6f5f4;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
color: #686868;
}
/* Headings
----------------------------------------------- */
h2 {
font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color: #000000;
margin: 0 0 .5em;
}
h2.date-header {
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #686868;
}
/* Main
----------------------------------------------- */
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 5px;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding-top:0px;
}
.main-cap-top {
position: relative;
}
.main-cap-top .cap-right {
position: absolute;
height: 0;
width: 100%;
bottom: 0;
background: transparent none repeat-x scroll bottom center;
}
.main-cap-top .cap-left {
position: absolute;
height: 0px;
width: 280px;
right: 0;
bottom: 0;
background: transparent none no-repeat scroll bottom left;
}
/* Posts
----------------------------------------------- */
.post-outer {
background: url(http://4.bp.blogspot.com/-r2K7teE8Y_4/UILP-T5qy6I/AAAAAAAAByM/NrguXAIufwI/s1600/sha.png)center bottom no-repeat;
padding-bottom: 17px;
margin-bottom: 8px;
}
h3.post-title{
margin: 0;
font:21px 'Arial';
}
h3.post-title a{
color:#00A8D8;
}
.comments h4 {
font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 1em 0 0;
font:18px arial;
margin-top:0 ;
}
.post-body {
position: relative;
font:13px tahoma;
line-height: 25px;
color:#989898;
}
.post-body img{
border:1px solid #e1e1e1;
margin-left:10px;
margin-top:5px;
}
.post-header {
margin: 10px 0;
padding: 6px;
background: #F1F1F1;
border-radius: 5px;
color: #AEAEAE;
}
.post-header a{ color: #aeaeae;}
.post-header a:hover{ color: #00A8D8;}
.post-footer {
margin: 5px 0 0;
padding: 5px 0 0;
color: #8e8e8e;
}
#blog-pager a{
color:#00A8D8;
}
#comments .comment-author {
padding-top: 1.5em;
border-top: dashed 1px #777777;
background-position: 0 1.5em;
}
#comments .comment-author:first-child {
padding-top: 0;
border-top: none;
}
.avatar-image-container {
margin: .2em 0 0;
}
.rmlink {
margin-top:20px;
}
.rmlink a {
background: #777;
font: bold 15px "Arial";
padding: 5px 20px 3px 20px;
color: #DFDFDF !important;
border-radius: 5px;
box-shadow: 0 0 5px #464646 inset;
}
.rmlink a:hover {
color: white !important;
background: #00A8D8;
box-shadow: 0 0 5px #868686 inset;
}
/* Comments
----------------------------------------------- */
.comments .comments-content .icon.blog-author {
background-repeat:no-repeat;
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}
.comments .comments-content .loadmore a {
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.comments .continue {
border-top: 2px solid #777777;
}
.comments {
clear: both;
background: #fff;
margin: 0 -20px;
padding: 10px 22px;
border-top: 3px solid #00A8D8;
border-bottom: 1px solid #C5C5C5;
}
/* Widgets
----------------------------------------------- */
.widget ul li, .widget #ArchiveList ul.flat li {
text-indent: 0;
text-align: right;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
#ArchiveList{
padding: 0px;
}
.footer-outer #ArchiveList{
background: none;
border-radius: none;
box-shadow: none;
padding: 0;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: #00A8D8;
}
.post-body img, .post-body .tr-caption-container><<fdr, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body img, .post-body .tr-caption-container {
padding: 5px;
}
.post-body .tr-caption-container {
color: #333333;
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 0 rgba(0, 0, 0, .1);
}
/* Footer
----------------------------------------------- */
.footer-outer {
color:#d5d5d5;
padding:20px 0;
background:#454545 url(http://4.bp.blogspot.com/-yvVMYaWjo7A/UILP9o7mF4I/AAAAAAAAByI/Km3aDnnNIvg/s1600/ftr.png)top repeat-x;
border-bottom:1px solid #787878;
line-height: 25px;
}
.footer-outer a {
color:#d5d5d5;
}
.footer-outer a:visited {
color:#d5d5d5;
}
.footer-outer a:hover {
color: #00a8d8;
}
.footer-outer .widget h2 {
color: #ededed;
font: 18px "arial";
padding-bottom:10px;
padding-right:5px;
background: url('http://4.bp.blogspot.com/-ktTBucPSmqs/UF2awuwEr0I/AAAAAAAABXI/dDsvIdTq8TY/s1600/bottom.png') bottom repeat-x;
}
.footer-inner{
padding:0;
}
.footer-outer .widget {
padding:10px 0 0 0 ;
}
/* Mobile
----------------------------------------------- */
.rmlink a {
background: #ebeeee;
border: 1px solid #f7f7f7;
border-radius: 5px;
box-shadow: 0 0 1px white inset ,0 0px 3px #b5b5b5;
color: #aeaeae !important;
font: 13px "tahoma";
font-weight: 1OO;
text-align: center;
padding: 2px 15px 2px;
padding-right: 15px;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 6px;
margin-top: 15px;
-webkit-transition: background 0.4s ease-in-out;
-moz-transition: background 0.4s ease-in-out;
-o-transition: background 0.4s ease-in-out;
-ms-transition: background 0.4s ease-in-out;
transition: background 0.4s ease-in-out;
}
.rmlink a:hover {
background: #49aab3;
border: 1px solid #49aab3;
border-radius: 5px;
box-shadow: 0 0 1px #ffc703 inset ,0 0px 3px #b5b5b5;
color: #fff !important;
}
.column-center-inner {
border-radius: 5px;
background: #ebeeee;
box-shadow: 0 0 3px #ABABAB;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
body.mobile {
background-size: 100% auto;
}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
html .mobile .mobile-date-outer {
border-bottom: none;
background: transparent url(