hi

hassan-b: hassan-b112
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
------------------------------------------------------------------------------------------------
24-November-2008
Template Name: قالب العصفور الأزرق
Designed by: حسن
URL: http://hassan-b.blogspot.com/

Per the Creative Commons Atribution License, please do not remove the footer credits.
----------------------------------------------------------------------------------------------- */

/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#000000" value="#000000">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#ffffff" value="#ffffff">
<Variable name="postTitleColor" description="Post Title Color" type="color"
default="#F1F1F1" value="#F1F1F1">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#F1F1F1" value="#F1F1F1">
<Variable name="borderColor" description="Post Border Color" type="color"
default="#3f5c6f" value="#3f5c6f">
<Variable name="mainLinkColor" description="Link Color" type="color"
default="#88BBBB" value="#88BBBB">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#6a98a4" value="#6a98a4">
<Variable name="titleBgColor" description="Page Header Background Color"
type="color" default="#6a98a4" value="#6a98a4">
<Variable name="titleTextColor" description="Blog Title Color"
type="color" default="#0099cc" value="#0099cc">
<Variable name="topSidebarHeaderColor"
description="Top Sidebar Title Color"
type="color" default="#ffcc33" value="#ffcc33">
<Variable name="topSidebarBgColor"
description="Top Sidebar Background Color"
type="color" default="#ff0000" value="#ff0000">
<Variable name="topSidebarTextColor" description="Top Sidebar Text Color"
type="color" default="#33ff00" value="#33ff00">
<Variable name="topSidebarLinkColor" description="Top Sidebar Link Color"
type="color" default="#ff00cc" value="#ff00cc">
<Variable name="topSidebarVisitedLinkColor"
description="Top Sidebar Visited Link Color"
type="color" default="#9900ff" value="#9900ff">
<Variable name="bodyFont" description="Text Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="pageTitleFont" description="Blog Title Font" type="font"
default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="descriptionFont" description="Blog Description Font" type="font"
default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="headerFont" description="Sidebar Title Font" type="font"
default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="postTitleFont" description="Post Title Font" type="font"
default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/
#navbar-iframe{height:0px;visibility:hidden;display:none}
body{
background:#0B6F8A;
margin:0;
text-align:center;
line-height:1.5em;
font:x-small Trebuchet MS,Verdana,Arial,Sans-serif;
color:#ffffff;
font-size:small;
font-size:small}

#outer-wrapper{width:900px; padding:0px 10px 0px 10px;background:url(http://4.bp.blogspot.com/_kMUpUqMmduA/SUNQ9UlFKtI/AAAAAAAAAiw/N928DrTO1_s/s1600/bg_outer-wrapper.png);margin:0 auto;text-align:justify;font:normal normal 12px'tahoma',Verdana,Arial,Sans-serif;word-wrap:break-word;overflow:hidden;line-height:17px }

#header-wrapper{
margin-right:0;
margin-bottom:0;
margin-left:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
color:#0099cc}

#header{
margin:0 auto;
background:#000 url(http://4.bp.blogspot.com/_Zs-UVw1guyo/Sn8cCklEwdI/AAAAAAAABc4/pJUVor1lb3k/s1600/AKHDAR-001.jpg) no-repeat;
color:#fff;height:200px;
text-align:RIGHT}

#header h1{
margin:0;
padding:50px 20px 5px 80px;
line-height:1.2em;
text-align:right;
font:normal bold 30px'traditional arabic',Verdana,Arial,Sans-serif;
color:#FFFFFF}

#header a,
#header a:visited{
text-decoration:none;
color:#000000}

#header .description{
margin:0;padding:0px 20px 5px 110px;
font:normal normal 100%'Tahoma',Verdana,Arial,Sans-serif;
text-align:right;
font-size:14px;
color:#FFFFFF}

#footheader{margin:0 auto;background:#003445;color:#F1F1F1;padding:0px 0px 5px 1px;height:52px;text-align:CENTER; border-bottom:1px solid #F1F1F1}

#content{width:900px; background:#0B6F8A none repeat scroll 0 0; }/**/

