<?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>
<link href='https://sites.google.com/site/pstekblog/tooltip.css' rel='stylesheet' type='text/css'/>
<link href='https://www.dropbox.com/s/qpmlb8a2khym97h/styles.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='hYKQIKcYbh6-iX7a1AZOKuvCNMk' name='alexaVerifyID'/>
<meta content='موقع احمد السعدي' name='title'/>
<meta content='موقع احمد السعدي ' name='description'/>
<meta content='موقع,احمد,السعدي,Ahmed,Al-Saadi' name='keywords'/>
<meta content='Ahmed Al-Saadi' name='Author'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' 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='index, follow' name='robots'/>
<meta content='ar' name='language'/>
<meta content='Iraq' name='country'/>
<meta content='blogger' name='generator'/>
<meta content='(c) 2013' name='copyright'/>
<b:skin><![CDATA[/*
/************************************* *
Blogger Template Style
Theme Translate by http://bt.blog4temp.com TBT
Name: Visiting Card
Description: iSocial blogger template that helps you create quick, easy visiting card like mini site.
Version: 1
Tags: quick, mini, social bookmarks, visiting card
Designer : Rodney SANKINKA
URL 1: http://blogger-mastering.blogspot.com
URL 2: http://www.blogger-au-bout-du-doigt.blogspot.com
Bloggerized Date : 16 January 2010
Original Wordpress Style
Theme URI: http://premiumthemes.net/
Author: R.Bhavesh
Author URI: http://www.cssace.com/
License: All Rights Reserved
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
PLEASE DO NOT REMOVE THE FOOTER creditS
*************************************/
/* --------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
line-height:1;
font-family:inherit;
text-align:right;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ol, ul {
list-style:none;
}
blockquote:before, blockquote:after {
content:"";
}
a { outline:none; }
.aleft { float :left; }
/* --------------------------------------------------
Structure
-------------------------------------------------- */
body { background:#dfe2e4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6V3MDB98Np92VCEJeY6MlKOOwXmCFNEiDb1l3lBan9vZzefSiJptkICDw3K4RhivGOrtf2LtOf_sMc9yqXCINdAB-h1K3a8Te_YT17HxstvIAiOkaLarQYNGvTA-uT46HTaiCExFW0Mz/s1600/bg.png) repeat-x top; font:10px Droid Arabic Kufi, Arial, Helvetica, sans-serif; color:#333; line-height:18px; }
#top { width : 545px; height:48px; margin:40px auto 0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrInl7dX8b3ixTz6KNAB7623gyJDHIuc3F2ErIVQw_1amUx_u1cgGQbxvSq4AHPu-tEG961NDqKsOqzaz6SBFZM0s6I-oE0tcs3OYJ444_6NY0s6d92mC-RIJMbQ74DP39HJAYpH4RhXOb/s1600/top.png) no-repeat center top; }
#page { width : 545px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9r6Xhb5iXb1xUMggYeVb8ve84eOJUAGrEA9FMfYESRk_2pJCi_VmYmUEXS4bk-MblNUP8l09MkpsVO6NKmFe9AWXS6S8IMgrMyw9KDN8shCl1Upjp1tZ_NrgzdVW6q2I-JIqU2vzqifH/s1600/centerbg.png) repeat-y right top; display :table; }
.page-in { padding:0 15px; }
#footer { width : 515px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWAmBhJIcSZbNJEdmm9eemoPPGs3nIeh0V20dslbWA3tY0NdRb3g-Te0su-l6f2zLpbbOI3O0wjqikRaLFArlgan3WQdxqu-l2DXb66aBVqsSxJx1nPmqVS7ufL1W6azzTWfWh-0dxw04V/s1600/bottombg.png) no-repeat top; clear:both; padding:15px 15px; position :relative; }
#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position : absolute; top: 0; right: 0; width : 100%; height: 54px; background-color:#A4ADB7; }
#datacontent { position :relative; }
/* --------------------------------------------------
default
-------------------------------------------------- */
a:hover img { margin-right: 5px;}
a strong { display : block; font:bold 15px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: right; }
/* --------------------------------------------------
Content
-------------------------------------------------- */
#content { padding: 0 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9r6Xhb5iXb1xUMggYeVb8ve84eOJUAGrEA9FMfYESRk_2pJCi_VmYmUEXS4bk-MblNUP8l09MkpsVO6NKmFe9AWXS6S8IMgrMyw9KDN8shCl1Upjp1tZ_NrgzdVW6q2I-JIqU2vzqifH/s1600/centerbg.png) repeat-y bottom; }
#content ul { display :block; margin:0; padding:0; list-style:none; }
#content li { float : right; width : 154px; margin-right:0px; }
#content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px; display :block; width : 154px; height:40px; position :relative; z-index:2; cursor:pointer; }
#content li a img { border: 0; float : right; margin: 0 10px; }
.about { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDKLRRYFuC2td7DS7TtgkqVL3gGDmi9HhBYoY2PYETt6GWin0qyLivq4ZQyCYY2_1CbjhIpAjsYl95XIGakdtBkaUAqIzOuLojlvgXmNjZqqTPeEvUnP6Odhh2cJ17EIMCZAwmR1p0HvmY/s1600/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px; }
.about img { float :right; margin:0 0 0 12px; border:2px solid #9a9fa6; }
.about h1 { margin:0 0 3px 0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000; }
.about p { color:#444; line-height:16px; }
.navigation { height: 38px; padding: 0px 20px; margin-bottom:10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDGdknu4_9bBxfDdo5gTZYN9RI1sfzYBItoS8u-i6YDQW8zFgTcWhD6i5SIbY6Rchd0bKbh7SoStsYUA3A9MWEOFE8Gh6VHXOpHO-eUPhhY-VPwKZO9y38FX7AVyEqrTL4wLLrCwPBmzlb/s1600/navbg.png) repeat-x top ; line-height: 28px; font-weight: bold; position :relative; }
.navigation li { float : right; }
.navigation li a { margin-left:12px; float :right; display :block; font-weight:bold; padding:15px 0px 8px 0px; width : 82px; text-align:center; color:#ffbabd; text-decoration: none; }
.navigation li a:hover { color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IDVYpiLhY0iHLEXsoGZhZ3WbKKkRf8e6K9LED90LT2USf-DIxA9z_hkaMxr1u6-fXgN-U495v05oZ4wYd-nFfEcIvZT1hTtsHklRGELlxE8BbCldcld_UkWAdDinkaWWFfdvwaYe6XMX/s1600/tab.png) no-repeat; color:#333;}
.navigation li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IDVYpiLhY0iHLEXsoGZhZ3WbKKkRf8e6K9LED90LT2USf-DIxA9z_hkaMxr1u6-fXgN-U495v05oZ4wYd-nFfEcIvZT1hTtsHklRGELlxE8BbCldcld_UkWAdDinkaWWFfdvwaYe6XMX/s1600/tab.png) no-repeat; color:#333; }
.navigation li a.active:hover { color:#000; }
/* main_content ----------------------------------------- */
.main_content { padding:10px 20px;}
.main_content p { line-height:18px; margin-bottom: 10px; }
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; }
.main_content a:hover, .main_content span a:hover { color:#333; }
.main_content blockquote { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXI1OthUJMy6K8N1Rc0oeXbUjsiRJFtjKkEIlWUhzceLu6NM9sMLquXFHVw5osf2zA77iOsEgPx5AgXIE_ZgMJv6RENtxZYHUrbpa4E68OFbdZiD3Swy8ZUxOpn9MkQ_ejb2e04eqSXwO/s1600/quote.png) no-repeat right 5px; margin:8px 0; padding:0px 20px 0px 10px; font-size:13px; line-height:20px; }
.main_content blockquote p { font-weight:bold; font:bold 15px Arial, Helvetica, sans-serif; line-height:20px; }
.main_content blockquote:first-letter { font-size:24px; }
.main_content .textwidget { line-height:18px; }
/* contact ------------------------------ */
.row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px; }
.field_l { width : 80px; float :right; font-weight:bold; padding-right:20px; }
.field_r { width : 370px; float :left; }
.i_mail { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDL-hCKK-sD5g5ONLFvjHzv9mv5xb0ecHCbSYU6WZkqCiTT3QdN-WldgTYfb50NVzez9JzRe1qdsWk9gDWl0Yi_avU-SPp5Lm_0K6S2vKTFh8-ugpjsoKgYJqyUAMsw2T65B1F-xDfZ7N/s1600/i_email.png) no-repeat 4px 7px; }
.i_company { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeebZEwwMT6SGkgLSXMkomikhn6s6EH0PCyvhjIJOueQAF3vXzG_-XyJGYIo0RtxZf9us8xYlqgAaqGNGnKJkPvADUF1xLattlao_QyKVhPhWFGX6PTyvRgnluBJEyj4iuRGVWmcQoRTSa/s1600/i_company.png) no-repeat 4px 3px; }
.i_location { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8KlmcF5fukL2fwJ9-ak8Xyc2_JGPaPrLx0q5cM7m44AksY0IgD9T74Sr_7P0-k5X0geiLWhdmZ84AQb5f3ty89nKW-OEwweSL3JKuakIaD80GBcXsuUG8y67dNx2l0YRwJR2RXF-IO8z/s1600/i_location.png) no-repeat 4px 6px; }
.i_web { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUHogyvFJScqFUi7f28GhdEHfp3vrXe3jUK6psNe2EXg313VYnW505mFOWdJtvLEuvSdFOjoWXXKBiFrzZnh8LRyPYv39EEnndcbisFa6hjq0N4R6aqe3wbHsn7JfyPAfIzjtov7HA55d/s1600/i_web.png) no-repeat 4px 5px; }
/* footer ------------------- */
#footer p { text-align:center; padding:10px 0; color:#666; }
#pt a { margin:0; padding:0;position :absolute; left:10px; _left:25px; top:10px; width : 20px; height:20px; text-indent:-9009px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnpOGOI_FkAlWWQKraVaR5-H0fihZRyerKHPPKTlyZUHtEJspYJnxXwuxoi9dFZw4v7RRqzA71W3_0nN5GTiDytV6LtODwhksxXraH-ezzXGfnQ2OQAHPmxWnAlIeTQ4ACsHnLfmQU3lyd/s1600/i_pt.png) no-repeat; display :block; z-index:999; }
#pt a:hover { background-position :0 -20px; }
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */
.clearfix:after { content: "."; clear: both; height:0; visibility:hidden; display : block; }
.clearfix { display : inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */
#networks li a img {
float : right;
margin:0 15px 0 10px;
-webkit-transition: margin-right 0.25s linear;
}
#networks li a:hover img {
margin-right: 10px;
background-color: #E3E5E6;
}
#networks li a:hover {
background-color: #E3E5E6;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display : none;
}
#blog-pager-newer-link {
float : right;
}
#blog-pager-older-link {
float : left;
}
#blog-pager {
text-align: center;
}
.feed-links { display :none; }
]]></b:skin>
<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position : relative;'>
<div style='position : absolute; left: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
<div style='width : 640px; margin: 0 auto; text-align: right; padding: 0; overflow: hidden; color: black;'>
<div style='width : 75px; float : right;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width : 275px; float : right; font-family: Arial, sans-serif;'>
<div style='font-size: 15px; font-weight: bold; margin-top: 12px;'>Vous utilisez un vieux navigateur</div>
<div style='font-size: 13px; margin-top: 6px; line-height: 12px;'>Pour un meilleur affichage de ce blog, veuillez passer أ  une version rأ©cente ou changer de navigateur.</div>
</div>
<div style='width : 75px; float : right;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
<div style='width : 75px; float : right;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width : 73px; float : right;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
<div style='float : right;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
</div>
</div>
<![endif]-->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTYPz9I87h_ldc2S0j7blWgBazIU3T_HCMIM8ir9KNsPrcwmtiFoDOmznKGC4TzLf7VEYLvoflpe9DNOUQxciZMFy_C0Et_dLIpeZFMc4IQvxIXCCTCZW-Fqzwg42SKYUgv8wQcJirUo/h120/fav.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
</head>
<body>
<div id='header-wrapper'>
</div>
<div id='top'/>
<div id='page'>
<div class='page-in'>
<div id='datacontent'>
<span id='pt'><a href='#'>Ahmed</a></span>
<ul class='navigation'>
<li><a href='http://ahmed-iq.blogspot.com/' target='_blank'><span class='tooltip up1 rosewood '>زيارة مدونة احمد السعدي</span>المدونة</a></li>
<li><a href='http://ps-tek.blogspot.com/' target='_blank'><span class='tooltip up1 forestgreen '>مدونة بي اس | مدونة تقنية</span>مدونة بي اس</a></li>
<li><a href='http://www.123contactform.com/form-469451/Contact-Form' target='_blank'>اتصل بي<span class='tooltip up1 sunset'>لاتترد في الاتصال بي</span></a></li>
</ul>
<div class='about clearfix'>
<h1 class='about divider' style=' text-align: center; '><a href='#' rel='dofollow' style=' text-align: left; color: rgb(180, 30, 30); ' target='_blank'>Ahmed H.Al-Saadi</a></h1>
<img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixwh_6o32m_1884NFgSCl9A0H8DV1wFgHxN8uOieg5V6jOmDwCcDN_kapnvHJr04qVkcc5vYp5YkaBMCuvycoZIKEIT9P9R6hsClX_C06rwwQrx8ERs1mu88d22vR3BGLlvfsKO0pVbw/h120/ahmed.jpg'/>
<p>مرحبا بك في موقع احمد السعدي</p>
<p>إسمـي احمـد مـن مواليـد سنـة 1992 , بلـدي هـو العـراق, أهتم بتقنيـات الحاسـوب وتطويـر المواقـع والمدونات اهم البرامج التي استخدمها في اعمالي الفوتوشوب, السويش ماكس وغيرها</p>
<p>
</p><p> <a href='http://ahmed-iq.blogspot.com/' target='_blank'>اضغط هنا</a> لزيارة المدونة</p></div>
<!-- Top about -->
</div>
<!-- datacontent #end -->
<div class='wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='networks'>
<div id='content'>
<ul>
<li><a href='#' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Other-Shortcuts-Metro-icon.png'/><strong>Home</strong>الرئيسية<span class='tooltip midnightblue'>زيارة الصفحة الرئيسية</span></a></li>
<li><a href='http://www.facebook.com/a7med.alsaadi' target='_blank'><img src='http://icons.iconarchive.com/icons/danleech/simple/32/facebook-icon.png'/><strong>Face Book</strong><span class='tooltip center midnightblue'>تابعني على الفيس بوك</span>فيس بوك</a></li>
<li><a href='http://twitter.com/ahmd_alsaadi' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-Twitter-alt-4-Metro-icon.png'/> <strong>Twitter</strong>تويتر<span class='tooltip right skyblue'>تابعني على تويتر</span></a></li>
<li><a href='https://plus.google.com/u/0/105134152933855435011' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-Google-plus-alt-Metro-icon.png'/> <strong>Google Plus</strong><span class='tooltip sunset'>تابعني على قوقل بلس</span>قوقل بلس</a></li>
<li><a href='http://www.youtube.com/3hmedh' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-YouTube-Metro-icon.png'/> <strong>Youtube</strong>يوتيوب<span class='tooltip center sunset'>صفحتي على اليوتيوب</span></a></li>
<li><a href='http://ps-tek.blogspot.com/' target='_blank'><img src='http://icons.iconarchive.com/icons/danleech/simple/32/blogger-icon.png'/> <strong>Blog</strong><span class='tooltip right sunset'>مدوني على بلوجر</span>مدونتي</a></li>
<li><a href='http://about.me/ahmed.alsaadi'><img src='http://icons.iconarchive.com/icons/michal-kowalkowski/metro-dating/32/How-About-We-icon.png'/> <strong>About</strong><span class='tooltip left turquoise'>بطاقتي About.Me </span>بطاقتي</a></li>
<li><a href='http://www.ps-tek.blogspot.com/feeds/posts/default' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-RSS-Feed-Metro-icon.png'/> <strong>Feed</strong>التغذيات<span class='tooltip center tangerine'>اشترك في التغذيات</span></a></li>
<li><a href='http://www.123contactform.com/form-469451/Contact-Form' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Other-Mail-alt-Metro-icon.png'/> <strong>Contact</strong><span class='tooltip right sunset'>لاتترد في الاتصال بي</span>اتصل بي</a></li>
</ul>
<div class='clear'/>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
<data:adEnd/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + 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='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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</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>
<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%'/>
<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='"item-control " + 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='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>
<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>
 
