Mohammed Ana
اسف .. على هذا الشكل .. كوود
----------------------------------
\[code\]
<?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' xmlns:fb='http://ogp.me/ns/fb#'>
<head>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site\_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<script type='text/javascript'>
var googletag = googletag || {};
googletag.cmd = googletag.cmd || \[\];
(function() {
var gads = document.createElement('script');
gads.async = true;
gads.type = 'text/javascript';
var useSSL = 'https:' == document.location.protocol;
gads.src = (useSSL ? 'https:' : 'http:') +
'//www.googletagservices.com/tag/js/gpt.js';
var node = document.getElementsByTagName('script')\[0\];
node.parentNode.insertBefore(gads, node);
})();
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/30954505/kbira', \[300, 250\], 'div-gpt-ad-1344438651114-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<script type='text/javascript'>
googletag.cmd.push(function() {
googletag.defineSlot('/30954505/kbira', \[300, 250\], 'div-gpt-ad-1344438484869-0').addService(googletag.pubads());
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
<meta content='drFegSHmQ6RNOahGznBm93sNl6yDECBcgNL7jFPBXng' name='google-site-verification'/>
<meta content='18yV28QkDrnwkKNysyaMmDAKn9g' name='alexaVerifyID'/>
<meta content='4EAB61576A04F73FDB246992AD48C2AD' name='msvalidate.01'/>
<meta content='حلقات مصورة تهم مختلف المواضيع التي تخص حياتك المعلوماتية. بالإضافة إلى اخبار التكنولوجيا والإعلاميات على مدار الساعة' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content=' ويندوز ، لينكس ، فيديو ، انترنت ، اخبار' name='keywords'/>
<meta content='raghib' name='author'/>
<meta content='ALL' name='ROBOTS'/>
<meta content='blogger' name='generator'/>
<meta content='ar' name='language'/>
<meta content='2012' name='copyright'/>
<meta content='index,follow,all' name='robots'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='2 hours' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<META content='1ce6e65b01e6f56f' name='y\_key'/>
<link href='http://www.iconj.com/ico/8/u/8uysameian.ico' rel='shortcut icon' type='image/x-icon'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:skin><!\[CDATA\[/\*
=
-----------------------------------------------
Blogger Template Style
Name: TH3 PROFESSIONAL SECURITY
Designer: Alwan blogger
URL: www.th3pro.com
----------------------------------------------- \*/
/\* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
<Group description="Page Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#595959"/>
</Group>
<Group description="Backgrounds" selector=".main-inner">
<Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="transparent"/>
<Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="#060606"/>
</Group>
<Group description="Links" selector=".main-inner">
<Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#00a8d8"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#00a8d8"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#595959"/>
</Group>
<Group description="Blog Title" selector=".header h1">
<Variable name="header.font" description="Title Font" type="font"
default="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 60px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="header.text.color" description="Title Color" type="color" default="#ffffff" value="#00a8d8"/>
</Group>
<Group description="Blog Description" selector=".header .description">
<Variable name="description.text.color" description="Description Color" type="color"
default="#997755" value="#333333"/>
</Group>
<Group description="Tabs Text" selector=".tabs-inner .widget li a">
<Variable name="tabs.font" description="Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="tabs.text.color" description="Text Color" type="color" default="#00a8d8" value="#777777"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
</Group>
<Group description="Tabs Background" selector=".tabs-outer .PageList">
<Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="tabs.separator.color" description="Separator Color" type="color" default="transparent" value="#f6f5f4"/>
</Group>
<Group description="Date Header" selector="h2.date-header">
<Variable name="date.font" description="Font" type="font"
default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="date.text.color" description="Text Color" type="color" default="#997755" value="#777777"/>
</Group>
<Group description="Post" selector="h3.post-title, .comments h4">
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="post.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
<Variable name="post.border.color" description="Border Color" type="color" default="#ccbb99" value="#b7b7b7"/>
</Group>
<Group description="Post Footer" selector=".post-footer">
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#8e8e8e"/>
</Group>
<Group description="Gadgets" selector="h2">
<Variable name="widget.title.font" description="Title Font" type="font"
default="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif"/>
<Variable name="widget.title.text.color" description="Title Color" type="color" default="#000000" value="#000000"/>
<Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#777777" value="#777777"/>
</Group>
<Group description="Footer" selector=".footer-inner">
<Variable name="footer.text.color" description="Text Color" type="color" default="#595959" value="#8e8e8e"/>
<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#000000" value="#838383"/>
</Group>
<Group description="Footer Links" selector=".footer-inner">
<Variable name="footer.link.color" description="Link Color" type="color" default="#00a8d8" value="#8e8e8e"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#00a8d8" value="#8e8e8e"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#595959" value="#00a8d8"/>
</Group>
<Variable name="body.background" description="Body Background" type="background"
color="transparent" default="$(color) url(http://www.blogblog.com/1kt/watermark/body\_background\_birds.png) repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/watermark/body\_background\_birds.png) repeat scroll top left"/>
<Variable name="body.background.overlay" description="Overlay Background" type="background" color="transparent"
default="transparent url(http://www.blogblog.com/1kt/watermark/body\_overlay\_birds.png) no-repeat scroll top right" value="$(color) none no-repeat scroll center center"/>
<Variable name="body.background.overlay.height" description="Overlay Background Height" type="length" default="121px" value="121px"/>
<Variable name="tabs.background.inner" description="Tabs Background Inner" type="url" default="none" value="none"/>
<Variable name="tabs.background.outer" description="Tabs Background Outer" type="url" default="none" value="none"/>
<Variable name="tabs.border.size" description="Tabs Border Size" type="length" default="0" value="0"/>
<Variable name="tabs.shadow.spread" description="Tabs Shadow Spread" type="length" default="0" value="0"/>
<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="30px"/>
<Variable name="main.cap.height" description="Main Cap Height" type="length" default="0" value="0"/>
<Variable name="main.cap.image" description="Main Cap Image" type="url" default="none" value="none"/>
<Variable name="main.cap.overlay" description="Main Cap Overlay" type="url" default="none" value="none"/>
<Variable name="main.background" description="Main Background" type="background"
default="transparent none no-repeat scroll top left" value="transparent none no-repeat scroll top left"/>
<Variable name="post.background.url" description="Post Background URL" type="url"
default="url(http://www.blogblog.com/1kt/watermark/post\_background\_birds.png)" value="url(http://www.blogblog.com/1kt/watermark/post\_background\_birds.png)"/>
<Variable name="post.border.size" description="Post Border Size" type="length" default="1px" value="1px"/>
<Variable name="post.border.style" description="Post Border Style" type="string" default="dotted" value="dotted"/>
<Variable name="post.shadow.spread" description="Post Shadow Spread" type="length" default="0" value="0"/>
<Variable name="footer.background" description="Footer Background" type="background"
color="#060606" default="$(color) url(http://www.blogblog.com/1kt/watermark/body\_background\_navigator.png) repeat scroll top left" value="$(color) url(http://www.blogblog.com/1kt/watermark/body\_background\_navigator.png) repeat scroll top left"/>
<Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
<Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left" value="left"/>
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
\*/
/\* Use this with templates/1ktemplate-\*.html \*/
/\* Content
----------------------------------------------- \*/
body, .body-fauxcolumn-outer {
font: normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #595959;
padding:0;
margin:0;
background:#EAEAEA url("http://2.bp.blogspot.com/-UpbLmky1G7U/T-YHOX1u\_qI/AAAAAAAAAl4/3RPJeaVBbzI/s1600/arrier.jpg") repeat-x;
font-family:tahoma;
}
@font-face {font-family: 'GE SS 2'; src: url('http://www.mo3aser.com/fonts/GESSTwoLight-Light.eot');}
@font-face {font-family: 'GE SS 2'; src: url(//:) format('no404'), url('http://www.mo3aser.com/fonts/GESSTwoLight-Light.ttf') format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'GE SS'; src: url('http://www.mo3aser.com/fonts/ge-ss-med.eot');}
@font-face {font-family: 'GE SS'; src: url(//:) format('no404'), url('http://www.mo3aser.com/fonts/ge-ss-med.ttf') format('truetype'); font-weight: normal; font-style: normal;}
.column-left-inner h2{
background-color: #00a8d8;
border: 1px solid #efefef;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #BCBCBC;
color: #FFFFFF;
display: inline-block;
margin-bottom: 6px;
outline: medium none;
padding: 4px 12px 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #159EBC;
font-size:16px;
font-weight:bold;
;font: Arial ;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
.content-outer {
font-size: 92%;
}
a:link {
text-decoration:none;
color: #00a8d8;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
a:visited {
text-decoration:none;
color: #00a8d8;
}
a:hover {
color: #595959;
}
.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 60px 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: #333333;
}
/\* 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: #777777;
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: #000000;
}
/\* 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: #777777;
}
/\* Main
----------------------------------------------- \*/
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding-top:15px;
}
.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 {
}
h3.post-title {
font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 0;
font-size:20px;
font-family:Arial;
}
.comments h4 {
font: normal normal 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 1em 0 0;
}
.post-body {
position: relative;
font:13px tahoma;
line-height: 25px;
}
.post-header {
margin:10px 0 ;
color: #8e8e8e;
background-color: #eaeaea;
border-radius: 5px 5px 5px 5px;
padding:3px 10px;
}
.post-footer {
margin: 5px 0 0;
padding: 5px 0 0;
color: #8e8e8e;
}
\#blog-pager {
}
\#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;
}
/\* 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;
}
/\* Widgets
----------------------------------------------- \*/
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
text-indent: 0;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
.widget .zippy {
color: #777777;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
}
.post-body img, .post-body .tr-caption-container {
padding: 8px;
}
.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:#8e8e8e;
padding:0;
background: url("http://2.bp.blogspot.com/-0ljXTin45nM/T-XI479UeFI/AAAAAAAAAlU/V0P1xEbKtMM/s1600/shadow.png") no-repeat scroll center bottom transparent;
margin-bottom:1px;
}
.footer-outer a {
color: #8e8e8e;
}
.footer-outer a:visited {
color: #8e8e8e;
}
.footer-outer a:hover {
color: #00a8d8;
}
.footer-outer .widget h2 {
color: #838383;
font: 18px "Tahoma, Geneva, sans-serif";
font-weight:500;
border-bottom:3px solid #ccc;
padding-bottom:5px;
padding-right:5px;
}
.footer-inner{
padding:0 0px 15px 0px ;
}
.footer-outer .widget {
border:1px solid #ccc;
padding:10px 20px 13px 20px ;
border-radius:5px;
}
/\* Mobile
----------------------------------------------- \*/
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(http://www.blogblog.com/1kt/watermark/post\_background\_birds.png) repeat scroll top left;
\_background-image: none;
margin-bottom: 10px;
}
.mobile .main-cap-top {
z-index: -1;
}
.mobile .content-outer {
font-size: 100%;
}
.mobile .post-outer {
padding: 10px;
}
.mobile .main-cap-top .cap-left {
background: transparent none no-repeat scroll bottom left;
}
.mobile .body-fauxcolumns .cap-top {
margin: 0;
}
.mobile-link-button {
background: transparent url(http://www.blogblog.com/1kt/watermark/post\_background\_birds.png) repeat scroll top left;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #00a8d8;
}
.mobile-index-date .date-header {
color: #777777;
}
.mobile-index-contents {
color: #595959;
}
.mobile .tabs-inner .section {
margin: 0;
}
.mobile .tabs-inner .PageList {
margin-left: 0;
margin-right: 0;
}
.mobile .tabs-inner .PageList .widget-content {
margin: 0;
color: #000000;
background: transparent url(http://www.blogblog.com/1kt/watermark/post\_background\_birds.png) repeat scroll top left;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #f6f5f4;
}
/\* Author Bio \*/ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /\* Author Bio End \*/
\#sidebar-left {
width:135px;
padding:0px 10px 10px 10px;
float:right;
background:#fff;
}
\#sidebar-right {
width:135px;
padding:0px 10px 10px 10px;
float:left;
background:#fff;
}
\#sidebar-bottom, #sidebar-middle {
margin-top:10px;
}
\#sidebar-middle {
width:320px;
float:left;
}
\]\]></b:skin>
<b:template-skin>
<b:variable default='960px' name='content.width' type='length' value='980px'/>
<b:variable default='0' name='main.column.left.width' type='length' value='330px'/>
<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
<!\[CDATA\[
body {
min-width: $(content.width);
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
\_width: $(content.width);
}
.main-inner .columns {
padding-left: $(main.column.left.width);
padding-right: $(main.column.right.width);
}
.main-inner .fauxcolumn-center-outer {
right: $(main.column.right.width);
/\* IE6 does not respect left and right together \*/
\_width: expression(this.parentNode.offsetWidth -
parseInt("$(main.column.left.width)") -
parseInt("$(main.column.right.width)") + 'px');
}
.main-inner .fauxcolumn-left-outer {
width: $(main.column.left.width);
}
.main-inner .fauxcolumn-right-outer {
width: $(main.column.right.width);
}
.main-inner .column-left-outer {
width: $(main.column.left.width);
right: 100%;
margin-left: -$(main.column.left.width);
}
.main-inner .column-right-outer {
width: $(main.column.right.width);
margin-right: -$(main.column.right.width);
}
#layout {
min-width: 0;
}
#layout .content-outer {
min-width: 0;
width: 800px;
}
#layout .region-inner {
min-width: 0;
width: auto;
}
.item-thumbnail a img{
border-radius: 5px;
border: 5px solid #d4d4d4;
padding:0px ;
width:74px;
height:74px;
}
.PopularPosts .item-title a{
font: 16px "Microsoft Sans Serif";
color:#747474;
}
.PopularPosts .item-title a:hover{
color:#9b9b9b;
}
.PopularPosts .item-title {
padding-top:7px ;
}
.PopularPosts .item-title a:hover{
text-decoration:none;
}
.h{
width:990px;
height:181px;
margin:0 auto 0 auto;
}
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*menu1\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.menu1{
width:990px;
height:25px;
}
.menu1 ul{
margin:0;
padding:0;
list-style:none;
text-align:right;
padding:3px;
}
.menu1 ul li{
float:right;
padding-left:20px;
}
.menu1 ul li a{
color:#a7a7a7;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
}
.menu1 ul li a:hover{
color:#787878;
}
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*menu1\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.logoetads{
width:990px;
height:123px;
}
.rss center{
width:100px;
margin:0 auto 0 auto;
}
.rss span {
font-family:Arial;
font-size:22px;
color:#7e7e7e;
}
.rss .btn2{
background:url(http://3.bp.blogspot.com/-B-wbgGIbIhg/T-3ojP-3ZzI/AAAAAAAAAr8/kyylLIEVFwg/s1600/templateth3.png);
border:none;
width:117px;
height:36px;
margin:0px;
cursor:pointer;
margin-top:1px;
}
.rss .txt2{
width:178px;
padding:10px;
border:1px solid #d5d2d2;
margin-left:5px;
border-radius:5px;
text-align:right;
float:right;
font-family:Tahoma;
font-size:13px;
color:#c1c1c1;
}
.rss form{
margin-top:10px;
}
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*logo\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.logoetads .logo{
width:232px;
height:123px;
float:right;
}
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*logo\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
.logoetads .ads{
width:750px;
height:20px;
float:right;
padding-top:14px;
}
.menu2{
width:960px;
height:30px;
background: url("http://2.bp.blogspot.com/-0ljXTin45nM/T-XI479UeFI/AAAAAAAAAlU/V0P1xEbKtMM/s1600/shadow.png") center bottom no-repeat;
margin-top:2px;
}
.menu2 ul{
margin:0;
padding:0;
list-style:none;
text-align:right;
padding:4px;
}
.menu2 ul li{
float:right;
padding-left:20px;
margin-top:2px;
}
.menu2 ul li a{
color:#979797;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
}
.menu2 ul li a:hover{
color:#626262;
}
.menu2 a img{
float:right;
margin-left:15px;
margin-top:1px;
}
.rmlink a{
background: #F1F1F1;
border: 1px solid #E6E6E6;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 2px #FFFFFF inset, 0 1px 1px #CACACA;
color: #999999 !important;
display: inline-block;
font: 17px "Arial";
font-weight:700;
text-align: center;
padding: 2px 15px 2px;
color: #999999 !important;
padding-right:15px;
padding-left:15px;
padding-tpo:5px;
padding-bottom:3px;
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-color: #00A8D8;
border-color: #fff;
outline: medium none;
color: #f3f3f3 !important;
text-decoration:none
}
.post-author {
padding-top:0px;
padding-right:15px;
padding-bottom:0px;
padding-left:15px;
margin: 0;
background: url("http://1.bp.blogspot.com/-v3tC5iZ72v4/T-Y1bITaewI/AAAAAAAAAnM/MnInQ-F4-c8/s1600/author.png") right center no-repeat;
}
.post-timestamp {
margin: 0;
padding: 0px 17px 0px 15px;
background: url("http://2.bp.blogspot.com/-FHkHoKmUxdM/T-Y0lNPxsbI/AAAAAAAAAm0/zRtwV6Z3rbY/s1600/time.png") right center no-repeat;
text-decoration:none;
}
.post-comment-link {
margin: 0;
padding: 0px 17px 0px 15px;
background: url("http://4.bp.blogspot.com/-Tfd1ilsM94k/T-Y0\_nNayUI/AAAAAAAAAnE/zgx2Mn0Z\_QY/s1600/comment.png") right center no-repeat;
font-family: Tahoma,Helvetica,Sans-serif;
}
.post-labels{
margin: 0;
padding: 0px 17px 0px 15px;
background: url("http://2.bp.blogspot.com/-IR8VsrcpXBE/T-Y0m2PMtWI/AAAAAAAAAm8/ldbvF7p121k/s1600/tag.png") right center no-repeat;
font-family: Tahoma,Helvetica,Sans-serif;
}
.post-comment-link a, .post-timestamp a, .post-author a {
color: #8e8e8e;
}
.post-comment-link a:hover, .post-timestamp a:hover, .post-author a:hover {
text-decoration:none;
}
\#featured{
margin-bottom:10px;
}
.sliderwrapper{
position: relative;
border-bottom-width: 6px;
height: 124px;
}
.sliderwrapper .contentdiv{
visibility: hidden;
position: absolute;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;
padding:15px 15px 15px 0px;
background:#f1f1f1;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
margin-top:10px;
}
.pagination{
text-align: right;
margin-top: 50px;
padding:5px;
}
.pagination a{
font:11px Arial;
color:#a3a3a3;
padding:4px 8px 4px 8px;
}
.pagination a.selected{
color:#4f4f4f;
}
.pagination .prev,.pagination .next { color:#EAEAEA;
font-size:0px; background:none; padding:0px; }
.featuredPost{
width:460px;
padding:0px 10px 10px 10px !important;
bottom:0;
float:left !important;
margin-right: 54px;
}
.featuredPost a{
color:#515151;
font: 18px "Microsoft Sans Serif";
margin:0;
padding:0;
}
.featuredPost h2{margin:0 0 8px 0;}
.featuredPost span{font-size:11px; margin:0; color:#797979;}
.featuredPost p{font-size:12px; margin:4px 0 0 0; color:#797979;}
.sliderPostPhoto a img{float: right !important;}
.sliderPostPhoto{float: right !important; width:100px !important;}
.column-center-inner{
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ababab;
padding-top:20px !important ;
padding-bottom:20px !important ;
}
.widget{
line-height: 22px !important;
}
.footerb{
height:26px;
background:url(http://3.bp.blogspot.com/-XSceN6A4xwo/T-dE\_lr79WI/AAAAAAAAAoc/9l44W1AUWpc/s1600/footer.png) repeat-x;
text-align:right;
padding-top:8px;
}
.footerb p{
margin:0;
color:#a7a7a7;
font:13px Tahoma;
}
.footerb a{
color:#a7a7a7;
font:13px Tahoma;
text-decoration:none;
}
.arfooter{
height:85px;
border:6px solid #eaeaea;
background:#f4f3f3;
}
.socialb{
float:left;
padding:10px 10px;
margin-left:70px;
}
.socialb img{
padding: 6px 6px 6px 6px;
background:
white;
border: 1px solid
whitef;
margin: 0 0 4px 4px;
}
.shareb{
width:230px;
height:70px;
float:left;
margin-top:10px;
}
.shareb{
width:230px;
height:70px;
float:left;
margin-top:10px;
}
.fb-like-box {
background: none repeat scroll 0 0 #FFFFF7;
border: 1px solid #EAEDD8;
color: black;
float:right;
font-size: 13px;
font-family: tahoma;
height: 60px;
margin: 10px 10px;
overflow: hidden;
padding: 5px 10px;
text-align:right;
width: 230px;
}
.stwrapper{
left: 10px !important;
}
\]\]>
</b:template-skin>
<script type='text/javascript'>var thumbnail\_mode = "no-float" ;
summary\_noimg = 400; /\* طول الملخص للمواضيع بدون صورة \*/
summary\_img = 280; /\* طول الملخص للمواضيع ذات صورة\*/
img\_thumb\_height = 161; /\* عرض الصورة في الملخص\*/
img\_thumb\_width = 210; /\*طول الصورة في الملخص \*/
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/><font size='0'><a href='http://www.monte-escalier-prix.org'></a></font>
<script>
/\* Script from:http://simplexdesign.blogspot.com/ \*/
imgr = new Array();
imgr\[0\] = "http://lh3.ggpht.com/\_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 140;
numposts1 =21;
label1 = "حلقات متخصيصي الحماية";
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s\[i\].indexOf(">")!=-1){s\[i\]=s\[i\].substring(s\[i\].indexOf(">")+1,s\[i\].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)\*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry\[i\];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link\[k\].rel=='alternate'){posturl=entry.link\[k\].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link\[k\].rel=='replies'&&entry.link\[k\].type=='text/html'){pcm=entry.link\[k\].title.split("")\[0\];break}}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img\[i\] = imgr\[j\];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\\"",a); c = s.indexOf("\\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img\[i\] = d;
var month=\[1,2,3,4,5,6,7,8,9,10,11,12\];var month2=\["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"\];var day=postdate.split("-")\[2\].substring(0,2);var m=postdate.split("-")\[1\];var y=postdate.split("-")\[0\];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month\[u2\]){m=month2\[u2\];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="sliderPostPhoto"><a href=""'+posturl+'""><img width=""155"" height=""121"" src=""'+img\[i\]+'"" /></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href=""'+posturl+'"">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>
<!--RelatedPostsStarts-->
<style>
\#related-posts {
float : right;
width : 600px;
margin-top:20px;
margin-right: 0px;
margin-bottom:20px;
font : 11px Arial;
margin-bottom:10px;
}
\#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
\#related-posts .widget h2, #related-posts h2 {
background:#EEEEEE url(http://1.bp.blogspot.com/-d\_WHyeSlwmQ/T-2UXqiz47I/AAAAAAAAArw/GMHM9KKwQL0/s1600/rt.png) right top repeat-y;
color : #222222;
font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;
}
\#related-posts a {
color : #054474;
font-weight:bold;
font-family: Arial;
font-size : 14px;
text-decoration : none;
}
\#related-posts a:hover {
color : #054474;
text-decoration : none;
}
\#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
\#related-posts ul li {
display : block;
background : url("") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/><!--RelatedPostsStops-->
<meta content='377782818960682' property='fb:app\_id'/>
<meta content='746116682' property='fb:admins'/>
</head>
<!--<body>
<b:section id="navbar" class="navbar" maxwidgets="1" showaddelement="no">
<b:widget type="Navbar" id="Navbar1" locked="yes"/>
</b:section>
-->
<body expr:class='"loading" + data:blog.mobileClass'>
<b:if cond='data:blog.pageType == "index"'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<meta expr:content='data:blog.title' itemprop='name'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
</div>
</b:if>
<div class='body-fauxcolumns'>
<div class='fauxcolumn-outer body-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content'>
<div class='content-fauxcolumns'>
<div class='fauxcolumn-outer content-fauxcolumn-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<div class='content-outer'>
<div class='content-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left content-fauxborder-left'>
<div class='fauxborder-right content-fauxborder-right'/>
<div class='content-inner'>
<header>
<div class='header-outer'>
<div class='header-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</header>
<div class='tabs-outer'>
<div class='tabs-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left tabs-fauxborder-left'>
<div class='fauxborder-right tabs-fauxborder-right'/>
<div class='region-inner tabs-inner'>
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
</div>
</div>
<div class='tabs-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- Start Alexa Certify Javascript -->
<script src='https://d31qbv1cthcecs.cloudfront.net/atrk.js' type='text/javascript'/><script type='text/javascript'>\_atrk\_opts = { atrk\_acct: "JEgNg1asOv00Om", domain:"th3professional.com"}; atrk ();</script><noscript><img alt='' height='1' src='https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=JEgNg1asOv00Om' width='1' /></noscript>
<!-- End Alexa Certify Javascript -->
<div class='h'>
<div class='menu1'>
<ul>
<li><a href='http://forums.th3pro.com/'>المنتدى</a></li>
<li><a href='http://www.th3professional.com/p/live.html'>بث مباشر</a></li>
<li><a href='http://www.th3professional.com/search/label/video?&max-results=9'>فيديـو</a></li>
<li><a href='http://feeds.feedburner.com/raghib'> إشتراك Rss</a></li>
<li><a href='http://www.th3professional.com/p/join-us.html'>إلتحق بفريق التدوين</a></li>
<li><a href='http://www.th3professional.com/p/facebook-page.html'>اعلن في الموقع</a></li>
</ul>
</div>
<div class='logoetads'>
<div class='logo'>
<a href='http://www.th3professional.com/'><img border='0' src='http://2.bp.blogspot.com/-A7Hg5eyiIpM/URoxbhE7SXI/AAAAAAAAAA4/0wJwerEcJYs/s1600/b0W01.png' /></a>
</div>
<div class='ads'>
<!-- annonce en tete -->
<div align='left'>
</div>
<!-- annonce en tete -->
</div>
</div>
<div class='menu2'>
<a href='http://www.th3professional.com'><img src='http://2.bp.blogspot.com/-\_-zkP6wzmdM/T-XI1nbWNpI/AAAAAAAAAlM/MAe0lu\_2-CE/s1600/home.png' /> </a>
<ul>
<li><a href='http://bit.ly/LK2WJd'>أخبار الإنترنت</a></li>
<li><a href='http://video.Th3professional.com/security'>حماية</a></li>
<li><a href='http://video.Th3professional.com/episodes'>حلقات</a></li>
<li><a href='http://video.Th3professional.com/articles'>مقالات</a></li>
<li><a href='http://video.Th3professional.com/facebook'>فيسبوك</a></li>
<li><a href='http://video.Th3professional.com/google'>جوجل</a></li>
<li><a href='http://video.Th3professional.com/windows'>ويندوز</a></li>
<li><a href='http://video.Th3professional.com/linux'>لينكس</a></li>
<li><a href='http://video.Th3professional.com/hardware'>هاردويـر</a></li>
<li><a href='http://video.Th3professional.com/internet'>أنترنت</a></li>
<li><a href='http://video.Th3professional.com/exclusive'>حصريات</a></li>
</ul>
<div class='recherche'>
<!-- recherche -->
<form action="http://www.google.co.ma/" id="cse-search-box">
<div class="re">
<input type="hidden" name="cx" value="partner-pub-4183062551526678:4883990086" />
<input type="hidden" name="ie" value="UTF-8" />
<div class="barre">
<input type="text" name="q" size="20" />
</div>
<div class="btn">
<input type="submit" name="sa" value="بحث" />
</div>
</div>
</form>
<!-- recherche -->
</div>
</div>
</div>
<div class='main-outer'>
<div class='main-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left main-fauxborder-left'>
<div class='fauxborder-right main-fauxborder-right'/>
<div class='region-inner main-inner'>
<div class='columns fauxcolumns'>
<div class='fauxcolumn-outer fauxcolumn-center-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-left-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<div class='fauxcolumn-outer fauxcolumn-right-outer'>
<div class='cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left'>
<div class='fauxborder-right'/>
<div class='fauxcolumn-inner'>
</div>
</div>
<div class='cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<!-- corrects IE6 width calculation -->
<div class='columns-inner'>
<div class='column-center-outer'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write("<script src=\\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\\"><\\/script>");
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>
<div dir='ltr' style='text-align: left;' trbidi='on'>
<div class='separator' style='clear: both; text-align: center;'>
<a href='http://www.youtube.com/subscription\_center?add\_user=geekraghib'><img border='0' src='http://2.bp.blogspot.com/-ew0wFSsUzpM/UKkNQGHt95I/AAAAAAAALfc/1r1tmq0GNEI/s1600/ioM01.png' /></a></div>
</div>
<div class='column-center-inner'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a><data:olderPageTitle/></a>
</span>
</b:if>
<a><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='threaded\_comment\_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <!\[CDATA\[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items\[items.length - 1\].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty\[k\].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = \[\];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry\[i\]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\\d+).post-(\\d+)/.exec(entry.id.$t);
comment.id = id ? id\[2\] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author\[0\];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link\[2\]) {
comment.link = comment.permalink = entry.link\[2\].href;
}
if (entry.link\[3\]) {
var pid = /.\*comments\\/default\\/(\\d+)\\?.\*/.exec(entry.link\[3\].href);
if (pid && pid\[1\]) {
comment.parentId = pid\[1\];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty\[k\].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty\[k\].value;
} else if (entry.gd$extendedProperty\[k\].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty\[k\].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed\[parsed.length - 1\].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')\[0\].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts\[0\]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts\[1\];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form\_/.test(hash)) {
startThread = hash.substring('comment-form\_'.length);
} else if (/^c\[0-9\]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || \[\];
window.goog.comments.loadQueue.push(render);
}
})();
// \]\]>
</script>
</b:includable>
<b:includable id='backlinks' var='post'>
<a></a><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment\_count\_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt\_count\_iframe\_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt\_count\_iframe\_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a></a>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a rel='bookmark' title='permanent link'><abbr><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static\_page"'>
<b:if cond='data:post.allowComments'>
<a><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a>
<img alt='' height='13' src='http://img1.blogblog.com/img/icon18\_email.gif' width='18' />
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType == "static\_page"'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left;padding-top:0px;'><a> تابع القراءة</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html'>Résumé</a><a href='http://abu-iyad.blogspot.com'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<data:post.body/><br/><div style='margin: 5px; float: right;'>
</div><div style='margin: 5px; float:left;'>
</div></b:if>
</b:if><font size='0'><a href=''></a></font>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<div class='arfooter'>
<div class='shareb'>
<div align='left'>
<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != "static\_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a href='http://www.facebook.com/sharer.php'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</b:if>
<!-- Facebook share button End -->
<!-- Place this tag where you want the share button to render. -->
<div class='g-plus' data-action='share' data-annotation='vertical-bubble' data-height='60'/>
<a href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)\[0\];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<!-- Place this tag after the last share tag. -->
<script type='text/javascript'>
window.\_\_\_gcfg = {lang: 'ar'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')\[0\]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
<div class='fb-like-box'>
هل أعجبك الموضوع ؟
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show\_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div>
</div>
<div style='margin: 5px; float: right;'>
<b:if cond='data:blog.pageType == "item"'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == "رغيب أمين"'>
<div class='postauthor'>
<img alt='' height='80' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/c47.0.519.519/s160x160/222657\_10151428483906683\_1491950464\_n.jpg' width='80' />
<h3>الموضوع من طرف : <a href='https://www.facebook.com/Raghibs'> رغيب أمين</a></h3>
<p> رغيب أمين 26 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال <a href='https://www.facebook.com/Raghibs'>الفيسبوك</a> . <a href='http://twitter.com/mr\_raghib'>تويتر</a> . <a href='http://gplus.to/raghib'>جوجل بلس</a></p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == "Baraa Alabdallah"'>
<div class='postauthor'>
<img alt='' height='80' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/c10.10.160.160/600081\_338500992890673\_676124209\_a.jpg' width='80' />
<h3>بقلم <a href='https://www.facebook.com/BaraaAabdallah'>براء العبد الله </a></h3>
<p>براء العبدالله ، مهتم ومتابع للتكنولوجيا و أخبارها ، أدرس هندسة الإتصالات ، يمكنك متابعتي من خلال صفحتي على <a href='https://www.facebook.com/BaraaAabdallah'> الفيسبوك</a><a href='https://www.facebook.com/BaraaAabdallah'></a></p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == "Mohamed Zaari"'>
<div class='postauthor'>
<img alt='' height='80' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/c14.62.175.175/s160x160/305982\_3281376847301\_1790725412\_n.jpg' width='80' />
<h3>بقلم <a href='https://www.facebook.com/zaari.mohamed'>محمد زعري</a></h3>
<p> مهووس بجديد التكنولوجيا ، اشارككم عبر مقالاتي كل شيئ جميل ومفيد يمكنك متابعتي من خلال حسابي على<a href='https://www.facebook.com/zaari.mohamed'> الفيسبوك</a> </p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == "Younes Zarhouni"'>
<div class='postauthor'>
<img alt='' height='80' src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/c28.28.345.345/s160x160/427961\_4780520071210\_327993611\_n.jpg' width='80' />
<h3>بقلم <a href=''>يونس الزرهوني </a></h3>
<p>
يونس الزرهوني مدون مغربي من مدينة تآزة مهووس بجديد التكنولجيا و التقنيات الحديثة و خصوصا بالتجارة الالكترونية اكتب في كل ماله علاقة بالويندوز والانترنت .يمكنك متابعته من خلال<a href='https://www.facebook.com/y.zarhouni'> فيسبوك</a></p>
</div>
</b:if>
</b:if>
</div>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)\[0\];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar\_AR/all.js#xfbml=1&appId=377782818960682";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</div>
<div style='margin:5px; float: left;'>
</div><div style='margin:5px; float:right;'>
</div>
<div id='related-posts'>
<h2> المزيد من المواضيع <div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related\_results\_labels&max-results=30"' type='text/javascript'/></b:if></b:loop></div> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
<center>
<img border='0' src='' />
<b:if cond='data:blog.pageType == "item"'>
<div><script src='http://connect.facebook.net/ar\_AR/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='600'/>
</div>
</b:if>
</center>
<b:if cond='data:blog.pageType == "item"'>
<div dir='ltr' style='text-align: left;' trbidi='on'>
</div>
<b:if cond='data:post.title'>
</b:if>
</b:if>
</b:if>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='comment\_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe\_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe\_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a></a>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a href='void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG\_CMT\_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded\_comments' var='post'>
<div class='comments' id='comments'>
<a></a>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded\_comment\_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "\_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a>
<img src='//www.blogger.com/img/icon\_delete13.gif' />
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a>‹</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a>›</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a></a>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
</b:if>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a rel='bookmark' title='permanent link'><abbr><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static\_page"'>
<b:if cond='data:post.allowComments'>
<a>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static\_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a>
<img alt='' height='18' src='http://img2.blogblog.com/img/icon18\_edit\_allbkg.gif' width='18' />
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static\_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded\_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a>
<img src='//www.blogger.com/img/icon\_delete13.gif' />
</a>
</b:if>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a></a>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG\_CMT\_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>›</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img />
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static\_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe\_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt\_iframe\_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a></a>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a><data:post.oldestLinkText/></a>
<a><data:post.olderLinkText/></a>
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
<a><data:post.newerLinkText/></a>
<a><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "\_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img height='16px' width='16px' />
</b:if>
<a></a>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a>
<data:post.oldestLinkText/>
</a>
<a>
<data:post.olderLinkText/>
</a>
<data:post.commentRangeText/>
<a>
<data:post.newerLinkText/>
</a>
<a>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "\_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML16' locked='false' title='Disqus for TH3 PROFessional' type='HTML'>
<b:includable id='main'>
<script type='text/javascript'>
var disqus\_shortname = 'th3professional';
var disqus\_blogger\_current\_url = "<data:blog.canonicalUrl/>";
if (!disqus\_blogger\_current\_url.length) {
disqus\_blogger\_current\_url = "<data:blog.url/>";
}
var disqus\_blogger\_homepage\_url = "<data:blog.homepageUrl/>";
var disqus\_blogger\_canonical\_homepage\_url = "<data:blog.canonicalHomepageUrl/>";
</script>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#comments {display:none;}
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus\_shortname+'.disqus.com/blogger\_item.js';
(document.getElementsByTagName('head')\[0\] || document.getElementsByTagName('body')\[0\]).appendChild(bloggerjs);
})();
</script>
</b:if>
<style type='text/css'>
.post-comment-link { visibility: hidden; }
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus\_shortname+'.disqus.com/blogger\_index.js';
(document.getElementsByTagName('head')\[0\] || document.getElementsByTagName('body')\[0\]).appendChild(bloggerjs);
})();
</script>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object\[attribute\] = val; }, false);
} else {
window.attachEvent('onload', function(){ object\[attribute\] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID753159737555265351333\\46blogName\\75RAGHIB+AMINE+BLOG\\46publishMode\\75PUBLISH\_MODE\_BLOGSPOT\\46navbarType\\75LIGHT\\46layoutType\\75LAYOUTS\\46searchRoot\\75http://amine-raghib.blogspot.com/search\\46blogLocale\\75en\\46v752\\46homepageUrl\\75http://amine-raghib.blogspot.com/\\46vt\\75-522888437516306076',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google\_top\_exp.js';
var head = document.getElementsByTagName('head')\[0\];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML15' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML17' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
<macro:include id='main-column-left-sections' name='sections'>
<macro:param default='0' name='num' value='2'/>
<macro:param default='sidebar-left' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<macro:include id='main-column-right-sections' name='sections'>
<macro:param default='2' name='num' value='0'/>
<macro:param default='sidebar-right' name='idPrefix'/>
<macro:param default='sidebar' name='class'/>
<macro:param default='true' name='includeBottom'/>
</macro:include>
</aside>
</div>
<!-- Stylish colored Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
<style type='text/css'>
.recherche{
float:left;
height:25px;
width:205px;
margin-top:-8px;
}
.barre input {
border:1px solid #ccc !important;
border-radius:5px;
height:20px;
text-align:right;
background:#efefef !important;
float:right !important;
font:13px Tahoma, Geneva, sans-serif;
padding-right:3px;
}
.btn input {
background:#dcdcdc;
border-radius:5px;
border-style:none;
font:13px Tahoma, Geneva, sans-serif;
padding:1px 8px 4px 8px;
cursor:pointer;
color:#878787;
float:left !important;
}
\#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/\* www.way2blogging.org \*/
.showpageArea a {text-decoration:underline;color: #9d9d9d;}/\* www.tqarob.blogspot.com \*/
.showpageNum a, .showpage a {
color: #9d9d9d;
text-decoration:none;
margin:0 3px;
padding:5px 10px;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/\* www.tqarob.blogspot.com \*/
.showpagePoint {
border-radius:50px;
color: #fff;
text-decoration:none;
margin:0 3px;
padding:5px 10px;
background: #00a8d8;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0; text-align:center; }/\* www.tqarob.blogspot.com \*/
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#9d9d9d;}/\* www.tqarob.blogspot.com \*/
</style>
<script type='text/javascript'>
var home\_page="/";
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=11;
var downPageWord ='»';
var upPageWord ='«';
</script>
<script src='http://tqarob.googlecode.com/files/tqarob\_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By tqarob @ http://www.tqarob.blogspot.com -->
</div>
</div>
<div style='clear: both'/>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'/>
<div class='region-inner footer-inner'>
<macro:include id='footer-sections' name='sections'>
<macro:param default='2' name='num' value='3'/>
<macro:param default='footer' name='idPrefix'/>
<macro:param default='foot' name='class'/>
<macro:param default='false' name='includeBottom'/>
</macro:include>
<!-- outside of the include in order to lock Attribution widget -->
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'/>
<div class='cap-right'/>
</div>
</div>
</div>
<script type='text/javascript'>
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<b:include data='blog' name='google-analytics'/>
<script src='http://yourjavascript.com/6121321561/ft.js'></script>
<script>
featuredcontentslider.init({
id: "slider1", //id of main slider DIV
contentsource: \["inline", ""\], //Valid values: \["inline", ""\] or \["ajax", "path\_to\_file"\]
toc: "#increment", //Valid values: "#increment", "markup", \["label1", "label2", etc\]
nextprev: \["Previous", "Next"\], //labels for "prev" and "next" links. Set to "" to hide.
enablefade: \[true, 0.5\], //\[true/false, fadedegree\]
autorotate: \[true, 6000\], //\[true/false, pausetime\]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</body>
<macro:includable id='sections' var='col'>
<macro:if cond='data:col.num == 0'>
<macro:else/>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-1"' preferred='yes' showaddelement='yes'/>
<macro:if cond='data:col.num >= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='"section-columns columns-" + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>
</td>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>
</td>
<macro:if cond='data:col.num >= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>
</td>
</macro:if>
<macro:if cond='data:col.num >= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>
</td>
</macro:if>
</tr>
</tbody>
</table>
<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>
<br/>
<div class='footerb'>
<p> جميع الحقوق محفوظة TH3 Professional security ©2010-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . <a href='http://www.th3professional.com/p/privacy-policy.html'>Privacy-Policy</a>| <a href='http://www.th3professional.com/p/blog-page\_11.html'>اتفاقية الاستخدام</a>|تصميم : <a href='http://www.alwan-blogger.co.cc/'>ألوان بلوجر</a> </p>
</div>
<b:section-contents id='sidebar-left-1'>
<b:widget id='HTML23' locked='false' title='تابعنا على الفيسبوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='من نحن' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='انظم الينا على :' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='المواضيع النشطة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a>
<img alt='' border='0' />
</a>
</div>
</b:if>
<div class='item-title'><a><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a>
<img alt='' border='0' />
</a>
</div>
</b:if>
<div class='item-title'><a><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML20' locked='false' title='بث المحترف' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='false' title='RAGHIB AMINE BLOG (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\\"" + data:sourceUrl + "\\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "\_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a>
<img />
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE\_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='التسميات' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' title='Disqus for TH3 PROFESSIONAL SECURITY' type='HTML'>
<b:includable id='main'>
<script type='text/javascript'>
var disqus\_shortname = 'th3professionalsecurity';
var disqus\_blogger\_current\_url = "<data:blog.canonicalUrl/>";
if (!disqus\_blogger\_current\_url.length) {
disqus\_blogger\_current\_url = "<data:blog.url/>";
}
var disqus\_blogger\_homepage\_url = "<data:blog.homepageUrl/>";
var disqus\_blogger\_canonical\_homepage\_url = "<data:blog.canonicalHomepageUrl/>";
</script>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#comments {display:none;}
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus\_shortname+'.disqus.com/blogger\_item.js';
(document.getElementsByTagName('head')\[0\] || document.getElementsByTagName('body')\[0\]).appendChild(bloggerjs);
})();
</script>
</b:if>
<style type='text/css'>
.post-comment-link { visibility: hidden; }
</style>
<script type='text/javascript'>
(function() {
var bloggerjs = document.createElement('script');
bloggerjs.type = 'text/javascript';
bloggerjs.async = true;
bloggerjs.src = 'http://'+disqus\_shortname+'.disqus.com/blogger\_index.js';
(document.getElementsByTagName('head')\[0\] || document.getElementsByTagName('body')\[0\]).appendChild(bloggerjs);
})();
</script>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Qui êtes-vous ?' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a><img /></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-plus' data-action='follow' data-width='100' expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a rel='author'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "\_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a><data:i.name/></a> (<data:i.post-count/>)
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "\_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a href='void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a href='void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a><data:i.title/></a></li>
</b:loop>
</b:includable>
</b:widget>
<b:widget id='HTML19' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='sidebar-left-2-1'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'/><b:section-contents id='footer-1'>
<b:widget id='HTML4' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'>
<b:widget id='PopularPosts2' locked='false' title='المشاركات الشائعة' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a>
<img alt='' border='0' />
</a>
</div>
</b:if>
<div class='item-title'><a><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a>
<img alt='' border='0' />
</a>
</div>
</b:if>
<div class='item-title'><a><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents><b:section-contents id='footer-2-3'>
<b:widget id='Stats1' locked='false' title='إجمالي مرات مشاهدة الصفحة' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<!-- Content is going to be visible when data will be fetched from server. -->
<div expr:id='data:widget.instanceId + "\_content"' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' height='30' width='75' />
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "\_totalCount"'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "\_totalCount"'/>
</b:if>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='التسميات' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section-contents></html>
\[/code\]