معهد خبراء بلوجر - مشكلة في حدف عارضة علوية بمدونتي

كود PHP:


		
			
<?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>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

<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 != &quot;&quot;'>
<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' ***********='X-UA-Compatible'/>



<meta content='IE=EmulateIE7' ***********='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='drFegSHmQ6RNOahGznBm93sNl6yDECBcgNL7jFPBX ng' 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'/>



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName + data:blog.title' name='Description'/> <meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/> </b:if>
</b:if>

<b:skin><![CDATA[/*
/*
-----------------------------------------------
alwan blogger
URL: www.radiovc.net
----------------------------------------------- */
/* Variable definitions
<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>
&lt;Group description=&quot;Page Text&quot; selector=&quot;body&quot;&gt;
<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"/>
&lt;/Group&gt;
&lt;Group description=&quot;Backgrounds&quot; selector=&quot;.main-inner&quot;&gt;
<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>
<Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#c0a154"/>
<Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="transparent"/>
&lt;/Group&gt;
&lt;Group description=&quot;Links&quot; selector=&quot;.main-inner&quot;&gt;
<Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc3300"/>
<Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#993322"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#ff3300"/>
&lt;/Group&gt;
&lt;Group description=&quot;Blog Title&quot; selector=&quot;.header h1&quot;&gt;
<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="#ffffff"/>
&lt;/Group&gt;
&lt;Group description=&quot;Blog Description&quot; selector=&quot;.header .description&quot;&gt;
<Variable name="description.text.color" description="Description Color" type="color"
default="#997755" value="#997755"/>
&lt;/Group&gt;
&lt;Group description=&quot;Tabs Text&quot; selector=&quot;.tabs-inner .widget li a&quot;&gt;
<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="#989898" value="#989898"/>
<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>
&lt;/Group&gt;
&lt;Group description=&quot;Tabs Background&quot; selector=&quot;.tabs-outer .PageList&quot;&gt;
<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="transparent"/>
&lt;/Group&gt;
&lt;Group description=&quot;Date Header&quot; selector=&quot;h2.date-header&quot;&gt;
<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="#997755"/>
&lt;/Group&gt;
&lt;Group description=&quot;Post&quot; selector=&quot;h3.post-title, .comments h4&quot;&gt;
<Variable name="post.title.font" description="Title Font" type="font"
default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, 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="#ccbb99"/>
&lt;/Group&gt;
&lt;Group description=&quot;Post Footer&quot; selector=&quot;.post-footer&quot;&gt;
<Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>
&lt;/Group&gt;
&lt;Group description=&quot;Gadgets&quot; selector=&quot;h2&quot;&gt;
<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"/>
&lt;/Group&gt;
&lt;Group description=&quot;Footer&quot; selector=&quot;.footer-inner&quot;&gt;
<Variable name="footer.text.color" description="Text Color" type="color" default="#989898" value="#989898"/>
<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#000000" value="#000000"/>
&lt;/Group&gt;
&lt;Group description=&quot;Footer Links&quot; selector=&quot;.footer-inner&quot;&gt;
<Variable name="footer.link.color" description="Link Color" type="color" default="#989898" value="#989898"/>
<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#989898" value="#989898"/>
<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#ffa800" value="#ffa800"/>
&lt;/Group&gt;
<Variable name="body.background" description="Body Background" type="background"
color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(//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(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right"/>
<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(//www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(//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=""/>
<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="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(//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=""/>
<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: 13px tahoma;
color: #989898;
background:url([IMG]http://2.bp.blogspot.com/-dAFTHkqfEis/UR-eIBDmOQI/AAAAAAAADkU/M5e1qyEttO4/s1600/jpeg.jpg);[/url]
line-height: 24px;
}
.widget {
line-height: 24px;
}
html body .content-outer {
min-width: 0;
max-width: 100%;
width: 100%;
}
.stwrapper{
left: 10px !important;
}
* {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@font-face {
font-family: 'DroidKufi-regular';
font-style: normal;
font-weight: 400;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'DroidKufi-Bold';
font-style: normal;
font-weight: 700;
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}
.h{ background:#fff;}
.h{
background: #fff;
width: 990px;
margin: 0 auto;
-webkit-box-shadow: 0px 1px 2px 0px #bababa;
box-shadow: 0px 1px 2px 0px #bababa;
}
.top {
width:100%;
background:#373737;
border-bottom:2px solid #989898;
}
.top .menu1{
width: 990px;
margin: 0 auto;
}
.top .menu1 ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.top .menu1 ul li{
float:right;
}
.stwrapper{
left: 10px !important;
}
.top .menu1 ul li a{
text-decoration: none;
font: 12px tahoma;
color: #989898;
padding: 8px 11px 8px 14px;
line-height: 25px;
background:url([url]http://4.bp.blogspot.com/-bngNJ6_KBL...eb724025.png);[/url]
}
.alwanip a{
color:#dcdcdc;
font: 12px droidkufi-bold;
margin:0;
padding:0;
line-height: 19px;
}
.alwanip h6{margin: 0;}
.alwanip h6 a:hover {color:#ffa800;}
.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
.alwanip p{font-size: 13px;
margin: 0;
color: #a5a5a5;
line-height: 23px;
}
.alwansf a img{float: right !important; width: 630px;}
.alwansf {float: right !important; width:100px !important;}
.column-center-outer {
width: 100%;
}
.PopularPosts .item-thumbnail {
float: right;
margin: 0 0 0 8px;
}
.PopularPosts .item-title a {
font-size: 12px;
font-family: droidkufi-bold, tahoma;
line-height: 22px;
}
.PopularPosts .item-title {
padding-top: 3px;
}
.PopularPosts .widget-content ul li {
padding:8px 0 6px;
border-top: solid 1px rgb(240, 240, 240);
}
.PopularPosts .widget-content ul li:first-child{
padding-top:0px
}
.PopularPosts .widget-content ul li:hover {
}
.Label li {
float: right;
margin: 0 0 5px 5px;
padding: 6px 11px !important;
background: url([url]http://3.bp.blogspot.com/-BJXXCCCFnG...1600/li1.png);[/url]
display: inline-block;
}
.Label li:hover{
background:url([url]http://2.bp.blogspot.com/-DbRYraoU9S...1600/li2.png);[/url]
}
.Label li a{color:rgb(236, 236, 236);}
.Label li a:hover{color:#fff;}
.alwantt .Label li a{color:#a5a5a5;}
.alwantt .Label li a:hover{color:#ffa800;}
.content-cat h3, .content-cat p i, .content-cat p br{display:none;}
.content-cat p{
width: 156px;
float: right;
text-align: right !important;
color: transparent;
padding: 0 7px 15px;
margin: 7px 0;
border-bottom: 1px solid #DDD;
height: 180px;
}
.content-cat p b{
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #7B7B7B;
line-height: 23px;
}
.content-cat p img{
width: 150px;
height:102px;
float:right !important;
margin: 0 0 7px 0 !important;
padding:0 !important;
border:3px solid #DDD !important;
}
.content-cat p a{
font-size: 0px;
width: 100%;
height: 108px;
position: relative;
margin-top: -184px;
}
.content-cat p a:hover{
background: url([url]http://4.bp.blogspot.com/-IVC1OVVMVB...outube.png)top[/url] no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.you-icone:hover{background:url([url]http://1.bp.blogspot.com/-3ph-4nN00s...utube2.png)top[/url] no-repeat;}
.twt-icone{
width: 50px;
height: 32px;
background:url([url]http://2.bp.blogspot.com/-UkgHer_Y6o...witter.png)top[/url] no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.twt-icone:hover{background:url([url]http://2.bp.blogspot.com/-tY5SrlJev7...itter2.png)top[/url] no-repeat;}
.face-icone{
width: 50px;
height: 32px;
background:url([url]http://2.bp.blogspot.com/-bjxmNtZSed...cebook.png)top[/url] no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.face-icone:hover{background:url([url]http://2.bp.blogspot.com/-7phJl6JL7A...ebook2.png)top[/url] no-repeat;}
.rss-icone{
width: 50px;
height: 32px;
background:url([url]http://3.bp.blogspot.com/-amcTTFtnos...00/RSS.png)top[/url] no-repeat;
text-align: center;
padding-top: 56px;
float:right;
}
.rss-icone:hover{background:url([url]http://4.bp.blogspot.com/-yNGQ0JC185...0/RSS2.png)top[/url] no-repeat;}
.post-footer-line > * {
margin-left: 0;
}
/* Header
----------------------------------------------- */
.header-outer {
margin: 0 0 0 0;
background: transparent none repeat scroll 0 0;
}
.Header h1 {
font: normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #444444;
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}
.Header h1 a {
color: #444444;
}
.Header .description {
font: normal bold 24px Impact, sans-serif;
color: #3778cd;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.header-inner .Header .titlewrapper {
padding-top: 22px;
}

/* 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: #989898;
border-right: 1px solid transparent;
}
.tabs-inner .widget li:first-child a {
border-left: 1px solid transparent;
}
.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: #7b7b7b;
}
/* Main
----------------------------------------------- */
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner {
padding: 0 0px;
}
.section {
margin: 0px;
}
.main{
margin-left:20px;
}
.Blog{
margin:0;
box-shadow: 0px 1px 2px 0px #bababa;
background: #fff ;
border-top: 4px solid #5b5b5b;
}
.main-outer {
margin-top: 0;
background: transparent none no-repeat scroll top left;
}
.main-inner {
padding:20px 0 0;
}
.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: 0;
width: 0;
right: 0;
bottom: 0;
background: transparent none no-repeat scroll bottom left;
}
/* Posts
----------------------------------------------- */
.post-body {
}
.post-body {
color: #000;
font-family: DroidKufi-Regular;
}
.post-outer {
padding: 10px 15px;
border-bottom: 1px solid #e9e9e9;
}
h3.post-title {
margin: 0 0 4px 0;
color: #00B4FF;
font: 18px droidkufi-bold;
}
h3.post-title a {
color: #00B4FF;
font: 18px droidkufi-bold;
}
h3.post-title a:hover {color: #ffa800;}
.comments h4 {
font: 18px arial ;
margin: 1em 0 0;
}
.comment-form{
max-width:100% !important;
}
.post-body {
font-size: 105%;
line-height: 26px;
position: relative;
}
.post-header {
padding: 0;
color: #818181;
font-size: 12px;
}
.post-header a{color:#818181;}
.post-header a:hover{color:#ffa800;}
.post-header-line-1{
display:none;}
.info-pr{
margin-top: 15px;
}
.author-2, .comment-link-2, .timestamp-2{ font:12px tahoma;}
.author-2 a, .comment-link-2 a, .timestamp-2 a{ font:12px tahoma;}
.author-2{
margin: 0;
padding: 0 18px 0 0;
background: url("http://1.bp.blogspot.com/-zufvfXul2xs/USE_uTC44OI/AAAAAAAADrE/If1h7PQn92c/s1600/admn.png") right center no-repeat;
text-decoration: none;
float:right;
}
.timestamp-2{
margin: 0;
padding: 0 18px 0 0;
background: url("http://3.bp.blogspot.com/-LzPh_H4408I/USE_uda7R5I/AAAAAAAADrA/7vhFkxKNRyw/s1600/date.png") right center no-repeat;
text-decoration: none;
float:right;
}
.info-post{
float: right;
width: 285px;
height: 34px;
color: #b6b6b6;
margin-top: 6px;
}
.info-post a{
color:#b6b6b6;
}
.info-post1{
padding: 7px 12px 8px;
background:#f7f7f7;
float:right;
}
.info-post2{
padding: 7px 12px 8px;
background:#ededed;
float:right;
}
.rmlink a {
background: #ffa800;
color: #fff;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
padding: 6px 14px 8px;
border-radius: 3px;
box-shadow: inset 0px -3px 0px 0px #ff9600;
}
.rmlink a:hover {background: #595959;}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #7b7b7b;
display:none;
}
#blog-pager {
padding: 10px;
margin:0;
}
#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;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAB Wzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE 4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHY HQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpB DgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0U pKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7 TP/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 {
padding: .35em 0;
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 .tr-caption-container {
padding: 8px;
}
.post-body img{
margin:8px 0 0 8px;
padding:3px;
border: 1px solid #dfdfdf;
border-radius:3px;
}
.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
----------------------------------------------- */
.alwantt {
color:#a5a5a5;
background:#373737;
margin:0 !important;
border-top: 2px solid #989898;
}
.alwantt .section {
margin: 0 15px;
}
.alwantt a {
color: #a5a5a5;
}
.alwantt a:visited {
color: #a5a5a5;
}
.alwantt a:hover {
color: #ffa800;
}
.alwantt .widget h2 {
color: #ededed;
font-size: 13px;
font-family: droidkufi-bold, tahoma;
padding-bottom: 7px;
padding-right: 5px;
margin-bottom: 12px;
background: url([url]http://1.bp.blogspot.com/-rpK53r_-l-...plateth3.png);[/url]
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: #ffa800;
color: #fff;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
padding: 6px 14px 8px;
border-radius: 3px;
box-shadow: inset 0px -3px 0px 0px #ff9600;
}
.rmlink a:hover {background: #595959;}
.post-footer {
margin: 0px 0 0;
padding: 0px 0 0;
color: #7b7b7b;
display: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;
}


.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([url]http://3.bp.blogspot.com/-XSceN6A4xw....blogspot.com/[/url] */
imgr = new Array();
imgr[0] = &quot;[url]http://lh3.ggpht.com/_kViOplhgIHI/TK...ges.jpg&quot;;[/url]
showRandomImg = true;
aBold = true;
summaryPost = 150;

numposts1 = 6;
label1 = &quot;المحترف&quot;;
function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);s=s.substring(0,c hop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floo r((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}

if (&quot;content&quot; in entry) {
var postcontent = entry.content.$t;}
else
if (&quot;summary&quot; in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = &quot;&quot;;
postdate = entry.published.$t;
if(j&gt;imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&q uot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quo t;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot; Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==mont h[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;'+daystr+'&lt;/div&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summar yPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';
document.write(trtd);
j++;
}}
&lt;/script&gt;


<!--RelatedPostsStarts-->
<style>
#related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;[url]http://lh3.ggpht.com/_cNpXRtRph18/S7.../rss.png&quot;[/url]) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; }
</style>
<script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>
<script language='javascript' src='http://tferwi7e.com/related/related.js'/>
<!--RelatedPostsStops-->




<meta content='377782818960682' property='fb:app_id'/>
<meta content='746116682' property='fb:admins'/>

<script type='text/javascript'>
if(document.location.protocol=='http:'){
var Tynt=Tynt||[];Tynt.push('d-PytMlMWr4j7madbi-bnq');Tynt.i={&quot;ap&quot;:&quot;المصدر: عالم العرب &quot;};
(function(){var s=document.createElement('script');s.async=&quot;a sync&quot;;s.type=&quot;text/javascript&quot;;s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
}
</script>
</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='&quot;loading&quot; + data:blog.mobileClass'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<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>
<script language='javascript' src='http://tferwi7e.com/featured-slider/featured.js'/>
<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: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: &quot;JEgNg1asOv00Om&quot;, domain:&quot;th3professional.com&quot;}; atrk ();</script><noscript><img alt='' height='1' src='https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=JEgNg1asOv00Om' style='display:none' width='1'/></noscript>
<!-- End Alexa Certify Javascript -->
<div class=''>
<div class=''>


<div class='recherche'>


<!-- recherche -->
</div>
<div style='clear: both;'/>
</div>
<div style='clear: both;'/>
</div>
<div class='h'>
<div class='logoandans'>
<a href='http://top-radiovc.blogspot.com/'><img class='logo' src='http://www.shy22.com/upfilpng/jpy56808.png'/></a>
<div class='ads'>
<a href='http://www.tvquran.com/' rel='nofollow' rel="nofollow" target='_blank'><img alt='TvQuran' border='0' src='http://www.tvquran.com/banr/tvquran_6.gif'/></a>


<div style='clear: both;'/>
</div>
<div style='clear: both;'/>
</div>
<div class='m'>
<div style='clear: both;'/>
<div style='clear: both;'/>
<ul>
<li><a class='home' href='http://top-radiovc.blogspot.com/'/></li>
<li><a href='http://www.radiovc.net'>آخر الأخبار</a></li>
<li><a href='http://www.radiovc.net'>سياسة</a></li>
<li><a href='http://www.radiovc.net'>رياضة</a></li>
<li><a href='http://www.radiovc.net'>صور</a></li>
<li><a href='http://www.radiovc.net'>فيديو</a></li>
<li><a href='http://www.radiovc.net'>دردشة صوتية</a></li>
<li><a href='http://www.radiovc.net'>دروس الباكلوريا</a></li>
<li><a href='http://www.radiovc.net'>إتصل بنا</a></li>
</ul>
<div style='clear: both;'/>
</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'/>
&lt;/br&gt;
<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=''>
<div class='' id=''>
&lt;script&gt;
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=publis hed&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt ;\/script&gt;&quot;);
&lt;/script&gt;
</div>
<div class='' id='-'>
</div>
</div>
</b:if>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='false' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>

<!-- 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 == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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 == &quot;item&quot;'>
<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'>
&lt;/div&gt;&lt;/div&gt;
</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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blog spotReviews/>);
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='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><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 expr:href='data:backlink.url' 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 class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' rel="nofollow" target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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 expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + 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 class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</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 class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</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='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<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 expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.old estLinkText/></a>
*
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olde rLinkText/></a>
*
</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newe rLinkText/></a>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.new estLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' 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 expr:href='data:comment.url' 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 expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
*
<data:post.commentRangeText/>
*
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<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 expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:p ostCommentMsg/></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 + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='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 == &quot;false&quot;'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:p ostCommentMsg/></a>
</b:if>
</b:if>
</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 expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</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 != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</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 == &quot;index&quot;'>
<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='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 class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkM sg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><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='&quot;post-body-&quot; + 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 == &quot;item&quot;'>

</b:if>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' 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 class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<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='javascript: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 == &quot;static_page&quot;'>
<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 == &quot;item&quot;'>
<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='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTi tle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTi tle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><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 expr:href='data:post.authorProfileUrl' itemprop='author' 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 class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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 expr:href='data:label.url + &quot;?&amp;max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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 expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' 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='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>



<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<da ta:post.id/>&quot;);</script>
<div class='info-pr'>
<div style='clear: both;'/>
<span class='rmlink' style='float:left;padding-top:7px;'>
<a expr:href='data:post.canonicalUrl'>أكمل القراءة</a>
</span>
</div>
</b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<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;'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'><!--
google_ad_client = "xxxxxx";
google_ad_host = "xxxxxx";
/* am */
google_ad_slot = "xxxxxx";
google_ad_width = xxxxxx;
google_ad_height = xxxxxx;
//-->
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>
</b:if>
</div></b:if>
</b:if><font size='0'><a href=''/></font>



<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='arfooter'>




<div class='shareb'>


<div align='left'>

<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:left;padding:5px 5px 5px 0;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>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 class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='elliaoui' 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);j s.id=id;js.src=&quot;[url]https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fj[/url] s);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>



</div>



</div>


<div class='fb-like-box'>
هل أعجبك الموضوع ؟
<iframe allowTransparency='true' expr:src='&quot;[url]http://www.facebook.com/plugins/like.php?href=&quot;[/url] + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&am p;width=230&amp;action=like&amp;font=arial&amp;col orscheme=light&quot;' 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 == &quot;item&quot;'>
<!-- تعريف الكاتب الأول -->
<b:if cond='data:post.author == &quot;رغيب أمين&quot;'>
<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/Officiel.Radiovc'> رغيب أمين</a></h3>
<p> رغيب أمين 26 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال <a href='https://www.facebook.com/Officiel.Radiovc' rel="nofollow" target='_blank'>الفيسبوك</a> . <a href='http://twitter.com/elliaoui' rel="nofollow" target='_blank'>تويتر</a> . <a href='http://gplus.to/raghib' rel="nofollow" target='_blank'>جوجل بلس</a></p>
</div>

</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;Baraa Alabdallah&quot;'>
<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' rel="nofollow" target='_blank'> الفيسبوك</a><a href='https://www.facebook.com/BaraaAabdallah' rel="nofollow" target='_blank'/></p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;Mohamed Zaari&quot;'>
<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' rel="nofollow" target='_blank'> الفيسبوك</a> </p>
</div>
</b:if>
<!-- تعريف الكاتب الثاني -->
<b:if cond='data:post.author == &quot;Younes Zarhouni&quot;'>
<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' rel="nofollow" target='_blank'> فيسبوك</a></p>
</div>
</b:if>
</b:if>
</div>

&lt;div id=&quot;fb-root&quot;&gt;
&lt;/div&gt;
&lt;script&gt;(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 = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&amp;appId=377782818960682&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));&lt;/script&gt;



&lt;/div&gt;
<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=30&quot;' 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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.promote_post_bg {
height: 103px;
background: url([url]http://4.bp.blogspot.com/-owP_GvTXlQU/T8yip3XNf6I/AAAAAAAABRc/5W54DInX7o0/s1600/chamelcool2.gif[/IMG]) 0 -7px no-repeat;
width: 500px;
margin-left: 65px;
}

.promote_twitter {
width: 130px;
height: 38px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 13px;
text-align: center;
}

.promote_facebook {
width: 115px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 63px 0 0 28px;
text-align: center;
}

.promote_google {
width: 65px;
height: 40px;
float: left;
margin: 0 39px 0 0;
padding: 65px 0 0 28px;
text-align: center;
}
</style>
<div class='promote_post_bg'>
<div class='promote_twitter'>
<a class='twitter-share-button' data-via='chamelcool' 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 = &quot;//platform.twitter.com/widgets.js&quot;;
fjs.parentNode.insertBefore(js, fjs);
}
}(document, &quot;script&quot;, &quot;twitter-wjs&quot;);
</script>
</div>
<div class='promote_facebook'>
<div>
<b:if cond='data:post.isFirstPost'>
<script>
(function (d) {
var js, id = 'facebook-jssdk';
if (d.getElementById(id)) {
return;
}
js = d.createElement('script');
js.id = id;
js.async = true;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
</b:if>
<fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>
</div>
</div>
<div class='promote_google'>
<script type='text/javascript'>
(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>
<g:plusone annotation='none' size='medium'/>
</div>
</div>
<p style='display:none;'> Sharing Widget by<a href='http://chamelcool.blogspot.com/'>chamelcool</a></p>
</b:if>

<div class='post-footer-line post-footer-line-3'/>

</div>
</div>



</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=email&quot;' expr:title='data:top.emailThisMsg' rel="nofollow" target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' rel="nofollow" target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' rel="nofollow" target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' rel="nofollow" target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' rel="nofollow" target='_blank'><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='status-message'>
<b:if cond='data:navMessage'>



<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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 expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<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_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(replyb ox, 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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<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 + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</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 != &quot;&quot;'>
<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='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.j...lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
gapi.load(&quot;iframes-styles-bubble&quot;, function() {
if (window.iframes &amp;&amp; iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\075454873397657878050\46blog Name\75top-radiovc\46publishMode\75PUBLISH_MODE_BLOGSPOT\46na vbarType\75DISABLED\46layoutType\75LAYOUTS\46searc hRoot\75http://top-radiovc.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75 http://top-radiovc.blogspot.com/\46vt\0753409958404970059329',
{
container: &quot;navbar-iframe-container&quot;,
id: &quot;navbar-iframe&quot;
},
{
});
}
});
&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(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);
}})();
&lt;/script&gt;
</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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 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;

}
<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->