#ads {float:left;width:464px; padding:5px; margin-bottom:5px; background:#0c131b; border:1px solid #172535;display:none}

#main-wrap1{width:460px;float:left; margin-top:10px}

#main-wrap2{float:left;width:474px;background:#0B6F8A; border:1px solid #F1F1F1}

#main{background:#0B6F8A;}

.main .widget{margin-top:4px;margin-left:1px;width:455px;padding:5px 5px}

.main .Blog{margin:0 5px 0 5px;padding:0;width:464px}/**/

h2.date-header{margin-top:0;margin-right:12px;margin-bottom:0;margin-left:20px;text-align:right;font-size:85%;font-weight:normal;line-height:2em;text-transform:lowercase;color:#F1F1F1}

.post{margin:.3em 0 25px;padding:0 0px;border:0px solid #F1F1F1;border-width:0px 0}

.post h3{margin:0;line-height:1.5em;background:url() no-repeat 10px .5em;display:block;border-bottom:1px SOLID #F1F1F1;border-width:1px;padding:2px 14px 2px 29px;color:#F1F1F1;font:normal bold 24px'traditional arabic',Verdana,Arial,Sans-serif}

.post h3 a,.post h3 a:visited{text-decoration:none;color:#ffff11}

a.title-link:hover{background-color:#3f5c6f;color:#ffffff}
.post-body{border:0px SOLID #F1F1F1;border-width:0px;border-bottom-color:#000000;padding-top:10px;padding-right:4px;padding-bottom:1px;padding-left:4px}
html>body .post-body{border-bottom-width:0}
.post p{margin:0px}
.post-footer{background:#0B6F8A;margin:0;padding-top:2px;padding-right:14px;padding-bottom:2px;padding-left:29px;border:0px solid #F1F1F1;border-width:0px;font-size:100%;line-height:1.5em;color:#f1F1F1}
.post-footer p{margin:0px}
html>body .post-footer{border-bottom-color:transparent}
.uncustomized-post-template
.post-footer{text-align:right}
.uncustomized-post-template
.post-author,{float:left;text-align:left;margin-right:0px}
.post-footer a{color:#0B6F8A}
.post-footer a:hover{color:#FFFFFF;}
a.comment-link{/**/background/**/:/**/url("http://1.bp.blogspot.com/_kMUpUqMmduA/SUNQ98u4bHI/AAAAAAAAAjA/sMUEYD2jnFQ/s1600/icon_comment.gif") no-repeat left 45%;padding-left:14px}
html>body a.comment-link{/**/background:url("http://lh6.ggpht.com/_t3CAPQyswZA/SSnBbumKC2I/AAAAAAAAAQk/F6a8NImmlMc/icon_comment.gif") no-repeat left 45%;padding-left:14px}
.post img{margin-top:0;margin-right:0;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #000000}
blockquote{margin:.75em 0;border:1px dotted #3f5c6f;border-width:1px 0;padding:5px 15px;color:#3c7f8f}
.post blockquote p{margin:.5em 0}
#blog-pager-newer-link{float:left;margin-left:13px}

#blog-pager-older-link{float:right;margin-right:13px}

#blog-pager{text-align:center}.feed-links{clear:both;line-height:2.5em;margin-left:13px}/**/

#comments{margin:-25px 13px 0;border-width:0 1px 1px;padding-top:20px;padding-right:0;padding-bottom:15px;padding-left:0}

#comments h4{margin:0 0 10px;padding-top:0;padding-right:14px;padding-bottom:2px;padding-right:29px;font-size:13PX;line-height:1.4em;color:#F1F1F1}
#comments-block{margin-top:0;margin-right:15px;margin-bottom:0;margin-left:9px}
.comment-author{background:#0c131b; border:1px solid #F1F1F1;margin:.5em 0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:20px;font-weight:bold}
.comment-body{margin:0 0 1.25em;padding-top:0;padding-right:0;padding-bottom:0;padding-left:20px}
.comment-body p{margin:0 0 .5em}
.comment-footer{margin:0 0 .5em;padding-top:0;padding-right:0;padding-bottom:.75em;padding-left:20px}
.comment-footer a:link{color:#BEE00D}
.deleted-comment{font-style:italic;color:gray}

#sidebar-leftwrap{width:200px;float:left;margin-top:10px; margin-right:5px; margin-left:5px;font-size:97%;line-height:1.5em;word-wrap:break-word;overflow:hidden; background:#0B6F8A; border:1px solid #F1F1F1}

#sidebarright{width:190px;float:right;margin-top:10px; margin-right:5px; margin-left:5px;font-size:97%;line-height:1.5em;word-wrap:break-word;overflow:hidden; background:#0B6F8A; border:1px solid #F1F1F1}
#right{background:#000;margin:0 0 5px;padding:10px 0 0;color:#ffffff}/**/
.profile-img{float:left;margin-top:5px;margin-right:5px;margin-bottom:5px;margin-left:0;border:4px solid #33ff00}
.profile-datablock{margin-top:0;margin-right:15px;margin-bottom:.5em;margin-left:0;padding-top:8px}
.profile-link{background:url("http://1.bp.blogspot.com/_kMUpUqMmduA/SUNQ-NUfv1I/AAAAAAAAAjI/g1aQNGOjmm0/s1600/icon_profile.gif") no-repeat left .1em;padding-left:15px;font-weight:bold}
.profile-textblock{clear:both;margin:0}/**/
.sidebar .widget{margin:10px 5px 10px 5px;padding:0 0px}
.widget-content{margin-top:0.5em}

.sidebar h2{
text-align:right;margin:0
;height:27px;padding:3px 10px 0px;line-height:1.5em
;font:normal bold 18px'Traditional arabic',Verdana,Arial,Sans-serif;
background:#003445 none repeat scroll 0 0;color:#FFFFFF;border:1px solid #FFFFFF;
}

.sidebar ul{
list-style:none;
margin:0 0 1.25em;
padding:0
}

.sidebar ul li{
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:16px;
margin-bottom:3px;
border-bottom:1px dotted #3f5c6f;
line-height:1.2em}

.sidebar p{margin:0 0 .6em}
.sidebar .clear,.main .widget .clear{clear:both}

#footer-wrap1{clear:both;margin:0;padding:15px 0 0}
#footer-wrap2{padding:8px 0 0;color:#0099cc}
#footer{padding:0px 15px}.footer-text{padding:5px;color:#c0c0c0;font-size:80%}.footer-text a{color:#008cb0}
#footer hr{display:none}
#footer p{margin:5px}
#footer a{color:#c0c0c0}/**/
body#layout #main-wrap1,body#layout #sidebar-wrap,body#layout #header-wrapper{margin-top:0}
#bottom{color:#F1F1F1;font-size:11px;text-align:right;padding-right:10px;height:54px;background:#003445; border-top:1px solid #F1F1F1}
#bottom a{text-decoration:none;color:#FFFF11}/**/a:link{color:#BEE00D;text-decoration:none}a:visited{color:#BEE00D;text-decoration:none}a:hover{color:#FFFFFF}a img{border-width:0}

#navigation{float:left;width:100%;background:#003445; border-top:1px solid #F1F1F1}
#navigation ul{margin:0;padding:19px 10px 0px 18px;list-style:none}
#navigation li{display:inline;margin:0;padding:0}
#navigation a{float:right; top;margin:0;padding:0 0 0 3px;text-decoration:none}

#navigation a span{
float:right;
display:block;
background:#003445; border-bottom:1px solid #ffffff;
padding:5px 15px 4px 6px;color:#FFFF11}

#navigation a span{float:none;padding-left:10px;padding-right:10px}

#navigation a:hover span{color:#ffffFF}

#navigation a:hover{background-position:0% -42px}

#navigation a:hover span{background-position:100% -10px;border-top:0px dotted #FFFFFF}


]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='عنوان المدونة (رأس الصفحة)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;px;&quot; + &quot;_height: &quot; + data:height + &quot;px;&quot; + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='footheader'>
<div id='navigation'>
<ul>


<li><a expr:href='data:blog.homepageUrl'><span>الرئيسة</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><span>خلاصة التعليقات</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><span>خلاصة التدوينات</span></a></li>
<li><a href='http://hassan-b.blogspot.com' target='_blank'><span>قوالب بلوجر</span></a></li>


</ul>
</div>
</div>



<div dir='rtl' id='content'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>



<div id='sidebar-leftwrap'>

<b:section class='sidebar' id='sisiatas' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='مدونات صديقة' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogList1' locked='false' title='جديد قوالب بلوجر' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == &quot;true&quot;'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != &quot;&quot;'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == &quot;true&quot;'>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems &gt; data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='أقسام المدونة' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&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-&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 dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>


</div>
<div id='main-wrap1'>
<div id='ads'> <a href='#'><img src=''/></a></div>
<div id='main-wrap2'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a 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>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</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'>&#160;</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='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<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'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</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' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span>&#160;</td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&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>
</span>

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
</div>

<div class='post-footer-line post-footer-line-2'>
<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' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' style='display: none'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</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='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<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>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl 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'>
<a expr:name='data:comment.anchorName'/>
<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'>
<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>

<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>
&#160;
<data:post.commentRangeText/>
&#160;
<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:include data='post' name='comment-form'/>
<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>

<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='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://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:includable>
</b:widget>
</b:section>
</div></div>
<div id='sidebarright'>

<b:section class='sidebar' id='rightmiddle'>
<b:widget id='LinkList1' locked='false' title='مدونات صديقة' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogList2' locked='false' title='جديد قوالب بلوجر' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
<ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == &quot;true&quot;'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == &quot;true&quot;'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != &quot;&quot;'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == &quot;true&quot;'>
<b:if cond='data:showItemTitle == &quot;true&quot;'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems &gt; data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='CustomSearch1' locked='false' title='بحث المدونة' type='CustomSearch'>
<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' style='width:95%'>
<div expr:id='data:widget.instanceId + &quot;_form&quot;'>
<span class='cse-status'><data:loadingMsg/></span>
</div>
</div>

<!-- override gsearch.css -->
<style type='text/css'>
#uds-searchControl .gs-result .gs-title,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gsc-results .gsc-trailing-more-results,
#uds-searchControl .gsc-results .gsc-trailing-more-results * {
color:<data:linkColor/>;
}

#uds-searchControl .gs-result .gs-title a:visited,
#uds-searchControl .gs-result .gs-title a:visited * {
color:<data:visitedLinkColor/>;
}

#uds-searchControl .gs-relativePublishedDate,
#uds-searchControl .gs-publishedDate {
color: <data:dateColor/>;
}

#uds-searchControl .gs-result a.gs-visibleUrl,
#uds-searchControl .gs-result .gs-visibleUrl {
color: <data:urlColor/>;
}

#uds-searchControl .gsc-results {
border-color: <data:borderColor/>;
background-color: <data:backgroundColor/>;
}

#uds-searchControl .gsc-tabhActive {
border-color: <data:borderColor/>;
border-top-color: <data:activeBorderColor/>;
background-color: <data:backgroundColor/>;
color: <data:textColor/>;
}

#uds-searchControl .gsc-tabhInactive {
border-color: <data:borderColor/>;
background-color: transparent;
color: <data:linkColor/>;
}

#uds-searchClearResults {
border-color: <data:borderColor/>;
}

#uds-searchClearResults:hover {
border-color: <data:activeBorderColor/>;
}

#uds-searchControl .gsc-cursor-page {
color: <data:linkColor/>;
}

#uds-searchControl .gsc-cursor-current-page {
color: <data:textColor/>;
}
</style>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='footer-wrap1'><div id='footer-wrap2'>
<b:section class='footer' id='footer'/>
</div></div>
</div>
<div id='bottom'>
<!--
======================================================================================
-->
<div class='credits'>
<!-- حقوق التصميم محغوظة المرجو عدم حذف الرابط في الأسفل&#1548; لقد عملت ساعات على القالب وأتحته للجميع مجانا فأرجو تقدير الجهد المبذول -->
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; 2008 | تصميم وتطوير <a href='http://hassan-b.blogspot.com'>حسن</a>
</div><!-- end credits -->
</div>
</div>

</body>
</html>


Yasser-Radio

الأحد، 1 نوفمبر 2009