API tools faq
paste
Advertisement
Guest User

site

a guest
Jul 24th, 2014
222
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 132.27 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML class='no-js'>
  4.   <head>
  5.  
  6.  
  7. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  8.  
  9. <meta expr:content='data:blog.metaDescription' name='description'/>
  10.  
  11. </b:if>
  12.  
  13.  
  14.  
  15.   <b:include data='blog' name='all-head-content'/>
  16.     <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  17. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  18. <title><data:blog.pageTitle/></title>
  19. <!-- m3WUFHQw6dd2avZ4GPnk2ZCZI2s -->
  20. <b:else/>
  21. <title>| عالم التكنولوجيا |</title>
  22. </b:if>
  23. <!-- deskripsi dan keyword -->
  24.  
  25. <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  26.  
  27.  
  28.  
  29.     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  30.     <b:if cond='data:blog.isMobile'>
  31.       <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  32.     <b:else/>
  33.       <meta content='width=1100' name='viewport'/>
  34.     </b:if>
  35.    
  36.    
  37. <meta content='drFegSHmQ6RNOahGznBm93sNl6yDECBcgNL7jFPBXng' name='google-site-verification'/>
  38. <meta content='18yV28QkDrnwkKNysyaMmDAKn9g' name='alexaVerifyID'/>
  39.  
  40. <meta content='4EAB61576A04F73FDB246992AD48C2AD' name='msvalidate.01'/>
  41. <meta content='مختلف المواضيع التي تخص حياتك المعلوماتية. بالإضافة إلى اخبار التكنولوجيا والإعلاميات على مدار الساعة' name='description'/>
  42. <meta content='index, follow' name='robots'/>
  43. <meta content=' وورد بريس ، العاب ، بلوجر ، انترنت ، اخبار , برامج تحميل ،العاب ،  قوالب ، إضافات بلوجر ، html ، ayoub touil ، css ،cinema 4d , دورات ، دروس ، photoshop ، blogger ، wordpress ، internet ، new ' name='keywords'/>
  44. <meta content='ayoub touil' name='author'/>
  45. <meta content='ALL' name='ROBOTS'/>
  46.  
  47. <meta content='blogger' name='generator'/>
  48. <meta content='ar' name='language'/>
  49. <meta content='2012' name='copyright'/>
  50. <meta content='index,follow,all' name='robots'/>
  51. <meta content='blogger' name='generator'/>
  52. <meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
  53. <meta content='index, follow, ydir, odp, archive' name='slurp'/>
  54. <meta content='2 hours' name='revisit-after'/>
  55. <meta content='document' name='resource-type'/>
  56. <meta content='all' name='audience'/>
  57. <meta content='general' name='rating'/>
  58. <meta content='all' name='robots'/>
  59.  
  60.     <b:skin><![CDATA[/*
  61. -----------------------------------------------
  62. Blogger Template Style
  63. Name:    lahn al hyat & Mr_AbuSalah
  64. Updated by: www.3almtech.co.vu/
  65. URL1: http://www.3almtech.co.vu/
  66. ----------------------------------------------- */
  67. .wrapper{
  68. position: relative;
  69. width: 100%;
  70. }
  71. .wrapper p{
  72. clear: both;
  73. font-size: 24px;
  74. line-height: 40px;
  75. text-align: center;
  76. }
  77. /* Variable definitions
  78. ====================
  79. <Variable name="bgcolor" description="Page Background Color"
  80. type="color" default="#fff" value="#777777">
  81. <Variable name="textcolor" description="Text Color"
  82. type="color" default="#333" value="#333333">
  83. <Variable name="linkcolor" description="Link Color"
  84. type="color" default="#58a" value="#5588aa">
  85. <Variable name="pagetitlecolor" description="Blog Title Color"
  86. type="color" default="#666" value="#666666">
  87. <Variable name="descriptioncolor" description="Blog Description Color"
  88. type="color" default="#999" value="#999999">
  89. <Variable name="titlecolor" description="Post Title Color"
  90. type="color" default="#c60" value="#cc6600">
  91. <Variable name="bordercolor" description="Border Color"
  92. type="color" default="#ccc" value="#cccccc">
  93. <Variable name="sidebarcolor" description="Sidebar Title Color"
  94. type="color" default="#999" value="#999999">
  95. <Variable name="sidebartextcolor" description="Sidebar Text Color"
  96. type="color" default="#666" value="#666666">
  97. <Variable name="visitedlinkcolor" description="Visited Link Color"
  98. type="color" default="#999" value="#999999">
  99. <Variable name="bodyfont" description="Text Font"
  100. type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
  101. <Variable name="headerfont" description="Sidebar Title Font"
  102. type="font"
  103. default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
  104. <Variable name="pagetitlefont" description="Blog Title Font"
  105. type="font"
  106. default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
  107. <Variable name="descriptionfont" description="Blog Description Font"
  108. type="font"
  109. default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
  110. <Variable name="postfooterfont" description="Post Footer Font"
  111. type="font"
  112. default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
  113. <Variable name="startSide" description="Side where text starts in blog language"
  114. type="automatic" default="left" value="left">
  115. <Variable name="endSide" description="Side where text ends in blog language"
  116. type="automatic" default="right" value="right">
  117. */
  118.  
  119.  
  120.  
  121.  
  122. .published.updated{border-bottom: 0 none;}
  123. .infox1 {
  124.    float: right;
  125. }
  126. .fullinfo {
  127.    margin-top: 16px;
  128. }
  129.  
  130. .postauthor {
  131.    background: none repeat scroll 0 0 #F5F5F5;
  132.    border: 1px solid #E1E1E0;
  133.    overflow: hidden;
  134.    padding: 0.7em;
  135.    margin-bottom: 45px;
  136. }
  137. .postauthor img {
  138.    border: 5px solid #E2DEDE;
  139.    float: right;
  140.    margin-left: 1em;
  141. }
  142. .postauthor h3 {
  143.    color: #666666;
  144.    font-size: 1.2em;
  145.    margin-bottom: 5px;
  146.    margin-top: 0;
  147. }
  148. .postauthor p {
  149.    color: #515151;
  150.    font-size: 12px;
  151.    margin-bottom: 10px;
  152.    margin-top: 0;
  153. }
  154. .redmo a {
  155.    background: none repeat scroll 0 0 #00D1B0;
  156.    border-radius: 3px 3px 3px 3px;
  157.    box-shadow: 0 -3px 0 0 #037260 inset;
  158.    color: #FFFFFF !important;
  159.    font-size: 12px;
  160.    float: left;
  161.    padding: 6px 14px 8px;
  162. }
  163. .redmo a:hover {
  164.    background: none repeat scroll 0 0 #0F6457;
  165. }
  166. @font-face {
  167.    font-family: "DroidKufi-Bold";
  168.    font-style: normal;
  169.    font-weight: 700;
  170.    src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf") format("truetype");
  171. }
  172. @font-face {
  173.    font-family: "DroidKufi-regular";
  174.    font-style: normal;
  175.    font-weight: 400;
  176.    src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype");
  177. }
  178. #navbar-iframe,#Navbar1{display:none!important}
  179. header,nav,section,aside,article,footer{display:block}
  180. /* Use this with templates/template-twocol.html */
  181. body,.body-fauxcolumn-outer{background: url("http://4.bp.blogspot.com/-rm6FRY7oimU/UYi4k7h4btI/AAAAAAAACJs/iLJtOhWdk9A/s1600/grey.png") repeat 50% 50% #F8F8F8;margin:0;padding:0;color:#333333;font: 13px/20px 'DroidKufi-regular', tahoma;}
  182. *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  183. a:link{color:#B6B6B6;text-decoration:none}
  184. a:visited{color:#B6B6B6;text-decoration:none}
  185. a:hover{color:#00D1B0;text-decoration: none;}
  186. a img{border-width:0}
  187. a,.tab-widget-menu li,img,#ajax-search-form input{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
  188. #NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid rgb(51,51,51);border-bottom:2px solid rgb(51,51,51);position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
  189. #NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
  190. /* Header
  191. -----------------------------------------------
  192. */
  193. #header-wrapper{margin:15px auto 0;padding:0;color:white;background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);border-top:3px solid ##00D1B0;position:relative}
  194. #header-wrapper{-moz-box-shadow:inset 0 0 2px #FFF,0 0 5px #cacaca;-webkit-box-shadow:inset 0 0 2px white,0 0 5px #CACACA;box-shadow:inset 0 0 2px white,0 0 5px #CACACA}
  195.  
  196. /*- Logo -*/
  197. #b33dani h1{background:url("http://im47.gulfup.com/LkTtzH.gif") no-repeat scroll 0 0 transparent;loat: right;
  198. margin-right: 12px;
  199. width: 240px;}
  200. #b33dani h1 {
  201. height: 110px;
  202. margin-right: 30px;
  203. margin-top: 25px;
  204. margin-bottom: -5px;    
  205. }
  206. #header{color:#666666;margin:0}
  207. #headtitle{display:inline-block;margin:15px 0;width:300px;float:right}
  208. #headads{width:468px;display:inline-block;float:left;margin-top:20px;margin-left:10px}
  209. #isihead{overflow:hidden}
  210. .titlewrapper{padding:0;margin:10px 15px 0 0px}
  211. .descriptionwrapper{margin:0 15px 15px 0}
  212. #header h1,#header p{margin:0;padding:0;line-height:1.2em;text-transform:uppercase}
  213. #header a{color:#666666;text-decoration:none}
  214. #header a:hover{color:#666666}
  215. #header .description{margin:0;padding:0;text-transform:capitalize;line-height:1.4em;color:#999}
  216. #header img{margin-left:auto;margin-right:auto}
  217. .titlewrapper p.title{font:18px droidkufi-bold,Arial,Verdana,sans-serif;}
  218. /* Navigation
  219. ----------------------------------------------- */
  220. #nav{background-image:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);background-repeat:repeat-x;height:57px;border-bottom:5px solid #000;padding-right:10px}
  221. #nav ul{height:52px;margin:0;padding:0;border-bottom: 5px solid #2B2B2B;}
  222. #nav li{position:relative;display:inline-block;float:right;border:1px solid #535353;border-width:0 0 0 1px;height:47px;margin-top:5px}
  223. #nav li a{display:block;line-height:45px;height:45px;text-decoration:none;color:#D5D5D5;padding:0 15px;text-shadow:0 1px 1px black;border-left:1px solid #383838}
  224. #nav li:last-child a{border-right:0 none}
  225. #nav li a:hover{color:#fff}
  226. #nav ul.submenu li{float:none;width:100%;margin:0;border-bottom:1px solid #222;border-top:1px solid #383838;border-left:0 none;height:30px}
  227. #nav ul.submenu{right: 0;display:none;padding:0;position:absolute;top:42px;width:180px;z-index:99;float:left;background:#2D2D2D!important;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;height:auto}
  228. #nav ul.submenu.hidden{display:block;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s}
  229. #nav li:hover ul.submenu.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
  230. #nav ul.submenu li:first-child{border-top:0 none}
  231. #nav ul.submenu a{height:30px;line-height:1em;padding:7px 10px}
  232. #nav ul.submenu a:hover{padding-left:15px}
  233. #nav li.mhome{border:0;margin-top:0;height:52px}
  234. #nav li.mhome a{border-bottom: 5px solid #038570;direction: ltr;text-align: left;height:52px;border-left:0 none;text-indent:-9999px;width:55px;background-color:#00D1B0;background-image:url('http://4.bp.blogspot.com/-BPpsKK84W2w/UJV6sFxkqDI/AAAAAAAAGgc/3TwsYkMwxsE/s1600/home+(1).png');background-repeat:no-repeat;background-position:50% 9px}
  235. #nav li.mhome a:hover{background-color:#FFBD68;}
  236. #nav li.mhome a:active {
  237.    border-bottom:0
  238. }
  239. #nav li.mhome:active {
  240.    margin-top: 5px;
  241. }
  242. #menuatas{height: 30px;color:#EBEBEB;background-image:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);padding:3px 0;border-bottom:2px solid #00D1B0;border-top: 3px solid #00D1B0;}
  243. #menuatas a:hover{text-decoration:none}
  244. #ktuskrg{display:inline-block;height:18px;float:right;line-height:18px;padding:0 10px;border-right:1px solid #ACACAC}
  245. #navtop{float: right;display:inline-block;margin-right:5px}
  246. #navtop ul,#navtop li{padding:0;margin:0;list-style:none}
  247. #navtop li{float:right;height:18px;position:relative}
  248. #navtop li a{height:18px;padding:0 10px;line-height:18px;display:block}
  249. #navtop li.dgnsubtop{padding-left:10px;background-image:url(http://4.bp.blogspot.com/-NTKXiugkHrs/UIeVQmEzDjI/AAAAAAAAGJ4/G92p5n8hgvY/s7/downarrow-dark.png);background-repeat:no-repeat;background-position:10% 50%}
  250. #navtop ul.sub-menu-top{right: 0;display:none;position:absolute;width:140px;background:#F1F1F1;top:23px;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);z-index:2}
  251. #navtop ul.sub-menu-top.hidden{display:block;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s}
  252. #navtop li:hover ul.sub-menu-top.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
  253. #navtop ul.sub-menu-top li{width:100%;height:22px;border-bottom:1px solid white;border-top:1px solid lightGrey}
  254. #navtop ul.sub-menu-top li:first-child{border-top:0 none}
  255. #navtop ul.sub-menu-top a:hover{padding-left:15px}
  256. /* Outer-Wrapper
  257. ----------------------------------------------- */
  258. #outer-wrapper{direction: rtl;width:1000px;margin:0 auto;padding:0 0 15px;text-align:right}
  259. #isifooternya{width:990px;margin:15px auto 10px;overflow:hidden}
  260. #content-wrapper{padding-top:15px}
  261. #main-wrapper{width:675px;float:right;word-wrap:break-word;overflow:hidden}
  262. #sidebar-wrapper{width:320px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */}
  263. #sidebar-wrapper h2,#related_posts h4,#comments .komhead h4,#footer-wrapper h2{color:black;padding:0;margin:0 0 0 10px;text-transform:uppercase;font-size:140%;/*float:right*/}
  264. #sidebar-wrapper h2,#footer-wrapper h2{width:100%}
  265. #sidebar-wrapper .widget-content{padding:10px;margin:0}
  266. #sidebar-wrapper .widget-content,#breakinfnewsjp{box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;background-color:white;border:1px solid #DDD;overflow:hidden;border-bottom:4px solid #00D1B0;border-top:4px solid #383838}
  267. /* Headings
  268. ----------------------------------------------- */
  269. h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;font:18px droidkufi-bold,tahoma,Arial,Verdana,sans-serif}
  270. #sidebar-wrapper h2,#related_posts h4,#comments .komhead h4{font:12px droidkufi-bold,tahoma,Arial,Verdana,sans-serif}
  271. /* Posts
  272. -----------------------------------------------
  273. */
  274. .item-snippet {
  275.    font-size: 12px;
  276. }
  277. .date-header{display:none}
  278. .post-outer{border-bottom: 4px solid #00D1B0;
  279.    padding: 10px 15px;}
  280. .post{margin:0}
  281. .post h1,.post h2{    color: #33B0EA;
  282.    font-weight: normal;
  283.    line-height: 25px;
  284.    margin: 0 0 25px;
  285. }
  286. .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{text-decoration:none;font-weight:normal;color:#33B0EA}
  287. .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#00D1B0}
  288. .post-body{margin:0;line-height:26px}
  289. .post-body blockquote{line-height:1.3em}
  290. .post-footer{margin:.75em 0;color:#999999;line-height:1.4em;display:none}
  291. .comment-link{margin-left:.6em}
  292. .tr-caption-container img{border:none;padding:0}
  293. .post blockquote{margin:1em 20px}
  294. .post blockquote p{margin:.75em 0}
  295. /* Comments
  296. ----------------------------------------------- */
  297. #comments-block{margin:1em 0 1.5em;line-height:1.6em}
  298. #comments-block .comment-author{margin:.5em 0}
  299. #comments-block .comment-body{margin:.25em 0 0}
  300. #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
  301. #comments-block .comment-body p{margin:0 0 .75em}
  302. .comments .comments-content .comment-thread,.comments .comments-content .comment-thread ol{margin:0}
  303. .comments .comments-content .comment,.comments .comments-content .comment:first-child{padding:8px 0}
  304. .comments .comments-content .comment{margin:0 0 8px;border:1px solid #DDD}
  305. .comments .comments-content .comment:last-child{border-bottom:1px solid #DDD;padding-bottom:8px}
  306. .comments .avatar-image-container{padding:3px;border:1px solid #DDD;width:55px;height:55px;max-width:55px;max-height:55px}
  307. .comments .avatar-image-container img{width:100%;height:46px;max-width:55px}
  308. .comments .comment-block{margin-left:65px;position:relative}
  309. .comments .comments-content .inline-thread .avatar-image-container{width:40px;padding:2px;height:40px;max-width:40px;max-height:40px}
  310. .comments .comments-content .inline-thread .avatar-image-container img{height:33px}
  311. .comments .comments-content .inline-thread .comment-block{margin-left:0px}
  312. .comments .comments-content .comment-replies{margin-left:5px}
  313. .comments .comments-content .inline-thread{padding:0}
  314. .comments .comments-content .inline-thread .comment{padding-left:8px;border:1px solid #DDD;background-color:#F3F3F3;border-top:0}
  315. .comments .comments-content .inline-thread .comment:first-child{border-top:1px solid #DDD}
  316. .comments .comments-content .comment-thread.inline-thread ol{padding-top:8px}
  317. .comments .comments-content .icon.blog-author{ background: url("https://lh6.googleusercontent.com/-VrK-ftGt6AY/UTZ1UsBpoZI/AAAAAAAAANE/cBSoveNWZ7o/s36/author.png") repeat scroll 0 0 transparent;
  318.    display: block;
  319.    height: 36px;
  320.    position: absolute;
  321.    right: -56px;
  322.    top: -10px;
  323.    width: 36px;}
  324. .comments .comments-content .comment-content{padding:0 10px 0 0}
  325. .deleted-comment{font-style:italic;color:gray}
  326. #blog-pager-newer-link{float:left}
  327. #blog-pager-older-link{float:right}
  328. #blog-pager{text-align:center}
  329. .feed-links{display:none}
  330. /* Sidebar Content
  331. ----------------------------------------------- */
  332. .sidebar,.footer{color:#666666;line-height:1.5em;text-align: right;}
  333. .sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
  334. .sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em}
  335. .sidebar .widget,.main .widget,.footer .widget{margin:0 0 1.5em;padding:0}
  336. .main .Blog{border-bottom-width:0}
  337. /* Profile
  338. ----------------------------------------------- */
  339. .profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
  340. .profile-data{margin:0;color:#999999;line-height:1.6em}
  341. .profile-datablock{margin:.5em 0 .5em}
  342. .profile-textblock{margin:0.5em 0;line-height:1.6em}
  343. .profile-link{letter-spacing:.1em}
  344. /* Footer
  345. ----------------------------------------------- */
  346. #footer-wrapper{text-align:left;overflow:hidden;background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);margin-bottom:15px;color:whiteSmoke;border-top:8px solid #00D1B0;font:12px/20px 'DroidKufi-regular',tahoma}
  347. #isifooter{overflow:hidden;background:#1B1B1B;border-top:1px solid black;padding:5px 0}
  348. #isifooternya .footer-wrap{width:32.3%;float:right}
  349. #footx2{margin:0 1.5%}
  350. #footer-wrapper .widget{color:#D6D6D6}
  351. #footer-wrapper h2{color:white}
  352. .footer .Label .list-label-widget-content li{background:#00D1B0;border:1px solid #181818}
  353. .footer .Label .list-label-widget-content li a{color:white}
  354. #footer-wrapper .widget-content{background-color:#202020;border:1px solid #161616;border-bottom:4px solid #00D1B0;padding:10px;box-shadow:0 1px 3px 0 #1D1D1D;-moz-box-shadow:0 1px 3px 0 #1D1D1D;-webkit-box-shadow:0 1px 3px 0 #1D1D1D;}
  355. #kredit{margin:0 auto;width:990px;}
  356. .botleft{font: 13px/14px 'DroidKufi-regular',tahoma;float:right;text-align:right}
  357. .botright {
  358.    float: left;
  359.    font: 16px/14px 'DroidKufi-regular',tahoma;
  360.    margin: 2px 0 0px 10px;
  361. }
  362. .whit{min-height:40px;border-top:1px solid black;border-bottom:1px solid #3D3D3D}
  363. /* Other
  364. ----------------------------------------------- */
  365. img{max-width:100%;}
  366. a.thumbx,.post-body img{box-shadow:0 0 2px #B5B5B5;-moz-box-shadow:0 0 2px #b5b5b5;-webkit-box-shadow:0 0 2px #B5B5B5}
  367. a.thumbx,.infox{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px}
  368. .post-body img{margin:8px 0 0 8px;background-color:white;border:1px solid #E0E0E0;padding:5px}
  369. .post-author.vcard,.d-header{display:inline-block;padding:2px 0 2px 17px}
  370. .post-author.vcard{    background-color: #F7F7F7;
  371.    background-image: url("http://1.bp.blogspot.com/-xNAEen8ZchE/UJP6nKf8dfI/AAAAAAAAGds/flfcN7VnpfU/s12/13.png");
  372.    background-position: 98px 50%;
  373.    background-repeat: no-repeat;
  374.    margin-right: 3px;
  375.    padding: 0 19px}
  376. .d-header{background-color: #EDEDED;
  377.    background-image: url("http://1.bp.blogspot.com/-nuqGzN8406c/UJP6qzqo9eI/AAAAAAAAGeE/_srJJf734HY/s12/70.png");
  378.    background-position: 77px 50%;
  379.    background-repeat: no-repeat;
  380.    padding: 0 29px;}
  381. #sidebartengah{margin-bottom:15px;box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;border-bottom:4px solid #00D1B0}
  382. .tab-widget-menu{background:#F7F7F7;height:46px;padding:8px 0 0 2px;margin:0}
  383. #sidebartengah .widget{margin-bottom:0;padding-bottom:0}
  384. #sidebartengah .h2title{display:none}
  385. #sidebartengah .widget-content{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0;border-top:1px solid #DDD}
  386. .tab-widget-menu ul,.tab-widget-menu li{list-style:none;padding:0;margin:0}
  387. .tab-widget-menu li{float:right;padding:0;text-align:center;margin:0 1px 0 2px;width:23.5%;cursor:pointer;height:38px;position:relative;z-index:2;bottom:-2px;line-height:38px;color:#727272}
  388. .tab-widget-menu li.selected{background:white;border:1px solid #DDD;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:2px}
  389. .tab-widget-menu li:hover{color:black;text-decoration:underline}
  390. .tab-widget-menu li a{display:block}
  391. .Label .list-label-widget-content li{float:right;background:#F7F7F7;border:1px solid #DDD;padding:5px 6px;margin:0 5px 5px 0}
  392. a.thumbx,.PopularPosts .item-thumbnail a,ul.recntpst .thumbp a,ul.rcomnetspy .kmtimg a,#search-result span,#related_posts span{background-image:url(http://2.bp.blogspot.com/-7ORuDEv06UQ/UJVR5DN3kVI/AAAAAAAAGfs/8aVj8u6y2-s/s30/link-overlay.png);background-repeat:no-repeat;background-position:50% 50%;display:block}
  393. ::selection{background:#00D1B0;color:#fff;text-shadow:none}
  394. ::-moz-selection{background:#00D1B0;color:#fff;text-shadow:none}
  395. .post-body blockquote{margin:15px;padding-left:10px;border-left:2px solid #00D1B0;font-style:italic;color:#00D1B0}
  396. .selectnav{text-align: right;display:none}
  397. #recentpostxx .loadingxx,  #rcentcomnets .loadingxx, #related_posts .loadingxx {display:block;width:100%;background:transparent url(http://3.bp.blogspot.com/-F6JpSb0NCbU/UOkW50S0IfI/AAAAAAAAHwU/WeapyJjGYb4/s1600/progress_ani.gif) no-repeat 50% 50%;min-height:24px;text-indent:-9999px;}
  398. .CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK{background-color:#7FA6BD}
  399. .CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.5}
  400. .CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG{outline:1px solid #0E749C}
  401. .CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG:hover{opacity:1}
  402. .CSS_LIGHTBOX .CSS_LIGHTBOX_FILMSTRIP{background-color:#569DC5;background-color:rgba(22,105,145,0.18)}
  403. .CSS_LIGHTBOX .CSS_LIGHTBOX_INDEX_INFO{color:#353535}
  404.  
  405. #alwansd{
  406. height: 428px;
  407. margin: 0 0 0px 0px;
  408. padding: 15px 28px 15px 16px;
  409. width: 672px;
  410. background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);
  411. border-bottom: 4px solid #00D1B0;
  412. }
  413. .alwanw{
  414. position: relative;
  415. height:385px;
  416. }
  417. .alwanw .contentdiv{
  418. visibility: hidden;
  419. position: absolute;
  420. opacity: 1;
  421. }
  422. .alwan-ps{
  423. text-align: right;
  424. float: left;
  425. width: 670px;
  426. height: 11px;
  427. margin-left:-43px;
  428. }
  429. .alwan-ps .toc{
  430. font-size: 0px;
  431. width: 102px;
  432. height: 11px;
  433. float: right;
  434. background: #5b5b5b;
  435. margin-left: 1px;
  436. }
  437. .alwan-ps a.selected{
  438. background:#dfdfdf;
  439. }
  440. .alwan-ps .prev, .alwan-ps .next {display:none; }
  441. .alwanip{
  442. width: 618px;
  443. padding: 10px !important;
  444. bottom: 0;
  445. float: left !important;
  446. position: absolute;
  447. background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);
  448. }
  449. .alwanip a{
  450. color:#dcdcdc;
  451. font: 12px droidkufi-bold;
  452. margin:0;
  453. padding:0;
  454. line-height: 19px;
  455. }
  456. .alwanip h6{margin: 0;}
  457. .alwanip h6 a:hover {color:#c2df00;}
  458. .alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
  459. .alwanip p{font-size: 13px;
  460. margin: 0;
  461. color: #a5a5a5;
  462. line-height: 23px;
  463. }
  464. .alwansf a img{float: right !important; }
  465. .alwansf {float: right !important; width:680px!important;}
  466. .column-center-outer {
  467. width: 680px;
  468. }
  469.  
  470. .ikonz-social span{float:right;font-size:150%;text-transform:uppercase;font-family:&#39;DroidKufi-regular&#39;,sans-serif;padding:5px 5px 2px;background:#00D1B0;margin-left:5px;color:white}
  471.  
  472.  
  473. #blog-pager a{display:block;padding:7px 10px;background:#00D1B0;color:white;border:1px solid #DDD}
  474. #blog-pager a:hover{background:#F7F7F7;color:#00D1B0;text-decoration:none}
  475.  
  476. #sidebar-wrapper{width:320px}
  477. .post-body h1{font-size:180%}
  478. .post-body h2{font-size:160%}
  479. .post-body h3{font-size:140%}
  480. .post-body h4{font-size:130%}
  481. .post-body h5{font-size:120%}
  482. .post-body h6{font-size:110%}
  483. .h2title,.relhead,.komhead{overflow:hidden;margin-bottom:5px;padding:2px 0}
  484. .stripe-line{background:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s1600/stripe.png);height:12px;overflow:hidden;margin-top:2px}
  485. .relhead .stripe-line,.komhead .stripe-line{margin-top:5px}
  486. #sidebartengah .h2title,#sidebartengah h2{display:none}
  487. .PopularPosts .item-thumbnail img,ul.recntpst li img,ul.rcomnetspy li img{padding:2px;border:1px solid lightGrey;width:60px;height:60px;background-color:white}
  488. .rpostx li,.rcommentsx li,#sidebartengah .popular-posts li{padding:10px 0;border-bottom:1px solid #E9E9E9;overflow:hidden}
  489. .rpostx li .thumrc,.rcommentsx .kmtrimg{float:left;margin-right:5px;display:block;width:60px;height:60px}
  490. .infrent a,.ketkomt a{display:block}
  491. .PopularPosts .item-thumbnail{float: right;margin:0 0 0 5px}
  492. #sidebartengah li:last-child{border-bottom:0}
  493.  
  494.   #comments{overflow:visible}
  495. #comments h4{display:inline;padding:10px;line-height:40px}
  496. #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
  497. #comments h4,.comments .continue a{background:#}
  498. #comments h4,.comments .user a,.comments .continue a{font-size:16px}
  499. #comments h4,.comments .continue a{font-weight:normal;color: #647275; font-family: tahoma}
  500. #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #;border-right:20px solid transparent;width:0;height:0;line-height:0}
  501. #comments .avatar-image-container img{border:0;margin: 0 5px 0 20px;float: right;}
  502. .comment-thread{color:#111}
  503. .comment-thread a{color:#777}
  504. .comment-thread ol{margin:0 0 20px}
  505. .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color: #00abe3 }
  506. .comments .avatar-image-container,.comments .avatar-image-container img{width:60px;max-width:60px;height:60px;max-height:60px}
  507. .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-right:70px}
  508. .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #B5B4B4;background:#f9f9f9;padding:10px}
  509. .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
  510. .comments .comments-content .icon.blog-author{position:absolute;top:-12px;left:-12px;margin:0;background-image: url(http://1.bp.blogspot.com/-ekYziJ41B7Q/T-Efrs_LeoI/AAAAAAAAHXw/faYFUOm0jHw/s1600/author-red.png);width:50px;height:44px}
  511. .comments .comments-content .inline-thread{padding:0 0 0 20px}
  512. .comments .comments-content .comment-replies{margin-top:0}
  513. .comments .comment-content{padding:5px 0;line-height:1.4em}
  514. .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
  515. .comments .comment-thread.inline-thread .comment{width:auto}
  516. .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
  517. .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
  518. .comments .comment-thread.inline-thread .comment-block{margin-right:48px;}
  519. .comments .comment-thread.inline-thread .user a{font-size:13px}
  520. .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:60px;max-width:60px;height:60px;max-height:60px}
  521. .comments .continue{border-top:0;width:100%}
  522. .comments .continue a{padding:10px 0;text-align:center}
  523. .comment .continue{display:none}
  524. #comment-editor{width:103%!important}
  525. .comment-form{width:100%;max-width:100%}
  526. .comments .comments-content .datetime a{color:#111111;font-size:12px;text-decoration:none;position: absolute;left: 100px;}
  527.  
  528.  
  529.  
  530. .ins{
  531. width: 100%;
  532. height:63px;
  533. margin-top:19px;
  534. }
  535. .ins .txt2 {
  536. border: none;
  537. background: url(http://4.bp.blogspot.com/-PPfPZFpcXjo/UYTqJ3NRiyI/AAAAAAAAECA/GDiObw5yJRM/s1600/back-sub.png);
  538. font: 13px Tahoma, Geneva, sans-serif;
  539. color: #adadad;
  540. padding: 24px 7px 23px;
  541. float: right;
  542. margin: 0;
  543. text-align: right;
  544. width: 243px;
  545. }
  546. .ins .btn2 {
  547. background: #ffb546 url(http://3.bp.blogspot.com/-d8eQ8rSvhWA/UYTqKVVVYNI/AAAAAAAAECU/K5pd3UWuVjQ/s1600/btn-sub.png) center no-repeat;
  548. float: right;
  549. border: none;
  550. border-right: 3px solid #ffa116;
  551. width: 63px;
  552. height: 63px;
  553. cursor: pointer;
  554. }
  555. .ins .btn2:hover {
  556. background: #ffb546 url(http://1.bp.blogspot.com/-oaztEXDEOoE/UYTqKDFwZNI/AAAAAAAAECM/g2lFrj4kpmI/s1600/back-sub2.png) center no-repeat;
  557. }
  558. .status-msg-wrap{display:none !important;}
  559. /* CSS Image Morph http://www.abu-iyad.com */
  560. .post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
  561. .post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
  562. /* CSS Image Morph http://www.abu-iyad.com */
  563.  
  564. #header img
  565.  
  566. { width:243px; /* عرض صورة الشعار قبل المرور بالماوس عليها */
  567.  
  568. height:99px; /*ارتفاع صورة الشعار قبل المرور بالماوس عليها */
  569.  
  570. -moz-transition: all 1s;
  571.  
  572. -webkit-transition: all 1s;
  573.  
  574. -o-transition: all 1s; }
  575.  
  576. #header img:hover
  577.  
  578. { width:514px; /*العرض عند وقوف الماوس على صورة الشعار*/
  579.  
  580. height:134px; /* الارتفاع عند وقوف الماوس على صورة الشعار */
  581.  
  582. -moz-transition: all 1s;
  583.  
  584. -webkit-transition: all 1s;
  585.  
  586. -o-transition: all 1s; }
  587.  
  588.  
  589.  
  590. .label-size {
  591.    float: left;
  592.    margin: 0 0 7px 20px;
  593.    position: relative;
  594.    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  595.    font-size: 0.75em;
  596.    font-weight: bold;
  597.    text-decoration: none;
  598.    color: #996633;
  599.    text-shadow: 0px 1px 0px rgba(255,255,255,.4);
  600.    padding: 0.417em 0.417em 0.417em 0.917em;
  601.    border-top: 1px solid #d99d38;
  602.    border-right: 1px solid #d99d38;
  603.    border-bottom: 1px solid #d99d38;
  604.    -webkit-border-radius: 0 0.25em 0.25em 0;
  605.    -moz-border-radius: 0 0.25em 0.25em 0;
  606.    border-radius: 0 0.25em 0.25em 0;
  607.    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  608.    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  609.    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  610.    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  611.    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
  612.    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
  613.    -webkit-box-shadow: inset 0 1px 0 #faeaba,
  614.        0 1px 1px rgba(0,0,0,.1);
  615.    -moz-box-shadow: inset 0 1px 0 #faeaba,
  616.        0 1px 1px rgba(0,0,0,.1);
  617.    box-shadow: inset 0 1px 0 #faeaba,
  618.        0 1px 1px rgba(0,0,0,.1);
  619.    z-index: 1;
  620. }
  621. .label-size:before {
  622.    content: '';
  623.    width: 1.30em;
  624.    height: 1.39em;
  625.    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  626.    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  627.    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  628.    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  629.    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
  630.    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
  631.    position: absolute;
  632.    left: -0.69em;
  633.    top: .2em;
  634.    -webkit-transform: rotate(45deg);
  635.    -moz-transform: rotate(45deg);
  636.    -o-transform: rotate(45deg);
  637.    transform: rotate(45deg);
  638.    border-left: 1px solid #d99d38;
  639.    border-bottom: 1px solid #d99d38;
  640.    -webkit-border-radius: 0 0 0 0.25em;
  641.    -moz-border-radius: 0 0 0 0.25em;
  642.    border-radius: 0 0 0 0.25em;
  643.    z-index: 1;
  644. }
  645. .label-size:after {
  646.    content: '';
  647.    width: 0.5em;
  648.    height: 0.5em;
  649.    background: #fff;
  650.    -webkit-border-radius: 4.167em;
  651.    -moz-border-radius: 4.167em;
  652.    border-radius: 4.167em;
  653.    border: 1px solid #d99d38;
  654.    -webkit-box-shadow: 0 1px 0 #faeaba;
  655.    -moz-box-shadow: 0 1px 0 #faeaba;
  656.    box-shadow: 0 1px 0 #faeaba;
  657.    position: absolute;
  658.    top: 0.667em;
  659.    left: -0.083em;
  660.    z-index: 9999;
  661. }
  662. #Label1 {
  663.    height: 210px;
  664. }
  665. .label-size:hover {
  666.    background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  667.    background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  668.    background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  669.    background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  670.    background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
  671.    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
  672.    border-color: #e1b160;
  673. }
  674. .label-size:hover:before {
  675.    background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
  676.    background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
  677.    background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
  678.    background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
  679.    background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
  680.    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
  681.    border-color: #e1b160;
  682. }
  683.  
  684. /* from tech4all.com */
  685. /* <scrollbar> */
  686. ::-webkit-scrollbar
  687. {
  688. width:10px;
  689. height:10px;
  690. }
  691. ::-webkit-scrollbar-thumb
  692. {
  693. background: #0BE3A9;
  694. -webkit-box-shadow: inset 1px 1px 2px rgba(160, 160, 160, 0.5);
  695. }
  696. ::-webkit-scrollbar-track {
  697. background: #fff;
  698. -webkit-box-shadow: inset 1px 1px 2px #C1C1C1;
  699. }
  700. ::-webkit-scrollbar-thumb:hover
  701. {
  702. -webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.5);
  703. }
  704. ::-webkit-scrollbar-thumb:active
  705. {
  706. background: #0BE3A9;
  707. -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
  708. }
  709. /* </scrollbar> */
  710.  
  711. #scroll { display: none; position: fixed; top: 0; right: 20px; z-index: 500; padding: 3px 8px; background-color: #2187e7; color: #fff; border-radius: 3px; } #scroll:after { content: ” ”; position: absolute; top: 50%; right: -8px; height: 0; width: 0; margin-top: -4px; border: 4px solid transparent; border-left-color: #2187e7; } - See more at: http://bloggerinar.blogspot.com/2014/05/how-to-add-percentage-value-to-scrollbar-in-blogger.html#sthash.jfqe1NYc.dpuf
  712.  
  713. ]]></b:skin>
  714.  
  715.  
  716. <style type='text/css'>
  717. ul#relpost_img_sum li img:hover,a.thumbx img:hover,.PopularPosts img:hover,.PopularPosts .item-thumbnail img:hover,ul.recntpst li img:hover,ul.rcomnetspy li img:hover,#search-result img:hover,#related_posts img:hover{-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4}
  718. ul.recntpst,ul.recntpst li,ul.rcomnetspy,ul.rcomnetspy li{overflow:hidden;list-style:none;margin:0;padding:0}
  719. ul.recntpst li{height:110px}
  720. ul.rcomnetspy li{height:90px}
  721. ul.recntpst .thumbp,ul.rcomnetspy .kmtimg{float:left;margin:0 5px 0 0}
  722. ul.recntpst h4,ul.rcomnetspy .ketkomt a{font-size:12px;margin:0 0 2px;overflow:hidden;max-height:32px}
  723. ul.rcomnetspy .ketkomt a{max-height:16px}
  724. ul.recntpst .datex,ul.rcomnetspy .ketkomt span{font-size:9px}
  725. ul.rcomnetspy .komtsum,ul.recntpst .contxisi{margin:3px 0 0}
  726. ul.recntpst .cm{margin:0 0 0 5px;padding:0 0 0 5px;border-left:1px solid #AAA}
  727. .comment-form{width:100%;max-width:100%;background:white}
  728. .comment-form h4#comment-post-message{font-size:14px;padding:5px 10px}
  729. .comment-form p{margin:10px}
  730. .comment-form #comment-editor,.comment-form .emoWrap{padding:15px}
  731. #searchnya{float:left;padding:0;margin:-3px 0 0}
  732. #ajax-search-form{position:relative;font:normal normal 11px Arial,Sans-Serif}
  733. #ajax-search-form input{text-align: right;border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0 0;padding:5px 8px;line-height:15px;height:27px;font-size:10px;border-top-color:#999;width:100px;float:right}
  734. #ajax-search-form input:focus{width:200px}
  735. #ajax-search-form::after{content:&quot;&quot;;width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #00D1B0;position:absolute;top:8px;left:27px}
  736. #ajax-search-form input[type=&quot;submit&quot;]{direction: ltr;text-align: left;width:27px;height:27px;text-indent:-9999px;background-color:#00D1B0;background-image:url(http://4.bp.blogspot.com/-RXzuxzvwYR4/UJYop47uvbI/AAAAAAAAGhM/9Dft6eOVayQ/s1600/search-button.png);background-repeat:no-repeat;background-position:5px 4px;border:none;float:left;color:white;font-weight:bold;cursor:pointer}
  737. #search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:280px;height:auto;position:absolute;top:27px;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
  738. #search-result *{margin:0 0 0 0;padding:0 0 0 0}
  739. #search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
  740. #search-result ol{list-style:none;overflow:hidden;height:450px}
  741. #search-result ol:hover{overflow:auto}
  742. #search-result ol a:hover{text-decoration:underline}
  743. #search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
  744. #search-result li{padding:5px 0;border-bottom:1px solid #CFCBCB}
  745. #search-result li:last-child{border-bottom:0}
  746. #search-result strong{color:#B75252}
  747. #search-result span{float:left;display:block;margin:0 5px 0 0}
  748. #search-result b{margin:0 0 3px 0;display:block}
  749. #search-result img{padding:2px;border:1px solid #D5D5D5;border-radius:2px}
  750. .footer .stripe-line{background-image:url(http://2.bp.blogspot.com/-hXfZtHjopCw/UOiA5zZrF1I/AAAAAAAAHvY/oovWlz4k--k/s1600/stripe.png)}
  751. @media only screen and (min-width:768px) and (max-width:983px){
  752.   #outer-wrapper,#kredit,#isifooternya{width:754px}
  753.   #main-wrapper{width:480px;padding:5px}
  754.   #sidebar-wrapper{width:270px}
  755.   #headtitle{width:260px}
  756.   #footer-wrapper{font-size:10px}
  757. }
  758. @media only screen and (max-width:767px){
  759.   #outer-wrapper,#kredit,#isifooternya{width:420px}
  760.   #main-wrapper{width:100%;padding:5px;float:none;margin-bottom:15px}
  761.   #sidebar-wrapper,#isifooternya .footer-wrap{width:100%;float:none}
  762.   #footx2{margin:0 0}
  763.   #headtitle{float:none;margin:15px auto;display:block;text-align:center}
  764.   #headads,#ktuskrg{display:none}
  765.   #kredit{font-size:9px}
  766.   .botleft,.botright{float:none;text-align:center}
  767.   .post-body img{max-width:100%}
  768.   .selectnav{display:block}
  769.   #menuhlng,#menuhlng1{display:none}
  770.   #nav{height:50px}
  771.   #selectnav1{width:150px;cursor:pointer}
  772.   #selectnav2{position:absolute;bottom:12px;width:90%;left:5%;background:#252525;color:white;outline:none;border:1px solid black;cursor:pointer}
  773.   #selectnav1 option,#selectnav2 option{cursor:pointer}
  774.   #menuatas{padding:1px 0}
  775.   #searchnya{margin:-2px 0 0}
  776. }
  777. @media only screen and (max-width:479px){
  778.   #outer-wrapper,#kredit,#isifooternya{width:300px}
  779.   #selectnav1{width:100px}
  780.   #ajax-search-form input:focus{width:140px}
  781. }
  782. </style>
  783.  
  784. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  785. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  786. <style type='text/css'>
  787. #main-wrapper{box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5}
  788. #main-wrapper{border:1px solid #DDD}
  789. #main-wrapper{background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);
  790. border-bottom: 4px solid #383838;
  791. border-top: 4px solid ;}
  792.  
  793. a.thumbx{display:block;padding:4px;float:right;width:200px;height:145px;overflow:hidden;margin-left:10px;background-color:white;border:1px solid #E0E0E0}
  794. a.thumbx img{display:block;width:100%;height:100%;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
  795. .post{margin:0 0 15px 0;overflow:hidden}
  796. .post-body p{margin:10px 0 0;font-size:105%}
  797. .showpageArea{float:left}
  798. #blog-pager .showpageArea a{background:whiteSmoke;color:#292929;border:1px solid #DDD;display:inline-block}
  799. #blog-pager .showpageArea a:hover,#blog-pager .showpagePoint{background:#00D1B0;color:white;display:inline-block;padding:7px 10px;border:1px solid #046A83}
  800. .blog-posts.hfeed{overflow:hidden}
  801. .post.grid{width:31.3%;float:left;margin:0 1% 10px;height:270px}
  802. .post.grid a.thumbx{float:none;width:100%;margin:0 0 5px}
  803. .post.grid h2.post-title{overflow:hidden;max-height:40px;font-size:150%}
  804. .post.grid .infox{font-size:8px}
  805. @media only screen and (min-width:768px) and (max-width:959px){
  806.   .post-body p{margin:5px 0 0;font-size:100%}
  807.   a.thumbx{width:150px;height:100px}
  808.   .post h2{font-size:140%}
  809. }
  810. @media only screen and (max-width:767px){
  811.   .blog-posts.hfeed{overflow:hidden}
  812.   a.thumbx{width:100px;height:100px;margin:0 8px 0 0}
  813.   .post-body p{font-size:110%;margin:5px 0 0}
  814.   .post.grid{width:50%;float:left;padding:0 10px;height:170px;margin:0 0 10px}
  815.   .post.grid a.thumbx{width:100%;height:110px;margin:0;margin-bottom:5px}
  816.   .post h2,.post.grid h2.post-title{font-size:140%;max-height:53px}
  817.   .post.grid .post-body,.infox{position:absolute;left:-9999px}
  818. }
  819. @media only screen and (max-width:479px){
  820.   a.thumbx{width:80px;height:80px;padding:2px}
  821.   .post-body p{font-size:100%}
  822.   .post.grid{padding:0 7px;height:150px}
  823.   .post.grid a.thumbx{padding:2px;height:80px}
  824.   .post h2,.post.grid h2.post-title{font-size:120%;max-height:46px}
  825. }
  826. </style>
  827. <b:else/>
  828. <style type='text/css'>
  829. .infox{float:left;padding:2px 5px;position:absolute;top:5px;left:5px;margin-top: 4px;}
  830. .breadcrumbs{margin-top:25px;font-size:80%;margin-bottom:10px;padding:0 0 5px;border-bottom:2px solid #c9c9c9}
  831. #main-wrapper{padding:0;overflow:visible}
  832. #related_posts ul,#related_posts li{list-style:none;padding:0;margin:0;overflow:hidden}
  833. #related_posts span{margin:0 5px 0 0;float:left}
  834. #related_posts strong{max-height:26px;overflow:hidden;display:block}
  835. #related_posts img{padding:3px;border:1px solid lightGrey}
  836. #related_posts p{margin:5px 0 0}
  837. #related_posts li{width:50%;float:left;padding:7px 0;height:100px}
  838.   .post,#comments .comments-content,#related_posts ul{padding:15px;background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;border-bottom:4px solid ;overflow:hidden;position:relative;border-top:4px solid #383838}
  839. .labelatas{position:absolute;left:5px;bottom:5px}
  840. .labelatas a{float:left;display:block;padding:2px 6px;background-color:#EBEBEB;margin-right:2px;border:1px solid #DDD}
  841. .pager-isi{background:white;overflow:hidden;border:1px solid #DDD}
  842. .pager-isi h5{font-size:11px}
  843. .pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%}
  844. .pager-isi a:hover,.pager-isi .linkgrey{background-color:#F7F7F7;text-decoration:none}
  845. .pager-isi h6{color:#575757;font-size:105%;font-weight:bold}
  846. a.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
  847. a.blog-pager-older-link{background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}
  848. .pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
  849. .pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}
  850. .post-body{margin-bottom:35px;font-size:17px;font-weight: 300;}
  851.  
  852. ul#social-ikonzs li{float:left;position:relative;list-style:none}
  853. #social-ikonzs a{width:19px;height:20px;display:block;margin:0 3px;background-image:url(http://3.bp.blogspot.com/-GnsWJY-Hblo/UIbck16A3BI/AAAAAAAAGJM/qdog-XGwwQE/h20/sprite+images.png);background-position:0 0;background-repeat:no-repeat}
  854. ul#social-ikonzs li.facebook a{background-position:-19px 0}
  855. ul#social-ikonzs li.twitter a{background-position:-116px 0}
  856. ul#social-ikonzs li.google a{background-position:-39px 0}
  857. ul#social-ikonzs li.stumbleupon a{background-position:-97px 0}
  858. ul#social-ikonzs li.digg a{background-position:0 0}
  859. ul#social-ikonzs li.delicious a{background-position:-136px 0}
  860. ul#social-ikonzs li.linkedin a{background-position:-58px 0}
  861. ul#social-ikonzs li.reddit a{background-position:-78px 0}
  862. ul#social-ikonzs li.technorati a{background-position:-155px 0}
  863. #social-ikonzs strong{display:block;width:auto;padding:4px 7px;position:absolute;background-color:#00D1B0;color:white;right:200%;bottom:40px;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}
  864. #social-ikonzs li:hover strong{right:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
  865. .ikonz-social{height:32px;position:absolute;bottom:0;right:0}ul#social-ikonzs{float:left;margin:7px 0 0;padding:0}
  866. @media only screen and (min-width:768px) and (max-width:959px){
  867.   .labelatas{right:-9999px}
  868.   .infox{top:2px;right:2px}
  869.   #related_posts li{padding:7px 5px 7px 0;height:120px}
  870. }
  871. @media only screen and (max-width:767px){
  872.   .pager-isi a,.pager-isi .linkgrey,#related_posts li{width:100%}
  873.   a.blog-pager-older-link{padding-right:25px}
  874.   a.blog-pager-newer-link{padding-left:25px}
  875.   .labelatas{right:-9999px}
  876.   .infox{top:2px;right:2px}
  877.   .post h1{font-size:140%}
  878. }
  879. @media only screen and (max-width:479px){
  880.   .post h1{font-size:120%}
  881. }
  882. </style>
  883. </b:if>
  884.  <b:else/>
  885. <style type='text/css'>
  886. #main-wrapper{padding:0;overflow:visible}
  887. .post,#comments .comments-content{padding:15px;background:white;box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;overflow:hidden;position:relative}
  888. .post-body{margin-bottom:25px;font-size:12px}
  889. @media only screen and (max-width:767px){
  890.   .post h2{font-size:140%}
  891. }
  892. @media only screen and (max-width:479px){
  893.   .post h2{font-size:120%}
  894. }
  895.  
  896. </style>
  897. </b:if>
  898.   <style>
  899.     /*.follow-box {
  900. border:0 none;
  901. clear:both;
  902. margin:0;
  903. padding:0;
  904. position: fixed;
  905. top:40%;
  906. left:0;
  907. z-index:95;
  908.   }*/
  909. </style>
  910. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
  911. <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>
  912.  
  913. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  914. <script type='text/javascript'>
  915. var thumbnail_mode = &quot;yes&quot;; //yes= اظهار الصورة المصغرة, no= بدون صورة مصغرة
  916. summary_noimg = 320; //طول الموجز (عدد الاحرف) في التدوينات الخالية من الصور
  917. summary_img = 270; //طول الموجز (عدد الاحرف) في التدوينات مع وجود صور
  918. img_thumb_height = 160; //ارتفاع الصورة
  919. img_thumb_width = 210; //عرض الصورة
  920. </script>
  921. </b:if>
  922. <script type='text/javascript'>
  923. //<![CDATA[
  924. function removeHtmlTag(strx,chop){
  925. if(strx.indexOf("<")!=-1)
  926. {
  927. var s = strx.split("<");
  928. for(var i=0;i<s.length;i++){
  929. if(s[i].indexOf(">")!=-1){
  930. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  931. }
  932. }
  933. strx = s.join("");
  934. }
  935. chop = (chop < strx.length-1) ? chop : strx.length-2;
  936. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  937. strx = strx.substring(0,chop-1);
  938. return strx+'...';
  939. }
  940.  
  941. function createSummaryAndThumb(pID){
  942. var div = document.getElementById(pID);
  943. var imgtag = "";
  944. var img = div.getElementsByTagName("img");
  945. var summ = summary_noimg;
  946. if(thumbnail_mode == "yes") {
  947. if(img.length>=1) {
  948. imgtag = '<span class="postimge" style="float:right; padding:0px 0px 5px 5px;"><img  src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'"/></span>';
  949.  
  950. summ = summary_img;
  951. }
  952. }
  953. var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  954. div.innerHTML = summary;
  955. }
  956. //]]>
  957. </script>
  958.  
  959.  
  960.  
  961. &lt;script&gt;
  962. /* Script from:http://alb33dani.blogspot.com/ */
  963. imgr = new Array();
  964. imgr[0] = &quot;http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg&quot;;
  965. showRandomImg = true;
  966. aBold = true;
  967. summaryPost = 150;
  968.  
  969. numposts1 = 6;
  970. label1 = &quot;Tech News&quot;;
  971. function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);s=s.substring(0,chop-1);return s}
  972. function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i&lt;numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;alternate&#39;){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;&amp;entry.link[k].type==&#39;text/html&#39;){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}}
  973.        
  974. if (&quot;content&quot; in entry) {
  975. var postcontent = entry.content.$t;}
  976. else
  977. if (&quot;summary&quot; in entry) {
  978. var postcontent = entry.summary.$t;}
  979. else var postcontent = &quot;&quot;;
  980. postdate = entry.published.$t;
  981. if(j&gt;imgr.length-1) j=0;
  982. img[i] = imgr[j];
  983. s = postcontent    ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5);
  984. if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d;
  985. var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
  986. }}
  987. var daystr = day+ &#39; &#39; + m + &#39; &#39; + y ;
  988. var trtd = &#39;&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;&#39;+img[i]+&#39;&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&#39;+posttitle+&#39;&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;&#39;+daystr+&#39;&lt;/div&gt;&lt;p&gt;&#39;
  989. +removeHtmlTag(postcontent,summaryPost)+&#39;...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&#39;;    
  990. document.write(trtd);      
  991. j++;
  992. }}
  993. &lt;/script&gt;
  994. <link href='https://dl.dropboxusercontent.com/s/1fb3nq1vwahkm87/red.css' media='screen' rel='alternate stylesheet' title='red' type='text/css'/>
  995. <link href='https://dl.dropboxusercontent.com/s/4lnuii7xm3j0lpx/green.css' media='screen' rel='alternate stylesheet' title='green' type='text/css'/>
  996. <script src='https://guide-b.googlecode.com/svn/trunk/rafidain/js/jquery.js'/>
  997. <script src='https://guide-b.googlecode.com/svn/trunk/rafidain/js/styleswitch.js' type='text/javascript'/>
  998.  
  999.  
  1000. <script type='text/javascript'>
  1001. //<![CDATA[
  1002. var relatedTitles = new Array();
  1003. var relatedTitlesNum = 0;
  1004. var relatedUrls = new Array();
  1005. function related_results_labels(json) {
  1006. for (var i = 0; i < json.feed.entry.length; i++) {
  1007. var entry = json.feed.entry[i];
  1008. relatedTitles[relatedTitlesNum] = entry.title.$t;
  1009. for (var k = 0; k < entry.link.length; k++) {
  1010. if (entry.link[k].rel == 'alternate') {
  1011. relatedUrls[relatedTitlesNum] = entry.link[k].href;
  1012. relatedTitlesNum++;
  1013. break;}}}}
  1014. function removeRelatedDuplicates() {
  1015. var tmp = new Array(0);
  1016. var tmp2 = new Array(0);
  1017. for(var i = 0; i < relatedUrls.length; i++) {
  1018. if(!contains(tmp, relatedUrls[i])) {
  1019. tmp.length += 1;
  1020. tmp[tmp.length - 1] = relatedUrls[i];
  1021. tmp2.length += 1;
  1022. tmp2[tmp2.length - 1] = relatedTitles[i];}}
  1023. relatedTitles = tmp2;
  1024. relatedUrls = tmp;}
  1025. function contains(a, e) {
  1026. for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
  1027. return false;}
  1028. function printRelatedLabels() {
  1029. var r = Math.floor((relatedTitles.length - 1) * Math.random());
  1030. var i = 0;
  1031. document.write('<ul>');
  1032. while (i < relatedTitles.length && i < 20) {
  1033. document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
  1034. if (r < relatedTitles.length - 1) {
  1035. r++;
  1036. } else {
  1037. r = 0;
  1038. }
  1039. i++;}
  1040. document.write('</ul>');
  1041. }
  1042. //]]>
  1043. </script>
  1044. <style>
  1045. #related-posts {
  1046. float : right;
  1047. width : 600px;
  1048. margin-top:20px;
  1049. margin-right: 0px;
  1050. margin-bottom:20px;
  1051. font : 11px Arial;
  1052. margin-bottom:10px;
  1053. }
  1054. #related-posts .widget {
  1055. list-style-type : none;
  1056. margin : 5px 0 5px 0;
  1057. padding : 0;
  1058. }
  1059. #related-posts .widget h2, #related-posts h2 {
  1060. background:#00D1B0 url(https://lh6.googleusercontent.com/-B7Vkw9_qc8Y/TkAfDi4z6DI/AAAAAAAAAoU/s0oPtRH3Vok/s000/widget-title-bg.png) right top repeat-y;
  1061. color : #222222;
  1062. font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;
  1063. }
  1064. #related-posts a {
  1065. color : #054474;
  1066. font-weight:bold;
  1067. font-family: Arial;
  1068. font-size : 14px;
  1069. text-decoration : none;
  1070. }
  1071. #related-posts a:hover {
  1072. color : #00D1B0;
  1073. text-decoration : none;
  1074. }
  1075. #related-posts ul {
  1076. border : medium none;
  1077. margin : 10px;
  1078. padding : 0;
  1079. }
  1080. #related-posts ul li {
  1081. display : block;
  1082. background : url(&quot;http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png&quot;) no-repeat 0 0;
  1083. margin : 0;
  1084. padding-top : 0;
  1085. padding-right : 0;
  1086. padding-bottom : 1px;
  1087. padding-left : 16px;
  1088. margin-bottom : 5px;
  1089. line-height : 2em;
  1090. border-bottom:1px dotted #cccccc;
  1091. }
  1092. </style>
  1093.  
  1094. <link href='http://www.4youtech.com/favicon.ico' rel='icon' type='image/x-icon'/>
  1095.  
  1096. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  1097.  
  1098. <script type='text/javascript'>
  1099. //<![CDATA[
  1100. jQuery('a').each(function() {
  1101.    // Let's make external links open in a new tab.
  1102.    var href = jQuery(this).attr('href');
  1103.  
  1104.    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
  1105.        jQuery(this).attr("target", "_blank");
  1106.    }
  1107. });
  1108. //]]>
  1109. </script>
  1110.  
  1111.  
  1112. <script type='text/javascript'>
  1113. //<![CDATA[
  1114. jQuery('a').each(function() {
  1115.    // Let's make external links nofollow.
  1116.    var href = jQuery(this).attr('href');
  1117.  
  1118.    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
  1119.        jQuery(this).attr("rel", "nofollow");
  1120.    }
  1121. });
  1122. //]]>
  1123. </script>
  1124.  
  1125.  
  1126. <script type='text/javascript'>
  1127. //<![CDATA[
  1128. $(document).ready(function() {
  1129.  $('img').each(function(){
  1130.    var $img = $(this);
  1131.    var filename = $img.attr('src')
  1132.    $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  1133.  });
  1134. });
  1135. //]]>
  1136. </script>
  1137.  
  1138.  
  1139. <script type='text/javascript'>
  1140. //<![CDATA[
  1141. $(document).ready(function() {
  1142.  $('img').each(function(){
  1143.    var $img = $(this);
  1144.    var filename = $img.attr('src')
  1145.    $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  1146.  });
  1147. });
  1148. //]]>
  1149. </script>
  1150.  
  1151.  
  1152.  
  1153. </head>
  1154. <div id='scroll'/>
  1155.   <body>
  1156.  
  1157.   <div id='outer-wrapper'>
  1158.     <header id='header-wrapper'>
  1159.  
  1160.  
  1161. <div id='menuatas'>
  1162. <div id='ktuskrg'>
  1163. <script type='text/javascript'>
  1164. //<![CDATA[
  1165. function makeArray() {
  1166. for (i = 0; i<makeArray.arguments.length; i++)
  1167. this[i + 1] = makeArray.arguments[i];
  1168. }
  1169. var months = new makeArray('يناير','فبراير','مارس','ابريل','ماي',
  1170. 'يونيو','يوليو','اغسطس','سبتمبر','October','نوفمبر','ديسمبر');
  1171. var date = new Date();
  1172. var day = date.getDate();
  1173. var month = date.getMonth() + 1;
  1174. var yy = date.getYear();
  1175. var year = (yy < 1000) ? yy + 1900 : yy;
  1176. document.write(months[month]+ " " +day + ", " + year);
  1177. //]]></script>
  1178. </div>
  1179. <div id='navtop'>
  1180. <ul id='menuhlng'>
  1181. <li><a href='http://technol-world.blogspot.com/#'>من نحن</a></li>
  1182. <li><a href='http://technol-world.blogspot.com/#'>اتصل بنا</a></li>
  1183. <li class='dgnsubtop'><a href='http://technol-world.blogspot.com/#'>اكثر</a>
  1184. <ul class='sub-menu-top hidden'>
  1185. <li><a href='#'>قائمة فرعية</a></li>
  1186. <li><a href='#'>قائمة فرعية</a></li>
  1187. <li><a href='#'>قائمة فرعية</a></li>
  1188. <li><a href='#'>قائمة فرعية</a></li>
  1189. </ul></li>
  1190. </ul>
  1191. </div>
  1192. <div id='searchnya'>
  1193. <form action='/search' id='ajax-search-form'>
  1194.     <input name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;البحث...&quot;;}' onfocus='if (this.value == &quot;البحث...&quot;) {this.value = &quot;&quot;;}' type='text' value='ابحث في عالم التكنولوجيا'/>
  1195.     <input type='submit' value='Search'/>
  1196. </form>
  1197. </div>
  1198. </div>
  1199. <div id='isihead'>
  1200. <div id='headtitle'>
  1201.       <b:section addelement='no' class='header' id='header' maxwidgets='1'>
  1202.         <b:widget id='Header1' locked='true' title='( Tech World ) (رأس الصفحة)' type='Header'>
  1203.           <b:includable id='main'>
  1204.  
  1205.   <b:if cond='data:useImage'>
  1206.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1207.       <!--
  1208.      Show image as background to text. You can't really calculate the width
  1209.      reliably in JS because margins are not taken into account by any of
  1210.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1211.      width if the user is using shrink to fit.
  1212.      This results in a margin-width's worth of pixels being cropped. If the
  1213.      user is not using shrink to fit then we expand the header.
  1214.      -->
  1215.       <b:if cond='data:mobile'>
  1216.           <div id='header-inner'>
  1217.             <div class='titlewrapper' style='background: transparent'>
  1218.               <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1219. <h1 class='title' style='background: transparent; border-width: 0px'>
  1220.     <b:include name='title'/>
  1221. </h1>
  1222.     <b:else/>
  1223. <p class='title' style='background: transparent; border-width: 0px'>
  1224.     <b:include name='title'/>
  1225. </p>
  1226. </b:if>
  1227.             </div>
  1228.             <b:include name='description'/>
  1229.           </div>
  1230.         <b:else/>
  1231.           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1232.             <div class='titlewrapper' style='background: transparent'>
  1233.               <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1234. <h1 class='title' style='background: transparent; border-width: 0px'>
  1235.     <b:include name='title'/>
  1236. </h1>
  1237.     <b:else/>
  1238. <p class='title' style='background: transparent; border-width: 0px'>
  1239.     <b:include name='title'/>
  1240. </p>
  1241. </b:if>
  1242.             </div>
  1243.             <b:include name='description'/>
  1244.           </div>
  1245.         </b:if>
  1246.     <b:else/>
  1247.       <!--Show the image only-->
  1248.       <div id='header-inner'>
  1249.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1250.           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1251.         </a>
  1252.         <!--Show the description-->
  1253.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1254.           <b:include name='description'/>
  1255.         </b:if>
  1256.       </div>
  1257.     </b:if>
  1258.   <b:else/>
  1259.     <!--No header image -->
  1260.     <div id='header-inner'>
  1261.       <div class='titlewrapper'>
  1262.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1263. <h1 class='title'>
  1264. <b:include name='title'/>
  1265. </h1>
  1266. <b:else/>
  1267. <p class='title'>
  1268. <b:include name='title'/>
  1269. </p>
  1270. </b:if>
  1271.       </div>
  1272.       <b:include name='description'/>
  1273.     </div>
  1274.   </b:if>
  1275. </b:includable>
  1276.           <b:includable id='description'>
  1277.   <div class='descriptionwrapper'>
  1278.     <p class='description'><span><data:description/></span></p>
  1279.   </div>
  1280. </b:includable>
  1281.           <b:includable id='title'>
  1282.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1283.     <data:title/>
  1284.   <b:else/>
  1285.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1286.   </b:if>
  1287. </b:includable>
  1288.         </b:widget>
  1289.       </b:section>
  1290. </div>
  1291. <div id='headads'>
  1292. <b:section class='header' id='headerads1' maxwidgets='1'>
  1293.   <b:widget id='HTML4' locked='false' title='' type='HTML'>
  1294.     <b:includable id='main'>
  1295.   <!-- only display title if it's non-empty -->
  1296.   <b:if cond='data:title != &quot;&quot;'>
  1297.     <h2 class='title'><data:title/></h2>
  1298.   </b:if>
  1299.   <div class='widget-content'>
  1300.     <data:content/>
  1301.   </div>
  1302.  
  1303.   <b:include name='quickedit'/>
  1304. </b:includable>
  1305.   </b:widget>
  1306. </b:section>
  1307. </div>
  1308. </div>
  1309. <nav id='nav'>
  1310.        <ul id='menuhlng1'>
  1311.            <li class='mhome'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>  
  1312.  
  1313. <li><a href='http://technol-world.blogspot.com//search/label/Windows'>Windows</a></li>
  1314.  
  1315.  
  1316. <li><a href='http://technol-world.blogspot.com//search/label/Linux'>Linux</a></li>
  1317.  
  1318.  
  1319. <li><a href='http://technol-world.blogspot.com//search/label/Android?'>Android</a></li>
  1320.  
  1321.  
  1322. <li><a href='http://technol-world.blogspot.com//search/label/Apple'>Apple</a></li>
  1323.  
  1324.  
  1325. <li><a href='http://technol-world.blogspot.com//search/label/Programs'>Programs</a></li>
  1326.  
  1327.  
  1328. <li><a href='http://technol-world.blogspot.com//search/label/App'>App</a></li>
  1329.  
  1330.  
  1331. <li><a href='http://technol-world.blogspot.com//search/label/Security'>Security</a></li>
  1332.  
  1333.  
  1334. <li><a href='http://technol-world.blogspot.com//search/label/Social Media'>Social Media</a></li>
  1335.  
  1336.  
  1337. <li><a href='http://technol-world.blogspot.com//search/label/Videos'>Videos</a></li>
  1338.  
  1339.  
  1340. <li><a href='http://technol-world.blogspot.com//search/label/Tech News'>Tech News</a></li>
  1341.  
  1342.  
  1343.  
  1344.  
  1345.          
  1346.        </ul>
  1347.     </nav>
  1348.  
  1349. <script type='text/javascript'>
  1350. //<![CDATA[
  1351. $(document).ready(function(){
  1352. selectnav('menuhlng', {
  1353.  label: 'اذهب الى... ',
  1354.  nested: true,
  1355.  autoselect: false,
  1356.  indent: '-'
  1357. });
  1358. selectnav('menuhlng1', {
  1359.  label: 'اذهب الى ',
  1360.  nested: true,
  1361.  autoselect: false,
  1362.  indent: '-'
  1363. });
  1364. });
  1365. //]]></script>
  1366. <script type='text/javascript'>
  1367. //<![CDATA[
  1368. $('#nav li ul, #navtop li ul').removeClass('hidden');
  1369.    $('#nav li, #navtop li').hoverTimeout(100, function() {
  1370.     $('ul', this).filter(':not(:animated)').slideDown(600, 'easeOutBounce');
  1371.    }, 500, function() {
  1372.        $('ul', this).slideUp(800, 'easeInExpo');
  1373.    });
  1374. //]]></script>
  1375.     </header>
  1376.    
  1377.     <div id='content-wrapper'>
  1378.       <div id='main-wrapper'>
  1379. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1380. <div id='alwansd'>
  1381. <div class='alwanw' id='slider1'>
  1382. &lt;script&gt;
  1383. document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;);
  1384. &lt;/script&gt;
  1385. </div>
  1386. <div class='alwan-ps' id='paginate-slider1'>
  1387. </div>
  1388. </div>
  1389. </b:if>
  1390.         <b:section class='main' id='main' showaddelement='no'>
  1391.           <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
  1392.             <b:includable id='main' var='top'>
  1393.   <b:if cond='data:mobile == &quot;false&quot;'>
  1394.  
  1395.     <!-- posts -->
  1396.     <div class='blog-posts hfeed'>
  1397. <b:include data='top' name='status-message'/>
  1398.  
  1399.       <b:include data='top' name='status-message'/>
  1400.  
  1401.       <data:defaultAdStart/>
  1402.       <b:loop values='data:posts' var='post'>
  1403.         <b:if cond='data:post.isDateStart'>
  1404.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1405.             &lt;/div&gt;&lt;/div&gt;
  1406.           </b:if>
  1407.         </b:if>
  1408.         <b:if cond='data:post.isDateStart'>
  1409.           &lt;div class=&quot;date-outer&quot;&gt;
  1410.         </b:if>
  1411.         <b:if cond='data:post.dateHeader'>
  1412.           <div class='date-header'><data:post.dateHeader/></div>
  1413.         </b:if>
  1414.         <b:if cond='data:post.isDateStart'>
  1415.           &lt;div class=&quot;date-posts&quot;&gt;
  1416.         </b:if>
  1417.         <div class='post-outer'>
  1418.         <b:include data='post' name='post'/>
  1419.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1420.           <b:if cond='data:post.showThreadedComments'>
  1421.             <b:include data='post' name='threaded_comments'/>
  1422.           <b:else/>
  1423.             <b:include data='post' name='comments'/>
  1424.           </b:if>
  1425.         </b:if>
  1426.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1427.           <b:if cond='data:post.showThreadedComments'>
  1428.             <b:include data='post' name='threaded_comments'/>
  1429.           <b:else/>
  1430.             <b:include data='post' name='comments'/>
  1431.           </b:if>
  1432.         </b:if>
  1433.         </div>
  1434.         <b:if cond='data:post.includeAd'>
  1435.           <b:if cond='data:post.isFirstPost'>
  1436.             <data:defaultAdEnd/>
  1437.           <b:else/>
  1438.             <data:adEnd/>
  1439.           </b:if>
  1440.           <div class='inline-ad'>
  1441.             <data:adCode/>
  1442.           </div>
  1443.           <data:adStart/>
  1444.         </b:if>
  1445.       </b:loop>
  1446.       <b:if cond='data:numPosts != 0'>
  1447.         &lt;/div&gt;&lt;/div&gt;
  1448.       </b:if>
  1449.       <data:adEnd/>
  1450.     </div>
  1451. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1452. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1453.     <!-- navigation -->
  1454.     <b:include name='nextprev'/>
  1455. </b:if></b:if>
  1456.     <!-- feed links -->
  1457.     <b:include name='feedLinks'/>
  1458.  
  1459.     <b:if cond='data:top.showStars'>
  1460.       <script src='//www.google.com/jsapi' type='text/javascript'/>
  1461.       <script type='text/javascript'>
  1462.         google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  1463.         function initialize() {
  1464.           google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  1465.           google.annotations.createAll();
  1466.           google.annotations.fetch();
  1467.         }
  1468.         google.setOnLoadCallback(initialize);
  1469.       </script>
  1470.     </b:if>
  1471.  
  1472.   <b:else/>
  1473.     <b:include name='mobile-main'/>
  1474.   </b:if>
  1475.  
  1476.   <b:if cond='data:top.showDummy'>
  1477.     <data:top.dummyBootstrap/>
  1478.   </b:if>
  1479.  
  1480. </b:includable>
  1481.             <b:includable id='backlinkDeleteIcon' var='backlink'>
  1482.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1483.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1484.       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1485.     </a>
  1486.   </span>
  1487. </b:includable>
  1488.             <b:includable id='backlinks' var='post'>
  1489.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1490.   <b:if cond='data:post.numBacklinks != 0'>
  1491.     <dl class='comments-block' id='comments-block'>
  1492.       <b:loop values='data:post.backlinks' var='backlink'>
  1493.         <div class='collapsed-backlink backlink-control'>
  1494.           <dt class='comment-title'>
  1495.             <span class='backlink-toggle-zippy'>&#160;</span>
  1496.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1497.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1498.           </dt>
  1499.           <dd class='comment-body collapseable'>
  1500.             <data:backlink.snippet/>
  1501.           </dd>
  1502.           <dd class='comment-footer collapseable'>
  1503.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1504.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1505.           </dd>
  1506.         </div>
  1507.       </b:loop>
  1508.     </dl>
  1509.   </b:if>
  1510.   <p class='comment-footer'>
  1511.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1512.   </p>
  1513. </b:includable>
  1514.             <b:includable id='comment-form' var='post'>
  1515.   <div class='comment-form'>
  1516.     <a name='comment-form'/>
  1517.     <b:if cond='data:mobile'>
  1518.       <h4 id='comment-post-message'>
  1519.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1520.       <p><data:blogCommentMessage/></p>
  1521.       <data:blogTeamBlogMessage/>
  1522.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1523.       <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%'/>
  1524.     <b:else/>
  1525.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1526.       <p><data:blogCommentMessage/></p>
  1527.       <data:blogTeamBlogMessage/>
  1528.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1529.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1530.     </b:if>
  1531.     <data:post.friendConnectJs/>
  1532.     <data:post.cmtfpIframe/>
  1533.     <script type='text/javascript'>
  1534.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  1535.     </script>
  1536.   </div>
  1537. </b:includable>
  1538.             <b:includable id='commentDeleteIcon' var='comment'>
  1539.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1540.     <b:if cond='data:showCmtPopup'>
  1541.       <div class='goog-toggle-button'>
  1542.         <div class='goog-inline-block comment-action-icon'/>
  1543.       </div>
  1544.     <b:else/>
  1545.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1546.         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1547.       </a>
  1548.     </b:if>
  1549.   </span>
  1550. </b:includable>
  1551.             <b:includable id='comment_count_picker' var='post'>
  1552.   <b:if cond='data:post.forceIframeComments'>
  1553.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1554.     </span>
  1555.   <b:else/>
  1556.     <b:if cond='data:post.commentSource == 1'>
  1557.       <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  1558.       </span>
  1559.     <b:else/>
  1560.       <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1561.         <data:post.commentLabelFull/>:
  1562.       </a>
  1563.     </b:if>
  1564.   </b:if>
  1565. </b:includable>
  1566.             <b:includable id='comment_picker' var='post'>
  1567.   <b:if cond='data:post.forceIframeComments'>
  1568.     <b:include data='post' name='iframe_comments'/>
  1569.     <b:if cond='data:post.showThreadedComments'>
  1570.       <b:include data='post' name='threaded_comments'/>
  1571.     <b:else/>
  1572.       <b:include data='post' name='comments'/>
  1573.     </b:if>
  1574.   <b:else/>
  1575.     <b:if cond='data:post.commentSource == 1'>
  1576.       <b:include data='post' name='iframe_comments'/>
  1577.     <b:else/>
  1578.       <b:if cond='data:post.showThreadedComments'>
  1579.         <b:include data='post' name='threaded_comments'/>
  1580.       <b:else/>
  1581.         <b:include data='post' name='comments'/>
  1582.       </b:if>
  1583.     </b:if>
  1584.   </b:if>
  1585. </b:includable>
  1586.             <b:includable id='comments' var='post'>
  1587.   <div class='comments' id='comments'>
  1588.     <a name='comments'/>
  1589.     <b:if cond='data:post.allowComments'>
  1590. <div class='komhead'>
  1591.       <h4>
  1592.         <b:if cond='data:post.numComments == 1'>
  1593.           1 <data:commentLabel/>:
  1594.         <b:else/>
  1595.           <data:post.numComments/> <data:commentLabelPlural/>:
  1596.         </b:if>
  1597.       </h4>
  1598. <div class='stripe-line'/>
  1599. </div>
  1600.       <b:if cond='data:post.commentPagingRequired'>
  1601.         <span class='paging-control-container'>
  1602.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1603.           &#160;
  1604.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1605.           &#160;
  1606.           <data:post.commentRangeText/>
  1607.           &#160;
  1608.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1609.           &#160;
  1610.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1611.         </span>
  1612.       </b:if>
  1613.  
  1614.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1615.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1616.           <b:loop values='data:post.comments' var='comment'>
  1617.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1618.               <b:if cond='data:comment.favicon'>
  1619.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1620.               </b:if>
  1621.               <a expr:name='data:comment.anchorName'/>
  1622.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1623.                 <data:comment.authorAvatarImage/>
  1624.               </b:if>
  1625.               <b:if cond='data:comment.authorUrl'>
  1626.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1627.               <b:else/>
  1628.                 <data:comment.author/>
  1629.               </b:if>
  1630.               <data:commentPostedByMsg/>
  1631.             </dt>
  1632.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1633.               <b:if cond='data:comment.isDeleted'>
  1634.                 <span class='deleted-comment'><data:comment.body/></span>
  1635.               <b:else/>
  1636.                 <p>
  1637.                   <data:comment.body/>
  1638.                 </p>
  1639.               </b:if>
  1640.             </dd>
  1641.             <dd class='comment-footer'>
  1642.               <span class='comment-timestamp'>
  1643.                 <a expr:href='data:comment.url' title='comment permalink'>
  1644.                   <data:comment.timestamp/>
  1645.                 </a>
  1646.                 <b:include data='comment' name='commentDeleteIcon'/>
  1647.               </span>
  1648.             </dd>
  1649.           </b:loop>
  1650.         </dl>
  1651.       </div>
  1652.  
  1653.       <b:if cond='data:post.commentPagingRequired'>
  1654.         <span class='paging-control-container'>
  1655.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1656.             <data:post.oldestLinkText/>
  1657.           </a>
  1658.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1659.             <data:post.olderLinkText/>
  1660.           </a>
  1661.           &#160;
  1662.           <data:post.commentRangeText/>
  1663.           &#160;
  1664.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1665.             <data:post.newerLinkText/>
  1666.           </a>
  1667.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1668.             <data:post.newestLinkText/>
  1669.           </a>
  1670.         </span>
  1671.       </b:if>
  1672.  
  1673.       <p class='comment-footer'>
  1674.         <b:if cond='data:post.embedCommentForm'>
  1675.           <b:if cond='data:post.allowNewComments'>
  1676.             <b:include data='post' name='comment-form'/>
  1677.           <b:else/>
  1678.             <data:post.noNewCommentsText/>
  1679.           </b:if>
  1680.         <b:else/>
  1681.           <b:if cond='data:post.allowComments'>
  1682.             <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1683.           </b:if>
  1684.         </b:if>
  1685.  
  1686.       </p>
  1687.     </b:if>
  1688.     <b:if cond='data:showCmtPopup'>
  1689.       <div id='comment-popup'>
  1690.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1691.         </iframe>
  1692.       </div>
  1693.     </b:if>
  1694.  
  1695.     <div id='backlinks-container'>
  1696.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1697.        <b:if cond='data:post.showBacklinks'>
  1698.          <b:include data='post' name='backlinks'/>
  1699.        </b:if>
  1700.     </div>
  1701.     </div>
  1702.   </div>
  1703. </b:includable>
  1704.             <b:includable id='feedLinks'>
  1705.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1706.     <b:if cond='data:feedLinks'>
  1707.       <div class='blog-feeds'>
  1708.         <b:include data='feedLinks' name='feedLinksBody'/>
  1709.       </div>
  1710.     </b:if>
  1711.  
  1712.     <b:else/> <!--Post feed links -->
  1713.     <div class='post-feeds'>
  1714.       <b:loop values='data:posts' var='post'>
  1715.         <b:if cond='data:post.allowComments'>
  1716.           <b:if cond='data:post.feedLinks'>
  1717.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  1718.           </b:if>
  1719.         </b:if>
  1720.       </b:loop>
  1721.     </div>
  1722.   </b:if>
  1723. </b:includable>
  1724.             <b:includable id='feedLinksBody' var='links'>
  1725.   <div class='feed-links'>
  1726.   <data:feedLinksMsg/>
  1727.   <b:loop values='data:links' var='f'>
  1728.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1729.   </b:loop>
  1730.   </div>
  1731. </b:includable>
  1732.             <b:includable id='iframe_comments' var='post'>
  1733.  
  1734.   <b:if cond='data:post.allowIframeComments'>
  1735.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1736.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1737.  
  1738.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1739.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1740.     </b:if>
  1741.   </b:if>
  1742. </b:includable>
  1743.             <b:includable id='mobile-index-post' var='post'>
  1744.   <div class='mobile-date-outer date-outer'>
  1745.     <b:if cond='data:post.dateHeader'>
  1746.       <div class='date-header'>
  1747.         <data:post.dateHeader/>
  1748.       </div>
  1749.     </b:if>
  1750.  
  1751.     <div class='mobile-post-outer'>
  1752.       <a expr:href='data:post.url'>
  1753.         <h3 class='mobile-index-title entry-title'>
  1754.           <data:post.title/>
  1755.         </h3>
  1756.  
  1757.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1758.  
  1759.         <div class='mobile-index-contents'>
  1760.           <b:if cond='data:post.thumbnailUrl'>
  1761.             <div class='mobile-index-thumbnail'>
  1762.               <div class='Image'>
  1763.                 <img expr:src='data:post.thumbnailUrl'/>
  1764.               </div>
  1765.             </div>
  1766.           </b:if>
  1767.  
  1768.           <div class='post-body'>
  1769.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1770.           </div>
  1771.         </div>
  1772.  
  1773.         <div style='clear: both;'/>
  1774.       </a>
  1775.  
  1776.       <div class='mobile-index-comment'>
  1777.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1778.           <b:if cond='data:post.allowComments'>
  1779.             <b:if cond='data:post.numComments != 0'>
  1780.               <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>
  1781.             </b:if>
  1782.           </b:if>
  1783.         </b:if>
  1784.       </div>
  1785.     </div>
  1786.   </div>
  1787. </b:includable>
  1788.             <b:includable id='mobile-main' var='top'>
  1789.     <!-- posts -->
  1790.     <div class='blog-posts hfeed'>
  1791.  
  1792.       <b:include data='top' name='status-message'/>
  1793.  
  1794.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1795.         <b:loop values='data:posts' var='post'>
  1796.           <b:include data='post' name='mobile-index-post'/>
  1797.         </b:loop>
  1798.       <b:else/>
  1799.         <b:loop values='data:posts' var='post'>
  1800.           <b:include data='post' name='mobile-post'/>
  1801.         </b:loop>
  1802.       </b:if>
  1803.     </div>
  1804.  
  1805.    <b:include name='mobile-nextprev'/>
  1806. </b:includable>
  1807.             <b:includable id='mobile-nextprev'>
  1808.   <div class='blog-pager' id='blog-pager'>
  1809.     <b:if cond='data:newerPageUrl'>
  1810.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1811.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1812.       </div>
  1813.     </b:if>
  1814.  
  1815.     <b:if cond='data:olderPageUrl'>
  1816.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1817.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1818.       </div>
  1819.     </b:if>
  1820.  
  1821.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1822.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1823.     </div>
  1824.  
  1825.     <div class='mobile-desktop-link'>
  1826.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1827.     </div>
  1828.  
  1829.   </div>
  1830.   <div class='clear'/>
  1831. </b:includable>
  1832.             <b:includable id='mobile-post' var='post'>
  1833.   <div class='date-outer'>
  1834.     <b:if cond='data:post.dateHeader'>
  1835.       <div class='date-header'><data:post.dateHeader/></div>
  1836.     </b:if>
  1837.     <div class='date-posts'>
  1838.       <div class='post-outer'>
  1839.  
  1840.         <div class='post hentry uncustomized-post-template'>
  1841.           <a expr:name='data:post.id'/>
  1842.           <b:if cond='data:post.title'>
  1843.             <h3 class='post-title entry-title'>
  1844.               <b:if cond='data:post.link'>
  1845.                 <a expr:href='data:post.link'><data:post.title/></a>
  1846.               <b:else/>
  1847.                 <b:if cond='data:post.url'>
  1848.                   <b:if cond='data:blog.url != data:post.url'>
  1849.                     <a expr:href='data:post.url'><data:post.title/></a>
  1850.                   <b:else/>
  1851.                     <data:post.title/>
  1852.                   </b:if>
  1853.                 <b:else/>
  1854.                   <data:post.title/>
  1855.                 </b:if>
  1856.               </b:if>
  1857.             </h3>
  1858.           </b:if>
  1859.  
  1860.           <div class='post-header'>
  1861.             <div class='post-header-line-1'/>
  1862.           </div>
  1863.  
  1864.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  1865.             <data:post.body/>
  1866.  
  1867.             <div style='clear: both;'/> <!-- clear for photos floats -->
  1868.           </div>
  1869.  
  1870.           <div class='post-footer'>
  1871.             <div class='post-footer-line post-footer-line-1'>
  1872.               <span class='post-author vcard'>
  1873.                 <b:if cond='data:top.showAuthor'>
  1874.                   <b:if cond='data:post.authorProfileUrl'>
  1875.                     <span class='fn'>
  1876.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1877.                         <data:post.author/>
  1878.                       </a>
  1879.                     </span>
  1880.                   <b:else/>
  1881.                     <span class='fn'><data:post.author/></span>
  1882.                   </b:if>
  1883.                 </b:if>
  1884.               </span>
  1885.  
  1886.               <span class='post-timestamp'>
  1887.                 <b:if cond='data:top.showTimestamp'>
  1888.                   <data:top.timestampLabel/>
  1889.                   <b:if cond='data:post.url'>
  1890.                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  1891.                   </b:if>
  1892.                 </b:if>
  1893.               </span>
  1894.  
  1895.               <span class='post-comment-link'>
  1896.                 <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1897.                   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1898.                     <b:if cond='data:post.allowComments'>
  1899.                       <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>
  1900.                     </b:if>
  1901.                   </b:if>
  1902.                 </b:if>
  1903.               </span>
  1904.             </div>
  1905.  
  1906.             <div class='post-footer-line post-footer-line-2'>
  1907.               <b:if cond='data:top.showMobileShare'>
  1908.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1909.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  1910.                 </div>
  1911.               </b:if>
  1912.               <b:if cond='data:top.showDummy'>
  1913.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1914.               </b:if>
  1915.             </div>
  1916.  
  1917.           </div>
  1918.         </div>
  1919.  
  1920.  
  1921.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1922.           <b:if cond='data:post.showThreadedComments'>
  1923.             <b:include data='post' name='threaded_comments'/>
  1924.           <b:else/>
  1925.             <b:include data='post' name='comments'/>
  1926.           </b:if>
  1927.         </b:if>
  1928.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1929.           <b:if cond='data:post.showThreadedComments'>
  1930.             <b:include data='post' name='threaded_comments'/>
  1931.           <b:else/>
  1932.             <b:include data='post' name='comments'/>
  1933.           </b:if>
  1934.         </b:if>
  1935.       </div>
  1936.     </div>
  1937.   </div>
  1938. </b:includable>
  1939.             <b:includable id='nextprev'>
  1940.   <div class='blog-pager' id='blog-pager'>
  1941.     <b:if cond='data:newerPageUrl'>
  1942.       <span id='blog-pager-newer-link'>
  1943.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1944.       </span>
  1945.     </b:if>
  1946.  
  1947.     <b:if cond='data:olderPageUrl'>
  1948.       <span id='blog-pager-older-link'>
  1949.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1950.       </span>
  1951.     </b:if>
  1952.  
  1953.    
  1954.     <b:if cond='data:mobileLinkUrl'>
  1955.       <div class='blog-mobile-link'>
  1956.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1957.       </div>
  1958.     </b:if>
  1959.  
  1960.   </div>
  1961.   <div class='clear'/>
  1962. </b:includable>
  1963.             <b:includable id='post' var='post'>
  1964.   <article class='post hentry' expr:id='data:post.id'>
  1965.  
  1966. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1967. <div class='infox'>
  1968. <div class='post-author vcard'>
  1969.              <b:if cond='data:post.authorProfileUrl'>
  1970.               <span class='fn'>
  1971.                 <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
  1972.                   <data:post.author/>
  1973.                 </a>
  1974.               </span>
  1975.             <b:else/>
  1976.               <span class='fn'><data:post.author/></span>
  1977.             </b:if>        
  1978. </div>
  1979. <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
  1980. </div>
  1981. <div class='breadcrumbs'>
  1982. <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
  1983. &#187;
  1984. <b:loop values='data:posts' var='post'>
  1985. <b:if cond='data:post.labels'>
  1986. <b:loop values='data:post.labels' var='label'>
  1987. <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
  1988. <a expr:href='data:label.url' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
  1989. <b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>
  1990. </b:loop>
  1991. <b:else/>
  1992. &#187;Unlabelled
  1993. </b:if>
  1994. &#187; <span><data:post.title/></span>
  1995. </b:loop>
  1996. </div>
  1997. </b:if>
  1998. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1999. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2000. <b:if cond='data:post.title'>
  2001. <h2 class='post-title entry-title'>
  2002. <b:if cond='data:post.link'>
  2003. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  2004. <b:else/>
  2005. <b:if cond='data:post.url'>
  2006. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  2007. <b:else/>
  2008. <data:post.title/>
  2009. </b:if>
  2010. </b:if>
  2011. </h2>
  2012. </b:if>
  2013. <b:else/>
  2014. <h2 class='post-title entry-title'>
  2015. <b:if cond='data:post.link'>
  2016. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  2017. <b:else/>
  2018. <data:post.title/>
  2019. </b:if>
  2020. </h2>
  2021. </b:if>
  2022. <b:else/>
  2023. <h1 class='post-title entry-title'>
  2024. <b:if cond='data:post.link'>
  2025. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  2026. <b:else/>
  2027. <data:post.title/>
  2028. </b:if>
  2029. </h1>
  2030. </b:if>
  2031.  
  2032. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2033. <div class='labelatas'>
  2034. <b:loop values='data:post.labels' var='label'>
  2035. <b:if cond='data:label.name != &quot;Guest Posts&quot;'>
  2036. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2037. </b:if>
  2038. </b:loop>
  2039. </div>
  2040. </b:if>
  2041.  
  2042.     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2043. <!-- اقرأ المزيد - البداية -->
  2044. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2045. <data:post.body/>
  2046. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2047. <div id='related-posts'>
  2048. <h2>مواضيع ذات صله<div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
  2049. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop></div> </h2>
  2050. <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
  2051. </div>
  2052. </b:if>
  2053. <b:else/>
  2054. <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
  2055. <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
  2056. </script>
  2057. <div class='fullinfo'>
  2058. <div class='infox1'>
  2059. <div class='infox'>
  2060. <div class='post-author vcard'>
  2061.              <b:if cond='data:post.authorProfileUrl'>
  2062.               <span class='fn'>
  2063.                 <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
  2064.                   <data:post.author/>
  2065.                 </a>
  2066.               </span>
  2067.             <b:else/>
  2068.               <span class='fn'><data:post.author/></span>
  2069.             </b:if>        
  2070. </div>
  2071. <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
  2072. </div>
  2073. </div>
  2074. <div class='redmo'><a class='more' expr:href='data:post.url'>اقرأ المزيد</a></div>
  2075. </div>
  2076. </b:if>
  2077. <!-- اقرأ المزيد - النهاية -->
  2078.       <div style='clear: both;'/> <!-- clear for photos floats -->
  2079.     </div>
  2080.  
  2081.  
  2082.     <div class='post-footer'>
  2083.     <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
  2084.         <b:if cond='data:top.showAuthor'>
  2085.           <data:top.authorLabel/>
  2086.             <b:if cond='data:post.authorProfileUrl'>
  2087.               <span class='fn'>
  2088.                 <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2089.                   <data:post.author/>
  2090.                 </a>
  2091.               </span>
  2092.             <b:else/>
  2093.               <span class='fn'><data:post.author/></span>
  2094.             </b:if>
  2095.         </b:if>
  2096.       </span> <span class='post-timestamp'>
  2097.         <b:if cond='data:top.showTimestamp'>
  2098.           <data:top.timestampLabel/>
  2099.         <b:if cond='data:post.url'>
  2100.           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  2101.         </b:if>
  2102.         </b:if>
  2103.       </span> <span class='post-comment-link'>
  2104.         <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2105.           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2106.             <b:if cond='data:post.allowComments'>
  2107.               <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>
  2108.             </b:if>
  2109.           </b:if>
  2110.         </b:if>
  2111.       </span> <span class='post-icons'>
  2112.         <!-- email post links -->
  2113.         <b:if cond='data:post.emailPostUrl'>
  2114.           <span class='item-action'>
  2115.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  2116.               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  2117.           </a>
  2118.           </span>
  2119.         </b:if>
  2120.  
  2121.         <!-- quickedit pencil -->
  2122.         <b:include data='post' name='postQuickEdit'/>
  2123.       </span> <div class='post-share-buttons goog-inline-block'>
  2124.         <b:if cond='data:post.sharePostUrl'>
  2125.           <b:include data='post' name='shareButtons'/>
  2126.         </b:if>
  2127.       </div> </div>    
  2128.  
  2129.       <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  2130.         <b:if cond='data:top.showLocation'>
  2131.           <b:if cond='data:post.location'>
  2132.             <data:postLocationLabel/>
  2133.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  2134.           </b:if>
  2135.         </b:if>
  2136.       </span> </div>
  2137.     </div>
  2138. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2139. <div class='postauthor'>
  2140. <img alt='AbuSalah' height='80' src='http://im63.gulfup.com/i8wZFx.jpg' width='80'/>
  2141.   <h3>كاتب الموضوع : <a href='http://fb.com/Anon.BluE.MaXX'> AbuSalah </a></h3>
  2142. <p> مدون مهتم بجديد التكنولوجيا و التقنيات , مواليد الاردن &#1548; ادرس بالمرحلة الثانوية &#1548; &#1548; أحب التقنية وأتابعها أول بأول لدي خبرة جيدة في هذا المجال مكتسبة من الإنترنت &#1548; احاول دائما افادة الناس عن طريق هذه المدونة &#1548;&#1548; &#1548; يمكنك متابعتي على <a href='http://fb.com/Anon.BluE.MaXx'> الفايسبوك</a></p>
  2143. </div>
  2144. </b:if>
  2145. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2146. <div class='ikonz-social'><span> شارك مواضيعنا:</span>
  2147. <ul class='social-ikonz' id='social-ikonzs'>
  2148. <li class='facebook'>
  2149. <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&quot;sharer&quot;,&quot;toolbar=0,status=0,width=626,height=436&quot;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
  2150. </li>
  2151. <li class='twitter'>
  2152. <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
  2153. </li>
  2154. <li class='google'>
  2155. <a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='javascript:window.open(this.href,   &quot;&quot;, &quot;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600&quot;);return false;' rel='nofollow' title='Share this on Google+'><strong>Google+</strong></a>
  2156. </li>
  2157. <li class='stumbleupon'>
  2158. <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
  2159. </li>
  2160. <li class='digg'>
  2161. <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
  2162. </li>
  2163. <li class='delicious'>
  2164. <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
  2165. </li>
  2166. <li class='linkedin'>
  2167. <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
  2168. </li>
  2169. <li class='reddit'>
  2170. <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
  2171. </li>
  2172. <li class='technorati'>
  2173. <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
  2174. </li>
  2175. </ul>
  2176. </div>
  2177. </b:if>
  2178.   </article>
  2179. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2180. <div class='blog-pager' id='blog-pager'>
  2181.  <div class='pager-isi'>
  2182.     <b:if cond='data:newerPageUrl'>
  2183.           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  2184. <b:else/>
  2185. <span class='linkgrey left'><h6>التالي</h6><h5>هذا احدت موضوع.</h5></span>
  2186.          </b:if>
  2187.  
  2188.     <b:if cond='data:olderPageUrl'>
  2189.        <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  2190. <b:else/>
  2191. <span class='linkgrey right'><h6>السابق</h6><h5>هذا آخر موضوع.</h5></span>
  2192.        </b:if>  
  2193.  </div>
  2194.   </div>
  2195. <script type='text/javascript'>
  2196. //<![CDATA[
  2197. $(document).ready(function () {
  2198.    var newerLink = $('a.blog-pager-newer-link').attr('href');
  2199. $('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {
  2200.        var newerLinkTitle = $('a.blog-pager-newer-link').text();
  2201.  $('a.blog-pager-newer-link').html('<h6>التالي</h6><h5>' + newerLinkTitle + '<h5>');
  2202.    });
  2203.    var olderLink = $('a.blog-pager-older-link').attr('href');
  2204. $('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {
  2205.        var olderLinkTitle = $('a.blog-pager-older-link').text();
  2206.  $('a.blog-pager-older-link').html('<h6>السابق</h6><h5>' + olderLinkTitle + '</h5>');
  2207.    });
  2208. });
  2209. //]]>
  2210. </script>
  2211. <div id='relatedpostsjp'/>
  2212. <!-- Related Posts Code Start-->
  2213.  
  2214. <!-- Related Posts Code End-->
  2215. </b:if>
  2216. </b:includable>
  2217.             <b:includable id='postQuickEdit' var='post'>
  2218.   <b:if cond='data:post.editUrl'>
  2219.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2220.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2221.         <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2222.       </a>
  2223.     </span>
  2224.   </b:if>
  2225. </b:includable>
  2226.             <b:includable id='shareButtons' var='post'>
  2227.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  2228. </b:includable>
  2229.             <b:includable id='status-message'>
  2230.   <b:if cond='data:navMessage'>
  2231.   <div class='status-msg-wrap'>
  2232.     <div class='status-msg-body'>
  2233.       <data:navMessage/>
  2234.     </div>
  2235.     <div class='status-msg-border'>
  2236.       <div class='status-msg-bg'>
  2237.         <div class='status-msg-hidden'><data:navMessage/></div>
  2238.       </div>
  2239.     </div>
  2240.   </div>
  2241.   <div style='clear: both;'/>
  2242.   </b:if>
  2243. </b:includable>
  2244.             <b:includable id='threaded-comment-form' var='post'>
  2245.   <div class='comment-form'>
  2246.     <a name='comment-form'/>
  2247.     <b:if cond='data:mobile'>
  2248. <div id='form-wrapper'>
  2249.       <p><data:blogCommentMessage/></p>
  2250.       <data:blogTeamBlogMessage/>
  2251.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2252.       <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%'/>
  2253. </div>
  2254.     <b:else/>
  2255. <div id='form-wrapper'>
  2256.       <p><data:blogCommentMessage/></p>
  2257.       <data:blogTeamBlogMessage/>
  2258.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2259.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2260. </div>
  2261.     </b:if>
  2262.     <data:post.friendConnectJs/>
  2263.     <data:post.cmtfpIframe/>
  2264.     <script type='text/javascript'>
  2265.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2266.     </script>
  2267.   </div>
  2268. </b:includable>
  2269.             <b:includable id='threaded_comment_js' var='post'>
  2270.    <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2271.  
  2272.   <script type='text/javascript'>
  2273.     (function() {
  2274.       var items = <data:post.commentJso/>;
  2275.       var msgs = <data:post.commentMsgs/>;
  2276.       var config = <data:post.commentConfig/>;
  2277.  
  2278. // <![CDATA[
  2279.      var cursor = null;
  2280.      if (items && items.length > 0) {
  2281.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2282.      }
  2283.  
  2284.      var bodyFromEntry = function(entry) {
  2285.        if (entry.gd$extendedProperty) {
  2286.          for (var k in entry.gd$extendedProperty) {
  2287.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2288.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2289.            }
  2290.          }
  2291.        }
  2292.        return entry.content.$t;
  2293.      }
  2294.  
  2295.      var parse = function(data) {
  2296.        cursor = null;
  2297.        var comments = [];
  2298.        if (data && data.feed && data.feed.entry) {
  2299.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2300.            var comment = {};
  2301.            // comment ID, parsed out of the original id format
  2302.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2303.            comment.id = id ? id[2] : null;
  2304.            comment.body = bodyFromEntry(entry);
  2305.            comment.timestamp = Date.parse(entry.published.$t) + '';
  2306.            if (entry.author && entry.author.constructor === Array) {
  2307.              var auth = entry.author[0];
  2308.              if (auth) {
  2309.                comment.author = {
  2310.                  name: (auth.name ? auth.name.$t : undefined),
  2311.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2312.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2313.                };
  2314.              }
  2315.            }
  2316.            if (entry.link) {
  2317.              if (entry.link[2]) {
  2318.                comment.link = comment.permalink = entry.link[2].href;
  2319.              }
  2320.              if (entry.link[3]) {
  2321.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2322.                if (pid && pid[1]) {
  2323.                  comment.parentId = pid[1];
  2324.                }
  2325.              }
  2326.            }
  2327.            comment.deleteclass = 'item-control blog-admin';
  2328.            if (entry.gd$extendedProperty) {
  2329.              for (var k in entry.gd$extendedProperty) {
  2330.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2331.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2332.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2333.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  2334.                }
  2335.              }
  2336.            }
  2337.            comments.push(comment);
  2338.          }
  2339.        }
  2340.        return comments;
  2341.      };
  2342.  
  2343.      var paginator = function(callback) {
  2344.        if (hasMore()) {
  2345.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2346.          if (cursor) {
  2347.            url += '&published-min=' + new Date(cursor).toISOString();
  2348.          }
  2349.          window.bloggercomments = function(data) {
  2350.            var parsed = parse(data);
  2351.            cursor = parsed.length < 50 ? null
  2352.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2353.            callback(parsed);
  2354.            window.bloggercomments = null;
  2355.          }
  2356.          url += '&callback=bloggercomments';
  2357.          var script = document.createElement('script');
  2358.          script.type = 'text/javascript';
  2359.          script.src = url;
  2360.          document.getElementsByTagName('head')[0].appendChild(script);
  2361.        }
  2362.      };
  2363.      var hasMore = function() {
  2364.        return !!cursor;
  2365.      };
  2366.      var getMeta = function(key, comment) {
  2367.        if ('iswriter' == key) {
  2368.          var matches = !!comment.author
  2369.              && comment.author.name == config.authorName
  2370.              && comment.author.profileUrl == config.authorUrl;
  2371.          return matches ? 'true' : '';
  2372.        } else if ('deletelink' == key) {
  2373.          return config.baseUri + '/delete-comment.g?blogID='
  2374.               + config.blogId + '&postID=' + comment.id;
  2375.        } else if ('deleteclass' == key) {
  2376.          return comment.deleteclass;
  2377.        }
  2378.        return '';
  2379.      };
  2380.  
  2381.      var replybox = null;
  2382.      var replyUrlParts = null;
  2383.      var replyParent = undefined;
  2384.  
  2385.      var onReply = function(commentId, domId) {
  2386.        if (replybox == null) {
  2387.          // lazily cache replybox, and adjust to suit this style:
  2388.          replybox = document.getElementById('comment-editor');
  2389.          if (replybox != null) {
  2390.            replybox.height = '250px';
  2391.            replybox.style.display = 'block';
  2392.            replyUrlParts = replybox.src.split('#');
  2393.          }
  2394.        }
  2395.        if (replybox && (commentId !== replyParent)) {
  2396.          document.getElementById(domId).insertBefore(document.getElementById('form-wrapper'), null);
  2397.          replybox.src = replyUrlParts[0]
  2398.              + (commentId ? '&parentID=' + commentId : '')
  2399.              + '#' + replyUrlParts[1];
  2400.          replyParent = commentId;
  2401.        }
  2402.      };
  2403.  
  2404.      var hash = (window.location.hash || '#').substring(1);
  2405.      var startThread, targetComment;
  2406.      if (/^comment-form_/.test(hash)) {
  2407.        startThread = hash.substring('comment-form_'.length);
  2408.      } else if (/^c[0-9]+$/.test(hash)) {
  2409.        targetComment = hash.substring(1);
  2410.      }
  2411.  
  2412.      // Configure commenting API:
  2413.      var configJso = {
  2414.        'maxDepth': config.maxThreadDepth
  2415.      };
  2416.      var provider = {
  2417.        'id': config.postId,
  2418.        'data': items,
  2419.        'loadNext': paginator,
  2420.        'hasMore': hasMore,
  2421.        'getMeta': getMeta,
  2422.        'onReply': onReply,
  2423.        'rendered': true,
  2424.        'initComment': targetComment,
  2425.        'initReplyThread': startThread,
  2426.        'config': configJso,
  2427.        'messages': msgs
  2428.      };
  2429.  
  2430.      var render = function() {
  2431.        if (window.goog && window.goog.comments) {
  2432.          var holder = document.getElementById('comment-holder');
  2433.          window.goog.comments.render(holder, provider);
  2434.        }
  2435.      };
  2436.  
  2437.      // render now, or queue to render when library loads:
  2438.      if (window.goog && window.goog.comments) {
  2439.        render();
  2440.      } else {
  2441.        window.goog = window.goog || {};
  2442.        window.goog.comments = window.goog.comments || {};
  2443.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2444.        window.goog.comments.loadQueue.push(render);
  2445.      }
  2446.    })();
  2447. // ]]>
  2448.   </script>
  2449. </b:includable>
  2450.             <b:includable id='threaded_comments' var='post'>
  2451.   <div class='comments' id='comments'>
  2452.     <a name='comments'/>
  2453. <div class='komhead'>
  2454.     <h4>
  2455.       <b:if cond='data:post.numComments == 1'>
  2456.         1 <data:commentLabel/>:
  2457.       <b:else/>
  2458.         <data:post.numComments/> <data:commentLabelPlural/>:
  2459.       </b:if>
  2460.     </h4>
  2461. <div class='stripe-line'/>
  2462. </div>
  2463.     <div class='comments-content'>
  2464.       <b:if cond='data:post.embedCommentForm'>
  2465.         <b:include data='post' name='threaded_comment_js'/>
  2466.       </b:if>
  2467.       <div id='comment-holder'>
  2468.          <data:post.commentHtml/>
  2469.       </div>
  2470.     </div>
  2471.  
  2472.     <p class='comment-footer'>
  2473.       <b:if cond='data:post.allowNewComments'>
  2474.         <b:include data='post' name='threaded-comment-form'/>
  2475.       <b:else/>
  2476.         <data:post.noNewCommentsText/>
  2477.       </b:if>
  2478.     </p>
  2479.  
  2480.     <b:if cond='data:showCmtPopup'>
  2481.       <div id='comment-popup'>
  2482.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2483.         </iframe>
  2484.       </div>
  2485.     </b:if>
  2486.  
  2487.     <div id='backlinks-container'>
  2488.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2489.        <b:if cond='data:post.showBacklinks'>
  2490.          <b:include data='post' name='backlinks'/>
  2491.        </b:if>
  2492.     </div>
  2493.     </div>
  2494.   </div>
  2495. </b:includable>
  2496.           </b:widget>
  2497.         </b:section>
  2498.       </div>
  2499. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2500. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2501. <script type='text/javascript'>
  2502. //<![CDATA[
  2503. function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b}}resizeThumb("main",200);
  2504. //]]></script>
  2505. </b:if></b:if>
  2506. <script type='text/javascript'>
  2507. //<![CDATA[
  2508. $('.post-body a[href$=".jpg"], .post-body a[href$=".png"], .post-body a[href$=".gif"], .post-body a[href$=".bmp"]').attr({'class':'pirobox','data-pirobox':'gallery'});
  2509. //]]></script>
  2510.       <aside id='sidebar-wrapper'>
  2511. <div id='sidebaratas'>
  2512.         <b:section class='sidebar' id='sidebar-atas' preferred='yes'>
  2513.           <b:widget id='HTML3' locked='false' title='قناتنا على اليوتيوب' type='HTML'>
  2514.             <b:includable id='main'>
  2515.   <!-- only display title if it's non-empty -->
  2516.   <b:if cond='data:title != &quot;&quot;'>
  2517.     <h2 class='title'><data:title/></h2>
  2518.   </b:if>
  2519.   <div class='widget-content'>
  2520.     <data:content/>
  2521.   </div>
  2522.  
  2523.   <b:include name='quickedit'/>
  2524. </b:includable>
  2525.           </b:widget>
  2526.           <b:widget id='HTML12' locked='false' title='صفحتنا على الفيسبوك' type='HTML'>
  2527.             <b:includable id='main'>
  2528.   <!-- only display title if it's non-empty -->
  2529.   <b:if cond='data:title != &quot;&quot;'>
  2530.     <h2 class='title'><data:title/></h2>
  2531.   </b:if>
  2532.   <div class='widget-content'>
  2533.     <data:content/>
  2534.   </div>
  2535.  
  2536.   <b:include name='quickedit'/>
  2537. </b:includable>
  2538.           </b:widget>
  2539.           <b:widget id='AdSense1' locked='false' title='' type='AdSense'>
  2540.             <b:includable id='main'>
  2541.   <div class='widget-content'>
  2542.     <b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'>
  2543.       <data:adCode/>
  2544.     </b:if>
  2545.     <b:include name='quickedit'/>
  2546.   </div>
  2547. </b:includable>
  2548.           </b:widget>
  2549.           <b:widget id='HTML7' locked='false' title='اختر لونك المفضل لتصفح مدونتنا' type='HTML'>
  2550.             <b:includable id='main'>
  2551.   <!-- only display title if it's non-empty -->
  2552.   <b:if cond='data:title != &quot;&quot;'>
  2553.     <h2 class='title'><data:title/></h2>
  2554.   </b:if>
  2555.   <div class='widget-content'>
  2556.     <data:content/>
  2557.   </div>
  2558.  
  2559.   <b:include name='quickedit'/>
  2560. </b:includable>
  2561.           </b:widget>
  2562.           <b:widget id='FollowByEmail1' locked='false' title='الاشتراك بالقائمة البريدية' type='FollowByEmail'>
  2563.             <b:includable id='main'>
  2564.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  2565.   <div class='widget-content'>
  2566.     <div class='follow-by-email-inner'>
  2567.       <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2568.         <table width='100%'>
  2569.           <tr>
  2570.             <td>
  2571.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  2572.             </td>
  2573.             <td width='64px'>
  2574.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  2575.             </td>
  2576.           </tr>
  2577.         </table>
  2578.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2579.         <input name='loc' type='hidden' value='en_US'/>
  2580.       </form>
  2581.     </div>
  2582.   </div>
  2583.   <span class='item-control blog-admin'>
  2584.     <b:include name='quickedit'/>
  2585.   </span>
  2586. </b:includable>
  2587.           </b:widget>
  2588.           <b:widget id='HTML10' locked='false' title='تصفح مدونتنا بلغتك' type='HTML'>
  2589.             <b:includable id='main'>
  2590.   <!-- only display title if it's non-empty -->
  2591.   <b:if cond='data:title != &quot;&quot;'>
  2592.     <h2 class='title'><data:title/></h2>
  2593.   </b:if>
  2594.   <div class='widget-content'>
  2595.     <data:content/>
  2596.   </div>
  2597.  
  2598.   <b:include name='quickedit'/>
  2599. </b:includable>
  2600.           </b:widget>
  2601.           <b:widget id='HTML11' locked='false' title='آخر مواضيع المدونة' type='HTML'>
  2602.             <b:includable id='main'>
  2603.   <!-- only display title if it's non-empty -->
  2604.   <b:if cond='data:title != &quot;&quot;'>
  2605.     <h2 class='title'><data:title/></h2>
  2606.   </b:if>
  2607.   <div class='widget-content'>
  2608.     <data:content/>
  2609.   </div>
  2610.  
  2611.   <b:include name='quickedit'/>
  2612. </b:includable>
  2613.           </b:widget>
  2614.           <b:widget id='HTML1' locked='false' title='المتواجدون الآن' type='HTML'>
  2615.             <b:includable id='main'>
  2616.   <!-- only display title if it's non-empty -->
  2617.   <b:if cond='data:title != &quot;&quot;'>
  2618.     <h2 class='title'><data:title/></h2>
  2619.   </b:if>
  2620.   <div class='widget-content'>
  2621.     <data:content/>
  2622.   </div>
  2623.  
  2624.   <b:include name='quickedit'/>
  2625. </b:includable>
  2626.           </b:widget>
  2627.           <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
  2628.             <b:includable id='main'>
  2629.   <div class='widget-content'>
  2630.     <b:if cond='data:blog.disableAdSenseWidget != &quot;true&quot;'>
  2631.       <data:adCode/>
  2632.     </b:if>
  2633.     <b:include name='quickedit'/>
  2634.   </div>
  2635. </b:includable>
  2636.           </b:widget>
  2637.           <b:widget id='Feed1' locked='false' title='Last Posts' type='Feed'>
  2638.             <b:includable id='main'>
  2639.     <h2><data:title/></h2>
  2640.     <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
  2641.       <span style='filter: alpha(25); opacity: 0.25;'>
  2642.         <a expr:href='data:feedUrl'><data:loadingMsg/></a>
  2643.       </span>
  2644.     </div>
  2645.     <b:include name='quickedit'/>
  2646.   </b:includable>
  2647.           </b:widget>
  2648.           <b:widget id='HTML2' locked='false' title='' type='HTML'>
  2649.             <b:includable id='main'>
  2650.  
  2651.   <div class='widget-content'>
  2652.     <data:content/>
  2653.   </div>
  2654.  
  2655.   <b:include name='quickedit'/>
  2656. </b:includable>
  2657.           </b:widget>
  2658.           <b:widget id='HTML6' locked='false' title='' type='HTML'>
  2659.             <b:includable id='main'>
  2660.   <!-- only display title if it's non-empty -->
  2661.   <b:if cond='data:title != &quot;&quot;'>
  2662.     <h2 class='title'><data:title/></h2>
  2663.   </b:if>
  2664.   <div class='widget-content'>
  2665.     <data:content/>
  2666.   </div>
  2667.  
  2668.   <b:include name='quickedit'/>
  2669. </b:includable>
  2670.           </b:widget>
  2671.           <b:widget id='HTML9' locked='false' title='' type='HTML'>
  2672.             <b:includable id='main'>
  2673.   <!-- only display title if it's non-empty -->
  2674.   <b:if cond='data:title != &quot;&quot;'>
  2675.     <h2 class='title'><data:title/></h2>
  2676.   </b:if>
  2677.   <div class='widget-content'>
  2678.     <data:content/>
  2679.   </div>
  2680.  
  2681.   <b:include name='quickedit'/>
  2682. </b:includable>
  2683.           </b:widget>
  2684.           <b:widget id='HTML8' locked='false' title='' type='HTML'>
  2685.             <b:includable id='main'>
  2686.  
  2687.   <div class='widget-content'>
  2688.     <data:content/>
  2689.   </div>
  2690.  
  2691.   <b:include name='quickedit'/>
  2692. </b:includable>
  2693.           </b:widget>
  2694.         </b:section>
  2695. </div>
  2696.       </aside>
  2697.  
  2698.       <!-- spacer for skins that want sidebar and main to be the same height-->
  2699.       <div class='clear'>&#160;</div>
  2700.  
  2701.     </div> <!-- end content-wrapper -->
  2702.   </div> <!-- end outer-wrapper -->
  2703.  <footer id='footer-wrapper'>
  2704. <div class='whit'>
  2705. <div id='isifooternya'>
  2706. <div class='footer-wrap' id='footx1'>
  2707. <b:section class='footer' id='footer1'>
  2708.   <b:widget id='HTML5' locked='false' title='عن الموقع' type='HTML'>
  2709.     <b:includable id='main'>
  2710.   <!-- only display title if it's non-empty -->
  2711.   <b:if cond='data:title != &quot;&quot;'>
  2712.     <h2 class='title'><data:title/></h2>
  2713.   </b:if>
  2714.   <div class='widget-content'>
  2715.     <data:content/>
  2716.   </div>
  2717.  
  2718.   <b:include name='quickedit'/>
  2719. </b:includable>
  2720.   </b:widget>
  2721. </b:section>
  2722. </div>
  2723. <div class='footer-wrap' id='footx2'>
  2724. <b:section class='footer' id='footer2'>
  2725.   <b:widget id='HTML14' locked='false' title='معلومات الزائر' type='HTML'>
  2726.     <b:includable id='main'>
  2727.   <!-- only display title if it's non-empty -->
  2728.   <b:if cond='data:title != &quot;&quot;'>
  2729.     <h2 class='title'><data:title/></h2>
  2730.   </b:if>
  2731.   <div class='widget-content'>
  2732.     <data:content/>
  2733.   </div>
  2734.  
  2735.   <b:include name='quickedit'/>
  2736. </b:includable>
  2737.   </b:widget>
  2738. </b:section>
  2739. </div>
  2740. <div class='footer-wrap' id='footx3'>
  2741. <b:section class='footer' id='footer3'>
  2742.   <b:widget id='HTML13' locked='false' title='قــم بزيــارة مدونتـنا بمتصفحك المفضل' type='HTML'>
  2743.     <b:includable id='main'>
  2744.   <!-- only display title if it's non-empty -->
  2745.   <b:if cond='data:title != &quot;&quot;'>
  2746.     <h2 class='title'><data:title/></h2>
  2747.   </b:if>
  2748.   <div class='widget-content'>
  2749.     <data:content/>
  2750.   </div>
  2751.  
  2752.   <b:include name='quickedit'/>
  2753. </b:includable>
  2754.   </b:widget>
  2755. </b:section>
  2756. </div></div>
  2757. </div>
  2758. <div id='isifooter'>
  2759. <div id='kredit'>
  2760. <div class='botleft' style='margin-top: 10px;'>
  2761. <div id='creditxx'>
  2762. <div class='cpright'>
  2763.  
  2764.   جميع الحقوق محفوظة   &#169;2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  2765. </div>
  2766.  
  2767. </div></div>
  2768. <style>
  2769.  
  2770. #social img {
  2771. height:25px;
  2772. width:25px;
  2773. margin-right: 2px;
  2774. margin-left: 0px;
  2775. }
  2776.  
  2777. #social img:hover {
  2778. opacity: 0.6;
  2779. }
  2780. </style>
  2781. <div id='social' style='height: 50px; width: 180px;'>
  2782.  
  2783.   <h10>تصميم : <a href='https://www.facebook.com/lahnxx'> لحن الحياة الموت </a> </h10>
  2784.   <br/> <h10>تجميع الاضافات : <a href='https://www.facebook.com/Anon.BluE.MaXx'>ابوصلاح </a> </h10>
  2785.  
  2786.  
  2787. </div>
  2788. <div style='clear: both'/>
  2789. <div class='botright'>
  2790. </div>
  2791. </div>
  2792. </div>
  2793.     </footer>
  2794. <script type='text/javascript'>
  2795. //<![CDATA[
  2796. $('#sidebar-wrapper h2, #footer-wrapper h2').wrap('<div class="h2title" />').css('width', 'auto');
  2797. $('.h2title').append('<div class="stripe-line"></div>');
  2798. //]]></script>
  2799.  
  2800.  
  2801.  
  2802. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2803. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2804. <script type='text/javascript'>
  2805. //<![CDATA[
  2806. var pageCount=6;
  2807. var displayPageNum=2;
  2808. var upPageWord ='« Previous'
  2809. var downPageWord ='Next »';
  2810. function showpageCount(x){var C=home_page_url;var E=new Array();var y=1;var H=1;var v=0;var p=0;var G=0;var F="";var J="";var w="";for(var z=0,A;A=x.feed.entry[z];z++){var u=A.published.$t.substring(0,19)+A.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var i=A.title.$t;if(i!=""){if(v==0||(v%pageCount==(pageCount-1))){if(C.indexOf(timestamp)!=-1){y=H}if(i!=""){H++}E[E.length]="/search?updated-max="+timestamp+"&max-results="+pageCount}}v++}for(var D=0;D<E.length;D++){if(D>=(y-displayPageNum-1)&&D<(y+displayPageNum)){if(p==0&&D==y-2){if(y==2){J='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{J='<span class="showpage"><a href="'+E[D]+'">'+upPageWord+"</a></span>"}p++}if(D==(y-1)){F+='<span class="showpagePoint">'+y+"</span>"}else{if(D==0){F+='<span class="showpageNum"><a href="/">1</a></span>'}else{F+='<span class="showpageNum"><a href="'+E[D]+'">'+(D+1)+"</a></span>"}}if(G==0&&D==y){w='<span class="showpage"> <a href="'+E[D]+'">'+downPageWord+"</a></span>";G++}}}if(y>1){F=""+J+" "+F+" "}F='<div class="showpageArea">'+F;if(y<(H-1)){F+=w}if(H==1){H++}F+="</div>";var I=document.getElementsByName("pageArea");var B=document.getElementById("blog-pager");if(H<=2){F=""}for(var D=0;D<I.length;D++){I[D].innerHTML=F}if(I&&I.length>0){F=""}if(B){B.innerHTML=F}}function showpageCount2(A){var F=home_page_url;var G=new Array();var J=F.indexOf("/search/label/")!=-1;var M=J?F.substr(F.indexOf("/search/label/")+14,F.length):"";M=M.indexOf("?")!=-1?M.substr(0,M.indexOf("?")):M;var B=1;var L=1;var y=0;var p=0;var K=0;var I="";var P="";var z="";var N='<span class="showpageNum"><a href="/search/label/'+M+"?&max-results="+pageCount+'">';var F=home_page_url;for(var C=0,D;D=A.feed.entry[C];C++){var x=D.published.$t.substring(0,19)+D.published.$t.substring(23,29);timestamp=encodeURIComponent(x);var i=D.title.$t;if(i!=""){if(y==0||(y%pageCount==(pageCount-1))){if(F.indexOf(timestamp)!=-1){B=L}if(i!=""){L++}G[G.length]="/search/label/"+M+"?updated-max="+timestamp+"&max-results="+pageCount}}y++}for(var H=0;H<G.length;H++){if(H>=(B-displayPageNum-1)&&H<(B+displayPageNum)){if(p==0&&H==B-2){if(B==2){P=N+upPageWord+"</a></span>"}else{P='<span class="showpage"><a href="'+G[H]+'">'+upPageWord+"</a></span>"}p++}if(H==(B-1)){I+='<span class="showpagePoint">'+B+"</span>"}else{if(H==0){I=N+"1</a></span>"}else{I+='<span class="showpageNum"><a href="'+G[H]+'">'+(H+1)+"</a></span>"}}if(K==0&&H==B){z='<span class="showpage"> <a href="'+G[H]+'">'+downPageWord+"</a></span>";K++}}}if(B>1){if(!J){I=""+P+" "+I+" "}else{I=""+P+" "+I+" "}}I='<div class="showpageArea">'+I;if(B<(L-1)){I+=z}if(L==1){L++}I+="</div>";var O=document.getElementsByName("pageArea");var E=document.getElementById("blog-pager");if(L<=2){I=""}for(var H=0;H<O.length;H++){O[H].innerHTML=I}if(O&&O.length>0){I=""}if(E){E.innerHTML=I}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}};
  2811. //]]>
  2812. </script>
  2813. </b:if></b:if>
  2814. <script type='text/javascript'>
  2815. //<![CDATA[
  2816. window.emoticonx=(function(){var a=function(c){var f=c||{},d=f.emoRange||"#comments p, div.emoWrap",e=f.putEmoAbove||"iframe#comment-editor",b=f.emoMessage||"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل رمز.";$(e).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>اضغط على الابتسامة لظهور الكود الخاص بها</b><br/>'+b+"</div>");var g=function(j,i,h){$(d).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(j," <img style='max-height:24px' src='"+i+"' class='emo delayLoad' alt='"+h+"' />"))})};g(/\s:\)\)+/g,"https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif",":))");g(/\s;\(\(+/g,"https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif",";((");g(/\s:\)+/g,"https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif",":)");g(/\s:-\)+/g,"https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif",":-)");g(/\s=\)\)+/g,"https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif","=))");g(/\s;\(+/g,"https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif",";(");g(/\s;-\(+/g,"https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif",";-(");g(/\s:d/ig,"https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif",":d");g(/\s:-d/ig,"https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif",":-d");g(/\s@-\)+/g,"https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/HloTeaRIdyQ/s36/09.gif","@-)");g(/\s:p/ig,"https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif",":p");g(/\s:o/ig,"https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif",":o");g(/\s:&gt;\)+/g,"https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif",":&gt;)");g(/\s\(o\)+/ig,"https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif","(o)");g(/\s\[-\(+/g,"https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif","[-(");g(/\s:-\?/g,"https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif",":-?");g(/\s\(p\)+/ig,"https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif","(p)");g(/\s:-s/ig,"https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif",":-s");g(/\s\(m\)+/ig,"https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif","(m)");g(/\s8-\)+/ig,"https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif","8-)");g(/\s:-t/ig,"https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif",":-t");g(/\s:-b/ig,"https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif",":-b");g(/\sb-\(+/ig,"https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif","b-(");g(/\s:-#/ig,"https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif",":-#");g(/\s=p~/ig,"https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif","=p~");g(/\s\$-\)+/ig,"https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif","$-)");g(/\s\(b\)+/ig,"https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif","(b)");g(/\s\(f\)+/ig,"https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'","(f)");g(/\sx-\)+/ig,"https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif","x-)");g(/\s\(k\)+/ig,"https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif","(k)");g(/\s\(h\)+/ig,"https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif","(h)");g(/\s\(c\)+/ig,"https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif","(c)");g(/\scheer/ig,"https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(b){alert(b)}});$(".emo").css("cursor","pointer").live("click",function(h){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");h.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};return function(b){a(b)}})();
  2817. //]]>
  2818. </script>
  2819. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2820. <script type='text/javascript'>
  2821. //<![CDATA[
  2822. jQuery(document).ready(function () {emoticonx()});
  2823. //]]>
  2824. </script>
  2825. </b:if>
  2826. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2827. <script type='text/javascript'>
  2828. //<![CDATA[
  2829. jQuery(document).ready(function () {emoticonx()});
  2830. //]]>
  2831. </script>
  2832. </b:if>
  2833. <script type='text/javascript'>
  2834. //<![CDATA[
  2835. $(document).ready(function () {
  2836. searchxx({summaryLength:100, scrthumbSize:50});
  2837. });
  2838. //]]>
  2839. </script>
  2840. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2841. <script type='text/javascript'>
  2842. //<![CDATA[
  2843. $(document).ready(function () {
  2844. breakingnews({breakingpostx:10,
  2845. breakingcmtext: "Comments"
  2846. });
  2847. });
  2848. //]]>
  2849. </script>
  2850. </b:if>
  2851. <b:include data='blog' name='google-analytics'/>
  2852. <script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
  2853. <script>
  2854. featuredcontentslider.init({
  2855. id: &quot;slider1&quot;, //id of main slider DIV
  2856. contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
  2857. toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
  2858. nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; to hide.
  2859. enablefade: [true, 0.5], //[true/false, fadedegree]
  2860. autorotate: [true, 6000], //[true/false, pausetime]
  2861. onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
  2862. //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
  2863. //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
  2864. }
  2865. })
  2866. </script>
  2867.  
  2868. <script type='text/javascript'> /*<![CDATA[*/ var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(100); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(); }, 1500); }); /*]]>*/ </script>
  2869.  
  2870. </body>
  2871. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!