#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.uniegy.blogspot.com */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */
</style>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=9;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'/>
<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.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='alwantt'>
<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'/>


&lt;script src='http://dl.dropbox.com/u/12924430/con...lt;/script&gt;
&lt;script&gt;
featuredcontentslider.init({
id: &quot;slider1&quot;, //id of main slider DIV
contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)
}
})
&lt;/script&gt;



<script type='text/javascript'>
$(function() {
$.fn.scrolltoTop = function() {
var scrollLink = $(this),
win = $(window);
scrollLink.hide();
if (win.scrollTop() != '0'){
scrollLink.fadeIn('slow')
}
win.scroll(function() {
if (win.scrollTop() == '0'){
scrollLink.fadeOut('slow')
}
else{
scrollLink.fadeIn('slow')
}
});
scrollLink.click(function() {
$('html, body').animate({
scrollTop: 0
}, 'slow')
})
}
});
$(function() {
$('#scroll-top').scrolltoTop();
});
</script>
<a href='#' id='scroll-top' title='الي الاعلى'>^</a>
</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 + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num &gt;= 2'>
<table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
<tbody>
<tr>
<td class='first columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
</td>

<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
</td>

<macro:if cond='data:col.num &gt;= 3'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
</td>
</macro:if>

<macro:if cond='data:col.num &gt;= 4'>
<td class='columns-cell'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
</td>
</macro:if>
</tr>
</tbody>
</table>