<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>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img 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'>
<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>
 
<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>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a 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'>&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 != "static_page"'>
<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'><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>
</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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a 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='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</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 == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='post' var='post'>
<div class='post uncustomized-post-template'>
<b:if cond='data:blog.url == "http://yourblog.blogpost.com/about.html"'>
<!-- BEGIN about -->
<div id='about'>
<div class='main_content'>
<ul class='nobullet'>
<h2><data:post.title/></h2>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</ul>
</div>
</div>
<!-- about #end -->
</b:if>
<b:if cond='data:blog.url == "http://yourblog.blogpost.com/contact.html"'>
<!-- BEGIN contact -->
<div id='contact'>
<div class='main_content'>
<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>
<div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>
<div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'> My blog (or website)</a></span></div>
<div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div>
<div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>
<div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>
</div>
</div>
<!-- contact #end -->
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 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='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;
}
}
}
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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList100' locked='true' title='Social List' type='LinkList'>
<b:includable id='main'>
<div id='social_list'>
</div>
<script type="text/javascript">
var Social_Link = [];
var Social_Name = [];
var Social_Num = 0;
<b:loop values='data:links' var='link'>
Social_Link[Social_Num] = '<data:link.target/>';
Social_Name[Social_Num] = '<data:link.name/>';
Social_Num++;
</b:loop>
</script>
<!--ul>
<li><a href='#'><img src='img/icons/social/icon_Facebook.png' alt=Facebook />Facebook</a></li>
<li><a href='#'><img src='img/icons/social/icon_Twitter%20(alt).png' alt=Twitter />Twitter</a></li>
<li><a href='#'><img src='img/icons/social/icon_LinkedIn%20(alt).png' alt=LinkedIn />Linked In</a></li>
<li><a href='#'><img src='img/icons/social/icon_Flickr.png' alt=Flickr />Flickr</a></li>
<li><a href='#'><img src='img/icons/social/icon_Vimeo.png' alt=Vimeo />Vimeo</a></li>
<li><a href='#'><img src='img/icons/social/icon_Dribbble.png' alt=Dribbble />Dribbble</a></li>
</ul-->
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' id='nav'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text102' locked='true' title='My Skillset' type='Text'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1 class='dark-text'><data:title/></h1></b:if>
<div id='skillset'>
<data:content/>
</div>
<!--ul class=bar-graph>
<li data-graph-percent=100><span class=bar-title>HTML/CSS</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=70><span class=bar-title>Actionscript 3.0</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=85><span class=bar-title>Javascript</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=55><span class=bar-title>Photoshop</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
</ul-->
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image104' locked='true' title='Portfolio - Image 4' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Image105' locked='true' title='Portfolio - Image 5' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='true' title='موقع احمد السعدي (رأس الصفحة)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--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 + "_headerimg"' 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--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='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</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:widget>
<b:widget id='Text100' locked='true' title='Your name' type='Text'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1><span class='surname-color'><data:title/></span></h1></b:if>
<h2 class='mid-color-text'><em><data:content/></em></h2>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image102' locked='true' title='Portfolio - Image 2' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text101' locked='true' title='About Me Description' type='Text'>
<b:includable id='main'>
<span><data:content/></span>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image103' locked='true' title='Portfolio - Image 3' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Image100' locked='true' title='About Me' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1 class='dark-text'><data:title/></h1></b:if>
<aside><img expr:alt='data:caption' expr:src='data:sourceUrl' height='120' width='120'/></aside>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image101' locked='true' title='Portfolio - Image 1' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='TextList101' locked='true' title='Contact Info' type='TextList'>
<b:includable id='main'>
<div id='per_info'/>
<script type='text/javascript'>
<!--
var Per_List = [];
var Per_List_Num = 0;
<b:loop values='data:items' var='item'>
Per_List[Per_List_Num] = '<data:item/>';
Per_List_Num++;
</b:loop>
-->
</script>
<!--ul class=semi-dark-text>
<li><img src='img/icons/UI/map_pin_stroke.png' alt=Location />1523 Lorem St, <br/> <span class=second-row>Ipsum, Dolor</span></li>
<li><img src='img/icons/UI/iphone.png' alt=Phone />(123) 456 789 00<br/><span class=second-row>(987) 654 321 00</span></li>
<li><a href='mailto:john@doe.com'><img src='img/icons/UI/mail.png' alt=Email />john@doe.com</a></li>
<li><a href='#'><img src='img/icons/UI/home.png' alt=Homepage />www.jdcompany.com</a></li>
<li><a href='#'><img src='img/icons/UI/user_alt.png' alt=vCard /><strong>Download My vCard</strong></a></li>
</ul-->
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='TextList100' locked='true' title='What I do' type='TextList'>
<b:includable id='main'>
<div id='work'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<ul>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='HTML102' locked='true' title='Download Link' type='HTML'>
<b:includable id='main'>
<b:if cond='data:content != ""'>
<a class='resume-download' expr:href='data:content'><strong>Download Full Resume (PDF)</strong></a>
</b:if>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a 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='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a 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:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a 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='"archivedate " + 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 + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='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 == "expanded"'>
<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 == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0755704036902361468617\46blogName\75%D9%85%D9%88%D9%82%D8%B9+%D8%A7%D8%AD%D9%85%D8%AF+%D8%A7%D9%84%D8%B3%D8%B9%D8%AF%D9%8A\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ahmd-site.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://ahmd-site.blogspot.com/\46vt\75-6550037486114629039',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Network' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</b:if>
</div>
</div>
</div>
<!-- page #end -->
<div id='footer'>
<b:section class='footer-in' id='footer-in'/>
<p/>
<p/>
<p/>
<p>Copyright (c) 2013 <a expr:href='data:blog.homepageUrl'/>
<a href='http://ahmed-iq.blogspot.com'><span class='tooltip up rosewood '>تعريب وتطوير احمد السعدي </span>Ahmed Al-Saadi</a> <a href='http://ahmed-iq.blogspot.com/'/> </p>
</div>
<script src='https://sites.google.com/site/tutorialcursorsparkle/rainbow.user.js' type='text/javascript'>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>
<script src='https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js' type='text/javascript'/><script type='text/javascript'>
// <![CDATA[
FFFF33FFFF33FFFF33FFFF33FFFF33// colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
<style type='text/css'>body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur125.cur), progress !important;}</style>
<!--start code fl-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 ||
href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("rel", "nofollow");
}
});
//]]>
</script>
<!--end code fl-->
</body>
</html>
<!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>
<link href='https://sites.google.com/site/pstekblog/tooltip.css' rel='stylesheet' type='text/css'/>
<link href='https://www.dropbox.com/s/qpmlb8a2khym97h/styles.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='hYKQIKcYbh6-iX7a1AZOKuvCNMk' name='alexaVerifyID'/>
<meta content='موقع احمد السعدي' name='title'/>
<meta content='موقع احمد السعدي ' name='description'/>
<meta content='موقع,احمد,السعدي,Ahmed,Al-Saadi' name='keywords'/>
<meta content='Ahmed Al-Saadi' name='Author'/>
<meta content='global' name='distribution'/>
<meta content='5 days' name='revisit'/>
<meta content='5 days' 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='index, follow' name='robots'/>
<meta content='ar' name='language'/>
<meta content='Iraq' name='country'/>
<meta content='blogger' name='generator'/>
<meta content='(c) 2013' name='copyright'/>
<b:skin><![CDATA[/*
/************************************* *
Blogger Template Style
Theme Translate by http://bt.blog4temp.com TBT
Name: Visiting Card
Description: iSocial blogger template that helps you create quick, easy visiting card like mini site.
Version: 1
Tags: quick, mini, social bookmarks, visiting card
Designer : Rodney SANKINKA
URL 1: http://blogger-mastering.blogspot.com
URL 2: http://www.blogger-au-bout-du-doigt.blogspot.com
Bloggerized Date : 16 January 2010
Original Wordpress Style
Theme URI: http://premiumthemes.net/
Author: R.Bhavesh
Author URI: http://www.cssace.com/
License: All Rights Reserved
The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php
PLEASE DO NOT REMOVE THE FOOTER creditS
*************************************/
/* --------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
margin:0;
padding:0;
border:0;
font-weight:normal;
font-style:normal;
font-size:100%;
line-height:1;
font-family:inherit;
text-align:right;
}
table {
border-collapse:collapse;
border-spacing:0;
}
ol, ul {
list-style:none;
}
blockquote:before, blockquote:after {
content:"";
}
a { outline:none; }
.aleft { float :left; }
/* --------------------------------------------------
Structure
-------------------------------------------------- */
body { background:#dfe2e4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga6V3MDB98Np92VCEJeY6MlKOOwXmCFNEiDb1l3lBan9vZzefSiJptkICDw3K4RhivGOrtf2LtOf_sMc9yqXCINdAB-h1K3a8Te_YT17HxstvIAiOkaLarQYNGvTA-uT46HTaiCExFW0Mz/s1600/bg.png) repeat-x top; font:10px Droid Arabic Kufi, Arial, Helvetica, sans-serif; color:#333; line-height:18px; }
#top { width : 545px; height:48px; margin:40px auto 0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrInl7dX8b3ixTz6KNAB7623gyJDHIuc3F2ErIVQw_1amUx_u1cgGQbxvSq4AHPu-tEG961NDqKsOqzaz6SBFZM0s6I-oE0tcs3OYJ444_6NY0s6d92mC-RIJMbQ74DP39HJAYpH4RhXOb/s1600/top.png) no-repeat center top; }
#page { width : 545px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9r6Xhb5iXb1xUMggYeVb8ve84eOJUAGrEA9FMfYESRk_2pJCi_VmYmUEXS4bk-MblNUP8l09MkpsVO6NKmFe9AWXS6S8IMgrMyw9KDN8shCl1Upjp1tZ_NrgzdVW6q2I-JIqU2vzqifH/s1600/centerbg.png) repeat-y right top; display :table; }
.page-in { padding:0 15px; }
#footer { width : 515px; margin:0 auto; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWAmBhJIcSZbNJEdmm9eemoPPGs3nIeh0V20dslbWA3tY0NdRb3g-Te0su-l6f2zLpbbOI3O0wjqikRaLFArlgan3WQdxqu-l2DXb66aBVqsSxJx1nPmqVS7ufL1W6azzTWfWh-0dxw04V/s1600/bottombg.png) no-repeat top; clear:both; padding:15px 15px; position :relative; }
#datacontent .panelsInner { overflow: hidden; }
#datacontent .panel { padding: 0px; }
.fader { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); position : absolute; top: 0; right: 0; width : 100%; height: 54px; background-color:#A4ADB7; }
#datacontent { position :relative; }
/* --------------------------------------------------
default
-------------------------------------------------- */
a:hover img { margin-right: 5px;}
a strong { display : block; font:bold 15px Arial, Helvetica, sans-serif; color: #000; }
.clear { clear: right; }
/* --------------------------------------------------
Content
-------------------------------------------------- */
#content { padding: 0 10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9r6Xhb5iXb1xUMggYeVb8ve84eOJUAGrEA9FMfYESRk_2pJCi_VmYmUEXS4bk-MblNUP8l09MkpsVO6NKmFe9AWXS6S8IMgrMyw9KDN8shCl1Upjp1tZ_NrgzdVW6q2I-JIqU2vzqifH/s1600/centerbg.png) repeat-y bottom; }
#content ul { display :block; margin:0; padding:0; list-style:none; }
#content li { float : right; width : 154px; margin-right:0px; }
#content a { font-size: 11px; color: #666; text-decoration: none; padding: 10px 0 5px; display :block; width : 154px; height:40px; position :relative; z-index:2; cursor:pointer; }
#content li a img { border: 0; float : right; margin: 0 10px; }
.about { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDKLRRYFuC2td7DS7TtgkqVL3gGDmi9HhBYoY2PYETt6GWin0qyLivq4ZQyCYY2_1CbjhIpAjsYl95XIGakdtBkaUAqIzOuLojlvgXmNjZqqTPeEvUnP6Odhh2cJ17EIMCZAwmR1p0HvmY/s1600/hr.png) repeat-x bottom; padding:0px 20px 10px 20px; overflow:hidden; margin-bottom:10px; }
.about img { float :right; margin:0 0 0 12px; border:2px solid #9a9fa6; }
.about h1 { margin:0 0 3px 0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000; }
.about p { color:#444; line-height:16px; }
.navigation { height: 38px; padding: 0px 20px; margin-bottom:10px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDGdknu4_9bBxfDdo5gTZYN9RI1sfzYBItoS8u-i6YDQW8zFgTcWhD6i5SIbY6Rchd0bKbh7SoStsYUA3A9MWEOFE8Gh6VHXOpHO-eUPhhY-VPwKZO9y38FX7AVyEqrTL4wLLrCwPBmzlb/s1600/navbg.png) repeat-x top ; line-height: 28px; font-weight: bold; position :relative; }
.navigation li { float : right; }
.navigation li a { margin-left:12px; float :right; display :block; font-weight:bold; padding:15px 0px 8px 0px; width : 82px; text-align:center; color:#ffbabd; text-decoration: none; }
.navigation li a:hover { color:#fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IDVYpiLhY0iHLEXsoGZhZ3WbKKkRf8e6K9LED90LT2USf-DIxA9z_hkaMxr1u6-fXgN-U495v05oZ4wYd-nFfEcIvZT1hTtsHklRGELlxE8BbCldcld_UkWAdDinkaWWFfdvwaYe6XMX/s1600/tab.png) no-repeat; color:#333;}
.navigation li a:active { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3IDVYpiLhY0iHLEXsoGZhZ3WbKKkRf8e6K9LED90LT2USf-DIxA9z_hkaMxr1u6-fXgN-U495v05oZ4wYd-nFfEcIvZT1hTtsHklRGELlxE8BbCldcld_UkWAdDinkaWWFfdvwaYe6XMX/s1600/tab.png) no-repeat; color:#333; }
.navigation li a.active:hover { color:#000; }
/* main_content ----------------------------------------- */
.main_content { padding:10px 20px;}
.main_content p { line-height:18px; margin-bottom: 10px; }
.main_content span { font-size:11px; }
.main_content a, .main_content span a { color:#a1141a; text-decoration:none; }
.main_content a:hover, .main_content span a:hover { color:#333; }
.main_content blockquote { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXI1OthUJMy6K8N1Rc0oeXbUjsiRJFtjKkEIlWUhzceLu6NM9sMLquXFHVw5osf2zA77iOsEgPx5AgXIE_ZgMJv6RENtxZYHUrbpa4E68OFbdZiD3Swy8ZUxOpn9MkQ_ejb2e04eqSXwO/s1600/quote.png) no-repeat right 5px; margin:8px 0; padding:0px 20px 0px 10px; font-size:13px; line-height:20px; }
.main_content blockquote p { font-weight:bold; font:bold 15px Arial, Helvetica, sans-serif; line-height:20px; }
.main_content blockquote:first-letter { font-size:24px; }
.main_content .textwidget { line-height:18px; }
/* contact ------------------------------ */
.row { height:100%; overflow:hidden; margin-bottom:10px; background:url(images/hr.png) repeat-x bottom; padding-bottom:10px; }
.field_l { width : 80px; float :right; font-weight:bold; padding-right:20px; }
.field_r { width : 370px; float :left; }
.i_mail { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZDL-hCKK-sD5g5ONLFvjHzv9mv5xb0ecHCbSYU6WZkqCiTT3QdN-WldgTYfb50NVzez9JzRe1qdsWk9gDWl0Yi_avU-SPp5Lm_0K6S2vKTFh8-ugpjsoKgYJqyUAMsw2T65B1F-xDfZ7N/s1600/i_email.png) no-repeat 4px 7px; }
.i_company { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeebZEwwMT6SGkgLSXMkomikhn6s6EH0PCyvhjIJOueQAF3vXzG_-XyJGYIo0RtxZf9us8xYlqgAaqGNGnKJkPvADUF1xLattlao_QyKVhPhWFGX6PTyvRgnluBJEyj4iuRGVWmcQoRTSa/s1600/i_company.png) no-repeat 4px 3px; }
.i_location { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj8KlmcF5fukL2fwJ9-ak8Xyc2_JGPaPrLx0q5cM7m44AksY0IgD9T74Sr_7P0-k5X0geiLWhdmZ84AQb5f3ty89nKW-OEwweSL3JKuakIaD80GBcXsuUG8y67dNx2l0YRwJR2RXF-IO8z/s1600/i_location.png) no-repeat 4px 6px; }
.i_web { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMUHogyvFJScqFUi7f28GhdEHfp3vrXe3jUK6psNe2EXg313VYnW505mFOWdJtvLEuvSdFOjoWXXKBiFrzZnh8LRyPYv39EEnndcbisFa6hjq0N4R6aqe3wbHsn7JfyPAfIzjtov7HA55d/s1600/i_web.png) no-repeat 4px 5px; }
/* footer ------------------- */
#footer p { text-align:center; padding:10px 0; color:#666; }
#pt a { margin:0; padding:0;position :absolute; left:10px; _left:25px; top:10px; width : 20px; height:20px; text-indent:-9009px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnpOGOI_FkAlWWQKraVaR5-H0fihZRyerKHPPKTlyZUHtEJspYJnxXwuxoi9dFZw4v7RRqzA71W3_0nN5GTiDytV6LtODwhksxXraH-ezzXGfnQ2OQAHPmxWnAlIeTQ4ACsHnLfmQU3lyd/s1600/i_pt.png) no-repeat; display :block; z-index:999; }
#pt a:hover { background-position :0 -20px; }
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html
--------------------- */
.clearfix:after { content: "."; clear: both; height:0; visibility:hidden; display : block; }
.clearfix { display : inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */
#networks li a img {
float : right;
margin:0 15px 0 10px;
-webkit-transition: margin-right 0.25s linear;
}
#networks li a:hover img {
margin-right: 10px;
background-color: #E3E5E6;
}
#networks li a:hover {
background-color: #E3E5E6;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display : none;
}
#blog-pager-newer-link {
float : right;
}
#blog-pager-older-link {
float : left;
}
#blog-pager {
text-align: center;
}
.feed-links { display :none; }
]]></b:skin>
<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position : relative;'>
<div style='position : absolute; left: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
<div style='width : 640px; margin: 0 auto; text-align: right; padding: 0; overflow: hidden; color: black;'>
<div style='width : 75px; float : right;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
<div style='width : 275px; float : right; font-family: Arial, sans-serif;'>
<div style='font-size: 15px; font-weight: bold; margin-top: 12px;'>Vous utilisez un vieux navigateur</div>
<div style='font-size: 13px; margin-top: 6px; line-height: 12px;'>Pour un meilleur affichage de ce blog, veuillez passer أ  une version rأ©cente ou changer de navigateur.</div>
</div>
<div style='width : 75px; float : right;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
<div style='width : 75px; float : right;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
<div style='width : 73px; float : right;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
<div style='float : right;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
</div>
</div>
<![endif]-->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiTYPz9I87h_ldc2S0j7blWgBazIU3T_HCMIM8ir9KNsPrcwmtiFoDOmznKGC4TzLf7VEYLvoflpe9DNOUQxciZMFy_C0Et_dLIpeZFMc4IQvxIXCCTCZW-Fqzwg42SKYUgv8wQcJirUo/h120/fav.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
</head>
<body>
<div id='header-wrapper'>
</div>
<div id='top'/>
<div id='page'>
<div class='page-in'>
<div id='datacontent'>
<span id='pt'><a href='#'>Ahmed</a></span>
<ul class='navigation'>
<li><a href='http://ahmed-iq.blogspot.com/' target='_blank'><span class='tooltip up1 rosewood '>زيارة مدونة احمد السعدي</span>المدونة</a></li>
<li><a href='http://ps-tek.blogspot.com/' target='_blank'><span class='tooltip up1 forestgreen '>مدونة بي اس | مدونة تقنية</span>مدونة بي اس</a></li>
<li><a href='http://www.123contactform.com/form-469451/Contact-Form' target='_blank'>اتصل بي<span class='tooltip up1 sunset'>لاتترد في الاتصال بي</span></a></li>
</ul>
<div class='about clearfix'>
<h1 class='about divider' style=' text-align: center; '><a href='#' rel='dofollow' style=' text-align: left; color: rgb(180, 30, 30); ' target='_blank'>Ahmed H.Al-Saadi</a></h1>
<img alt='Image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixwh_6o32m_1884NFgSCl9A0H8DV1wFgHxN8uOieg5V6jOmDwCcDN_kapnvHJr04qVkcc5vYp5YkaBMCuvycoZIKEIT9P9R6hsClX_C06rwwQrx8ERs1mu88d22vR3BGLlvfsKO0pVbw/h120/ahmed.jpg'/>
<p>مرحبا بك في موقع احمد السعدي</p>
<p>إسمـي احمـد مـن مواليـد سنـة 1992 , بلـدي هـو العـراق, أهتم بتقنيـات الحاسـوب وتطويـر المواقـع والمدونات اهم البرامج التي استخدمها في اعمالي الفوتوشوب, السويش ماكس وغيرها</p>
<p>
</p><p> <a href='http://ahmed-iq.blogspot.com/' target='_blank'>اضغط هنا</a> لزيارة المدونة</p></div>
<!-- Top about -->
</div>
<!-- datacontent #end -->
<div class='wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='networks'>
<div id='content'>
<ul>
<li><a href='#' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Other-Shortcuts-Metro-icon.png'/><strong>Home</strong>الرئيسية<span class='tooltip midnightblue'>زيارة الصفحة الرئيسية</span></a></li>
<li><a href='http://www.facebook.com/a7med.alsaadi' target='_blank'><img src='http://icons.iconarchive.com/icons/danleech/simple/32/facebook-icon.png'/><strong>Face Book</strong><span class='tooltip center midnightblue'>تابعني على الفيس بوك</span>فيس بوك</a></li>
<li><a href='http://twitter.com/ahmd_alsaadi' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-Twitter-alt-4-Metro-icon.png'/> <strong>Twitter</strong>تويتر<span class='tooltip right skyblue'>تابعني على تويتر</span></a></li>
<li><a href='https://plus.google.com/u/0/105134152933855435011' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-Google-plus-alt-Metro-icon.png'/> <strong>Google Plus</strong><span class='tooltip sunset'>تابعني على قوقل بلس</span>قوقل بلس</a></li>
<li><a href='http://www.youtube.com/3hmedh' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-YouTube-Metro-icon.png'/> <strong>Youtube</strong>يوتيوب<span class='tooltip center sunset'>صفحتي على اليوتيوب</span></a></li>
<li><a href='http://ps-tek.blogspot.com/' target='_blank'><img src='http://icons.iconarchive.com/icons/danleech/simple/32/blogger-icon.png'/> <strong>Blog</strong><span class='tooltip right sunset'>مدوني على بلوجر</span>مدونتي</a></li>
<li><a href='http://about.me/ahmed.alsaadi'><img src='http://icons.iconarchive.com/icons/michal-kowalkowski/metro-dating/32/How-About-We-icon.png'/> <strong>About</strong><span class='tooltip left turquoise'>بطاقتي About.Me </span>بطاقتي</a></li>
<li><a href='http://www.ps-tek.blogspot.com/feeds/posts/default' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Web-RSS-Feed-Metro-icon.png'/> <strong>Feed</strong>التغذيات<span class='tooltip center tangerine'>اشترك في التغذيات</span></a></li>
<li><a href='http://www.123contactform.com/form-469451/Contact-Form' target='_blank'><img src='http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/32/Other-Mail-alt-Metro-icon.png'/> <strong>Contact</strong><span class='tooltip right sunset'>لاتترد في الاتصال بي</span>اتصل بي</a></li>
</ul>
<div class='clear'/>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
<data:adEnd/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + 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='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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</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>
<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%'/>
<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='"item-control " + 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='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>
<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>
 