<macro:if cond='data:col.includeBottom'>
<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
</macro:if>
</macro:if>
</macro:if>
</macro:includable>




<b:section-contents id='sidebar-left-1'>
<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 != &quot;&quot;'>
<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='HTML23' locked='false' title='تابعنا عبر الاميل' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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 == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' rel="nofollow" target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><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 expr:href='data:post.href' rel="nofollow" target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><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='HTML3' locked='false' title='تابعونا على الفيسبوك' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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='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 + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<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 expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='&quot;archivedate &quot; + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><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>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<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='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼*</span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
◄*
<b:else/>
►*
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<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 == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' rel="nofollow" target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><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 expr:href='data:post.href' rel="nofollow" target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><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='sidebar-left-2-1'/><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-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 != &quot;&quot;'>
<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-2'>
<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 != &quot;&quot;'>
<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='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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-3'>
<b:widget id='Text1' locked='false' title='' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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='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 + &quot;_content&quot;' style='display: none;'>
<!-- Counter and image will be injected later via AJAX call. -->
<b:if cond='data:showSparkline'>
<img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
</b:if>
<b:if cond='data:showGraphicalCounter'>
<span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
<b:else/>
<span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
</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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<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 expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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='&quot;label-size label-size-&quot; + 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 expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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>

كود:

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>



<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 != &quot;&quot;'> 

<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' ***********='X-UA-Compatible'/>







    <meta content='IE=EmulateIE7' ***********='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'/>







<b:if cond='data:blog.pageType == &quot;item&quot;'>

<title><data:blog.pageName/></title>

<b:else/>

<title><data:blog.pageTitle/></title>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName + data:blog.title' name='Description'/> <meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/> </b:if>

</b:if>



    <b:skin><![CDATA[/*

/*

-----------------------------------------------

alwan blogger

URL:      www.radiovc.net

----------------------------------------------- */

/* Variable definitions

<Variable name="keycolor" description="Main Color" type="color" default="#c0a154" value="#c0a154"/>

&lt;Group description=&quot;Page Text&quot; selector=&quot;body&quot;&gt;

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

&lt;/Group&gt;

&lt;Group description=&quot;Backgrounds&quot; selector=&quot;.main-inner&quot;&gt;

<Variable name="body.text.color" description="Text Color" type="color" default="#333333" value="#333333"/>

<Variable name="body.background.color" description="Outer Background" type="color" default="#c0a154" value="#c0a154"/>

<Variable name="footer.background.color" description="Footer Background" type="color" default="transparent" value="transparent"/>

&lt;/Group&gt;

&lt;Group description=&quot;Links&quot; selector=&quot;.main-inner&quot;&gt;

<Variable name="link.color" description="Link Color" type="color" default="#cc3300" value="#cc3300"/>

<Variable name="link.visited.color" description="Visited Color" type="color" default="#993322" value="#993322"/>

<Variable name="link.hover.color" description="Hover Color" type="color" default="#ff3300" value="#ff3300"/>

&lt;/Group&gt;

&lt;Group description=&quot;Blog Title&quot; selector=&quot;.header h1&quot;&gt;

<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="#ffffff"/>

&lt;/Group&gt;

&lt;Group description=&quot;Blog Description&quot; selector=&quot;.header .description&quot;&gt;

<Variable name="description.text.color" description="Description Color" type="color"

default="#997755"  value="#997755"/>

&lt;/Group&gt;

&lt;Group description=&quot;Tabs Text&quot; selector=&quot;.tabs-inner .widget li a&quot;&gt;

<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="#989898" value="#989898"/>

<Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#000000" value="#000000"/>

&lt;/Group&gt;

&lt;Group description=&quot;Tabs Background&quot; selector=&quot;.tabs-outer .PageList&quot;&gt;

<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="transparent"/>

&lt;/Group&gt;

&lt;Group description=&quot;Date Header&quot; selector=&quot;h2.date-header&quot;&gt;

<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="#997755"/>

&lt;/Group&gt;

&lt;Group description=&quot;Post&quot; selector=&quot;h3.post-title, .comments h4&quot;&gt;

<Variable name="post.title.font" description="Title Font" type="font"

default="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, 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="#ccbb99"/>

&lt;/Group&gt;

&lt;Group description=&quot;Post Footer&quot; selector=&quot;.post-footer&quot;&gt;

<Variable name="post.footer.text.color" description="Text Color" type="color" default="#997755" value="#997755"/>

&lt;/Group&gt;

&lt;Group description=&quot;Gadgets&quot; selector=&quot;h2&quot;&gt;

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

&lt;/Group&gt;

&lt;Group description=&quot;Footer&quot; selector=&quot;.footer-inner&quot;&gt;

<Variable name="footer.text.color" description="Text Color" type="color" default="#989898" value="#989898"/>

<Variable name="footer.widget.title.text.color" description="Gadget Title Color" type="color" default="#000000" value="#000000"/>

&lt;/Group&gt;

&lt;Group description=&quot;Footer Links&quot; selector=&quot;.footer-inner&quot;&gt;

<Variable name="footer.link.color" description="Link Color" type="color" default="#989898" value="#989898"/>

<Variable name="footer.link.visited.color" description="Visited Color" type="color" default="#989898" value="#989898"/>

<Variable name="footer.link.hover.color" description="Hover Color" type="color" default="#ffa800" value="#ffa800"/>

&lt;/Group&gt;

<Variable name="body.background" description="Body Background" type="background"

color="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_birds.png) repeat scroll top left" value="$(color) url(//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(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right" value="transparent url(//www.blogblog.com/1kt/watermark/body_overlay_birds.png) no-repeat scroll top right"/>

<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(//www.blogblog.com/1kt/watermark/post_background_birds.png)" value="url(//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=""/>

<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="transparent" default="$(color) url(//www.blogblog.com/1kt/watermark/body_background_navigator.png) repeat scroll top left" value="$(color) url(//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=""/>

<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: 13px tahoma;

color: #989898;

background:url(http://2.bp.blogspot.com/-dAFTHkqfEis/UR-eIBDmOQI/AAAAAAAADkU/M5e1qyEttO4/s1600/jpeg.jpg);

line-height: 24px;

}

.widget {

line-height: 24px;

}

html body .content-outer {

min-width: 0;

max-width: 100%;

width: 100%;

}

.stwrapper{

left: 10px !important;

}

* {

-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}

@font-face {

font-family: 'DroidKufi-regular';

font-style: normal;

font-weight: 400;

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('x-woff2'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');

}

@font-face {

font-family: 'DroidKufi-Bold';

font-style: normal;

font-weight: 700;

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);

src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('x-woff2'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),

url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');

}

.h{ background:#fff;}

.h{

background: #fff;

width: 990px;

margin: 0 auto;

-webkit-box-shadow: 0px 1px 2px 0px #bababa;

box-shadow: 0px 1px 2px 0px #bababa;

}

.top {

width:100%;

background:#373737;

border-bottom:2px solid #989898;

}

.top .menu1{

width: 990px;

margin: 0 auto;

}

.top .menu1 ul{

margin:0;

list-style:none;

float:right;

padding:0;

}

.top .menu1 ul li{

float:right;

}

.stwrapper{

left: 10px !important;

}

.top .menu1 ul li a{

text-decoration: none;

font: 12px tahoma;

color: #989898;

padding: 8px 11px 8px 14px;

line-height: 25px;

background:url(http://4.bp.blogspot.com/-bngNJ6_KBLk/UR-YQGn3oPI/AAAAAAAADi8/FacnBe8sjpU/s1600/ft-btn.png) left center no-repeat;

}

.top .menu1 ul li a:hover{

color:#6d6d6d;

}

.logoandans{

padding: 24px 14px;

margin: 0 auto;

text-align: center;

}

.logoandans .logo{ float: right;}

.logoandans .ads{ width:728px; height:90px; float:left; margin-top: 6px;}

.logoandans .ads img{ width:728px; height:90px;}

.m{

width:100%;

background:#f5f5f5;

border-bottom: 4px solid #e5e5e5;

border-top:1px solid #e9e9e9;

}

.m ul{

margin:0;

list-style:none;

float:right;

padding:0;

}

.m ul li{

float:right;

}

.m ul li a{

text-decoration: none;

font-size: 12px;

font-family: droidkufi-bold, tahoma;

color: #808080;

padding: 14px 13px 15px;

line-height: 51px;

border-left:1px solid #e9e9e9;

}

.m ul li a:hover{background:#f0f0f0; }

.m ul li .home{ background:#ffa800 url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 15px 28px 19px;}

.m ul li .home:hover{  background:#ffa800 url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 15px 28px 19px;}

.recherche {

float: left;

height: 27px;

width: 165px;

}

.barre input {

width: 131px;

padding: 6px 2px 5px;

margin: 0;

background: #494949;

border: none;

float: right;

text-align: right;

color: #b5b5b5;

font: 13px Tahoma, Geneva, sans-serif;

}

.btn input {

float: left;

width: 30px;

height: 27px;

font: 13px Tahoma, Geneva, sans-serif;

background: #ffa800 url(http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png) center no-repeat;

cursor: pointer;

border: none;

margin: 0;

padding: 0;}

.btn input:hover {

background: #707070 url(http://2.bp.blogspot.com/-Mom-QFGsI1I/UR-7mbsJ9nI/AAAAAAAADlw/j17rp-7DkzE/s1600/srch.png) center no-repeat;

}

.content-outer {

font-size: 100%;

}

a:link {

text-decoration:none;

color: #989898;

}

a:visited {

text-decoration:none;

color: #989898;

}

a:hover {

color: #ffa800;

}

.body-fauxcolumns .cap-top {

margin-top: 30px;

background: transparent none no-repeat scroll center center;

height: 121px;

}

.content-inner {

padding: 0;

}

.showpageArea { color: #333; padding:0px;}

.showpageArea a {color: #333; margin:0;}

.showpageNum a {padding: 5px 10px; margin:0 5px;}

.showpageNum a:hover { color: #8B8B8B; }

.showpageOf{margin:0 10px 0 0; color: #8B8B8B !important;}

.showpagePoint {color:#fff; padding: 5px 10px; margin:0 5px; background: #6d6d6d;}

.status-msg-wrap{

width:100%;

margin:0 ;

}

.status-msg-border {

border:none;

border-top: 1px solid #525252;

border-bottom: 1px solid #525252;

}

.sidebar .widget{

box-shadow: 0px 1px 2px 0px #bababa;

background:#fff url(http://4.bp.blogspot.com/-4en8zcERBgU/USinriDRXFI/AAAAAAAADvQ/F-oLR7bLDm8/s1600/top-w.png) top right no-repeat;

padding:10px;

line-height: 17px;

width:316px;

}

.column-left-inner h2, .main .widget h2{

color: #979797;

font: 12px droidkufi-bold;

padding: 3px 0 7px;

border-bottom: 1px solid #d3d3d3;

margin-bottom: 10px;

}

.widget {

margin: 0 0 20px !important;

}

#alwansd{

height: 397px;

margin: 0 0 20px 20px;

padding: -5px 10px 15px 16px;

width: 630px;

background: #373737;

border-top: 4px solid #ffa800;

}

.alwanw{

position: relative;

height:385px;

}

.alwanw .contentdiv{

visibility: hidden;

position: absolute;

opacity: 1;

}

.alwan-ps{

text-align: right;

float: left;

width: 618px;

height: 11px;

margin-left: -1px;

}

.alwan-ps .toc{

font-size: 0px;

width: 102px;

height: 11px;

float: right;

background: #5b5b5b;

margin-left: 1px;

}

.alwan-ps a.selected{

background:#dfdfdf;

}

.alwan-ps .prev, .alwan-ps .next {display:none; }

.alwanip{

width: 610px;

padding: 10px !important;

bottom: 0;

float: left !important;

position: absolute;

background:url(http://www.shy22.com/upfilpng/eb724025.png);

}

.alwanip a{

color:#dcdcdc;

font: 12px droidkufi-bold;

margin:0;

padding:0;

line-height: 19px;

}

.alwanip h6{margin: 0;}

.alwanip h6 a:hover {color:#ffa800;}

.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }

.alwanip p{font-size: 13px;

margin: 0;

color: #a5a5a5;

line-height: 23px;

}

.alwansf a img{float: right !important; width: 630px;}

.alwansf {float: right !important; width:100px !important;}

.column-center-outer {

width: 100%;

}

.PopularPosts .item-thumbnail {

float: right;

margin: 0 0 0 8px;

}

.PopularPosts .item-title a {

font-size: 12px;

font-family: droidkufi-bold, tahoma;

line-height: 22px;

}

.PopularPosts .item-title {

padding-top: 3px;

}

.PopularPosts .widget-content ul li {

padding:8px 0 6px;

border-top: solid 1px rgb(240, 240, 240);

}

.PopularPosts .widget-content ul li:first-child{

padding-top:0px

}

.PopularPosts .widget-content ul li:hover {

}

.Label li {

float: right;

margin: 0 0 5px 5px;

padding: 6px 11px !important;

background: url(http://3.bp.blogspot.com/-BJXXCCCFnGY/URp3i83AZSI/AAAAAAAADcI/yb7zEdz1jPo/s1600/li1.png);

display: inline-block;

}

.Label li:hover{

background:url(http://2.bp.blogspot.com/-DbRYraoU9S4/URp3jC0U3QI/AAAAAAAADcM/iABIEO-_Z3M/s1600/li2.png);

}

.Label li a{color:rgb(236, 236, 236);}

.Label li a:hover{color:#fff;}

.alwantt .Label li a{color:#a5a5a5;}

.alwantt .Label li a:hover{color:#ffa800;}

.content-cat h3, .content-cat p i, .content-cat p br{display:none;}

.content-cat p{

width: 156px;

float: right;

text-align: right !important;

color: transparent;

padding: 0 7px 15px;

margin: 7px 0;

border-bottom: 1px solid #DDD;

height: 180px;

}

.content-cat p b{

font-size: 12px;

font-family: droidkufi-bold, tahoma;

color: #7B7B7B;

line-height: 23px;

}

.content-cat p img{

width: 150px;

height:102px;

float:right !important;

margin: 0 0 7px 0 !important;

padding:0 !important;

border:3px solid #DDD !important;

}

.content-cat p a{

font-size: 0px;

width: 100%;

height: 108px;

position: relative;

margin-top: -184px;

}

.content-cat p a:hover{

background: url(http://4.bp.blogspot.com/-IVC1OVVMVBk/UIJ8y8n8ibI/AAAAAAAABvo/euUZmNLeM7M/s1600/rech.png) center no-repeat;

}

.footer-inner {

padding: 30px 15px;

}

.comments {

clear: both;

margin: 20px -15px;

padding: 0 15px;

}

.social-icone{ height:93px;}

.social-icone div{ margin: 0 12px;}

.social-icone a{ text-decoration:none;}

.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}

.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}

.you-icone{

width: 50px;

height: 32px;

background:url(http://2.bp.blogspot.com/-ds8qOnEouwI/UQP3rHAflBI/AAAAAAAADIA/eH1yxuWHfgA/s1600/youtube.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.you-icone:hover{background:url(http://1.bp.blogspot.com/-3ph-4nN00s4/UQP3rX3vjiI/AAAAAAAADIQ/mXsSqvfISrw/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(http://2.bp.blogspot.com/-UkgHer_Y6oc/UQP3qmklnaI/AAAAAAAADH4/_UNqgOHIB7c/s1600/twitter.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.twt-icone:hover{background:url(http://2.bp.blogspot.com/-tY5SrlJev7M/UQP3q-YZ10I/AAAAAAAADH8/plC-yi5xLcw/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(http://2.bp.blogspot.com/-bjxmNtZSedM/UQP3qGCsUeI/AAAAAAAADH0/0lxC1Le2XxU/s1600/facebook.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.face-icone:hover{background:url(http://2.bp.blogspot.com/-7phJl6JL7AI/UQP3qeT-xRI/AAAAAAAADHw/ZOTIvXZsnsA/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(http://3.bp.blogspot.com/-amcTTFtnosk/UQP3p-PHToI/AAAAAAAADHk/cz8Gw7ZxGhI/s1600/RSS.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.rss-icone:hover{background:url(http://4.bp.blogspot.com/-yNGQ0JC185g/UQP3qPseAoI/AAAAAAAADHo/oL0goYApjp0/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}

/* Header

----------------------------------------------- */

.header-outer {

margin: 0 0 0 0;

background: transparent none repeat scroll 0 0;

}

.Header h1 {

font: normal bold 40px Arial, Tahoma, Helvetica, FreeSans, sans-serif;

color: #444444;

text-shadow: 0 1px 0 #ccc,

0 2px 0 #c9c9c9,

0 3px 0 #bbb,

0 4px 0 #b9b9b9,

0 5px 0 #aaa,

0 6px 1px rgba(0,0,0,.1),

0 0 5px rgba(0,0,0,.1),

0 1px 3px rgba(0,0,0,.3),

0 3px 5px rgba(0,0,0,.2),

0 5px 10px rgba(0,0,0,.25),

0 10px 10px rgba(0,0,0,.2),

0 20px 20px rgba(0,0,0,.15);

}

.Header h1 a {

color: #444444;

}

.Header .description {

font: normal bold 24px Impact, sans-serif;

color: #3778cd;

}

.header-inner .Header .titlewrapper,

.header-inner .Header .descriptionwrapper {

padding-left: 0;

padding-right: 0;

margin-bottom: 0;

}

.header-inner .Header .titlewrapper {

padding-top: 22px;

}



/* 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: #989898;

border-right: 1px solid transparent;

}

.tabs-inner .widget li:first-child a {

border-left: 1px solid transparent;

}

.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: #7b7b7b;

}

/* Main

----------------------------------------------- */

.main-inner .column-center-inner,

.main-inner .column-left-inner,

.main-inner .column-right-inner {

padding: 0 0px;

}

.section {

margin: 0px;

}

.main{

margin-left:20px;

}

.Blog{

margin:0;

box-shadow: 0px 1px 2px 0px #bababa;

background: #fff ;

border-top: 4px solid #5b5b5b;

}

.main-outer {

margin-top: 0;

background: transparent none no-repeat scroll top left;

}

.main-inner {

padding:20px 0 0;

}

.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: 0;

width: 0;

right: 0;

bottom: 0;

background: transparent none no-repeat scroll bottom left;

}

/* Posts

----------------------------------------------- */

.post-body {

}

.post-body {

color: #000;

font-family: DroidKufi-Regular;

}

.post-outer {

padding: 10px 15px;

border-bottom: 1px solid #e9e9e9;

}

h3.post-title {

margin: 0 0 4px 0;

color: #00B4FF;

font: 18px droidkufi-bold;

}

h3.post-title a {

color: #00B4FF;

font: 18px droidkufi-bold;

}

h3.post-title a:hover {color: #ffa800;}

.comments h4 {

font: 18px arial ;

margin: 1em 0 0;

}

.comment-form{

max-width:100% !important;

}

.post-body {

font-size: 105%;

line-height: 26px;

position: relative;

}

.post-header {

padding: 0;

color: #818181;

font-size: 12px;

}

.post-header a{color:#818181;}

.post-header a:hover{color:#ffa800;}

.post-header-line-1{

display:none;}

.info-pr{

margin-top: 15px;

}

.author-2, .comment-link-2, .timestamp-2{ font:12px tahoma;}

.author-2 a, .comment-link-2 a, .timestamp-2 a{ font:12px tahoma;}

.author-2{

margin: 0;

padding: 0 18px 0 0;

background: url("http://1.bp.blogspot.com/-zufvfXul2xs/USE_uTC44OI/AAAAAAAADrE/If1h7PQn92c/s1600/admn.png") right center no-repeat;

text-decoration: none;

float:right;

}

.timestamp-2{

margin: 0;

padding: 0 18px 0 0;

background: url("http://3.bp.blogspot.com/-LzPh_H4408I/USE_uda7R5I/AAAAAAAADrA/7vhFkxKNRyw/s1600/date.png") right center no-repeat;

text-decoration: none;

float:right;

}

.info-post{

float: right;

width: 285px;

height: 34px;

color: #b6b6b6;

margin-top: 6px;

}

.info-post a{

color:#b6b6b6;

}

.info-post1{

padding: 7px 12px 8px;

background:#f7f7f7;

float:right;

}

.info-post2{

padding: 7px 12px 8px;

background:#ededed;

float:right;

}

.rmlink a {

background: #ffa800;

color: #fff;

font-size: 12px;

font-family: droidkufi-bold, tahoma;

padding: 6px 14px 8px;

border-radius: 3px;

box-shadow: inset 0px -3px 0px 0px #ff9600;

}

.rmlink a:hover {background: #595959;}

.post-footer {

margin: 0px 0 0;

padding: 0px 0 0;

color: #7b7b7b;

display:none;

}

#blog-pager {

padding: 10px;

margin:0;

}

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

background-image: 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 {

padding: .35em 0;

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 .tr-caption-container {

padding: 8px;

}

.post-body img{

margin:8px 0 0 8px;

padding:3px;

border: 1px solid #dfdfdf;

border-radius:3px;

}

.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

----------------------------------------------- */

.alwantt {

color:#a5a5a5;

background:#373737;

margin:0 !important;

border-top: 2px solid #989898;

}

.alwantt .section {

margin: 0 15px;

}

.alwantt a {

color: #a5a5a5;

}

.alwantt a:visited {

color: #a5a5a5;

}

.alwantt a:hover {

color: #ffa800;

}

.alwantt .widget h2 {

color: #ededed;

font-size: 13px;

font-family: droidkufi-bold, tahoma;

padding-bottom: 7px;

padding-right: 5px;

margin-bottom: 12px;

background: url(http://1.bp.blogspot.com/-rpK53r_-l-g/USJwtv3ga_I/AAAAAAAADsc/MGtr1FcHj1Q/s1600/btm-trt-ftr.png) bottom repeat-x;

}

/* 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(//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(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;

}

.mobile-link-button a:link, .mobile-link-button a:visited {

color: #989898;

}

.mobile-index-date .date-header {

color: #7b7b7b;

}

.mobile-index-contents {

color: #989898;

}

.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(//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 transparent;

}

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

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

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

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

html {overflow-x: hidden;}

.



--></style>

<style id='template-skin-1' type='text/css'><!--

body {

}

.content-outer, .content-fauxcolumn-outer, .region-inner {

width:990px;

}

.main-inner .columns {

padding-left: 320px;

padding-right: 0px;

}

.main-inner .fauxcolumn-center-outer {

left: 320px;

right: 0px;

/* IE6 does not respect left and right together */

_width: expression(this.parentNode.offsetWidth -

parseInt("320px") -

parseInt("0px") + 'px');

}

.main-inner .fauxcolumn-left-outer {

width: 320px;

}

.main-inner .fauxcolumn-right-outer {

width: 0px;

}

.main-inner .column-left-outer {

width: 320px;

right: 100%;

margin-left: -320px;

}

.main-inner .column-right-outer {

width: 0px;

margin-right: -0px;

}

#layout {

min-width: 0;

}

#layout .content-outer {

min-width: 0;

width: 800px;

}

#layout .region-inner {

min-width: 0;

width: auto;

}

/* TABLET  : 768px */

@media only screen and ( max-width:1000px ) and (min-width: 750px){

.h ,.top .menu1, .content-fauxcolumn-outer, .region-inner, .ftr {width: 750px !important;}

.column-center-outer {width: 750px; float:right;}

.column-left-outer { float:right; right: 0 !important; width: 770px !important;}

.sidebar .widget {margin-left: 20px !important;float: right;width: 345px;}

#alwansd {width: 717px;}

.alwanip {width: 697px;}

.alwansf a img{ width: 717px;}

.alwan-ps .toc{width: 118px;}

.alwan-ps {width: 718px;}

.main {margin-left: 0;}

table.columns-3 td.columns-cell {width: 375px;float: right;}

.logoandans .logo{ float: none; margin-bottom: 20px;}

.m ul li a {padding: 14px 9px 15px ;}

}

/*  Phone  : 480px */

@media only screen and (max-width: 749px) and (min-width: 445px){

.h ,.top .menu1, .content-fauxcolumn-outer, .region-inner, .ftr {width: 445px !important;}

.column-center-outer {width: 445px; float:right;}

.column-left-outer { float:right; right: 0 !important; width:445px !important;}

.sidebar .widget {margin-left: 20px !important;float: right;width: 425px;}

#alwansd {width: 412px; height: 242px;}

.alwanip p {display: none;}

.alwanip {width: 388px;}

.alwansf a img{ width: 408px;height: 230px;}

.alwan-ps .toc{width: 67px;}

.alwan-ps {width: 413px;}

.alwanw {height: 230px;}

.main {margin-left: 0;}

table.columns-3 td.columns-cell {width: 440px;float: right;}

.logoandans .logo{ float: none; margin-bottom: 0;}

.logoandans .ads {display: none;}

.top .menu1 ul li a {font: 11px tahoma;padding: 8px 8px 8px;  }

.m ul li a {padding: 14px 9px 15px ;}

.post-body img {width: 110px;height: 110px;}

#related-posts {height:350px !important;}

.fb_iframe_widget iframe {width: 413px !important;}

.recherche {display:none;}

.alwan-share{display:none;}

}

/* Phone  : 320px */

@media only screen and (max-width: 444px){

.h ,.top .menu1, .content-fauxcolumn-outer, .region-inner, .ftr {width: 277px !important;}

.column-center-outer {width: 277px; float:right;}

.column-left-outer { float:right; right: 0 !important; width:277px !important;}

.sidebar .widget {margin-left: 20px !important;float: right;width: 255px;}

#alwansd {display: none;}

.main {margin-left: 0;}

table.columns-3 td.columns-cell {width: 277px;float: right;}

.logoandans .logo{ float: none; margin-bottom: 0;}

.logoandans .ads {display: none;}

.top .menu1 ul li a {font: 11px tahoma;padding: 8px 8px 8px;  }

.m ul li a {padding: 14px 9px 15px ;}

.post-body img {width: 90px;height: 80px;}

.info-pr{ display:none;}

#related-posts {display:none}

.fb_iframe_widget iframe {width: 247px !important;}

.recherche {display:none;}

.main-inner .column-left-outer{ margin-left: 0;}

.alwan-share{display:none;}

}

 ::-moz-selection { Background: #F3C305; color: #FFFFFF; text-shadow: none; } ::selection { background: #F3C305; color: #FFFFFF; text-shadow: none; }



#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

#PopularPosts1 img{

    -moz-border-radius: 100px;

    -webkit-border-radius: 100px;

    border-radius: 100px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



#scroll-top {

 background-color: #777777;

 border-radius: 24px;

 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8) inset;

 color: #FFFFFF;

 cursor: pointer;

 display: block;

 font-family: Verdana;

 font-size: 2em;

 font-weight: bold;

 line-height: 2em;

 text-align: center;

 text-decoration: none;

 position:fixed;

 width: 48px; 

 height: 48px;

 bottom:30px; 

 right:20px;

 opacity:0.85;

 transition:opacity 0.25s ease 0s;

}



#scroll-top:hover{

 opacity: 1;

 color: #FFFFFF;

}