<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>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img 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'>
<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>
 
<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>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a 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'>&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 != "static_page"'>
<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'><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>
</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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&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'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a 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='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</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 == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='post' var='post'>
<div class='post uncustomized-post-template'>
<b:if cond='data:blog.url == "http://yourblog.blogpost.com/about.html"'>
<!-- BEGIN about -->
<div id='about'>
<div class='main_content'>
<ul class='nobullet'>
<h2><data:post.title/></h2>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</ul>
</div>
</div>
<!-- about #end -->
</b:if>
<b:if cond='data:blog.url == "http://yourblog.blogpost.com/contact.html"'>
<!-- BEGIN contact -->
<div id='contact'>
<div class='main_content'>
<div class='row'><span class='field_l i_company'>Company:</span><span class='field_r'>Your Company Name</span></div>
<div class='row'><span class='field_l i_location'>Location:</span><span class='field_r'>You Location (Town, Country)</span></div>
<div class='row'><span class='field_l i_web'>Website:</span><span class='field_r'><a href='http://yourblogurl.blogspot.com'> My blog (or website)</a></span></div>
<div class='row'><span class='field_l i_mail'>E-Mail:</span><span class='field_r'>youremail@host.com</span></div>
<div class='row'><span class='field_l i_mail'>IM :</span><span class='field_r'>YourIM</span></div>
<div class='row'><span class='field_l i_mail'>Skype:</span><span class='field_r'>yourskype</span></div>
</div>
</div>
<!-- contact #end -->
</b:if>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + 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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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 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='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;
}
}
}
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>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList100' locked='true' title='Social List' type='LinkList'>
<b:includable id='main'>
<div id='social_list'>
</div>
<script type="text/javascript">
var Social_Link = [];
var Social_Name = [];
var Social_Num = 0;
<b:loop values='data:links' var='link'>
Social_Link[Social_Num] = '<data:link.target/>';
Social_Name[Social_Num] = '<data:link.name/>';
Social_Num++;
</b:loop>
</script>
<!--ul>
<li><a href='#'><img src='img/icons/social/icon_Facebook.png' alt=Facebook />Facebook</a></li>
<li><a href='#'><img src='img/icons/social/icon_Twitter%20(alt).png' alt=Twitter />Twitter</a></li>
<li><a href='#'><img src='img/icons/social/icon_LinkedIn%20(alt).png' alt=LinkedIn />Linked In</a></li>
<li><a href='#'><img src='img/icons/social/icon_Flickr.png' alt=Flickr />Flickr</a></li>
<li><a href='#'><img src='img/icons/social/icon_Vimeo.png' alt=Vimeo />Vimeo</a></li>
<li><a href='#'><img src='img/icons/social/icon_Dribbble.png' alt=Dribbble />Dribbble</a></li>
</ul-->
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='true' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' id='nav'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Text102' locked='true' title='My Skillset' type='Text'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1 class='dark-text'><data:title/></h1></b:if>
<div id='skillset'>
<data:content/>
</div>
<!--ul class=bar-graph>
<li data-graph-percent=100><span class=bar-title>HTML/CSS</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=70><span class=bar-title>Actionscript 3.0</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=85><span class=bar-title>Javascript</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
<li data-graph-percent=55><span class=bar-title>Photoshop</span>
<aside>
<p>
Write any info about the skill here.
You can include any number of skillsets in the graph to the left,
it will automatically stretch the bars to fit the graph.
</p>
<p class=secondary>
Sed ut <a href='#'>perspiciatis</a> unde omnis iste natus error sit voluptatem accusantium doloremque
laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
architecto beatae vitae dicta sunt explicabo.
</p>
</aside>
</li>
</ul-->
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image104' locked='true' title='Portfolio - Image 4' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Image105' locked='true' title='Portfolio - Image 5' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='true' title='موقع احمد السعدي (رأس الصفحة)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--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 + "_headerimg"' 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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--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='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</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:widget>
<b:widget id='Text100' locked='true' title='Your name' type='Text'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1><span class='surname-color'><data:title/></span></h1></b:if>
<h2 class='mid-color-text'><em><data:content/></em></h2>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image102' locked='true' title='Portfolio - Image 2' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Text101' locked='true' title='About Me Description' type='Text'>
<b:includable id='main'>
<span><data:content/></span>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image103' locked='true' title='Portfolio - Image 3' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='Image100' locked='true' title='About Me' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h1 class='dark-text'><data:title/></h1></b:if>
<aside><img expr:alt='data:caption' expr:src='data:sourceUrl' height='120' width='120'/></aside>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image101' locked='true' title='Portfolio - Image 1' type='Image'>
<b:includable id='main'>
<img expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<aside class='dark-semi-transparent'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<b:if cond='data:caption != ""'><p><data:caption/></p></b:if>
<b:if cond='data:link != ""'><a class='portfolio-link' expr:href='data:link'>Visit Site</a></b:if>
</aside>
</b:includable>
</b:widget>
<b:widget id='TextList101' locked='true' title='Contact Info' type='TextList'>
<b:includable id='main'>
<div id='per_info'/>
<script type='text/javascript'>
<!--
var Per_List = [];
var Per_List_Num = 0;
<b:loop values='data:items' var='item'>
Per_List[Per_List_Num] = '<data:item/>';
Per_List_Num++;
</b:loop>
-->
</script>
<!--ul class=semi-dark-text>
<li><img src='img/icons/UI/map_pin_stroke.png' alt=Location />1523 Lorem St, <br/> <span class=second-row>Ipsum, Dolor</span></li>
<li><img src='img/icons/UI/iphone.png' alt=Phone />(123) 456 789 00<br/><span class=second-row>(987) 654 321 00</span></li>
<li><a href='mailto:john@doe.com'><img src='img/icons/UI/mail.png' alt=Email />john@doe.com</a></li>
<li><a href='#'><img src='img/icons/UI/home.png' alt=Homepage />www.jdcompany.com</a></li>
<li><a href='#'><img src='img/icons/UI/user_alt.png' alt=vCard /><strong>Download My vCard</strong></a></li>
</ul-->
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='TextList100' locked='true' title='What I do' type='TextList'>
<b:includable id='main'>
<div id='work'>
<b:if cond='data:title != ""'><h1><data:title/></h1></b:if>
<ul>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='HTML102' locked='true' title='Download Link' type='HTML'>
<b:includable id='main'>
<b:if cond='data:content != ""'>
<a class='resume-download' expr:href='data:content'><strong>Download Full Resume (PDF)</strong></a>
</b:if>
<b:include name='quickedit'/></b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> <!-- normal blog profile -->
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>
<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a 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='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a 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:widget id='BlogArchive1' locked='false' title='أرشيف المدونة الإلكترونية' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a 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='"archivedate " + 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 + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='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 == "expanded"'>
<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 == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\0755704036902361468617\46blogName\75%D9%85%D9%88%D9%82%D8%B9+%D8%A7%D8%AD%D9%85%D8%AF+%D8%A7%D9%84%D8%B3%D8%B9%D8%AF%D9%8A\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ahmd-site.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://ahmd-site.blogspot.com/\46vt\75-6550037486114629039',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Network' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</b:if>
</div>
</div>
</div>
<!-- page #end -->
<div id='footer'>
<b:section class='footer-in' id='footer-in'/>
<p/>
<p/>
<p/>
<p>Copyright (c) 2013 <a expr:href='data:blog.homepageUrl'/>
<a href='http://ahmed-iq.blogspot.com'><span class='tooltip up rosewood '>تعريب وتطوير احمد السعدي </span>Ahmed Al-Saadi</a> <a href='http://ahmed-iq.blogspot.com/'/> </p>
</div>
<script src='https://sites.google.com/site/tutorialcursorsparkle/rainbow.user.js' type='text/javascript'>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });</script>
<script src='https://sites.google.com/site/jombinabelogcursorbuih/bubble%20cursor.js' type='text/javascript'/><script type='text/javascript'>
// <![CDATA[
FFFF33FFFF33FFFF33FFFF33FFFF33// colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen
/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }
window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>
<style type='text/css'>body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur125.cur), progress !important;}</style>
<!--start code fl-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
// Let's make external links open in a new window.
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 ||
href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
jQuery(this).attr("rel", "nofollow");
}
});
//]]>
</script>
<!--end code fl-->
</body>
</html>
محبي المعلوميات
أعلن هنا
مسابقات
تبادل
اعلاني
انضم لنا
الفهرس
اكواد
الالوان
محول
الاكواد
فوتوشوب
اونلاين
صفحتنا على
الفيس بوك
تم
فتح باب التبادل الاعلاني مع مدونة احترافي بشروط جديدة
الحلقة
12:شرح تغير شكل الفيس بوك الى الشكل الجديد
الحلقة
25:تحميل قالب احترافي للمدونات التقنية
الحلقة
25: طريقة تحميل فيديوهات من على اليوتيوب بواسطة الفاير فوكس بدون برنامج
الحلقة
48: تحميل قالب مدونة احترافي المدفوع الحالى مجانا فى مسابقة القالب المدفوع