#banners {

margin-bottom:20px;

padding-left:10px;

}

.banner1 {-webkit-transition: -webkit-transform .15s linear;

margin-left:20px;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

border:5px solid #fff;

-webkit-transform: rotate(-12deg);

-moz-transform: rotate(-12deg);

}

.banner1:hover {

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-webkit-transform: rotate(-1deg);

-moz-transform: rotate(-1deg);

}

.banner2 {-webkit-transition: -webkit-transform .15s linear;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

border:5px solid #fff;

-webkit-transform: rotate(+2deg);

-moz-transform: rotate(+2deg);

}

.banner2:hover {

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-webkit-transform: rotate(-1deg);

-moz-transform: rotate(-1deg);

}

.banner3 {-webkit-transition: -webkit-transform .15s linear;

margin-left:20px;

margin-bottom:20px;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

border:5px solid #fff;

-webkit-transform: rotate(+12deg);

-moz-transform: rotate(+12deg);

}

.banner3:hover {

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-webkit-transform: rotate(-1deg);

-moz-transform: rotate(-1deg);

}

.banner4 {-webkit-transition: -webkit-transform .15s linear;

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);

border:5px solid #fff;

-webkit-transform: rotate(-12deg);

-moz-transform: rotate(-12deg);

}

.banner4:hover {

-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

-webkit-transform: rotate(-1deg);

-moz-transform: rotate(-1deg);

}

]]></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: #ffa800;

color: #fff;

font-size: 12px;

font-family: droidkufi-bold, tahoma;

padding: 6px 14px 8px;

border-radius: 3px;

box-shadow: inset 0px -3px 0px 0px #ff9600;

}

.rmlink a:hover {background: #595959;}

.post-footer {

margin: 0px 0 0;

padding: 0px 0 0;

color: #7b7b7b;

display: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;

}





.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 = &quot;no-float&quot; ;

summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */

summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/

img_thumb_height = 143; /* عرض الصورة في الملخص*/

img_thumb_width = 207; /*طول الصورة في الملخص */

</script>

<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>



&lt;script&gt; 

/* Script from:http://simplexdesign.blogspot.com/ */

imgr = new Array();

imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;

showRandomImg = true;

aBold = true;

summaryPost = 150; 



numposts1 = 6; 

label1 = &quot;المحترف&quot;;

function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);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&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel=='replies'&amp;&amp;entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}

        

if (&quot;content&quot; in entry) {

var postcontent = entry.content.$t;}

else

if (&quot;summary&quot; in entry) {

var postcontent = entry.summary.$t;}

else var postcontent = &quot;&quot;;

postdate = entry.published.$t;

if(j&gt;imgr.length-1) j=0;

img[i] = imgr[j];

s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);

if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;

var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;

}}

var daystr = day+ ' ' + m + ' ' + y ;

var trtd = '&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;'+img[i]+'&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;'+posturl+'&quot;&gt;'+posttitle+'&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;'+daystr+'&lt;/div&gt;&lt;p&gt;'+removeHtmlTag(postcontent,summaryPost)+'...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;';     

document.write(trtd);       

j++;

}}

&lt;/script&gt;





<!--RelatedPostsStarts-->

<style>

 #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; }

</style>

<script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/>

<script language='javascript' src='http://tferwi7e.com/related/related.js'/>

<!--RelatedPostsStops-->









<meta content='377782818960682' property='fb:app_id'/>

<meta content='746116682' property='fb:admins'/>



 <script type='text/javascript'>

    if(document.location.protocol=='http:'){

     var Tynt=Tynt||[];Tynt.push('d-PytMlMWr4j7madbi-bnq');Tynt.i={&quot;ap&quot;:&quot;المصدر: عالم العرب &quot;};

     (function(){var s=document.createElement('script');s.async=&quot;async&quot;;s.type=&quot;text/javascript&quot;;s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();

    }

    </script>

  </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='&quot;loading&quot; + data:blog.mobileClass'>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>

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

<script language='javascript' src='http://tferwi7e.com/featured-slider/featured.js'/>

    <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: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: &quot;JEgNg1asOv00Om&quot;, domain:&quot;th3professional.com&quot;}; atrk ();</script><noscript><img alt='' height='1' src='https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=JEgNg1asOv00Om' style='display:none' width='1'/></noscript>

<!-- End Alexa Certify Javascript -->

   <div class=''>

   <div class=''>    





<div class='recherche'>





<!-- recherche -->

</div>

<div style='clear: both;'/>

</div>

<div style='clear: both;'/>

</div>

  <div class='h'> 

   <div class='logoandans'>

<a href='http://top-radiovc.blogspot.com/'><img class='logo' src='http://www.shy22.com/upfilpng/jpy56808.png'/></a>

<div class='ads'>

<a href='http://www.tvquran.com/' rel='nofollow' target='_blank'><img alt='TvQuran' border='0' src='http://www.tvquran.com/banr/tvquran_6.gif'/></a>





<div style='clear: both;'/>

   </div>

<div style='clear: both;'/>       

   </div>

   <div class='m'>   

   <div style='clear: both;'/> 

   <div style='clear: both;'/> 

           <ul>

            <li><a class='home' href='http://top-radiovc.blogspot.com/'/></li>

             <li><a href='http://www.radiovc.net'>آخر الأخبار</a></li>

             <li><a href='http://www.radiovc.net'>سياسة</a></li>

             <li><a href='http://www.radiovc.net'>رياضة</a></li>

             <li><a href='http://www.radiovc.net'>صور</a></li>

             <li><a href='http://www.radiovc.net'>فيديو</a></li>

             <li><a href='http://www.radiovc.net'>دردشة صوتية</a></li>

             <li><a href='http://www.radiovc.net'>دروس الباكلوريا</a></li>

             <li><a href='http://www.radiovc.net'>إتصل بنا</a></li>

           </ul>

   <div style='clear: both;'/> 

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

&lt;/br&gt;

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

<div class='' id=''>

&lt;script&gt;

document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);

&lt;/script&gt;

</div>

<div class='' id='-'>

</div>

</div>

</b:if>



          <b:section class='main' id='main' showaddelement='no'>

            <b:widget id='Blog1' locked='false' title='رسائل المدونة الإلكترونية' type='Blog'>

              <b:includable id='main' var='top'>

  <b:if cond='data:mobile == &quot;false&quot;'>



    <!-- 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 == &quot;false&quot;'>

            &lt;/div&gt;&lt;/div&gt;

          </b:if>

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-outer&quot;&gt;

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-posts&quot;&gt;

        </b:if>

        <div class='post-outer'>

        <b:include data='post' name='post'/>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

          <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 == &quot;item&quot;'>

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

        &lt;/div&gt;&lt;/div&gt;

      </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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});

        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='backlinkDeleteIcon' var='backlink'>

  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

      <img src='//www.blogger.com/img/icon_delete13.gif'/>

    </a>

  </span>

</b:includable>

              <b:includable id='backlinks' var='post'>

  <a name='links'/><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 expr:href='data:backlink.url' 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 class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>

  </p>

</b:includable>

              <b:includable id='comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

    <b:if cond='data:mobile'>

      <h4 id='comment-post-message'>

        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <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 expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <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='commentDeleteIcon' var='comment'>

  <span expr:class='&quot;item-control &quot; + 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 class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

        <img src='//www.blogger.com/img/icon_delete13.gif'/>

      </a>

    </b:if>

  </span>

</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 class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

        <data:post.commentLabelFull/>:

      </a>

    </b:if>

  </b:if>

</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='comments' var='post'>

  <div class='comments' id='comments'>

    <a name='comments'/>

    <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 expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

               

            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

               

          </b:if>



          <data:post.commentRangeText/>



          <b:if cond='data:post.hasNewerLinks'>

             

            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

             

            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

          </b:if>

        </span>

      </b:if>



      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>

        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

          <b:loop values='data:post.comments' var='comment'>

            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

              <b:if cond='data:comment.favicon'>

                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>

              </b:if>

              <a expr:name='data:comment.anchorName'/>

              <b:if cond='data:blog.enabledCommentProfileImages'>

                <data:comment.authorAvatarImage/>

              </b:if>

              <b:if cond='data:comment.authorUrl'>

                <a expr:href='data:comment.authorUrl' 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 expr:href='data:comment.url' 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 expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>

            <data:post.oldestLinkText/>

          </a>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>

            <data:post.olderLinkText/>

          </a>

           

          <data:post.commentRangeText/>

           

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>

            <data:post.newerLinkText/>

          </a>

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>

            <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 expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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 + &quot;_backlinks-container&quot;'>

       <b:if cond='data:post.showBacklinks'>

         <b:include data='post' name='backlinks'/>

       </b:if>

    </div>

    </div>

  </div>

</b:includable>

              <b:includable id='feedLinks'>

  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- 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='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 == &quot;false&quot;'>

      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

  </b:if>

</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 expr:href='data:post.url'>

        <h3 class='mobile-index-title entry-title' itemprop='name'>

          <data:post.title/>

        </h3>



        <div class='mobile-index-arrow'>&amp;rsaquo;</div>



        <div class='mobile-index-contents'>

          <b:if cond='data:post.thumbnailUrl'>

            <div class='mobile-index-thumbnail'>

              <div class='Image'>

                <img expr:src='data:post.thumbnailUrl'/>

              </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 != &quot;static_page&quot;'>

          <b:if cond='data:post.allowComments'>

            <b:if cond='data:post.numComments != 0'>

              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                <data:post.commentLabelFull/>:

              </a>

            </b:if>

          </b:if>

        </b:if>

      </div>

    </div>

  </div>

</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 == &quot;index&quot;'>

        <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='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 class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>

      </div>

    </b:if>



    <b:if cond='data:olderPageUrl'>

      <div class='mobile-link-button' id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>

      </div>

    </b:if>



    <div class='mobile-link-button' id='blog-pager-home-link'>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    </div>



    <div class='mobile-desktop-link'>

      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>

    </div>



  </div>

  <div class='clear'/>

</b:includable>

              <b:includable id='mobile-post' var='post'>

  <div class='date-outer'>

    <div class='date-posts'>

      <div class='post-outer'>



        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

          <a expr:name='data:post.id'/>

          <b:if cond='data:post.title'>

            <h3 class='post-title entry-title' itemprop='name'>

              <b:if cond='data:post.link'>

                <a expr:href='data:post.link'><data:post.title/></a>

              <b:else/>

                <b:if cond='data:post.url'>

                  <b:if cond='data:blog.url != data:post.url'>

                    <a expr:href='data:post.url'><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='&quot;post-body-&quot; + 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 == &quot;item&quot;'>



</b:if>

              <span class='post-author vcard'>

                <b:if cond='data:top.showAuthor'>

                  <b:if cond='data:post.authorProfileUrl'>

                    <span class='fn'>

                      <a expr:href='data:post.authorProfileUrl' itemprop='author' 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 class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

                  </b:if>

                </b:if>

              </span>



              <span class='post-comment-link'>

                <b:if cond='data:blog.pageType != &quot;item&quot;'>

                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

                    <b:if cond='data:post.allowComments'>

                      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

                        <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='javascript: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 == &quot;static_page&quot;'>

          <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 == &quot;item&quot;'>

          <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='nextprev'>

  <div class='blog-pager' id='blog-pager'>

    <b:if cond='data:newerPageUrl'>

      <span id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

      </span>

    </b:if>



    <b:if cond='data:olderPageUrl'>

      <span id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

      </span>

    </b:if>



    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>



    <b:if cond='data:mobileLinkUrl'>

      <div class='blog-mobile-link'>

        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>

      </div>

    </b:if>



  </div>

  <div class='clear'/>

</b:includable>

              <b:includable id='post' var='post'>

  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    <a expr:name='data:post.id'/>

    <b:if cond='data:post.title'>

      <h3 class='post-title entry-title' itemprop='name'>

      <b:if cond='data:post.link'>

        <a expr:href='data:post.link'><data:post.title/></a>

      <b:else/>

        <b:if cond='data:post.url'>

          <b:if cond='data:blog.url != data:post.url'>

            <a expr:href='data:post.url'><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 expr:href='data:post.authorProfileUrl' itemprop='author' 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 class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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 expr:href='data:label.url + &quot;?&amp;max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

          </b:loop>

        </b:if>

      </span> <span class='post-comment-link'>

        <b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

            <b:if cond='data:post.allowComments'>

              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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 expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

              <img alt='' class='icon-action' 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='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>







<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> 

<div class='info-pr'>

<div style='clear: both;'/> 

<span class='rmlink' style='float:left;padding-top:7px;'>

<a expr:href='data:post.canonicalUrl'>أكمل القراءة</a>

</span>

</div>

</b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;index&quot;'>

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



<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script type='text/javascript'><!--

google_ad_client = "xxxxxx";

google_ad_host = "xxxxxx";

/* am */

google_ad_slot = "xxxxxx";

google_ad_width = xxxxxx;

google_ad_height = xxxxxx;

//-->

</script>

<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>

</script> 

</b:if>  

</div></b:if>

</b:if><font size='0'><a href=''/></font>







      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>



    <b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>

        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

      </div>

    </b:if>



    <div class='post-footer'>

    

<b:if cond='data:blog.pageType == &quot;item&quot;'>



<div class='arfooter'>



     

       



    <div class='shareb'>





<div align='left'>



<!-- Facebook share button Start -->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div style='float:left;padding:5px 5px 5px 0;'>

<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>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 class='twitter-share-button' data-count='vertical' data-lang='ar' data-related='anywhereTheJavascriptAPI' data-via='elliaoui' 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=&quot;https://platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>







</div>

 





    </div>





    <div class='fb-like-box'>

  هل أعجبك الموضوع ؟

    <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=230&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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 == &quot;item&quot;'>

<!-- تعريف الكاتب الأول -->

<b:if cond='data:post.author == &quot;رغيب أمين&quot;'>

<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/Officiel.Radiovc'> رغيب أمين</a></h3>

   <p> رغيب أمين 26 سنة ،مدون مغربي مهووس بجديد تكنولوجيا المعلوميات ، مهتم بالحماية المعلوماتية يمكنك متابعته من خلال <a href='https://www.facebook.com/Officiel.Radiovc' target='_blank'>الفيسبوك</a> . <a href='http://twitter.com/elliaoui' target='_blank'>تويتر</a> . <a href='http://gplus.to/raghib' target='_blank'>جوجل بلس</a></p>

 </div>



</b:if>

<!-- تعريف الكاتب الثاني -->

<b:if cond='data:post.author == &quot;Baraa Alabdallah&quot;'>

<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' target='_blank'> الفيسبوك</a><a href='https://www.facebook.com/BaraaAabdallah' target='_blank'/></p>

 </div>

</b:if>

<!-- تعريف الكاتب الثاني -->

<b:if cond='data:post.author == &quot;Mohamed Zaari&quot;'>

<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' target='_blank'> الفيسبوك</a> </p>

 </div>

</b:if>

<!-- تعريف الكاتب الثاني -->

<b:if cond='data:post.author == &quot;Younes Zarhouni&quot;'>

<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' target='_blank'> فيسبوك</a></p>

 </div>

</b:if>

</b:if>

</div>



&lt;div id=&quot;fb-root&quot;&gt;

&lt;/div&gt;

&lt;script&gt;(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 = &quot;//connect.facebook.net/ar_AR/all.js#xfbml=1&amp;appId=377782818960682&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));&lt;/script&gt;







&lt;/div&gt;

<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=30&quot;' 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 == &quot;item&quot;'>

<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 == &quot;item&quot;'>

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

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>

.promote_post_bg {

    height: 103px;

    background: url(http://4.bp.blogspot.com/-owP_GvTXlQU/T8yip3XNf6I/AAAAAAAABRc/5W54DInX7o0/s1600/chamelcool2.gif) 0 -7px no-repeat;

    width: 500px;

    margin-left: 65px;

}



.promote_twitter {

    width: 130px;

    height: 38px;

    float: left;

    margin: 0 39px 0 0;

    padding: 65px 0 0 13px;

    text-align: center;

}



.promote_facebook {

    width: 115px;

    height: 40px;

    float: left;

    margin: 0 39px 0 0;

    padding: 63px 0 0 28px;

    text-align: center;

}



.promote_google {

    width: 65px;

    height: 40px;

    float: left;

    margin: 0 39px 0 0;

    padding: 65px 0 0 28px;

    text-align: center;

}

</style>

    <div class='promote_post_bg'>

        <div class='promote_twitter'>

            <a class='twitter-share-button' data-via='chamelcool' 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 = &quot;//platform.twitter.com/widgets.js&quot;;

                        fjs.parentNode.insertBefore(js, fjs);

                    }

                }(document, &quot;script&quot;, &quot;twitter-wjs&quot;);

            </script>

        </div>

        <div class='promote_facebook'>

            <div>

                <b:if cond='data:post.isFirstPost'>

                    <script>

                        (function (d) {

                            var js, id = 'facebook-jssdk';

                            if (d.getElementById(id)) {

                                return;

                            }

                            js = d.createElement('script');

                            js.id = id;

                            js.async = true;

                            js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

                            d.getElementsByTagName('head')[0].appendChild(js);

                        }(document));

                    </script>

                </b:if>

                <fb:like action='like' colorscheme='light' expr:href='data:post.canonicalUrl' font='verdana' layout='button_count' send='false' show_faces='false'/>

            </div>

        </div>

        <div class='promote_google'>

            <script type='text/javascript'>

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

            <g:plusone annotation='none' size='medium'/>

        </div>

    </div>

<p style='display:none;'> Sharing Widget by<a href='http://chamelcool.blogspot.com/'>chamelcool</a></p>

</b:if>



      <div class='post-footer-line post-footer-line-3'/>



    </div>

  </div>







</b:includable>

              <b:includable id='postQuickEdit' var='post'>

  <b:if cond='data:post.editUrl'>

    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>

      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

      </a>

    </span>

  </b:if>

</b:includable>

              <b:includable id='shareButtons' var='post'>

  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><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='status-message'>

  <b:if cond='data:navMessage'>







  <div style='clear: both;'/>

  </b:if>

</b:includable>

              <b:includable id='threaded-comment-form' var='post'>

  <div class='comment-form'>

    <a name='comment-form'/>

    <b:if cond='data:mobile'>

      <p><data:blogCommentMessage/></p>

      <data:blogTeamBlogMessage/>

      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <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 expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

      <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_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='threaded_comments' var='post'>

  <div class='comments' id='comments'>

    <a name='comments'/>

    <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 + &quot;_backlinks-container&quot;'>

       <b:if cond='data:post.showBacklinks'>

         <b:include data='post' name='backlinks'/>

       </b:if>

    </div>

    </div>

  </div>

</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 != &quot;&quot;'>

    <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='Navbar1' locked='false' title='Navbar' type='Navbar'>

              <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;

    function setAttributeOnload(object, attribute, val) {

      if(window.addEventListener) {

        window.addEventListener('load',

          function(){ object[attribute] = val; }, false);

      } else {

        window.attachEvent('onload', function(){ object[attribute] = val; });

      }

    }

  &lt;/script&gt;

&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;

&lt;script type=&quot;text/javascript&quot;&gt;

        gapi.load(&quot;iframes-styles-bubble&quot;, function() {

          if (window.iframes &amp;&amp; iframes.open) {

            iframes.open(

                '//www.blogger.com/navbar.g?targetBlogID\075454873397657878050\46blogName\75top-radiovc\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://top-radiovc.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://top-radiovc.blogspot.com/\46vt\0753409958404970059329',

                {

                  container: &quot;navbar-iframe-container&quot;,

                  id: &quot;navbar-iframe&quot;

                },

                {

                });

          }

        });

      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;

(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);

}})();

&lt;/script&gt;

</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 != &quot;&quot;'>

    <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 != &quot;&quot;'>

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



}

<!-- Stylish colored Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com -->



#blog-pager{padding:5px 0 !important;}

.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */

.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */

.showpageNum  a, .showpage a {color: #fff;text-decoration:none;border:1px  solid  #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0   3px;padding:3px 5px; background: #9dd53a; background:   -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#9dd53a), color-stop(50%,#a1d54f),   color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a',   endColorstr='#7cbc0a',GradientType=0 ); }/* www.uniegy.blogspot.com */

.showpageNum  a:hover, .showpage a:hover {border: 1px solid #ccc;  background:  #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%,  #54a3ee 50%,  #3690f0 51%, #1e69de 100%); background:  -webkit-gradient(linear, left  top, left bottom, color-stop(0%,#6db3f2),  color-stop(50%,#54a3ee),  color-stop(51%,#3690f0),  color-stop(100%,#1e69de)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',   endColorstr='#1e69de',GradientType=0 ); } /* www.uniegy.blogspot.com */

.showpagePoint  {color: #aaaaaa;text-decoration:none;border:1px solid   #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0   3px;padding:3px 5px; background: #e2e2e2; background:   -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb),   color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2',   endColorstr='#fefefe',GradientType=0 ); }/* www.uniegy.blogspot.com */

.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */

.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */

</style>

<script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=9;

var numshowpage=9;

var upPageWord ='السابق';

var downPageWord ='التالي';

</script>

<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'/>

<!-- Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.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='alwantt'>

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





&lt;script src='http://dl.dropbox.com/u/12924430/contentslider.js'&gt;&lt;/script&gt; 

&lt;script&gt; 

featuredcontentslider.init({

id: &quot;slider1&quot;, //id of main slider DIV

contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]

toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]

nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; 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)

}

})

&lt;/script&gt;







<script type='text/javascript'>

$(function() {

 $.fn.scrolltoTop = function() {

 var scrollLink = $(this), 

 win = $(window);

 scrollLink.hide();

 if (win.scrollTop() != '0'){

 scrollLink.fadeIn('slow')

 }

 win.scroll(function() {

 if (win.scrollTop() == '0'){

 scrollLink.fadeOut('slow')

 } 

 else{

 scrollLink.fadeIn('slow')

 }

 });

 scrollLink.click(function() {

 $('html, body').animate({

 scrollTop: 0

 }, 'slow')

 })

 }   

});

$(function() {

 $('#scroll-top').scrolltoTop();

});

</script>

<a href='#' id='scroll-top' title='الي الاعلى'>^</a>     

</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 + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>



    <macro:if cond='data:col.num &gt;= 2'>

      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>

      <tbody>

      <tr>

        <td class='first columns-cell'>

          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>

        </td>



        <td class='columns-cell'>

          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>

        </td>



        <macro:if cond='data:col.num &gt;= 3'>

          <td class='columns-cell'>

            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>

          </td>

        </macro:if>



        <macro:if cond='data:col.num &gt;= 4'>

          <td class='columns-cell'>

            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>

          </td>

        </macro:if>

      </tr>

      </tbody>

      </table>



      <macro:if cond='data:col.includeBottom'>

        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>

      </macro:if>

    </macro:if>

  </macro:if>

</macro:includable>









<b:section-contents id='sidebar-left-1'>

  <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 != &quot;&quot;'>

    <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='HTML23' locked='false' title='تابعنا عبر الاميل' type='HTML'>

    <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <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='HTML9' locked='false' title='' type='HTML'>

    <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <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 == &quot;false&quot;'>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (1) No snippet/thumbnail -->

            <a expr:href='data:post.href'><data:post.title/></a>

          <b:else/>

            <!-- (2) Show only snippets -->

            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

            <div class='item-snippet'><data:post.snippet/></div>

          </b:if>

        <b:else/>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (3) Show only thumbnails -->

            <div class='item-thumbnail-only'>

              <b:if cond='data:post.thumbnail'>

                <div class='item-thumbnail'>

                  <a expr:href='data:post.href' target='_blank'>

                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

                  </a>

                </div>

              </b:if>

              <div class='item-title'><a expr:href='data:post.href'><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 expr:href='data:post.href' target='_blank'>

                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

                  </a>

                </div>

              </b:if>

              <div class='item-title'><a expr:href='data:post.href'><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='HTML3' locked='false' title='تابعونا على الفيسبوك' type='HTML'>

    <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <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='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 + &quot;_ArchiveList&quot;'>

    <b:if cond='data:style == &quot;HIERARCHY&quot;'>

     <b:include data='data' name='interval'/>

    </b:if>

    <b:if cond='data:style == &quot;FLAT&quot;'>

      <b:include data='data' name='flat'/>

    </b:if>

    <b:if cond='data:style == &quot;MENU&quot;'>

      <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 expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

      </li>

    </b:loop>

  </ul>

</b:includable>

    <b:includable id='interval' var='intervalData'>

  <b:loop values='data:intervalData' var='i'>

      <ul class='hierarchy'>

        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>

          <b:include data='i' name='toggle'/>

          <a class='post-count-link' expr:href='data:i.url'><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>

        </li>

      </ul>

  </b:loop>

</b:includable>

    <b:includable id='menu' var='data'>

  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>

    <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='posts' var='posts'>

  <ul class='posts'>

    <b:loop values='data:posts' var='i'>

      <li><a expr:href='data:i.url'><data:i.title/></a></li>

    </b:loop>

  </ul>

</b:includable>

    <b:includable id='toggle' var='interval'>

  <b:if cond='data:interval.toggleId'>

  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>

    <a class='toggle' href='javascript:void(0)'>

      <span class='zippy toggle-open'>▼ </span>

    </a>

  <b:else/>

    <a class='toggle' href='javascript:void(0)'>

      <span class='zippy'>

        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>

          ◄ 

        <b:else/>

          ► 

        </b:if>

      </span>

    </a>

  </b:if>

 </b:if>

</b:includable>

  </b:widget>

  <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 == &quot;false&quot;'>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (1) No snippet/thumbnail -->

            <a expr:href='data:post.href'><data:post.title/></a>

          <b:else/>

            <!-- (2) Show only snippets -->

            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

            <div class='item-snippet'><data:post.snippet/></div>

          </b:if>

        <b:else/>

          <b:if cond='data:showSnippets == &quot;false&quot;'>

            <!-- (3) Show only thumbnails -->

            <div class='item-thumbnail-only'>

              <b:if cond='data:post.thumbnail'>

                <div class='item-thumbnail'>

                  <a expr:href='data:post.href' target='_blank'>

                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

                  </a>

                </div>

              </b:if>

              <div class='item-title'><a expr:href='data:post.href'><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 expr:href='data:post.href' target='_blank'>

                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>

                  </a>

                </div>

              </b:if>

              <div class='item-title'><a expr:href='data:post.href'><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='sidebar-left-2-1'/><b:section-contents id='sidebar-left-2-2'/><b:section-contents id='sidebar-left-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-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 != &quot;&quot;'>

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

  <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 != &quot;&quot;'>

    <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='HTML7' locked='false' title='' type='HTML'>

    <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

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

  <b:widget id='Text1' locked='false' title='' type='Text'>

    <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <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='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 + &quot;_content&quot;' style='display: none;'>

      <!-- Counter and image will be injected later via AJAX call. -->

      <b:if cond='data:showSparkline'>

        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>

      </b:if>

      <b:if cond='data:showGraphicalCounter'>

        <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

      <b:else/>

        <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>

      </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='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

    <b:if cond='data:display == &quot;list&quot;'>

      <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 expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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='&quot;label-size label-size-&quot; + 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 expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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>