API tools faq
paste
Hayla

ar1web amni

Hayla
Jun 1st, 2020
430
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 137.00 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:version='2' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  5. <meta charset='utf-8'/>
  6. <!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]-->
  7. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  8. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  9. <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  10. <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  11. <link expr:href='data:blog.url' rel='canonical'/>
  12. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  13. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  14. <link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  15. <link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
  16. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  17. <meta content='XXXXX' name='google-site-verification'/>
  18. <meta content='XXXXX' name='msvalidate.01'/>
  19. <meta content='XXXXX' name='yandex-verification'/>
  20. <link href='//plus.google.com/XXXXX/posts' rel='publisher'/>
  21. <link href='//plus.google.com/XXXXX/about' rel='author'/>
  22. <link href='//plus.google.com/XXXXX' rel='me'/>
  23. <!-- SEO Title Tag -->
  24. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  25. <title><data:blog.pageTitle/></title>
  26. <b:else/>
  27. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  28. <title>أرشيف مدونة <data:blog.pageName/></title>
  29. <meta content='noindex,nofollow,noarchive' name='robots'/>
  30. <b:else/>
  31. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  32. <title>الصفحة غير موجودة</title>
  33. <b:else/>
  34. <title><data:blog.pageName/></title>
  35. </b:if>
  36. </b:if>
  37. </b:if>
  38. <!-- SEO Meta Tag -->
  39. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  40. <meta expr:content='data:blog.pageName' property='og:title'/>
  41. <b:else/>
  42. <meta expr:content='data:blog.title' property='og:title'/>
  43. </b:if>
  44. <meta content='YOUR KEYWORDS HERE' name='keywords'/>
  45. <b:if cond='data:blog.homepageUrl == data:blog.url'>
  46. <meta content='YOUR DESCRIPTION HERE' name='description'/>
  47. <meta content='YOUR DESCRIPTION HERE' property='og:description'/>
  48. <meta content='YOUR DESCRIPTION HERE' property='twitter:description'/>
  49. </b:if>
  50. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  51. <b:if cond='data:blog.metaDescription'>
  52. <meta expr:content='data:blog.metaDescription' name='description'/>
  53. <meta expr:content='data:blog.metaDescription' property='twitter:description'/>
  54. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  55. </b:if>
  56. <b:else/>
  57. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  58. <b:if cond='data:blog.metaDescription'>
  59. <meta expr:content='data:blog.metaDescription' name='description'/>
  60. <meta expr:content='data:blog.metaDescription' property='twitter:description'/>
  61. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  62. </b:if>
  63. </b:if>
  64. </b:if>
  65. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  66. <b:if cond='data:blog.searchLabel'>
  67. <meta content='noindex,nofollow' name='robots'/>
  68. </b:if>
  69. </b:if>
  70. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  71. <meta content='noindex,nofollow' name='robots'/>
  72. </b:if>
  73. <b:if cond='data:blog.isMobile'>
  74. <meta content='noindex,nofollow' name='robots'/>
  75. </b:if>
  76. <meta content='all' name='audience'/>
  77. <meta content='YOUR NAME' name='author'/>
  78. <meta content='blogger' name='generator'/>
  79. <meta content='translate' name='google'/>
  80. <meta content='general' name='rating'/>
  81. <meta content='id' name='geo.country'/>
  82. <meta content='morocco' name='geo.placename'/>
  83. <!-- SEO Meta Tag end -->
  84. &lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quot;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;start&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void 0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot;wtsrt_&quot;))}
  85. try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.csi().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());null==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)};var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.addEventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;onsFroll&quot;,q);
  86. })();&lt;/script&gt;
  87. <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
  88. <script type='application/ld+json'>
  89. {&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;WebSite&quot;,&quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,&quot;potentialAction&quot;: {&quot;@type&quot;: &quot;SearchAction&quot;,&quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;,&quot;query-input&quot;: &quot;required name=search_term&quot;}}
  90. </script>
  91. <!-- Tag Facebook Open Graph -->
  92. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  93. <meta content='article' property='og:type'/>
  94. <b:else/>
  95. <meta content='website' property='og:type'/>
  96. </b:if>
  97. <meta content='ID FANPAGE FACEBOOK' property='fb:app_id'/>
  98. <meta content='ID FB ADMIN' property='fb:admins'/>
  99. <meta content='id_ID' property='og:locale'/>
  100. <b:if cond='data:blog.url'>
  101. <meta expr:content='data:blog.url' property='og:url'/>
  102. </b:if>
  103. <meta expr:content='data:blog.title' property='og:site_name'/>
  104. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  105. <!-- Large image, original size -->
  106. <b:if cond='data:blog.postImageUrl'>
  107. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  108. <b:else/>
  109. <!-- Thumbnail image, 72 &#215; 72 pixels -->
  110. <b:if cond='data:blog.postImageThumbnailUrl'>
  111. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  112. <b:else/>
  113. <!-- Default, no image. Use favicon or your own image URL -->
  114. <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
  115. </b:if>
  116. </b:if>
  117. <!-- Tag Twitter Open Graph -->
  118. <meta expr:content='data:blog.title' name='twitter:site'/>
  119. <meta name='twitter:card' value='summary'/>
  120. <meta content='summary_large_image' name='twitter:card'/>
  121. <meta content='XXXXX' name='twitter:creator'/>
  122. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  123. <b:if cond='data:blog.postImageThumbnailUrl'>
  124. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  125. </b:if>
  126. </b:if>
  127. <meta content='IE=edge,IE=10,IE=EmulateIE10,IE=9,IE=EmulateIE9,IE=8,IE=EmulateIE8,IE=7,IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  128. <!-- Latest compiled and minified JavaScript -->
  129. <script type='text/javascript'>
  130. //<![CDATA[
  131. //CSS Ready
  132. function loadCSS(e, t, n) {
  133. "use strict";
  134. var i = window.document.createElement("link");
  135. var o = t || window.document.getElementsByTagName("script")[0];
  136. i.rel = "stylesheet";
  137. i.href = e;
  138. i.media = "only x";
  139. o.parentNode.insertBefore(i, o);
  140. setTimeout(function () {
  141. i.media = n || "all"
  142. })
  143. }
  144. loadCSS("//fonts.googleapis.com/earlyaccess/droidarabicnaskh.css");
  145. loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
  146. loadCSS("//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
  147. //]]>
  148. </script>
  149.  
  150. <b:skin><![CDATA[
  151. /* ===========================================================
  152. # Name : Ar1web Blogger Template
  153. # Version : 3.0
  154. # Environment : Blogger
  155. # Language : Arabic
  156. # Updated : 1, July 2018
  157. # Created by : WebPonto
  158. # Profile : https://www.facebook.com/webponto
  159. * ============================================================ */
  160. body{background:#f5f5f5;font-family:Droid Arabic Naskh,sans-serif;direction:rtl;line-height:1.52857;color:#434343}
  161. .wrapper{padding:10px;margin:0 auto;border-top:none;border-bottom:none}
  162. #content-wrapper{margin-top:60px}
  163. .item-snippet,.sumry{font:12px/23px tahoma}
  164. #banner{text-align:center;width:auto;margin:10px auto;float:none}
  165. .ads728{max-width:100%;display:block;float:none;overflow:hidden;margin:0 auto}
  166. @media (min-width:1200px){.container{width:990px}.ads728{max-width:100%}}
  167. .ads728{max-width:}
  168. [class*="col-"]{padding:0 4px;float:right}
  169. *{border-radius:0!important}
  170. .row{margin:0 -4px}
  171. .b-sidebar,.b-main{*display:table-column}
  172. .b-header{margin-top:50px}
  173. .flrt{float:right}
  174. .fllt{float:left}
  175. .sidebar .widget,.post-outer,.b-header,#lhtml{background:#FFF;padding:10px;border:1px solid #DEDCDC;margin-bottom:15px}
  176. .sidebar:hover .widget:hover,.post-outer:hover,.b-header:hover,#lhtml:hover{*background:#F8F8F8}
  177. .widget-content{clear:both;padding:0}
  178. .sidebar .widget{*padding:0;*border-color:#ECE3CA}
  179. .sidebar .PopularPosts{*border-color:#C9E1E1}
  180. #ContactForm1{display:none}
  181. .sidebar h2,.y-title{font-weight:300;margin:0;padding:9px 10px 9px 15px;font-size:14.2px;text-align:center;text-transform:uppercase;font-family:Droid Arabic Naskh!important}
  182. .sidebar h2{background:#444;color:#FFF;margin-bottom:10px}
  183. span.bcomment{padding:6px 6px}
  184. a.bg-profile{width:34px;height:32px;color:#888282;padding:6px 12px 6px 7px;border-right:1px solid rgb(223,223,223)}
  185. span.bdate abbr{border-bottom:none}
  186. span.bdate a{color:#888282}
  187. span.bdate{border-right:1px solid rgb(223,223,223);padding:6px 6px}
  188. .post-outer .widget-content.well{background:#F0E4D2;box-shadow:none}
  189. .widget-content.well h3{text-align:center;font-size:18px;font-weight:700}
  190. header{margin:0 auto;width:100%}
  191. .search-div{padding-left:2px;margin-left:0}
  192. .e789e5{margin-top:6px}
  193. .FollowByEmail input{border:1px solid rgb(209,209,209)}
  194. .FollowByEmail .btn,.FollowByEmail input{padding:4px 10px;font-size:17px;margin-top:10px}
  195. @media (max-width:767px){#footer-wrapper{max-width:100%;margin:0 0 0 auto}#footer-wrapper h2{font-size:12px!important}.ads1post{display:none}.ads3post{float:none!important;right:0!important;width:auto!important}.tabs-widget li{width:33.3%}span.showpagePoint{margin:4px 2px}#Header-wrapper{background-repeat:no-repeat!important;background-position:47%}#footx1:before,#footx2:before,#footx3:before,#footx4:before,#BlogArchive1:before{display:none}#footer-widgetfix .footer-widget{width:47%!important;margin:3px!important;padding:10px!important}#footx1::before,#footx2::before,#footx3::before,#footx4::before{float:right;position:initial}#backtotop{font-size:20px}#backtotop{left:15px;bottom:0;display:none;width:34px;height:34px;color:#fff;text-align:center;background-color:#303030;font-size:22px;line-height:32px;padding:0}.cl-item-page > .flrt{clear:both;float:none;margin:0 auto 12px}.cl-item-page > .flrt > img{margin:auto;display:block}.social{margin:0 auto;display:block;width:150px;float:none!important;padding:7px 0 0!important;clear:both}.vb-link{right:initial!important;bottom:initial!important;position:relative!important;margin:25px 0!important;width:100%!important;left:initial!important;text-align:center!important}}
  196. @media (max-width:992px){.ads728{max-width:100%;padding-top:20px;float:none;clear:both;position:static;right:0}}
  197. @media (min-width:768px){.social{margin-right:10px}.ads3post{right:0!important;left:0}}
  198. .ltspst{background:#343434;padding:12px 17px 12px;font-size:16px;color:#FFF;text-shadow:1px 1px 0 rgba(0,0,0,0.1);margin:0 0 -1px;width:auto;display:inline-block;text-transform:uppercase}
  199. .lts-post{border-bottom:2px solid #343434;margin:0 4px 4px}
  200. h1,h2,h3,h4{font-family:'Tahoma',arial!important}
  201. h1.post-title{border-bottom:1px solid #DCDCDC;font-size:24px;padding:0 16px 19px;font-weight:600;margin:15px -16px 17px;color:#343434}
  202. h3.post-title{border-bottom:none;font-size:26px;padding:0 16px 19px;font-weight:700;margin:10px -5px 17px;color:#343434;line-height:1.5}
  203. .date-header{display:none}
  204. .badge{border-radius:32px!important}
  205. .label{border-radius:4px!important}
  206. .input-group-btn > .btn{border-radius:0!important}
  207. .post-footer-line-1 a{text-decoration:none;color:#555}
  208. .post-header{margin-bottom:15px}
  209. .post-header,.post-header a,.post-header abbr[data-original-title],.eader abbr[title]{color:#AAA!important;border-bottom:medium none!important}
  210. .post-footer{display:block;padding:15px 0 5px;margin:15px 0 5px;border-top:#efefef solid 1px}
  211. .widget-content ul{padding-right:0;margin-bottom:0;list-style:outside none none}
  212. .HTML .widget-content{padding:0}
  213. #sidebar{width:auto}
  214. .post-outer{position:relative;overflow:hidden;*padding:17px}
  215. .PageList .widget-content ul li{padding:7px 10px;margin:2px 0;display:block;border-bottom:1px solid #EEE}
  216. .PageList .widget-content ul li:last-child{border:none}
  217. #sidebar .PopularPosts .widget-content ul li{border-bottom:1px solid #DCDCDC}
  218. #sidebar .PopularPosts .widget-content ul li:last-child{border-bottom:none}
  219. footer .PopularPosts .widget-content ul li{border-bottom:1px solid #2d2d2d}
  220. footer .PopularPosts .widget-content ul li:last-child{border-bottom:none}
  221. /*-------------------- search form ------------------*/
  222. input.gsc-input{border:1px solid rgb(189,189,189)!important;padding:6px!important;width:100%!important;border-right:none!important}
  223. table.gsc-search-box td.gsc-input{padding-right:0!important}
  224. input.gsc-search-button{margin-left:0!important;padding:6px 20px!important;background:rgb(242,242,242)!important;border:1px solid rgb(189,189,189)!important}
  225. /*-------------------- thumb ------------------*/
  226. .article{padding:0 4px}
  227. .post-body>div>img{top:0;left:0;right:0;bottom:0;width:}
  228. .post-body{color:#4E4E4E;line-height:25px;font-family:'Droid Arabic Naskh',sans-serif;text-decoration:none}
  229. .post-body a{padding:0;margin:0}
  230. .posts-thumb img{width:100%;height:100%}
  231. .post-labels a{background:#808080;color:#FFF;padding:0 5px;border-radius:0 2px 2px 0!important;position:relative;margin-left:11px;font-size:11.5px}
  232. .post-labels a::before{content:no-close-quote;width:0;height:0;display:table;left:-11px;z-index:1;border-right:11px solid #808080;position:absolute;border-bottom:10px solid transparent;border-top:11px solid transparent;bottom:1px}
  233. #blog-pager{padding:0}
  234. #content #lhtml{position:relative;float:left;width:100%}
  235. #content #lhtml h2{position:absolute;top:0;left:0;z-index:9;padding:12px 15px;margin:0;background:#343434;font-size:14.5px;color:#D1F5FF;right:0;border-bottom:1px solid #E4E4E4}
  236. .pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{background:#E83E3B;border-color:#C13A2C}
  237. .pagination > li > a,.pagination > li > span{color:#E83E3B;background:#FFFFFF;border:none;font-size:12.5px;border:1px solid #DCDADA;border-bottom:2px solid #D6D5D5}
  238. .pagination > li{float:right;margin-left:5px}
  239. .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:5px 10px;line-height:1.42857143;text-decoration:none}
  240. /*--------------- widget label -----------------------*/
  241.  
  242. /* Recent posts by labels --------------------------------- */
  243. img.label_thumb{float:left;margin-right:10px!important;height:75px;width:75px}
  244. #label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 2px 0;padding:0}
  245. ul#label_with_thumbs li{padding:9px 0 0;min-height:65px;margin-bottom:0;border-bottom:1px solid #eee;height:100px;overflow:hidden}
  246. ul#label_with_thumbs li:last-child{border-bottom:none}
  247. #label_with_thumbs li{list-style:none;padding-left:0!important}
  248. #label_with_thumbs a{text-transform:uppercase}
  249. #label_with_thumbs strong{padding-left:0}
  250. .bc-bcomment{color:#444}
  251. .nav > li > a{padding-left:10px;padding-right:10px;*border-right:solid 1px #494F6E}
  252. .nvbar-bottom .input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group{*background:transparent;*border:none;*color:white}
  253. .nvbar-bottom{min-height:38px;background:#444;-webkit-transition:all 1s ease-in;transition:all 0.8s ease-in-out 0s;position:initial;top:-120px;margin-bottom:15px}
  254. .btn-warning{background-color:#D28046;border-color:#D28046}
  255. .btn-primary{color:#fff;background-color:#E83E3B;border-color:#E83E3B;text-shadow:none!important;font-family:'Droid Arabic Naskh',sans-serif;border-radius:2px!important;padding:5px}
  256. .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open > .dropdown-toggle.btn-primary{color:#FFF;background-color:#343434;border-color:#343434;border-radius:2px!important;padding:5px}
  257. .btn-twitter{background:#00acee;border-radius:0;margin-top:5px;color:#fff}
  258. .btn-twitter:link,.btn-twitter:visited{color:#fff}
  259. .btn-twitter:active,.btn-twitter:hover{background:#0087bd;color:#fff}
  260. .btn-facebook{background:#3b5998;border-radius:0;margin-top:5px;color:#fff}
  261. .btn-facebook:link,.btn-facebook:visited{color:#fff}
  262. .btn-facebook:active,.btn-facebook:hover{background:#30477a;color:#fff}
  263. .btn-googleplus{background:#e93f2e;border-radius:0;margin-top:5px;color:#fff}
  264. .btn-googleplus:link,.btn-googleplus:visited{color:#fff}
  265. .btn-googleplus:active,.btn-googleplus:hover{background:#ba3225;color:#fff}
  266. .btn-stumbleupon{background:#f74425;border-radius:0;margin-top:5px;color:#fff}
  267. .btn-stumbleupon:link,.btn-stumbleupon:visited{color:#fff}
  268. .btn-stumbleupon:active,.btn-stumbleupon:hover{background:#c7371e;color:#fff}
  269. .btn-linkedin{background:#0e76a8;border-radius:0;margin-top:5px;color:#fff}
  270. .btn-linkedin:link,.btn-linkedin:visited{color:#fff}
  271. .btn-linkedin:active,.btn-linkedin:hover{background:#0b6087;color:#fff}
  272. .copyright{padding:0 4px}
  273. .post-outer .fb_iframe_widget{display:inline-block!important;position:relative;height:40px;vertical-align:top;margin-left:7px;width:initial}
  274. #___plusone_0{vertical-align:top!important}
  275. #twitter-widget-0{margin-right:7px}
  276. #nav-med.affix{position:fixed;top:0;width:100%;z-index:9999}
  277. .tooltip-inner{font-family:tahoma,arial;padding:7px}
  278. h3.post-title{padding:0 5.5px 19px}
  279. .navbar > .container .navbar-brand,.navbar > .container-fluid .navbar-brand{margin-left:-5px;font-size:25px;margin-top:-2px;text-shadow:0 2px 0 rgba(0,0,0,0.21)}
  280. @media (max-width:480px){.b-item{width:100%}}
  281. #socialCounterWidget span.fa{width:47px;height:47px;color:white;vertical-align:top;padding:10px;font-size:26px;right:0;text-align:center;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background:-moz-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.1)),color-stop(1%,rgba(255,255,255,0.1)),color-stop(100%,rgba(255,255,255,0.1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.1) 1%,rgba(255,255,255,0.1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff',endColorstr='#1affffff',GradientType=0 )}
  282. #socialCounterWidget > a{display:block;width:100%;height:47px;position:relative;cursor:pointer}
  283. a.facebook-box{background-color:#506ba7}
  284. a.twitter-box{background-color:#56A4C6}
  285. a.googleplus-box{background-color:#BC4B37}
  286. #socialCounterWidget > a.facebook-box:hover{-webkit-box-shadow:inset 0 0 80px 44px rgba(47,77,147,1);-moz-box-shadow:inset 0 0 80px 44px rgba(47,77,147,1);box-shadow:inset 0 0 80px 44px rgba(47,77,147,1)}
  287. #socialCounterWidget > a.twitter-box:hover{-webkit-box-shadow:inset 0 0 80px 44px rgba(45,122,186,1);-moz-box-shadow:inset 0 0 80px 44px rgba(45,122,186,1);box-shadow:inset 0 0 80px 44px rgba(45,122,186,1)}
  288. #socialCounterWidget > a.googleplus-box:hover{-webkit-box-shadow:inset 0 0 80px 44px rgba(207,40,27,1);-moz-box-shadow:inset 0 0 80px 44px rgba(207,40,27,1);box-shadow:inset 0 0 80px 44px rgba(207,40,27,1)}
  289. #socialCounterWidget span{display:block;position:absolute;color:#FFFFFF;right:70px;font-size:12px}
  290. #socialCounterWidget .title{top:7px}
  291. #socialCounterWidget .count{top:23px}
  292. .author-social{margin-top:-8px;margin-left:-7px}
  293. .ttip > i.fa{color:#FFF;font-size:21px;width:35px;text-align:center;height:31px;padding:5px 7px;margin-right:-5px}
  294. .ttip > i.fa-facebook{background:#3B5998}
  295. .ttip > i.fa-twitter{background:#00ACEE}
  296. .ttip > i.fa-google{background:#E15142}
  297. .ttip > i.fa-instagram{background:#5280A5}
  298. html{overflow-x:hidden}
  299. .quickedit{display:none}
  300. .socialar1web{float:left;display:none}
  301. .socialar1web ul li{float:left;position:relative;list-style:none}
  302. .socialar1web ul li a{color:rgba(255,255,255,0.8);background-color:#8BBDE0;padding:19px 15px;float:left}
  303. .socialar1web ul li a:hover{color:#fff}
  304. .socialar1web a i{font-size:14px;margin-left:5px}
  305. .socialar1web ul li a.social_ar1web{list-style:none!important;list-style-type:none!important;position:relative;z-index:2;top:10px;font-weight:normal;padding:0 12px;float:left;height:25px;line-height:27px;background-color:#E83E3B;font-family:Droid Arabic Naskh;cursor:pointer;right:-40px;color:#fff}
  306. .socialar1web ul li:hover>a.social_ar1web{background:#E83E3B;color:#fff;text-decoration:none}
  307. .socialar1web ul li ul{display:none;position:absolute;top:36px;left:20px;width:130px;background:#FFFFFF;-moz-box-shadow:0 1px 10px rgba(51,92,115,0.1),0px 0 5px rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 10px rgba(51,92,115,0.1),0px 0 5px rgba(0,0,0,0.05);box-shadow:0 1px 10px rgba(51,92,115,0.1),0px 0 5px rgba(0,0,0,0.05);z-index:999;padding-top:20px;-webkit-animation:fadeIn 0.5s;-moz-animation:fadeIn 0.5s;-ms-animation:fadeIn 0.5s;animation:fadeIn 0.5s}
  308. .socialar1web ul li:hover>ul{display:block}
  309. .socialar1web ul li ul li{width:100%}
  310. .socialar1web ul li ul li a{padding:7px 0;float:left;width:120px;margin:0 5px;margin-bottom:10px;background-color:#262B36;font-size:13px;color:#fff;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important;text-align:center;padding-left:10px}
  311. .socialar1web ul li ul li a:hover{opacity:.8;text-decoration:none}
  312. .socialar1web ul li ul li a:before{font-family:FontAwesome;margin-right:15px}
  313. .socialar1web ul li ul li a.fbk{background:#3a5795}
  314. .socialar1web ul li ul li a.fbk:before{content:"\f09a";margin-left:5px}
  315. .socialar1web ul li ul li a.twtr{background:#F98810}
  316. .socialar1web ul li ul li a.twtr:before{content:"\f007";margin-left:5px}
  317. .socialar1web ul li ul li a.gge{background:#E63333}
  318. .socialar1web ul li ul li a.gge:before{content:"\f0d5";margin-left:5px}
  319. .socialar1web ul li a.social_ar1web:before{content:"";border:8px solid #E83E3B;border-left-color:rgba(0,0,0,0);border-top-color:rgba(0,0,0,0);position:absolute;left:-16px;top:-0px}
  320. .Life-teks{display:block;position:relative;background-color:#404248;color:#eee;border-radius:5px!important;margin:.75em 0;padding:10px 15px;font:13px/1.5em tahoma}
  321. .Life-teks:before{content:"";width:0;height:0;position:absolute;bottom:100%;right:15px;border:7px solid transparent;border-color:transparent transparent #404248}
  322. pre:hover::after{opacity:0;top:-8px;visibility:visible}
  323. pre:after{content:'اضغط مرتين لنسخ الكود';padding:0 5px;width:auto;height:auto;position:absolute;right:3px;top:5px;color:#FFFFFF;line-height:20px;transition:all 0.3s ease-in-out;background:#20252D;border-radius:3px!important;font:12px/20px tahoma}
  324. pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#2c323c;position:relative;padding-top:10px;width:100%;max-height:300px;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;text-align:left;direction:ltr;border:1px solid #E2E0E0}
  325. pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollbar,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar{display:none}
  326. pre::before{font-size:15px;font-weight:700;content:attr(title);position:absolute;top:0;padding:9px 0;left:0;right:0;color:#79798d;display:block;margin:0;text-indent:15px}
  327. pre code{display:block;background:none;border:none;color:#eee;padding:0 20px 10px 10px;white-space:pre;overflow:auto}
  328. code .token.important{font-weight:bold}
  329. code .token.entity{cursor:help}
  330. pre mark,code mark,pre code mark{background-color:#3498db!important;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px}
  331. pre[data-codetype=&quot;CSSku&quot;]:before,pre[data-codetype=&quot;HTMLku&quot;]:before,pre[data-codetype=&quot;JavaScriptku&quot;]:before,pre[data-codetype=&quot;JQueryku&quot;]:before{background-color:#fff;box-shadow:inset 0 0 0 1px #eee}
  332. .awal{float:right;color:#E85545;background:transparent;line-height:30px;font-size:50px;padding-left:5px}
  333. relevant:before{content:"\f005";font-family:FontAwesome;color:#30C1FB;padding-left:5px}
  334. relevant{color:#30C1FB}
  335. how-ar1web,howar1web{position:relative;background-color:#9EB2C0;color:#fff;border-radius:2px!important;padding:4px 15px;display:table-cell;margin:-8px 0;width:100%}
  336. how-ar1web:before,howar1web:before{content:"";width:0;height:0;position:absolute;top:100%;right:15px;border:7px solid transparent;border-top-color:#9EB2C0}
  337. #credit{display:none}
  338. .style-1{background:#E43D3D;color:#fff;position:relative;overflow:hidden;margin:0;letter-spacing:.3px;font-size:11px;font-weight:normal;border-radius:2px!important;padding:5px 10px;display:inline-table;vertical-align:middle}
  339. .style-2{background:#4d90fe;color:#fff;position:relative;overflow:hidden;margin:0;letter-spacing:.3px;font-size:11px;font-weight:normal;border-radius:2px!important;padding:5px 10px;display:inline-table;vertical-align:middle}
  340. .pluso-box{display:none!important}
  341. span.pluso-counter{float:right!important;margin-top:-20px!important}
  342. a.pluso-more{visibility:hidden!important}
  343. .ribbon-content{position:relative;background-color:#E83E3B;color:#fff;border-radius:2px!important;padding:10px 15px}
  344. .ribbon-content:before{content:"";width:0;height:0;position:absolute;top:100%;right:15px;border:7px solid transparent;border-top-color:#E83E3B}
  345. h3.ribbon{font-family:inherit!important;color:#E83E3B}
  346. .hello-blog h4{position:relative;font-family:ge_ss_tvbold!important;overflow:hidden;margin:0 0 20px;font-size:120%;font-weight:700;padding:0 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out}
  347. .hello-blog h4:before{margin-right:-50%;text-align:right}
  348. .hello-blog h4:before,.hello-blog h4:after{position:absolute;top:51%;overflow:hidden;width:48%;height:3px;content:'\a0';background-color:#7F8184}
  349. .hello-blog h4:after{margin:0 18px}
  350. .btn-default{color:#fff!important;background-color:#5A5959;border-color:#EAE9E9!important;padding-bottom:0!important;padding:6px;font-family:'Droid Arabic Naskh',sans-serif}
  351. a.active1{background:#D83B38}
  352. .comments pre{padding:10px 10px 15px 10px;border-radius:4px!important}
  353. .comments pre::after{font-size:11px}
  354. .displaypageNum a:hover,.showpage a,.pagecurrent:hover{background:#E83E3B;color:#fff;text-decoration:none}
  355. ]]></b:skin>
  356. <b:template-skin><![CDATA[
  357. body#layout {margin-left:5px;display:table}
  358. body#layout #content {float:right;width:530px;}
  359. body#layout .col-lg-6 {display: inline-block;width: 260px;}
  360. body#layout #side-bar {float:left;width:250px;}
  361. body#layout #content-wrapper, body#layout .container {float:left;width:800px;}
  362. body#layout #ar2018 ,.fmenu{display:none}
  363. body#layout .navbar-header{width: 250px;float: right;}
  364. ]]></b:template-skin>
  365.  
  366.  
  367. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>
  368. <script src='//cdn.rawgit.com/iHussam/ar1web/master/comms.js' type='text/javascript'/>
  369. <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js'/>
  370. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  371. <!--[if lt IE 9]> <script src="http://www.arxoops.com/themes/xo4ar/js/ie-emulation-modes-warning.js"></script> <style> #Blog1{display:table;width:100%;float:left}.row{display:table-row;width:100%}{display:table-column;float:left}.navbar-toggle{display:none}.navbar-header{float:left}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse{width:auto;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:0 1px 0 rgba(255,255,255,.1)inset}.navbar-nav{float:left;margin:4px -15px}.nav{padding-left:0;margin-bottom:0;list-style:outside none none}.navbar-nav>li{float:left}.nav>li{position:relative;display:block}.navbar-inverse .navbar-nav>li>a{color:#9D9D9D}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:1}.navbar-form{display:none}.nav>li>a{position:relative;display:block;padding:10px 15px}.collapse{display:none}.col-1,.col-lg-10,.col-lg-11,.col-lg-12 .col-lg-11,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:66.5%!important}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-12,.item-page{width:100%}#blog-pager,.container,.footer-tag{padding:0 4px}.footer-tag{background-color:#222;border:medium none;color:#555;margin:10px 0 0;display:block;height:100%x;width:100%}container{width:1000px;display:table}.navbar-nav {float: left;margin: 4px 20px;} </style> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>; <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>; <![endif]-->
  372. <style type='text/css'>
  373. @media screen and (max-width:800px) {
  374. #header{padding:0;height:auto;line-height:normal;text-align:center;border:0;position:relative;z-index:initial;-webkit-transform:initial;transform:initial}
  375. #header p.description{display:block;color:#fff}
  376. #headerar {float:none;max-width:100%;padding:20px;margin:0;}
  377. #header .title{margin:0 0 5px 0;font-weight:700;}
  378.  
  379. .simplify-menu,.search-ar1web{width:100%;margin:0 auto;padding:10px;}
  380. .search-ar1web:hover,.search-ar1web:active,.search-ar1web:focus{width:100%;}
  381. #search-ar1web{padding:0 0 10px 0}
  382. #search-ar1web{width:96%;float:right;padding-left:0;margin:0 2%}
  383. .search-ar1web{height:auto;}
  384. #searchform{margin:0 10px}
  385. #menu {display:block;}
  386. #ar2018{background:#fff;color:#26a69a;font-size:initial;position:relative;display:block;padding:15px;text-transform:uppercase;box-shadow:none;float:none;text-align:right;border-bottom:1px dotted rgba(0,0,0,0.1)}
  387. #ar2018 ul{background:#fff;position:absolute;top:100%;right:0;z-index:3;height:auto;float:none;display:none}
  388. #ar2018 ul &gt; li{float:none}
  389. #ar2018 ul.menus{width:100%;position:static;padding-right:20px}
  390. #ar2018 li{display:block;float:none;width:auto}
  391. #ar2018 li a:hover,#ar2018 ul.menus a:hover{background:#009688;color:#fff;}
  392. #ar2018 a{background:#26a69a;padding:12px;height:initial;line-height:initial;color:#fff;border:0;margin:0}
  393. #ar2018 ul &gt; li a i{color:rgba(255,255,255,.5);float:left}
  394. #ar2018 input,#ar2018 label{position:absolute;top:0;right:0;display:block}
  395. #ar2018 input{z-index:4}
  396. #ar2018 input:checked + label{color:#fff}
  397. #ar2018 input:checked ~ ul{display:block;width:100%}
  398. #ar2018 li:hover &gt; ul{width:100%}
  399. #ar2018 li li {border:0;}
  400. #ar2018 li li &gt; a{background:#fff;color:#333;height:auto;font-size:12px;line-height:30px;padding:0 10px;}
  401. #ar2018 li li:hover, #ar2018 li li a:hover {background:#009688;color:#fff;}
  402. #ar2018 li ul {background:#2c4584;padding:0;position:relative;width:100%;right:initial;box-shadow:none;}
  403. #ar2018 li:hover ul.menus,#ar2018 li:hover &gt; ul{right:initial}
  404. #ar2018 a i {float:left;}
  405. #search-me{display:none}}
  406. @media screen and (max-width:640px) {
  407. #ar2018 ul{overflow:auto;}
  408. .search-ar1web{background:#fff;display:block;border-bottom:1px dotted rgba(0,0,0,0.1);}
  409. #search-forms,#searchform,.search-button{line-height:34px}
  410. #search-forms{height:34px;line-height:34px}}
  411. @media screen and (max-width:480px) {
  412. #header{border:0}
  413. #header p.description{line-height:normal}
  414. }
  415. @media screen and (max-width:240px) {
  416. .simplify-menu ul li{width:50%}}
  417. .sidebar #HTML1 { border: none; padding: 0; }
  418. .sidebarright h2 { background: #fff; color: #222; font-size: 18px; top: 0; margin: 0; padding: 8px 13px 8px 0; text-transform: uppercase; }
  419. #banner img {width: 100%;}
  420. #credit-ar1web{display:none}
  421. ::selection{background:#E83E3B;color:#fff;}
  422. .PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
  423. .PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
  424. .PopularPosts ul{margin:0;list-style:none;color:#64707a}
  425. .PopularPosts ul li img{background: #FFFFFF; display: block; width: 60px; height: 60px; overflow: hidden; float: right; margin-left: 10px; border: 1px solid rgba(221, 221, 221, 0.66); padding: 3px;opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
  426. .PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px solid #ECECEC}
  427. .PopularPosts ul li:before{font-family:fontawesome;content:&#39;\f005\f005&#39;;display:inline-block;position:absolute;color:#f39c12;text-align:center;bottom:0;left:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
  428. .PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:&#39;\f005\f005\f005\f005\f005&#39;;}
  429. .PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:&#39;\f005\f005\f005\f005\f006&#39;;opacity:.9}
  430. .PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:&#39;\f005\f005\f005\f006\f006&#39;;opacity:.85}
  431. .PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:&#39;\f005\f005\f006\f006\f006&#39;;opacity:.8}
  432. .PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:&#39;\f005\f006\f006\f006\f006&#39;;opacity:.75}
  433. .PopularPosts ul li:hover:before{opacity:1}
  434. .PopularPosts ul li:first-child{border-top:none}
  435. .PopularPosts ul li:last-child{border-bottom:none}
  436. .PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
  437. .PopularPosts ul li a:hover{color:#E83E3B;}
  438. .PopularPosts .item-thumbnail{margin:0;float: none;}
  439. .PopularPosts .item-snippet{display:none}
  440. .PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}
  441. #sidebar1 { clear: both; }
  442. #HTML3 h2,#Label3 h2 { display: none; }
  443. .posts-thumb img { opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-transform: scale(1); transform: scale(1); transition: .3s ease-in-out;background: #fff url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) no-repeat center center!important; } .posts-thumb { background: #000; } .posts-thumb:hover img { opacity: .5;-webkit-transform: rotate(13deg) scale(1.4); transform: rotate(13deg) scale(1.4);}
  444. .ads720{width:728px;max-width:100%;float:left;word-wrap:break-word;overflow:hidden;margin-bottom: 10px;
  445. margin-top: -15px; margin-left: 60px;}
  446. .adsmx .widget-content{background-color:#f7f8f9;margin:0 auto;padding:0}
  447. .adsmx .widget{margin:15px auto 0;padding:0;border:1px solid #e2e5eb}
  448. #Label3 ul li{list-style:none;width:48%;float:right;padding:0 2px 0 3px;position:relative;}
  449. #Label3 li a{position: relative; width: 86%; float: right; display: block; padding: 4px .3em .4em .6em; margin: 2px 0; background: transparent; border: 1px solid #E7E7E7; color: #444; text-decoration: none; text-shadow: 1px 1px rgba(255, 255, 255, 0.48); text-align: right; font: 13px/1.5em tahoma;}
  450. #Label3 li:after{ content: &quot;\f0da&quot;;font: 18px fontawesome;left: 22px;top: 9px;position: absolute;color: #E83E3B;}
  451. #Label3 li a:hover {color: #E83E3B;border: 1px solid #E4E4E4;}
  452. #Label3 ul li span{background: #E83E3B;float: left;border:1px solid #C12D2B;border-right: 0;color: #fff;font-weight: 700;margin-left: -3px;font: 11px sans-serif;height: 84%;width: 22px;text-align: center;line-height: 30px;position: absolute;margin-top: 1.9px;}
  453. #footer-wrapper{color:#232323;font-weight:400;}
  454. #footer-wrapper a{color:#e83e3b}
  455. #footer-wrapper a:hover{color:#666}
  456. .copy-container{margin:0 auto;overflow:hidden}
  457. .footer-wrapper_copyright{text-align:center}
  458. .bottom-copyright{margin:0 0 10px}
  459. h3.post-title a {font-size: 14px;padding: 3px 0;text-decoration: none!important;color: #fff;}
  460. #backtotop{overflow:hidden;position:fixed;z-index:90;right:30px;bottom:0;display:none;width:42px;height:40px;line-height:34px;color:#eee;text-align:center;background-color:#E83E3B;font-size:20px;text-indent:0;cursor:pointer;-webkit-transform:translateZ(0);padding:4px 0 0;text-align:center;border-radius:5px 5px 0 0!important;transition:all .5s}
  461. #backtotop:hover {background-color:#EF5C4D;color:#fff;}
  462. .post img.firstimage { width:100%; height:auto; max-width:100%; border: 1px solid #DEDCDC;border-bottom:none; } .post-body .separator:nth-child(1) { display:none; }
  463. .genrebox{border: 0; color: #fff; outline: 0; padding: 3px 0; display: inline-block; font-weight: 700; background: #e83e3b;}
  464. .fmenu{display: inline-block; left: -224px; position: relative;}
  465. .search-ar1web{display:none;width:230px;height:27px;float:left;padding:0;position:relative;transition:all .1s}
  466. #search-forms,#searchform,.search-button{border:0;line-height:27px}
  467. #searchform{position:relative;border:0;margin:9px 0 0 0}
  468. #search-forms{background:rgba(0,0,0,.05);border-radius:3px;color:rgba(0,0,0,.5);width:100%;padding:0 10px 0 30px;height:27px;line-height:27px;font-size:13px;margin:0;border:1px solid rgba(0,0,0,0.05);transition:all .3s}
  469. .search-button{background:none;width:30px;padding:0;text-align:center;margin:0;top:0;left:0;font-size:13px;color:#666;position:absolute;border-radius:0;text-shadow:none;box-shadow:none}
  470. #search-forms:focus,#search-forms:hover,.search-button:focus,.search-button:hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0.14);outline:0;color:rgba(0,0,0,.5)}
  471. .maxiwrap {max-width:970px;margin:0 auto;}
  472. #header{background:#fffffff2;display:block;margin:0 auto;top:0;padding:0;word-wrap:break-word;width:100%;position:fixed;z-index:99;height:50px;line-height:50px;-webkit-transform:translateZ(0);transform:translateZ(0); box-shadow: 2px 0 2px rgba(0,0,0,.3)}
  473. #header .title{font-size:160%;margin:15px 0 0 0;padding:0;display:inline-block;width:100%;font-weight:400;text-transform:uppercase}
  474. #header .title a{color:#e83e3b;text-decoration: none;}
  475. #header .title a:hover {color:#222;}
  476. #header p.description{display:none;font-size:90%;margin:5px 0 0 0;line-height:normal;}
  477. .header img {display:block;height:auto;}
  478. #headerar {float:right; border-left: 1px solid #f5f5f5;}
  479. #headerar img { width: auto; height: 45px; MARGIN: 2.6px 0; }
  480. #ar2018{font-size:0;padding:0;margin:0 auto;float:right}
  481. #ar2018 ul.menus{height:auto;overflow:hidden;position:absolute;z-index:99;display:none}
  482. #ar2018 a{display:block;height:60px;line-height:60px;color:#888;font-size:14px;overflow:hidden;padding:0 10px;transition:initial; text-decoration: none;}
  483. #ar2018 ul &gt; li a i {color:#888}
  484. #ar2018 ul &gt; li a:hover i {color:#888}
  485. #ar2018 ul{margin:0 auto;padding:0;float:right}
  486. #ar2018 ul li{position:relative;margin:0;list-style:none}
  487. #ar2018 ul &gt; li {float:right;}
  488. #ar2018 input {display:none;margin:0;padding:0;width:80px;height:45px;opacity:0;cursor:pointer}
  489. #ar2018 label {display:none;width:55px;height:48px;line-height:48px;text-align:center}
  490. #ar2018 label span {font-size:16px;position:absolute;right:55px}
  491. #ar2018 ul.menus li {display:block;width:100%;text-transform:none;text-shadow:none;}
  492. #ar2018 ul.menus a {color:#ee9622;line-height:55px}
  493. #ar2018 li ul{display:none;background:#fff;margin:0;height:auto;position:absolute;top:99%;right:0;z-index:12;box-shadow:1px 2px 5px rgba(0,0,0,0.1);}
  494. #ar2018 li:hover ul.menus,#ar2018 li:hover &gt; ul{display:block;}
  495. #ar2018 li:hover ul.menus,#ar2018 li:hover &gt; ul{visibility:visible;opacity:1;}
  496. #ar2018 li li{display:block;float:none;font-size:13px;height:auto;clear:both;margin-right:0;line-height:36px;}
  497. #ar2018 li li:last-child {border:0;}
  498. #ar2018 li ul ul {right:100%;top:0}
  499. #ar2018 li li &gt; a{background:#fff;color:#999;display:block;margin:0;text-decoration:none;text-transform:none;min-width:180px;height:36px;line-height:36px;padding:0 13px;font-size:12px;border:0;border-right:3px solid transparent;margin-top:0;transition:initial;}
  500. #ar2018 li li a:hover{background:rgba(0,0,0,0.02);color:#222}
  501. #search-me{float:left;margin:0;padding:0;overflow:hidden;width:316px;}
  502. #search-me table{width:100%;margin:0;position:relative;height:36px}
  503. #search-me td.search-ar1web1{color:#cbd1e1!important}
  504. #search-me input#search-ar1web1[type=&quot;text&quot;]{background:#f5f5f5;color:#888;height:36px;line-height:35px;margin:0;padding:0 20px;width:100%;font-size:13px;border-radius:20px;border:1px solid rgba(0,0,0,0)}
  505. #search-me input#search-button1[type=&quot;submit&quot;]{font-family:FontAwesome;font-size:14px;background:transparent;color:#888;height:50px;line-height:50px;margin:0;padding:0 20px;border:none;outline:none;font-weight:normal!important;transition:all 0.25s;position:absolute;left:0;top:0;z-index:2}
  506. #search-me input#search-ar1web1[type=&quot;text&quot;]:focus{background:#fff;outline:none;color:#222;border:1px solid rgba(0,0,0,0.1)}
  507. .widget-content.cloud-label-widget-content {display:inline-block;width:100%}
  508. .widget-content.list-label-widget-content {padding:0;}
  509. .widget-content.cloud-label-widget-content {display:inline-block;}
  510. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
  511. .cloud-label-widget-content{text-align:right;padding:10px;}
  512. .label-count {white-space:nowrap;display:inline-block;}
  513. .Label ul {list-style:none;margin:0;padding:0;width:100%}
  514. .Label li{position:relative;padding:0;margin:0;text-align:right;max-width:100%;transition:all .3s ease-out;overflow:hidden;}
  515. .Label li:hover,.label-size a:hover {color:#aaaaa;}
  516. .Label li a,.label-size a{padding:17px 20px 19px;display:block;position:relative;line-height:1.2em;color:#333;text-decoration:none;transition:all .3s ease-out;font-weight:normal}
  517. .Label li a:hover {color:#aaa}
  518. .Label li span,.label-count{float:left;height:27px;line-height:25px;padding:0 10px;text-align:center;display:inline-block;background:#f50;color:#fff;position:absolute;top:15px;left:17px;z-index:2;border-radius:99em}
  519. .label-size{position:relative;display:block;width:100%;min-width:100%}
  520.  
  521. .sidebar h2 span{ border-bottom: 2px solid #E83E3B; padding-bottom: 3px; }
  522. .sidebar h2, .y-title{padding:9px 0px 9px 15px} .sidebar h2 { color: #444; margin-bottom: 10px; border-bottom: 2px solid #ecf0f1; position: relative; text-align: right; background: transparent; }
  523. h3.post-title a { color: #505050; font-weight: 700!important; font-family:&#39;Droid Arabic Naskh&#39;,sans-serif;}
  524. .post &gt; .post-title.entry-title { display: none; } .post {margin-bottom: 3px;} .readmore {position:absolute;left:-7px;bottom:0px;right:0;border-radius: 32px !important;} .readmore a{font-family:&#39;Tahoma&#39;;font-size:14px;padding: 6px 14px 9px !important;display:block;width:initial;font-weight: 700;color: #FFF;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.19) !important;box-shadow: 10px 10px 10px 27px #FFF;} .post-outer{height:auto;position:relative;} .posts-thumb img { margin: 0; } .fb_iframe_widget span {height: 66px !important;} .posts-thumb { height: 200px; display: block; float: right; width: 109%; overflow: hidden; position: relative; left: 10px; bottom: 10px;} .sumry {margin-bottom:25px;margin-top:-7px;padding: 0px 15px;} ._pdcol{padding-right:0;padding-left:0} .col-tag { float: left; padding: 0px; background:rgb(231, 76, 60); width: 30%; } .col-tag &gt; a, .col-tag &gt; ul &gt; a { display: block; background-color: #E83E3B; border-bottom: 1px solid #E24838; font-size: 13px; padding: 0 5px !important; font-weight: 300; margin: 0px !important;color: #FFF!important; text-align: center; line-height: 2.3;} .open &gt; .dropdown-menu { opacity: 1; box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.28) !important; visibility: visible; }
  525. .col-img:after { display: block; content: &#39;&#39;; z-index: 2; position: absolute; bottom: 7px; right: 50px; width: 38px; height: 19px; background: url(//4.bp.blogspot.com/-jLR5CzJG1zg/Vn5_J3m5dDI/AAAAAAAAJqw/negWIwWHoZE/s1600/ar1web-indentifier.png) center no-repeat; background-size: 75%; }
  526. .col-tag &gt; ul { padding: 0px; clear: both; position: absolute; z-index: 2; text-align: center; width: 100%; left: 0px; margin: 0px; border: none; display: block; visibility: hidden; opacity: 0; box-shadow: none !important; } .col-tag &gt; ul &gt; a { float: none; display: block; padding: 0px 5px !important; } .col-tag &gt; button { position: absolute; left: 0px; z-index: 3; top: 0px; padding: 4px 10px; background: none !important; border: none !important; } span#postviews { float: right; position: absolute; right: 110px; top: 9px; padding-right: 5px;}
  527. .mbtloading {background: url(http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif) no-repeat left center;width: 16px;height: 16px;margin-right: 5px;}span.post-comment-cnt {position: relative;}
  528. .demo:hover,.download1:hover,.download:hover {background:rgba(0, 0, 0, 0.6);text-shadow:0 0 1px #222;color:#fff;}
  529. .button{float:right;list-style:none;text-align:center;width:95%;margin:10px;
  530. padding:2px;font-size:14px;clear:both;-webkit-box-reflect:below -3px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4)))}
  531. .button ul {margin:0;padding:0}
  532. .button li{display:inline;margin:0;padding:0}
  533. .demo {opacity:1;padding:2.2px 14px!important;background:#9eb2c0;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}
  534. .download {opacity:1;padding:2.2px 14px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out; text-decoration: none!important;}
  535. .demo:before {content: &#39;\f06e&#39;;display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
  536. .download:before {content:&#39;\f019&#39;;display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
  537. .download1 {opacity:1;padding:2.2px 14px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}
  538. .download1:before {content:&#39;\f019&#39;;display:inline-block;margin-left:5px;width:16px;height:31px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
  539. .ar1web-links {clear: both;margin-bottom: 15px;}
  540. .ar1web-links a {display: block; overflow: hidden; margin-bottom: -15px; text-align: center; position: relative; height: 60px; line-height: 60px; padding: 0 30px; color: #fff; font-weight: bold; text-decoration: none!important; border-radius: 2px!important;}
  541. .ar1web-links a:before {display: inline;font: normal normal normal 14px/1 FontAwesome;vertical-align: middle;position: absolute;left: 50%;width: 20px;height: 20px;
  542. margin-left: -10px;top: 50%;margin-top: -10px;opacity: 0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);
  543. color: #FFF;font-size: 20px;}
  544. .ar1web-links a:hover:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;}
  545. a.download2 {background-color: #fe4e3f;}a.download3 {background-color:#3FA2FE;}a.demo1 {background-color: #9A9898;}a.buy {background-color: #FFCD3F;}a.link {
  546. background-color: #6E7784;}
  547. .related-post{margin: 10px 0; border: 1px solid #ddd; background: #fff;}
  548. .related-post h4{color:#e83e3b;font-size:16px;margin:0 0 .5em;padding:10px 10px;text-align:right;position:relative;text-transform:uppercase;}
  549. a.related-post-item-title{color:#69707d;font-weight:700!important;font-size:15px;line-height:1.4em;}
  550. span.related-post-item-summary-text{font-size:15px;display:none;}
  551. .related-post ul{list-style:none;padding:10px;margin:0;}
  552. .related-post li{padding:5px;margin:0;max-width:31%;height:165px;float:right;overflow:hidden;}
  553. .related-post img{margin:0;width:100%;height:100px;border-radius:5px;}
  554. .ar1web-links .download2:hover{background-color: #F54C3E;color:#fff}
  555. .ar1web-links .download2:before {content: &#39;\f0ed&#39;;}
  556. .ar1web-links .download3:hover{background-color: #4399CD;color:#fff}
  557. .ar1web-links .buy:hover{background-color: #F9C83D;color:#fff}
  558. .ar1web-links .link:hover{background-color: #616975;color:#fff}
  559. .ar1web-links .download3:before {content: &#39;\f0ed&#39;;}
  560. .ar1web-links .link:before {content: &#39;\f0c1&#39;;}
  561. .ar1web-links .demo1:before {content: &#39;\f135&#39;;}
  562. .ar1web-links .buy:before {content: &#39;\f09d&#39;;}
  563. .ar1web-links .trial:before {content: &quot;\f20a&quot;;}
  564. .fa-cc:before {content: &quot;\f20a&quot;;}
  565. .ar1web-links a span {white-space: nowrap;overflow: hidden;display: block;}
  566. .ar1web-links a:hover span {display: none;}
  567. .ar1web-links a:hover {background-color: #848181;color: #FFF;}
  568. .ar1web-links a:hover span {color: #FFF;}
  569. .temp-ftr {width: 113.5%;margin-right: -40px;position: relative;font-family:&#39;Droid Arabic Naskh&#39;, serif;font-size: 13.5px;}
  570. .temp-ftr ul{list-style:none;}.temp-ftr li{ white-space: nowrap;border: 1px solid #EAE9E9;padding: 10px;margin: 0; border-bottom: none;}.temp-ftr li:last-child{border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;}.temp-ftr li i{border-left: 1px solid #ddd;padding-left: 7px;margin-left: 5px;color: #ddd;width: 21px;text-align: center;}.temp-ftr li:hover{cursor:pointer;}.temp-ftr li:nth-child(2n+2){background-color:#f9f9f9; border-bottom: none;}.temp-ftr li:hover .fa-check{color:#61a136;}.temp-ftr li:hover .fa-tasks{color:#e84c4a;}.temp-ftr a{line-height: 0!important;background: none!important;color: #448AFF;overflow: visible!important;padding: 0!important;margin: 0!important;text-align: initial;height: 0!important;font-weight: normal;display: inline-table;font-family: tahoma;}.temp-ftr li:hover .fa-copyright,.temp-ftr li:hover .fa-cc,.temp-ftr li:hover .fa-file-image-o,.temp-ftr li:hover .fa-folder-o {color: #ddd;}
  571. .temp-ftr a:hover,.temp-ftr li:hover .fa-file-archive-o{color: #3F80EC;}
  572. i.fa.fa-cc{ color: #FE8B0C;}.fa-cc:before {content: &quot;\f046&quot;;}
  573. i.fa.fa-copyright {color: #86C440;}
  574. i.fa.fa-file-image-o {color: #474E6E;}
  575. i.fa.fa-file-archive-o {color: #8A3B27;}
  576. .ar1web-tooltip {position:relative;display:inline-block;}
  577. .ar1web-tooltip:before, .ar1web-tooltip:after {position:absolute;opacity:0;z-index:1000000;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;pointer-events:none;}
  578. .ar1web-tooltip:hover:before, .ar1web-tooltip:hover:after {opacity:1;}
  579. .ar1web-tooltip:before {content:&#39;&#39;;position:absolute;background:transparent;border:6px solid transparent;position:absolute;}
  580. .ar1web-tooltip:after {content: attr(data-ar1web-tooltip);background: hsla(0,0%,20%,0.9);color: #fff;padding: 5px 8px;font-size: 11px;white-space: nowrap;
  581. border-radius: 3px;-webkit-backface-visibility: hidden;}
  582. .ar1web-tooltip-top:before {bottom:129%;left:10%;margin:0 0 -18px 0;border-top-color:rgba(0,0,0,0.7);border-top-color:hsla(0,0%,20%,0.9);}
  583. .ar1web-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;}
  584. .ar1web-tooltip-top:hover:before {margin-bottom:-10px;}
  585. .ar1web-tooltip-top:hover:after {margin-bottom:2px;}
  586. </style>
  587. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  588. <style type='text/css'>
  589. .meta-ar1web {bottom: 0; left:0; font-size: 12px; height: 30px; position: absolute; width: 100%;}
  590. a.view-ar1web {color: #626161!important;font-size: 100%;text-align: center;position: absolute;top: 157px;right: 0px;z-index: 122;background-color: #FFFFFF;padding: 6px;}
  591. .mbtloading {background:#fff url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) no-repeat center center!important; margin-top: 0px!important; margin-right: 0px!important;color:transparent!important}
  592. #ar1webviews:after { content: &quot;\f06e&quot;; font-family: FontAwesome; padding-right: 15px; padding-left: 5px;}
  593. #ar1webviews:before { color: #fff; content: &quot;\f0d9&quot;; float: left; font: 22px/30px fontawesome; margin-left: -12px;}
  594. #ar1webviews {background: #fff; color: #444; float: right; font: 14px/30px arial; height: 30px; text-align: right; width: auto; padding-right: 5px;padding-left: 5px;}
  595. .comment-bubble::after { color: #fff; content: &quot;\f0da&quot;; float: right; font: 22px/30px fontawesome; margin-right: -7px;} .comment-bubble { background: #fff; color: #444; float: left; font: 14px/30px arial; height: 30px; text-align: center; width: 50px;transition: all 0.3s ease;position: relative; right: 0; }
  596. .ads1post, .ads3post { background: #FAFAFA; height: 250px; width: 300px; } .ads1post { float: right; } .ads3post { float: left; position: relative; right: 9px!important; width: 315px; }.subscribe-wrapper h3{font-weight: 700; margin: -20px 0; text-align: center; font-size: 20px; font-family: Droid Arabic Naskh,sans-serif!important; text-shadow: 0 -2px 0 rgba(0,0,0,0.15); line-height: 3;}
  597. .subscribe-wrapper h3 span{margin:25px 0;display:inline-block;font-weight:bold;font-size:33px;}
  598. .subscribe-wrapper p{margin:12px auto;opacity:.95;text-align:center;font-family: &#39;Droid Arabic Naskh&#39;, serif; font-size: 14px;}
  599. .subscribe-wrapper{color:#fff;background:#e83e3b;margin:0;padding:20px;height: 250px;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  600. .subscribe-form{clear:both;display:block;margin:5px 0 10px 0;overflow:hidden}
  601. form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}
  602. .subscribe-css-email-field{background:rgba(0,0,0,0.2);color:#fff;margin:0 0 15px;padding:0.962em 1.847em;width:100%;border:none;text-align:center;outline:0;border-radius: 2px!important;}
  603. .subscribe-css-button{background: #fff!important; color: #E83E3B!important; cursor: pointer; font-weight: 700; padding: 7px; width: 100%; border: 0; font-size: 15px; text-transform: uppercase; transition: all .3s;border-radius: 2px!important;}
  604. .subscribe-css-button:hover{color:#444!important;transition:all 0.3s ease-in;}
  605. .post:hover .label-info a { right:10px; } .label-info a{ background:#E83E3B; color:#fff; text-transform:uppercase; border-radius:2px!important; padding:2px 8px; text-align:center; position:absolute; top:10px; right:-200px; z-index:1000; transition:all .2s ease-in-out; font-size:12px;} .label-info a:hover{background:rgba(255, 255, 255, 0.35);color:#444;opacity:1;transition:all .3s ease-in-out;} .label-info a:nth-child(n+2){display:none;}
  606. </style>
  607. </b:if>
  608. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  609. <style type='text/css'>
  610. .posts-thumb,.col-img:after,.adspostshome,.nono{display:none!important}
  611. .post-body img {width: auto;max-width: 100%;display: block;margin: 0 auto 0;}
  612.  
  613. .share-box{float:none}
  614. .share-box li{float:none;display:inline-block;line-height:0;padding:0}
  615. .share-box a{display:inline-block;width:36px;height:36px;margin-left:8px;background:rgba(0,0,0,0.4);border-radius:3px!important}
  616. .share-box a:hover{background:rgba(0,0,0,0.3);box-shadow:0 10px 20px rgba(0,0,0,0.06),0 6px 6px rgba(0,0,0,0.09);opacity:.8}
  617. .share-box a i{display:block;color:#fff;text-align:center;line-height:2.3}
  618. .share-box .facebook a{background:#3F51B5;color:#fff}
  619. .share-box .twitter a{background:#03A9F4;color:#fff}
  620. .share-box .google a{background:#f44336;color:#fff}
  621. .share-box .pinterest a{background:#E91E63;color:#fff}
  622. .share-box .linkedin a{background:#435288;color:#fff}
  623. .share-box .whatsapp a{background:#01c854;color:#fff}
  624. .single-elements{overflow:hidden;margin:0 0;}
  625. .pagenext{position:relative;padding:0;background:#fdfdfd;border: 1px solid #DCD9D9;}
  626. .pagenext-kiri{width:50%;float:right;margin:0;padding:20px 40px 20px 10px;text-align:right;color:#E83E3B;transition:all .3s ease-out;}
  627. .pagenext-kanan{width:50%;float:left;margin:0;padding:20px 10px 20px 40px;text-align:left;color:#E83E3B;border-right:1px solid #ddd;transition:all .3s ease-out}
  628. .pagenext-kanan:hover .pager-title-right,.pagenext-kiri:hover .pager-title-right{color:#444!important;}
  629. .pagenext-kiri a,.pagenext-kanan a{color:#666;}
  630. .pagenext-kanan a:hover,.pagenext-kiri a:hover{color:#444!important;}
  631. .pagenext-kiri a,.pagenext-kanan a,.current-pageright,.current-pageleft{font-size:13px;font-family: Droid Arabic Naskh;background:none;text-decoration:none}
  632. .deleted-comment { background-color: #E83E3B; padding: 5px; font-size: 12px; color: #eee; }
  633. #blog-pager { margin: 0!important;}
  634. .current-pageright{padding:0 15px 0 0;}
  635. .current-pageleft{padding:0 0 0 15px;}
  636. .pager-title-right{font-size:14px;font-family:Droid Arabic Naskh;font-weight:600;text-transform:uppercase;transition:all .3s ease-out}
  637. .isipagenext-kiri{margin:0}
  638. .isipagenext-kanan{margin:0}
  639. .arrowri,.arrowle{position:absolute;top:50%;margin-top:-9px;color:#666;}
  640. .arrowle{right:20px}
  641. .arrowri{left:20px}
  642. .ads2post {margin-top: 10px;}
  643. .cl-item-page.postauthor {width: 300px;height: 275px;float: left;}
  644. .ads-hm{text-align: center;overflow: hidden;border-top: 1px solid #ECEBEB; margin: 10px 0; padding: 10px 0;}
  645. .ads-hm img,{margin-left: 20px;display:block;margin:0 auto;text-align:center;}
  646. h3.post-title a {border-bottom: none;font-size: 15px;padding: 0;font-weight: 300;margin: 0px;text-align: center;line-height: 2;color:#fff}
  647. #comments {font-family:&#39;Droid Arabic Naskh&#39;,sans-serif;background-color: #fff;border: 1px solid #DEDCDC;padding-top: 10px;padding-bottom: 10px;}
  648. .comment_admin .comment_author_flag {display: inline-block;font-size: 9px;color: #FFF;text-align: center;line-height: normal;background: #E83E3B;padding: 4px;border-radius: 2px!important;}.comment_author_flag {display: none;}
  649. #comments h5 {font-size:145%;font-weight:normal;right:0;background:#FAFAFA;color:#6C6767;padding:28px 20px 28px 25px;margin-top:-10px;text-align: right;border-bottom: 1Px solid #F0F0F0;}
  650. .comment_inner{background:#fff;margin:5px 0;padding:5px;overflow:overlay;border-bottom:1px solid #ECEAEA}
  651. div.comment_inner.comment_admin {background:#fff;}
  652. .comment_header{float:right;width:67px}
  653. #comments h5:before {content: &quot;\f086&quot;;font-family: FontAwesome;float:right; padding-left: 5px;}
  654. .cm_head{position:relative;background:#fff;margin:-10px -10px 0;padding:5px 10px 0px;}.comment_avatar{border-radius:100px;margin:0;padding:5px 5px 0;}.comment_avatar img{border-radius:100px!important;width:48px;height:48px;padding:0;text-align:center;margin:0;background:#fcfcfc url(http://1.bp.blogspot.com/-G0zAVt0juzo/U2zUS3UWlWI/AAAAAAAAAdE/EeaudQNy4Is/s1600/anonymous.jpg) no-repeat}div.comment_avatar img[src=&quot;http://img1.blogblog.com/img/openid16-rounded.gif&quot;]{content:url(http://1.bp.blogspot.com/-G0zAVt0juzo/U2zUS3UWlWI/AAAAAAAAAdE/EeaudQNy4Is/s1600/anonymous.jpg)}.comment_name,.comment_name a{padding:0;margin:0 0 0px 0;font-weight:bold;color: #646766;text-align: right;}.comment_service{margin-top:0}.comment_date{margin: 0;
  655. color: #8E8D8D;font-size: 11px;float: left;font-weight: 600;}.respond{float:left;margin:0;padding:0}.comment_date:hover{color:#bbb;text-decoration:underline}.comment_body{background:#fff;margin-right:72px;padding:10px;}.comment_body p{line-height:2em;margin:0px 0 5px;color:#777373;padding:0;text-align: right;}.comment_child .comment_wrap{padding-right:20px}.comment-delete{position: absolute;float: left;top: -35px;left: 10px;margin: 0;padding: 0;}.infonm{float:right}.comment_reply{width: 30px;display: inline-block;margin: 0px 0 0;padding: 0;color: #6D6B6B!important;text-align: center;background: #fff;border: 1px solid #ECE8E8;float: left;}.comment_reply:hover{text-decoration: underline;background:#fff}.comment_hapus{font-weight:300;margin:0;padding:0;color:#fff!important;text-decoration:none;}.comment_hapus:hover{text-decoration:none;color:#000!important}.unneeded-paging-control{display:none}.comment-form{max-width:100%!important}#comment-editor{width:100%!important;background:#fff url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 40%;margin-bottom:0;margin-top:5px}.comment_form a{text-decoration: underline; font-size: 13px;}.comment-form p{}.comment-form p:before {position: absolute;top: 100%;left: 50%;content: &quot;&quot;;border: 7px solid;border-color: #eee transparent transparent;display:none}.comment_reply_form{padding:0 0 0 0}.comment_reply_form .commentform{width:100%}iframe{border:none;overflow:hidden}.deletedcomment{background:#E83E3B;color:#fff;padding:20px;margin:5px0;display:block}iframe{border:none;overflow:hidden}.comment_name {margin-bottom: 10px;}
  656. #disqus-comments-page { background-color: #fff; border: 1px solid #D2D0D0; padding: 10px; border-top: none; margin: 0!important; } #disqus-comments {background: #4D90FE;} .comments &gt; h4 {margin: 0px !important;padding: 5px 10px;} .comments-page {display: none;margin: 10px 10px 10px 10px;} #blogger-comments-page {padding: 0!important;margin: -12px 0 0 0!important;} .comment-form {margin: 10px;} .comments-tab {margin-right: 7px; cursor: pointer; position: relative; z-index: 10; direction: ltr;} .comments-tab img { height: 14px; width: auto; margin: 0px 3px;float: right;} #blogger-comments, #blogger-comments.js-inactive-tab:hover { border: 1px solid #E09409; display: inline-block; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0px #969594;} .blogger-comments:hover { background-color:#eeaf41; }.blogger-comments:active { position:relative; top:1px; } #blogger-comments.js-inactive-tab { background-color: #F59C02; } #blogger-comments { background-color: #FFA500; } #disqus-comments, #disqus-comments.js-inactive-tab:hover { border: 1px solid #337AEF; display: inline-block; color: #ffffff; font-size: 13px; font-weight: bold; padding: 4px 20px; text-decoration: none; text-shadow: 1px 1px 0px #969594; }.disqus-comments:hover { }.disqus-comments:active { position:relative; top:1px; } .js-inactive-tab { background-color: #e2e2e2; }
  657. a.paging-control { background-color: #E83E3B; color: #F7F5F5; padding: 3px; font-size: 12px; text-decoration: none; }a.paging-control:hover { background-color: #444444; }.comment-msg { background-color: #FAFAFA; border: 1px solid #EAE7E7; font: 13px/1.5em tahoma; padding: 8px 6px 8px;}
  658. .comment-msg b {background: #E83E3B; color: #fff; float: right; font: bold 12px/16px tahoma; height: 16px; margin-left: 10px; margin-top: 2px; text-align: center; width: 16px; position: relative;}.comment-msg b:before { content: &#39;&#39;; position: absolute; top: 3px; right: 15px; border: 5px solid transparent; border-right-color: #E83E3B; }
  659. </style>
  660. <style>
  661. .author-info, .time-info, .comment-info, .label-info, .review-info {
  662. margin-left:8px!important;display:inline;color:#666;font-size:14px!important;}
  663. h3.post-title { padding: 0; margin: -10px 0 0 }
  664. h3.post-title a{color: #e83e3b; padding: 0 10px!important; margin: 0 0!important;}
  665. h3.post-title a:hover { color: #c12d2b; }
  666. a.comment-bubble, #viewscontainer,.remove-me{ display: none; }
  667. .y-title {background: #444;color: #fff;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.36);text-align: center;}
  668. </style>
  669. </b:if>
  670. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  671. <style>
  672. h3.post-title {border-bottom: none; padding: 0; font-weight: 300; margin: 0px; text-align: right; font: 14px/1.3em &#39;Droid Arabic Naskh&#39;, serif;}
  673. .post-body {color: #171616; font: 12px/1.9em tahoma; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
  674. .col-img {display: block;}
  675.  
  676. .post-footer, .post-header {display: none;}
  677. .post.hentry{padding:0;width:100%}
  678. .col-tag {;width: 100%;position: absolute;z-index: 1;margin-top: 10px;}
  679. .post-outer{height:360px;box-shadow: 0px 0 2px rgba(160, 160, 160, 0.3);}
  680. .ads2post{display:none!important}
  681. .ads2post,.ads-hm,.jump-link {display: none!important;}
  682. .showpageOf { float: right; }
  683. #blog-pager-newer-link{float:right;font-size:150%;}
  684. #blog-pager-older-link{float:left;font-size:150%;}
  685. .blog-pager,#blog-pager{clear:both;text-align:center;}
  686. #blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#444;transition:all .3s ease-in-out;background: #fff; border-radius: 50%!important; border: 1px solid #ddd;}
  687. a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{font-family:Fontawesome;font-weight:400;display:inline-block;width:40px;height:40px;line-height:40px;padding:0;margin:0;transition:all .3s ease-in-out}
  688. #blog-pager-newer-link a,#blog-pager-older-link a{font-size:120%}
  689. a.home-link{font-size:150%;margin-left:-35px;background: #fff; border-radius: 50%!important; border: 1px solid #ddd;}
  690. #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager a.home-link:hover{color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.12)}
  691. #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.home-box:hover,.mobile-desktop-link a.home-link:hover{color:#222!important}
  692. .mobile-desktop-link a.home-link{font-size:0;font-weight:400;background:0 0;padding:0;width:0;height:0;border:0;}
  693. @media screen and (max-width:768px){#blog-pager{padding:12px 0}#blog-pager-older-link a,#blog-pager-newer-link a,#blog-pager a.home-link{background:#747d8c;color:#fff}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager a.home-link:hover{background:#a4b0be;color:#fff}}
  694. </style>
  695. </b:if>
  696.  
  697. <script type='text/javascript'>
  698. posts_no_thumb_sum = 390;
  699. posts_thumb_sum = 145;
  700. img_thumb_height = 150;
  701. img_thumb_width = 220;
  702.  
  703. </script>
  704. <script type='text/javascript'>
  705. //<![CDATA[
  706. function removeHtmlTag(strx,chop){
  707. if(strx.indexOf("<")!=-1)
  708. {
  709. var s = strx.split("<");
  710. for(var i=0;i<s.length;i++){
  711. if(s[i].indexOf(">")!=-1){
  712. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  713. }
  714. }
  715. strx = s.join("");
  716. }
  717. chop = (chop < strx.length-1) ? chop : strx.length-2;
  718. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  719. strx = strx.substring(0,chop-1);
  720. return strx+'...';
  721. }
  722.  
  723. function createSummaryAndThumb(pID, pURL, pTITLE, pTAG){
  724. var div = document.getElementById(pID);
  725. var imgtag = "";
  726. var img = div.getElementsByTagName("img");
  727. var summ = posts_no_thumb_sum;
  728. if(img.length>=1) {
  729. var strimg = img[0].src;
  730. var strimg = strimg.replace("s1600","s640");
  731. imgtag = '<div class="col-img col-xs-12 col-lg-12 _pdcol"><span class="posts-thumb"><a data-toggle="tooltip" href="'+ pURL +'" title="'+ pTITLE+'"><img class="mini-img" src="'+strimg+ '" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span></div> <h3 class="post-title entry-title"><a href="'+ pURL +'" title="'+ pTITLE+'">'+ pTITLE+'</a></h3> ';
  732. summ = posts_thumb_sum;
  733. }
  734.  
  735. var summary = imgtag + '<div class="remove-me">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  736. div.innerHTML = summary;
  737. }
  738.  
  739. //]]>
  740. </script>
  741. <script>
  742. /*<![CDATA[*/
  743. $(document).ready(function(){
  744. $('a[name="ma3lomat"]').before($('#ar1web-ma3lomat').html());
  745. $('#ar1web-ma3lomat').html('');
  746. });
  747. /*]]>*/
  748. </script>
  749. </head>
  750. <body>
  751. <div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  752. <div class='maxiwrap'>
  753. <b:section id='headerar' showaddelement='no'>
  754. <b:widget id='Header1' locked='true' title='عرب ويب (رأس الصفحة)' type='Header' version='1'>
  755. <b:widget-settings>
  756. <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-11J9HBNMwvM/WwiguwHUuFI/AAAAAAAAKd0/t0Yhcz5uP60pG1zvJAF6M7yEjpiBYPwCACK4BGAYYCw/s1600/ar1web-logo.png</b:widget-setting>
  757. <b:widget-setting name='displayHeight'>93</b:widget-setting>
  758. <b:widget-setting name='sectionWidth'>252</b:widget-setting>
  759. <b:widget-setting name='useImage'>true</b:widget-setting>
  760. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  761. <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  762. <b:widget-setting name='displayWidth'>270</b:widget-setting>
  763. </b:widget-settings>
  764. <b:includable id='main'>
  765.  
  766. <b:if cond='data:useImage'>
  767. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  768. <!--
  769. Show image as background to text. You can't really calculate the width
  770. reliably in JS because margins are not taken into account by any of
  771. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  772. width if the user is using shrink to fit.
  773. This results in a margin-width's worth of pixels being cropped. If the
  774. user is not using shrink to fit then we expand the header.
  775. -->
  776. <b:if cond='data:mobile'>
  777. <div id='header-inner'>
  778. <div class='titlewrapper' style='background: transparent'>
  779. <h1 class='title' style='background: transparent; border-width: 0px'>
  780. <b:include name='title'/>
  781. </h1>
  782. </div>
  783. <b:include name='description'/>
  784. </div>
  785. <b:else/>
  786. <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'>
  787. <div class='titlewrapper' style='background: transparent'>
  788. <h1 class='title' style='background: transparent; border-width: 0px'>
  789. <b:include name='title'/>
  790. </h1>
  791. </div>
  792. <b:include name='description'/>
  793. </div>
  794. </b:if>
  795. <b:else/>
  796. <!--Show the image only-->
  797. <div id='header-inner'>
  798. <a expr:href='data:blog.homepageUrl' style='display: block'>
  799. <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'/>
  800. </a>
  801. <!--Show the description-->
  802. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  803. <b:include name='description'/>
  804. </b:if>
  805. </div>
  806. </b:if>
  807. <b:else/>
  808. <!--No header image -->
  809. <div id='header-inner'>
  810. <div class='titlewrapper'>
  811. <h1 class='title'>
  812. <b:include name='title'/>
  813. </h1>
  814. </div>
  815. <b:include name='description'/>
  816. </div>
  817. </b:if>
  818. </b:includable>
  819. <b:includable id='description'>
  820. <div class='descriptionwrapper'>
  821. <p class='description'><span><data:description/></span></p>
  822. </div>
  823. </b:includable>
  824. <b:includable id='title'>
  825. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  826. <data:title/>
  827. <b:else/>
  828. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  829. </b:if>
  830. </b:includable>
  831. </b:widget>
  832. </b:section>
  833. <nav id='ar2018' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
  834. <input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> القائمة </input>
  835. <ul id='simplify-click'>
  836. <li><a href='#' itemprop='url'><span itemprop='name'>بلوجر <i class='fa fa-angle-down fa-fw'/></span></a>
  837. <ul>
  838. <li><a href='/search/label/اضافات بلوجر?max-results=8'>اضافات</a></li>
  839. <li><a href='/search/label/قوالب بلوجر?max-results=8'>قوالب</a></li>
  840. </ul>
  841. </li>
  842. <li><a href='#' itemprop='url'><span itemprop='name'>اخرى <i class='fa fa-angle-down fa-fw'/></span></a>
  843. <ul>
  844. <li><a href='/p/contact-us.html' target='_blank'><i class='fa fa-envelope-square'/> راسلنا</a></li>
  845. <li><a href='/p/placing-ad.html' target='_blank'><i class='fa fa-external-link'/> أعلن لدينا</a></li>
  846. <li><a href='/2015/03/do-you-have-problem-in-blogger.html'><i class='fa fa-wrench'/> ركن الأسئلة</a></li>
  847. <li><a href='/p/blog.html' target='_blank'><i class='fa fa-laptop'/> عن المدونة</a></li>
  848. <li><a href='/p/converter.html' target='_blank'><i class='fa fa-refresh'/> محول الأكواد </a></li>
  849. <li><a href='/p/broken-link.html' target='_blank'><i class='fa fa-bolt'/> التبليع عن رابط</a></li>
  850. <li><a href='/p/list.html' target='_blank'><i class='fa fa-smile-o'/> الرموز التعبيرية</a></li>
  851. <li><a href='/p/background-for-websites.html' target='_blank'><i class='fa fa-picture-o'/> خلفيات للمواقع</a></li>
  852. </ul>
  853. </li>
  854. </ul>
  855. </nav>
  856. <span class='fmenu'>
  857. <select class='genrebox' id='new' onchange='document.location.href=this.options[this.selectedIndex].value;'>
  858. <option value=''>المزيد :</option>
  859. <option value='/search/label/خطوط عربية/?max-results=8'>خطوط عربية</option>&gt;
  860. <option value='/search/label/خطوط أجنبية/?max-results=8'>خطوط أجنبية</option>
  861. <option value='/search/label/موك أب/?max-results=8'>Mockup PSD</option>
  862. <option value='/search/label/أكشنات/?max-results=8'>أكشنات</option>
  863. <option value='/search/label/PSD/?max-results=8'>ملحقات فوتوشوب</option>
  864. <option value='/search/label/Ai/?max-results=8'>Ai</option>
  865. <option value='/search/label/ملحقات عامة/?max-results=8'>ملحقات عامة</option>
  866. <option value='/search/label/خلفيات/?max-results=8'>خلفيات</option>
  867. <option value='/search/label/دروس وشروحات/?max-results=8'>دروس وشروحات</option>
  868. <option value='/search/label/سلايدر/?max-results=8'>Slidershow</option>
  869. <option value='/search/label/قوالب ووردبريس/?max-results=8'>قوالب ووردبريس</option>n&gt;
  870. <option value='/search/label/قوالب PSD/?max-results=8'>قوالب PSD</option>n&gt;
  871. <option value='/search/label/تعليقات/?max-results=8'>اضافات التعليقات</option>tion&gt;
  872. <option value='/search/label/سكربتات/?max-results=8'>سكربتات</option>
  873. <option value='/search/label/كورسات/?max-results=8'>كورسات</option>
  874. <option value='/search/label/Css/?max-results=8'>Css</option>
  875. <option value='/search/label/Html/?max-results=8'>Html</option>
  876. <option value='/search/label/مواقع مفيدة/?max-results=8'>مواقع مفيدة</option>&gt;
  877. </select>
  878. </span>
  879. <form action='/search' id='search-me' method='get'>
  880. <table>
  881. <tbody>
  882. <tr>
  883. <td class='search-ar1web1'>
  884. <input id='search-ar1web1' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='ابحث هنا...'/>
  885. </td>
  886. <td class='search-button1'>
  887. <input id='search-button1' type='submit' value=''/>
  888. </td>
  889. </tr>
  890. </tbody>
  891. </table>
  892. </form>
  893. </div>
  894. </div>
  895. <div class='container wrapper'>
  896. <div id='content-wrapper'>
  897. <div class='ads728' id='banner'>
  898. <!-- AD1 -->
  899. </div>
  900. <div id='Header-wrapper'/>
  901. <div class='row'>
  902. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  903. <style>
  904. #content{}
  905. .post-outer {background: none;border: none;padding: 0;} .cl-item-page { background: #FFF; padding: 10px; border: 1px solid #DEDCDC; margin-bottom: 15px; float: right; width: 100%;}
  906. .post.hentry.col-xs-12.col-sm-12.col-md-8.col-lg-8 {float: right;padding:0}
  907. .post-info &gt; div &gt; span.post-tags, .post-info &gt; div &gt; span.post-author, .post-info &gt; div &gt; span.post-timestamp, .post-info &gt; div &gt; span.post-comment-cnt , .post-info &gt; div &gt; span.post-broken,.post-info &gt; div &gt; span.post-disqus-cnt{display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: rgba(245, 244, 244, 0.7);font-size: 13px;}
  908. .post-inf &gt; div &gt; span.post-tag, .post-inf &gt; div &gt; span.post-autho, .post-inf &gt; div &gt; span.post-timestam, .post-inf &gt; div &gt; span.post-comment-cn , .post-inf &gt; div &gt; span.post-broke {display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: #EBEBEB;font-size: 13px;}
  909. .post-inf &gt; div a {color: #408696;}
  910. .post-inf &gt; div &gt; span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 5px;vertical-align: middle;}
  911. .post-inf &gt; div &gt; span .fa-file-archive-o {background: #E92648;}
  912. .post-inf &gt; div &gt; span .fa-tachometer {background: orange;}
  913. .post-inf &gt; div &gt; span .fa-copyright {background: #12ACE0;}
  914. .post-inf &gt; div &gt; span .fa-toggle-off {background: #514069;}
  915. #old-post-info{display:none}
  916. #HTML4,#HTML7 {clear: both;}
  917. #HTML1{clear: both; display: none!important; }
  918. .col-tag {display: none;}
  919. .post-info &gt; div a {color: #408696;}
  920. .post-info &gt; div &gt; span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 5px;vertical-align: middle;}
  921. .post-info &gt; div &gt; span .fa-calendar {background: #7F93A2;}
  922. .post-info &gt; div &gt; span .fa-comment {background: orange;}
  923. .post-info &gt; div &gt; span .fa-comment-o {background: #4d90fe;}
  924. .post-info &gt; div &gt; span .fa-user {background: #E55048;}
  925. .post-info &gt; div &gt; span .fa-tags {background: #81e058;}
  926. .post-info &gt; div &gt; span .fa-eye {background: #0ebeff;}
  927. .post-info &gt; div &gt; span .fa-chain-broken {background: #fcd000;}
  928. span.post-comment-cnt.vcard {display: none;}
  929. #side-bar {
  930. position: relative;
  931. left: 0;
  932. top: 0;
  933. }
  934. </style>
  935. </b:if>
  936.  
  937. <div class='col-xs-12 col-sm-12 col-md-8 col-lg-8' id='content'>
  938. <b:section class='main' id='main' showaddelement='no'>
  939. <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
  940. <b:widget-settings>
  941. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  942. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  943. <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  944. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  945. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  946. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  947. <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  948. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  949. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  950. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  951. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  952. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  953. <b:widget-setting name='showLabels'>true</b:widget-setting>
  954. <b:widget-setting name='showLocation'>true</b:widget-setting>
  955. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  956. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  957. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  958. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  959. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  960. <b:widget-setting name='showReactions'>false</b:widget-setting>
  961. </b:widget-settings>
  962. <b:includable id='main' var='top'>
  963. <b:if cond='!data:mobile'>
  964. <!-- posts -->
  965. <div class='row'>
  966.  
  967. <b:include data='top' name='status-message'/>
  968.  
  969. <b:loop values='data:posts' var='post'>
  970. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  971. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  972. <div class='col-xs-12 col-lg-12 b-item item-page'>
  973. <div class='post-outer'>
  974. <b:include data='post' name='post'/>
  975. <b:include cond='data:blog.pageType in {&quot;item&quot;}' data='post' name='comment_picker'/>
  976. </div>
  977. </div>
  978. </b:if>
  979. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  980. <div class='col-xs-12 col-sm-6 col-md-6 col-lg-6 b-item'>
  981. <div class='post-outer'>
  982. <b:include data='post' name='post'/>
  983. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  984. </div>
  985. </div>
  986. </b:if>
  987.  
  988. <!-- Ad -->
  989. <b:if cond='data:post.includeAd'>
  990. <div class='inline-ad'>
  991. <data:adCode/>
  992. </div>
  993. </b:if>
  994. </b:loop>
  995. </div>
  996.  
  997. <!-- navigation -->
  998. <b:include name='nextprev'/>
  999.  
  1000. <!-- feed links -->
  1001. <b:include name='feedLinks'/>
  1002.  
  1003. <b:else/>
  1004. <b:include name='mobile-main'/>
  1005. </b:if>
  1006.  
  1007. <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
  1008. </b:includable>
  1009. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1010. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1011. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1012. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1013. </a>
  1014. </span>
  1015. </b:includable>
  1016. <b:includable id='backlinks' var='post'>
  1017. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1018. <b:if cond='data:post.numBacklinks != 0'>
  1019. <dl class='comments-block' id='comments-block'>
  1020. <b:loop values='data:post.backlinks' var='backlink'>
  1021. <div class='collapsed-backlink backlink-control'>
  1022. <dt class='comment-title'>
  1023. <span class='backlink-toggle-zippy'>&#160;</span>
  1024. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1025. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1026. </dt>
  1027. <dd class='comment-body collapseable'>
  1028. <data:backlink.snippet/>
  1029. </dd>
  1030. <dd class='comment-footer collapseable'>
  1031. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1032. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1033. </dd>
  1034. </div>
  1035. </b:loop>
  1036. </dl>
  1037. </b:if>
  1038. <p class='comment-footer'>
  1039. <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>
  1040. </p>
  1041. </b:includable>
  1042. <b:includable id='comment-form' var='post'>
  1043. <div class='comment-form'>
  1044. <a name='comment-form'/>
  1045. <b:if cond='data:mobile'>
  1046. <h4 id='comment-post-message'>
  1047. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1048. <p><data:blogCommentMessage/></p>
  1049. <data:blogTeamBlogMessage/>
  1050. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1051. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1052. <b:else/>
  1053. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1054. <p><data:blogCommentMessage/></p>
  1055. <data:blogTeamBlogMessage/>
  1056. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1057. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1058. </b:if>
  1059. <data:post.cmtfpIframe/>
  1060. <script type='text/javascript'>
  1061. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1062. </script>
  1063. </div>
  1064. </b:includable>
  1065. <b:includable id='commentDeleteIcon' var='comment'>
  1066. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1067. <b:if cond='data:showCmtPopup'>
  1068. <div class='goog-toggle-button'>
  1069. <div class='goog-inline-block comment-action-icon'/>
  1070. </div>
  1071. <b:else/>
  1072. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1073. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1074. </a>
  1075. </b:if>
  1076. </span>
  1077. </b:includable>
  1078. <b:includable id='comment_count_picker' var='post'>
  1079. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1080. <data:post.commentLabelFull/>:
  1081. </a>
  1082. </b:includable>
  1083. <b:includable id='comment_picker' var='post'>
  1084. <b:include data='post' name='comments'/>
  1085.  
  1086. </b:includable>
  1087. <b:includable id='comments' var='post'>
  1088. <div class='comments' id='comments'>
  1089. <div class='js-default-tab comments-tab ar1web-tooltip ar1web-tooltip-top' data-ar1web-tooltip='علّق ببلوجر' id='blogger-comments'>
  1090. <data:post.numComments/>
  1091.  
  1092. Blogger تعليقات
  1093. </div>
  1094. <div class='comments-tab disqusbutton ar1web-tooltip ar1web-tooltip-top' data-ar1web-tooltip='علّق بديسكس' id='disqus-comments' onclick='load_disqus()'>
  1095. Disqus <a alt='submit' class='dsq-comment-count comment-link commentslink' expr:href='data:post.url + &quot;#disqus_thread&quot;' style='text-decoration: none; color: #ffffff'/>
  1096. </div>
  1097. <div class='clear'/>
  1098. </div>
  1099. <div class='comments-page' id='disqus-comments-page'>
  1100. <div id='disqus_thread'/>
  1101. <div id='disqus_thread'/>
  1102. <div id='disqus_loader' style='text-align: center'>
  1103. <script>
  1104. function load_disqus(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e);var t=document.getElementById(&quot;disqus_loader&quot;);t.parentNode.removeChild(t)} </script>
  1105.  
  1106. </div>
  1107. </div>
  1108. <div class='comments comments-page' id='blogger-comments-page'>
  1109. <div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
  1110. <meta expr:content='data:post.title' itemprop='about'/>
  1111. <meta expr:content='data:post.url' itemprop='discussionUrl'/>
  1112. <h5>
  1113. <span itemprop='interactionCount'><data:post.numComments/></span> تعليق
  1114. </h5>
  1115.  
  1116. <div class='clear'/>
  1117. <div id='comment_block'>
  1118. <b:loop values='data:post.comments' var='comment'>
  1119. <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
  1120. <div class='comment_inner'>
  1121. <div class='comment_author_flag'>المشرف</div>
  1122. <div class='comment_header'>
  1123. <div class='comment_avatar'>
  1124. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1125. </div>
  1126. </div>
  1127. <div class='comment_body'>
  1128. <div class='cm_head'>
  1129. <div class='cm_infonm'>
  1130. <div class='comment_name'>
  1131. <b:if cond='data:comment.authorUrl'>
  1132. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
  1133. <span itemprop='creator'><data:comment.author/></span></a>
  1134. <b:else/>
  1135. <span itemprop='creator'><data:comment.author/></span>
  1136. </b:if>
  1137.  
  1138. <a expr:href='data:comment.url' rel='nofollow' title='تاريخ النشر'>
  1139. <span class='comment_date' itemprop='commentTime'>
  1140. <data:comment.timestamp/>
  1141. </span>
  1142. </a>
  1143. </div>
  1144. </div>
  1145. <a class='comment-delete' expr:href='data:comment.deleteUrl' title='حذف التعليق'>
  1146. <img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='حذف التعليق'/>
  1147. </a>
  1148. </div>
  1149. <b:if cond='data:comment.isDeleted'>
  1150. <span class='deleted-comment'><data:comment.body/></span>
  1151. <b:else/>
  1152. <p itemprop='commentText'><data:comment.body/></p>
  1153. </b:if>
  1154.  
  1155. <a class='comment_reply ar1web-tooltip ar1web-tooltip-top' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Reply'><i class='fa fa-reply'/></a>
  1156. </div>
  1157.  
  1158. <div class='clear'/>
  1159.  
  1160. </div>
  1161.  
  1162. <div class='clear'/>
  1163. <div class='comment_child'/>
  1164. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1165. </div>
  1166.  
  1167. </b:loop>
  1168.  
  1169. </div>
  1170. <div class='clear'/>
  1171. <div class='clear'/>
  1172. <div class='comment_form'>
  1173. <div class='comment-form'>
  1174. <p class='comment-msg'><strong>يسعدنا تفاعلكم بالتعليق&#1548; لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق</strong><br/>
  1175. <b>1</b>أن يكون التعليق خاص بمحتوى التدوينة<br/>
  1176. <b>2</b>أن لا تضع أي روابط خارجية<br/>
  1177. <b>3</b>لإضافة كود حوله أولا&#1611; <a href='/p/converter.html' rel='nofollow' target='_blank'>بمحول الأكواد</a><br/>
  1178. <b>4</b>أي سؤال خارج محتوى التدوينة يرجى استخدام <a href='/2015/03/do-you-have-problem-in-blogger.html' rel='nofollow' target='_blank'>ركن الأسئلة</a></p>
  1179. <a name='comment-form'/>
  1180. <p>
  1181. </p>
  1182. <b:if cond='data:post.embedCommentForm'>
  1183. <b:if cond='data:post.allowNewComments'>
  1184. <b:include data='post' name='threaded-comment-form'/>
  1185. <b:else/>
  1186. <data:post.noNewCommentsText/>
  1187. </b:if>
  1188. <b:else/>
  1189. <b:if cond='data:post.allowComments'>
  1190. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
  1191. </b:if>
  1192. </b:if>
  1193. </div>
  1194. </div>
  1195. </div>
  1196. <script type='text/javascript'>//<![CDATA[
  1197. if (typeof(jQuery) == 'undefined') {
  1198.  
  1199. //output the script (load it from google api)
  1200.  
  1201. document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
  1202.  
  1203. }
  1204.  
  1205. //]]>
  1206. </script>
  1207. <script async='async' src='' type='text/javascript'/>
  1208. <script type='text/javascript'>
  1209.  
  1210.  
  1211. //<![CDATA[
  1212.  
  1213. Config.maxThreadDepth = 2;
  1214.  
  1215. var Cur_Cform_Hdr='.comment_form';var Cur_Cform_Url=$('#comment-editor').attr('src');function trim(a){var b=' \n\r\t\f\x5b\x5d\x7c\x7d\x3c\x3e\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';for(var i=0;i<a.length;i++){if(b.indexOf(a.charAt(i))!=-1){a=a.substring(0,i);break}}return a}$('.comment_wrap .comment_body p').html(function(i,h){temp=h.toLowerCase();index=temp.indexOf('@<a href="#c');if(index!=-1){index_tail=temp.indexOf('</a>',index);if(index_tail!=-1){h=h.substring(0,index)+h.substring(index_tail+4)}}return h});function Valid_Par_Id(a){r=a.indexOf('c');if(r!=-1)a=a.substring(r+1);return a}function Cform_Ins_ParID(a){a='&parentID='+a+'#%7B';n_cform_url=Cur_Cform_Url.replace(/#%7B/,a);return n_cform_url}function Reset_Comment_Form(){html=$(Cur_Cform_Hdr).html();$(Cur_Cform_Hdr).html('');Cur_Cform_Hdr='.comment_form';$(Cur_Cform_Hdr).html(html);$('#comment-editor').attr('src',Cur_Cform_Url)}function Display_Reply_Form(e){par_id=$(e).attr('id');par_id=Valid_Par_Id(par_id);html=$(Cur_Cform_Hdr).html(); if(Cur_Cform_Hdr=='.comment_form'){reset_html='<a href="#origin_cform" onclick="Reset_Comment_Form()">' +Msgs.addComment+'</a><a name="origin_cform"/>';$(Cur_Cform_Hdr).html(reset_html)}else{$(Cur_Cform_Hdr).html('')}Cur_Cform_Hdr='#r_f_c'+par_id;$(Cur_Cform_Hdr).html(html);$('#comment-editor').attr('src',Cform_Ins_ParID(par_id))}cur_url=window.location.href;search_formid='#comment-form_';search_index=cur_url.indexOf(search_formid);if(search_index!=-1){ret_id=cur_url.substring(search_index+search_formid.length);Display_Reply_Form('#rc'+ret_id)}for(var i=0;i<Items.length;i++){if('parentId'in Items[i]){var par_id=Items[i].parentId;var par_level=parseInt($('#c'+par_id+':first').attr('data-level'));$('#c'+par_id+' .comment_child:first').html(function(a,b){var c=Items[i].id;if(par_level>=Config.maxThreadDepth){$('#c'+c+':first .comment_reply').remove()}var d=$('#c'+c+':first').html();d='<div class="comment_wrap" id="c'+c+'" data-level="'+(par_level+1)+'">'+d+'</div>';$('#c'+c).remove();return(b+d)})}}var avatar=$("#comments");avatar.find('.comment_avatar img').each(function(){var a=$(this).attr('src');$(this).show().attr('src',a.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"))});
  1216.  
  1217. //]]>
  1218. </script>
  1219. </div>
  1220.  
  1221. </b:includable>
  1222. <b:includable id='feedLinks'>
  1223. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1224. <b:if cond='data:feedLinks'>
  1225. <div class='blog-feeds'>
  1226. <b:include data='feedLinks' name='feedLinksBody'/>
  1227. </div>
  1228. </b:if>
  1229.  
  1230. <b:else/> <!--Post feed links -->
  1231. <div class='post-feeds'>
  1232. <b:loop values='data:posts' var='post'>
  1233. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  1234. </b:loop>
  1235. </div>
  1236. </b:if>
  1237. </b:includable>
  1238. <b:includable id='feedLinksBody' var='links'>
  1239. </b:includable>
  1240. <b:includable id='iframe_comments' var='post'>
  1241. <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  1242. </b:includable>
  1243. <b:includable id='mobile-index-post' var='post'>
  1244. <div class='mobile-date-outer date-outer'>
  1245. <b:if cond='data:post.dateHeader'>
  1246. <div class='date-header'>
  1247. <span><data:post.dateHeader/></span>
  1248. </div>
  1249. </b:if>
  1250.  
  1251. <div class='mobile-post-outer'>
  1252. <a expr:href='data:post.url'>
  1253. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1254. <data:post.title/>
  1255. </h3>
  1256.  
  1257. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1258.  
  1259. <div class='mobile-index-contents'>
  1260. <b:if cond='data:post.thumbnailUrl'>
  1261. <div class='mobile-index-thumbnail'>
  1262. <div class='Image'>
  1263. <img expr:src='data:post.thumbnailUrl'/>
  1264. </div>
  1265. </div>
  1266. </b:if>
  1267.  
  1268. <div class='post-body'>
  1269. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1270. </div>
  1271. </div>
  1272.  
  1273. <div style='clear: both;'/>
  1274. </a>
  1275.  
  1276. <div class='mobile-index-comment'>
  1277. <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  1278. </div>
  1279. </div>
  1280. </div>
  1281. </b:includable>
  1282. <b:includable id='mobile-main' var='top'>
  1283. <!-- posts -->
  1284. <div class='blog-posts hfeed'>
  1285.  
  1286. <b:include data='top' name='status-message'/>
  1287.  
  1288. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1289. <b:loop values='data:posts' var='post'>
  1290. <b:include data='post' name='mobile-index-post'/>
  1291. </b:loop>
  1292. <b:else/>
  1293. <b:loop values='data:posts' var='post'>
  1294. <b:include data='post' name='mobile-post'/>
  1295. </b:loop>
  1296. </b:if>
  1297. </div>
  1298.  
  1299. <b:include name='mobile-nextprev'/>
  1300. </b:includable>
  1301. <b:includable id='mobile-nextprev'>
  1302. <div class='blog-pager' id='blog-pager'>
  1303. <b:if cond='data:newerPageUrl'>
  1304. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1305. <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>
  1306. </div>
  1307. </b:if>
  1308.  
  1309. <b:if cond='data:olderPageUrl'>
  1310. <div class='mobile-link-button' id='blog-pager-older-link'>
  1311. <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>
  1312. </div>
  1313. </b:if>
  1314.  
  1315. <div class='mobile-link-button' id='blog-pager-home-link'>
  1316. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1317. </div>
  1318.  
  1319. <div class='mobile-desktop-link'>
  1320. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1321. </div>
  1322.  
  1323. </div>
  1324. <div class='clear'/>
  1325. </b:includable>
  1326. <b:includable id='mobile-post' var='post'>
  1327. <div class='date-outer'>
  1328. <b:if cond='data:post.dateHeader'>
  1329. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1330. </b:if>
  1331. <div class='date-posts'>
  1332. <div class='post-outer'>
  1333.  
  1334. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1335. <b:if cond='data:post.thumbnailUrl'>
  1336. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1337. </b:if>
  1338. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1339. <meta expr:content='data:post.id' itemprop='postId'/>
  1340.  
  1341. <a expr:name='data:post.id'/>
  1342. <b:if cond='data:post.title'>
  1343. <h3 class='post-title entry-title' itemprop='name'>
  1344. <b:if cond='data:post.link'>
  1345. <a expr:href='data:post.link'><data:post.title/></a>
  1346. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  1347. <a expr:href='data:post.url'><data:post.title/></a>
  1348. <b:else/>
  1349. <data:post.title/>
  1350. </b:if>
  1351. </h3>
  1352. </b:if>
  1353.  
  1354. <div class='post-header'>
  1355. <div class='post-header-line-1'/>
  1356. </div>
  1357.  
  1358. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1359. <data:post.body/>
  1360. <div style='clear: both;'/> <!-- clear for photos floats -->
  1361. </div>
  1362.  
  1363. <div class='post-footer'>
  1364. <div class='post-footer-line post-footer-line-1'>
  1365. <span class='post-author vcard'>
  1366. <b:if cond='data:top.showAuthor'>
  1367. <b:if cond='data:post.authorProfileUrl'>
  1368. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1369. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1370. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1371. <span itemprop='name'><data:post.author/></span>
  1372. </a>
  1373. </span>
  1374. <b:else/>
  1375. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1376. <span itemprop='name'><data:post.author/></span>
  1377. </span>
  1378. </b:if>
  1379. </b:if>
  1380. </span>
  1381.  
  1382. <span class='post-timestamp'>
  1383. <b:if cond='data:top.showTimestamp'>
  1384. <data:top.timestampLabel/>
  1385. <b:if cond='data:post.url'>
  1386. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  1387. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1388. </b:if>
  1389. </b:if>
  1390. </span>
  1391.  
  1392. <span class='post-comment-link'>
  1393. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  1394. </span>
  1395. </div>
  1396.  
  1397. <div class='post-footer-line post-footer-line-2'>
  1398. <b:if cond='data:top.showMobileShare'>
  1399. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1400. <a href='javascript:void(0);'><data:shareMsg/></a>
  1401. </div>
  1402. </b:if>
  1403. <b:if cond='data:top.showDummy'>
  1404. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1405. </b:if>
  1406. </div>
  1407.  
  1408. </div>
  1409. </div>
  1410.  
  1411. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1412. </div>
  1413. </div>
  1414. </div>
  1415. </b:includable>
  1416. <b:includable id='nextprev'>
  1417. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  1418. <div class='blog-pager' id='blog-pager'>
  1419. <b:if cond='data:olderPageUrl'>
  1420. <span id='blog-pager-older-link'>
  1421. <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'><i class='fa fa-arrow-circle-o-left'/></a>
  1422. </span>
  1423. </b:if>
  1424. <b:if cond='data:newerPageUrl'>
  1425. <span id='blog-pager-newer-link'>
  1426. <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'><i class='fa fa-arrow-circle-o-right'/></a>
  1427. </span>
  1428. </b:if>
  1429. <div class='mobile-link-button' id='blog-pager-home-link'>
  1430. <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
  1431. </div>
  1432.  
  1433. <div class='mobile-desktop-link'>
  1434. <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
  1435. </div>
  1436.  
  1437. <b:if cond='data:mobileLinkUrl'>
  1438. <div class='blog-mobile-link'>
  1439. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1440. </div>
  1441. </b:if>
  1442.  
  1443. </div>
  1444. </b:if>
  1445. <div class='clear'/>
  1446. </b:includable>
  1447. <b:includable id='post' var='post'>
  1448. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  1449. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1450. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1451. <meta expr:content='data:post.id' itemprop='postId'/>
  1452. <a expr:name='data:post.id'/>
  1453. <span class='label-info'>
  1454. <b:if cond='data:top.showPostLabels and data:post.labels'>
  1455. <b:loop values='data:post.labels' var='label'>
  1456. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  1457. </b:loop>
  1458. </b:if>
  1459. </span>
  1460. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
  1461. <div expr:id='&quot;summary&quot; + data:post.id'>
  1462. <data:post.body/>
  1463. </div>
  1464.  
  1465. <div class='meta-ar1web'>
  1466. <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1467. <i class='fa fa-comments-o'/>
  1468. <data:post.numComments/>
  1469. <a expr:id='&quot;obs-body-&quot; + data:post.id'/><div id='viewscontainer'><span class='views-icon'/><div class='viewstext'/>
  1470. <span class='mbtloading viewscount' id='ar1webviews'/>
  1471. </div>
  1472. </a>
  1473. </div>
  1474.  
  1475. &lt;script type=&#39;text/javascript&#39;&gt;createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;, &quot; &lt;a class=&#39;first&#39; href=&#39;<b:loop values='data:post.labels' var='label'><data:label.url/></b:loop>&#39; rel=&#39;tag&#39;&gt;<b:loop values='data:post.labels' var='label'><data:label.name/></b:loop>&lt;/a&gt;&lt;button class=&#39;btn btn-primary dropdown-toggle&#39; data-toggle=&#39;dropdown&#39; type=&#39;button&#39;&gt;&lt;span class=&#39;caret&#39;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&#39;dropdown-menu&#39;&gt;&lt;/ul&gt; &quot;);&lt;/script&gt;
  1476.  
  1477. <div style='clear: both;'/>
  1478. </div>
  1479. </div>
  1480. </b:if>
  1481. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  1482. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1483. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1484. <div class='coverImage'>
  1485. <img class='firstimage' expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
  1486. </div>
  1487. </b:if>
  1488.  
  1489. <div class='cl-item-page'>
  1490. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1491. <meta expr:content='data:post.id' itemprop='postId'/>
  1492. <a expr:name='data:post.id'/>
  1493. <h3 class='post-title entry-title' itemprop='name' style='display:none'>
  1494. <a expr:href='data:post.link ? data:post.link : data:post.canonicalUrl' expr:title='data:post.title'><data:post.title/></a>
  1495. </h3>
  1496.  
  1497. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
  1498. <div expr:id='&quot;summary&quot; + data:post.id'>
  1499. <data:post.body/>
  1500. </div>
  1501.  
  1502. <div class='meta-ar1web'>
  1503. <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1504. <i class='fa fa-comments-o'/>
  1505. <data:post.numComments/>
  1506. <a expr:id='&quot;obs-body-&quot; + data:post.id'/><div id='viewscontainer'><span class='views-icon'/><div class='viewstext'/>
  1507. <span class='mbtloading viewscount' id='ar1webviews'/>
  1508. </div>
  1509. </a>
  1510. </div>
  1511.  
  1512. &lt;script type=&#39;text/javascript&#39;&gt;createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;, &quot; &lt;a class=&#39;first&#39; href=&#39;<b:loop values='data:post.labels' var='label'><data:label.url/></b:loop>&#39; rel=&#39;tag&#39;&gt;<b:loop values='data:post.labels' var='label'><data:label.name/></b:loop>&lt;/a&gt;&lt;button class=&#39;btn btn-primary dropdown-toggle&#39; data-toggle=&#39;dropdown&#39; type=&#39;button&#39;&gt;&lt;span class=&#39;caret&#39;&gt;&lt;/span&gt;&lt;/button&gt;&lt;ul class=&#39;dropdown-menu&#39;&gt;&lt;/ul&gt; &quot;);&lt;/script&gt;
  1513. <data:post.body/>
  1514. <div style='clear: both;'/>
  1515. </div>
  1516. <div class='ads-hm'>
  1517.  
  1518. </div>
  1519. <div style='clear:both;'/>
  1520. </div>
  1521.  
  1522. <div style='clear:both;'/>
  1523. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1524. <div class='pagenext'>
  1525. <div class='blog-pager' id='blog-pager'>
  1526. <div class='pagenext-kiri'>
  1527. <i class='fa fa-chevron-right arrowle'/>
  1528. <div class='isipagenext-kiri'>
  1529. <b:if cond='data:newerPageUrl'>
  1530. <span id='blog-pager-newer-link'>
  1531. <span class='pager-title-right'>التالي</span><br/>
  1532. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' title='التدوينة التالية'><data:newerPageTitle/></a>
  1533. </span>
  1534. <b:else/>
  1535. <span class='current-pageright'><span class='pager-title-right'>هذه أحدث تدوينة</span></span>
  1536.  
  1537. </b:if>
  1538. </div>
  1539. </div>
  1540. <div class='pagenext-kanan'>
  1541. <i class='fa fa-chevron-left arrowri'/>
  1542. <div class='isipagenext-kanan'>
  1543. <b:if cond='data:olderPageUrl'>
  1544. <span id='blog-pager-older-link'>
  1545. <span class='pager-title-right'>السابق</span><br/>
  1546. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' title='التدوينة السابقة'><data:olderPageTitle/></a>
  1547. </span>
  1548. <b:else/>
  1549. <span class='current-pageright'><span class='pager-title-right'>هذه أخر تدوينة</span></span>
  1550. </b:if>
  1551.  
  1552. </div>
  1553. </div>
  1554. </div>
  1555. <div style='clear: both;'/>
  1556. </div>
  1557. <div class='related-post' id='related-post'/>
  1558. <script type='text/javascript'>
  1559. var labelArray = [
  1560. &quot;<b:loop values='data:post.labels' var='label'><data:label.name/></b:loop>&quot;
  1561. ];
  1562. var relatedPostConfig = {
  1563. homePage: &quot;<data:blog.homepageUrl/>&quot;,
  1564. widgetTitle: &quot;&lt;h4&gt;اخترنا لك&lt;/h4&gt;&quot;,
  1565. numPosts: 6,
  1566. summaryLength: false,
  1567. titleLength: &quot;auto&quot;,
  1568. thumbnailSize: 150,
  1569. noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
  1570. containerId: &quot;related-post&quot;,
  1571. newTabLink: true,
  1572. moreText: &quot;&quot;,
  1573. widgetStyle: 2,
  1574. callBack: function() {}
  1575. };
  1576. </script>
  1577. <script type='text/javascript'>
  1578. //<![CDATA[
  1579. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Related Posts:</h4>",widgetStyle:1,homePage:"http://www.dandidesain.blogspot.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="rel-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><a title="'+t+'" href="'+v+'"><img alt="'+t+'" class="rel-thumb" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"/></a><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><br/><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+"></a></span>"+y+"</li>"}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
  1580. //]]>
  1581. </script>
  1582. </b:if>
  1583. </div>
  1584. <div class='post-info col-xs-12 col-sm-12 col-md-4 col-lg-4' id='old-post-info' style='float:left'>
  1585. <div class='cl-item-page' id='fixe-ar1web'>
  1586. <h2 class='y-title' id='hm-title' style='margin:0 0 15px 0;'>
  1587. معلومات عن التدوينة
  1588. </h2>
  1589. <div class='post-header-line-1'/>
  1590. <span class='post-author vcard'>
  1591. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1592. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1593. <i class='fa fa-user'>
  1594. </i>الكاتب : <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='الكاتب'>
  1595. <span itemprop='name'><data:post.author/></span>
  1596. </a>
  1597. </span>
  1598. </span>
  1599. <span class='post-comment-cnt vcard'><i class='fa fa-comment'>
  1600. </i>تعليقات بلوجر : <data:post.numComments/>
  1601. </span>
  1602. <span class='post-disqus-cnt vcard'><i class='fa fa-comment-o'/>تعليقات ديسكس :<a expr:href='data:post.url + &quot;#disqus_thread&quot;'/></span>
  1603. <span class='post-timestamp'>
  1604. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  1605. <i class='fa fa-calendar'>
  1606. </i>
  1607. <data:post.timestamp/>
  1608. </span>
  1609. <span class='post-comment-link'>
  1610. </span>
  1611. <span class='post-tags'>
  1612. <i class='fa fa-tags'>
  1613. </i>
  1614. <b:if cond='data:post.labels'>
  1615. <b:loop values='data:post.labels' var='label'>
  1616. <a class='first' expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
  1617. <b:if cond='data:label.isLast != &quot;true&quot;'>&#1548;</b:if>
  1618. </b:loop>
  1619. </b:if>
  1620. </span>
  1621. <span class='post-comment-cnt'><i class='fa fa-eye'/>
  1622. المشاهدات : <div id='views-container'>
  1623. <span class='views-icon'/>
  1624. <div class='views-text'/>
  1625. <span class='mbtloading viewscount' id='postviews'/>
  1626. <a expr:name='data:post.id'/>
  1627. <post.numviews/>
  1628. </div>
  1629. </span>
  1630. <span class='post-broken'><i class='fa fa-chain-broken'>
  1631. </i>للإبلاغ عن رابط معطوب <a href='/p/broken-link.html' style='color #F56C27;text-decoration: underline;padding: 3px;font-size: 11px;' target='_blank'>اضغط هنا</a></span>
  1632. <span class='post-icons'>
  1633. </span>
  1634. </div>
  1635.  
  1636. </div>
  1637. </b:if>
  1638. </b:includable>
  1639. <b:includable id='postQuickEdit' var='post'>
  1640. <b:if cond='data:post.editUrl'>
  1641. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1642. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1643. <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1644. </a>
  1645. </span>
  1646. </b:if>
  1647. </b:includable>
  1648. <b:includable id='shareButtons' var='post'>
  1649. <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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  1650. </b:includable>
  1651. <b:includable id='status-message'>
  1652. <b:if cond='data:navMessage'>
  1653. <div class='status-msg-wrap'>
  1654. <div class='status-msg-body'>
  1655. <data:navMessage/>
  1656. </div>
  1657. <div class='status-msg-border'>
  1658. <div class='status-msg-bg'>
  1659. <div class='status-msg-hidden'><data:navMessage/></div>
  1660. </div>
  1661. </div>
  1662. </div>
  1663. <div style='clear: both;'/>
  1664. </b:if>
  1665. </b:includable>
  1666. <b:includable id='threaded-comment-form' var='post'>
  1667. <div class='comment-form'>
  1668. <a name='comment-form'/>
  1669. <b:if cond='data:mobile'>
  1670. <p><data:blogCommentMessage/></p>
  1671. <data:blogTeamBlogMessage/>
  1672. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1673. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1674. <b:else/>
  1675. <p><data:blogCommentMessage/></p>
  1676. <data:blogTeamBlogMessage/>
  1677. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1678. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1679. </b:if>
  1680. <data:post.cmtfpIframe/>
  1681. <script type='text/javascript'>
  1682. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1683. </script>
  1684. </div>
  1685. </b:includable>
  1686. <b:includable id='threaded_comment_js' var='post'>
  1687. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1688.  
  1689. <script type='text/javascript'>
  1690. (function() {
  1691. var items = <data:post.commentJso/>;
  1692. var msgs = <data:post.commentMsgs/>;
  1693. var config = <data:post.commentConfig/>;
  1694.  
  1695. // <![CDATA[
  1696. var cursor = null;
  1697. if (items && items.length > 0) {
  1698. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1699. }
  1700.  
  1701. var bodyFromEntry = function(entry) {
  1702. var text = (entry &&
  1703. ((entry.content && entry.content.$t) ||
  1704. (entry.summary && entry.summary.$t))) ||
  1705. '';
  1706. if (entry && entry.gd$extendedProperty) {
  1707. for (var k in entry.gd$extendedProperty) {
  1708. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1709. return '<span class="deleted-comment">' + text + '</span>';
  1710. }
  1711. }
  1712. }
  1713. return text;
  1714. }
  1715.  
  1716. var parse = function(data) {
  1717. cursor = null;
  1718. var comments = [];
  1719. if (data && data.feed && data.feed.entry) {
  1720. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1721. var comment = {};
  1722. // comment ID, parsed out of the original id format
  1723. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1724. comment.id = id ? id[2] : null;
  1725. comment.body = bodyFromEntry(entry);
  1726. comment.timestamp = Date.parse(entry.published.$t) + '';
  1727. if (entry.author && entry.author.constructor === Array) {
  1728. var auth = entry.author[0];
  1729. if (auth) {
  1730. comment.author = {
  1731. name: (auth.name ? auth.name.$t : undefined),
  1732. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1733. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1734. };
  1735. }
  1736. }
  1737. if (entry.link) {
  1738. if (entry.link[2]) {
  1739. comment.link = comment.permalink = entry.link[2].href;
  1740. }
  1741. if (entry.link[3]) {
  1742. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1743. if (pid && pid[1]) {
  1744. comment.parentId = pid[1];
  1745. }
  1746. }
  1747. }
  1748. comment.deleteclass = 'item-control blog-admin';
  1749. if (entry.gd$extendedProperty) {
  1750. for (var k in entry.gd$extendedProperty) {
  1751. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1752. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1753. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1754. comment.displayTime = entry.gd$extendedProperty[k].value;
  1755. }
  1756. }
  1757. }
  1758. comments.push(comment);
  1759. }
  1760. }
  1761. return comments;
  1762. };
  1763.  
  1764. var paginator = function(callback) {
  1765. if (hasMore()) {
  1766. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1767. if (cursor) {
  1768. url += '&published-min=' + new Date(cursor).toISOString();
  1769. }
  1770. window.bloggercomments = function(data) {
  1771. var parsed = parse(data);
  1772. cursor = parsed.length < 50 ? null
  1773. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1774. callback(parsed);
  1775. window.bloggercomments = null;
  1776. }
  1777. url += '&callback=bloggercomments';
  1778. var script = document.createElement('script');
  1779. script.type = 'text/javascript';
  1780. script.src = url;
  1781. document.getElementsByTagName('head')[0].appendChild(script);
  1782. }
  1783. };
  1784. var hasMore = function() {
  1785. return !!cursor;
  1786. };
  1787. var getMeta = function(key, comment) {
  1788. if ('iswriter' == key) {
  1789. var matches = !!comment.author
  1790. && comment.author.name == config.authorName
  1791. && comment.author.profileUrl == config.authorUrl;
  1792. return matches ? 'true' : '';
  1793. } else if ('deletelink' == key) {
  1794. return config.baseUri + '/delete-comment.g?blogID='
  1795. + config.blogId + '&postID=' + comment.id;
  1796. } else if ('deleteclass' == key) {
  1797. return comment.deleteclass;
  1798. }
  1799. return '';
  1800. };
  1801.  
  1802. var replybox = null;
  1803. var replyUrlParts = null;
  1804. var replyParent = undefined;
  1805.  
  1806. var onReply = function(commentId, domId) {
  1807. if (replybox == null) {
  1808. // lazily cache replybox, and adjust to suit this style:
  1809. replybox = document.getElementById('comment-editor');
  1810. if (replybox != null) {
  1811. replybox.height = '250px';
  1812. replybox.style.display = 'block';
  1813. replyUrlParts = replybox.src.split('#');
  1814. }
  1815. }
  1816. if (replybox && (commentId !== replyParent)) {
  1817. replybox.src = '';
  1818. document.getElementById(domId).insertBefore(replybox, null);
  1819. replybox.src = replyUrlParts[0]
  1820. + (commentId ? '&parentID=' + commentId : '')
  1821. + '#' + replyUrlParts[1];
  1822. replyParent = commentId;
  1823. }
  1824. };
  1825.  
  1826. var hash = (window.location.hash || '#').substring(1);
  1827. var startThread, targetComment;
  1828. if (/^comment-form_/.test(hash)) {
  1829. startThread = hash.substring('comment-form_'.length);
  1830. } else if (/^c[0-9]+$/.test(hash)) {
  1831. targetComment = hash.substring(1);
  1832. }
  1833.  
  1834. // Configure commenting API:
  1835. var configJso = {
  1836. 'maxDepth': config.maxThreadDepth
  1837. };
  1838. var provider = {
  1839. 'id': config.postId,
  1840. 'data': items,
  1841. 'loadNext': paginator,
  1842. 'hasMore': hasMore,
  1843. 'getMeta': getMeta,
  1844. 'onReply': onReply,
  1845. 'rendered': true,
  1846. 'initComment': targetComment,
  1847. 'initReplyThread': startThread,
  1848. 'config': configJso,
  1849. 'messages': msgs
  1850. };
  1851.  
  1852. var render = function() {
  1853. if (window.goog && window.goog.comments) {
  1854. var holder = document.getElementById('comment-holder');
  1855. window.goog.comments.render(holder, provider);
  1856. }
  1857. };
  1858.  
  1859. // render now, or queue to render when library loads:
  1860. if (window.goog && window.goog.comments) {
  1861. render();
  1862. } else {
  1863. window.goog = window.goog || {};
  1864. window.goog.comments = window.goog.comments || {};
  1865. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1866. window.goog.comments.loadQueue.push(render);
  1867. }
  1868. })();
  1869. // ]]>
  1870. </script>
  1871. </b:includable>
  1872. <b:includable id='threaded_comments' var='post'>
  1873.  
  1874. </b:includable>
  1875. </b:widget>
  1876. </b:section>
  1877. </div>
  1878.  
  1879. <div class='col-xs-12 col-sm-12 col-md-4 col-lg-4' id='side-bar'>
  1880. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1881. <div class='post-info' id='new-post-info'/>
  1882. <div class='cl-item-page'>
  1883. <a name='ma3lomat'/>
  1884. <div class='clear'/>
  1885. <!-- only display title if it's non-empty -->
  1886. <h2 class='y-title' style='margin:0 0 15px 0;'>
  1887. بضغطة زر تشارك الفائدة وتدعم المدونة
  1888. </h2>
  1889. <div class='_ytpos4 col-xs-12 col-lg-12' style='padding: 15px 0px 10px;float:right;text-align:center'>
  1890. <div class='single-elements group'>
  1891. <div class='share-box'>
  1892. <li class='twitter'><a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.canonicalUrl' onclick='window.open(this.href,&quot;_blank&quot;,&quot;width=640,height=320&quot;); return false;' rel='nofollow' target='_blank' title='شاركه على Twitter'><i aria-hidden='true' class='fa fa-twitter'/></a></li>
  1893. <li class='facebook'>
  1894. <a expr:href='&quot;https://www.facebook.com/sharer/sharer.php?v=4&amp;u=&quot; + data:post.canonicalUrl' onclick='window.open(this.href,&quot;_blank&quot;,&quot;width=640,height=320&quot;); return false;' rel='nofollow' target='_blank' title='شاركه على Facebook'><i aria-hidden='true' class='fa fa-facebook'/></a>
  1895. </li>
  1896. <li class='google'><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.canonicalUrl' onclick='window.open(this.href,&quot;_blank&quot;,&quot;width=640,height=320&quot;); return false;' rel='nofollow' target='_blank' title='شاركه على Google Plus'><i aria-hidden='true' class='fa fa-google-plus'/></a></li>
  1897. <li class='pinterest'><a expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:post.canonicalUrl + &quot;&amp;media=&quot; + (data:post.firstImageUrl ? data:post.firstImageUrl : &quot;https://3.bp.blogspot.com/-KwmN4jf70kk/VjEnrjuF-7I/AAAAAAAABq0/0ga5WDnDjZI/s1600-r/alt%2Bimage.png&quot; ) + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&quot;_blank&quot;,&quot;width=640,height=320&quot;); return false;' rel='nofollow' target='_blank' title='شاركه على Pinterest'><i aria-hidden='true' class='fa fa-pinterest'/></a></li>
  1898. <li class='whatsapp'><whatsapp expr:data-link='data:post.canonicalUrl' expr:data-text='data:post.title'/><a class='wa' data-action='share/whatsapp/share' href='#'><i aria-hidden='true' class='fa fa-whatsapp'/></a></li>
  1899. </div>
  1900. </div>
  1901. <div style='clear:both'/>
  1902. <div class='ads2post'>
  1903.  
  1904. </div>
  1905. </div>
  1906. <div class='post-footer-line post-footer-line-3'/>
  1907. </div>
  1908. </b:if>
  1909.  
  1910. <b:section class='sidebar' id='sidebar1' showaddelement='yes'>
  1911. <b:widget id='HTML1' locked='false' title='احدث التعليقات' type='HTML'>
  1912. <b:widget-settings>
  1913. <b:widget-setting name='content'>&lt;style type=&quot;text/css&quot; scoped&gt;
  1914. #HTML3 { max-height: 445px; overflow: auto; }
  1915. ul.ar1web_recent{list-style:none;margin:0;padding:0;height: 321px; overflow: auto;}
  1916. .ar1web_recent li{background:transparent;margin:0 0 6px!important;padding:3px
  1917. !important;display:block;clear:both;overflow:hidden;list-style:none; 1px dashed #eee;
  1918. border-radius:9px; max-height: 100px;}
  1919. .ar1web_recent li:hover {
  1920. background: #e9e9e9;
  1921. border: 1px solid #D8D5D5;
  1922. }
  1923. .ar1web_recent a {text-decoration:none;}
  1924. .avatarImage{padding:3px;background:#fefefe;float: right; margin: 0; position: relative; overflow: hidden; margin-left: 10px;}
  1925. .avatarRound{border-radius:100px;width:35px;height:35px}
  1926. .ar1web_recent li span{margin-top:4px;color: #444;display: block;font-size: 12px;line-height: 1.4;}
  1927. &lt;/style&gt;
  1928. &lt;script type=&quot;text/javascript&quot;&gt;
  1929. //&lt;![CDATA[
  1930. var
  1931. numComments = 15,
  1932. showAvatar = true,
  1933. avatarSize = 35,
  1934. roundAvatar = true,
  1935. characters = 40,
  1936. defaultAvatar = &quot;http://www.gravatar.com/avatar/?d=mm&quot;,
  1937. hideCredits = true;
  1938. maxfeeds=50,
  1939. adminBlog=&#39;iHussam&#39;;
  1940. //]]&gt;
  1941. &lt;/script&gt;
  1942. &lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.rawgit.com/iHussam/ar1web/master/comments.js&quot;&gt;&lt;/script&gt;
  1943. &lt;script type=&quot;text/javascript&quot; src=&quot;/feeds/comments/default?alt=json&amp;amp;callback=ar1web_recent&amp;amp;&amp;amp;max-results=50&quot;&gt;
  1944. &lt;/script&gt;</b:widget-setting>
  1945. </b:widget-settings>
  1946. <b:includable id='main'>
  1947. <!-- only display title if it's non-empty -->
  1948. <b:if cond='data:title != &quot;&quot;'>
  1949. <h2 class='title'><data:title/></h2>
  1950. </b:if>
  1951. <div class='widget-content'>
  1952. <data:content/>
  1953. </div>
  1954.  
  1955. <b:include name='quickedit'/>
  1956. </b:includable>
  1957. </b:widget>
  1958. <b:widget id='PopularPosts1' locked='false' title='الأكثر زيارة' type='PopularPosts'>
  1959. <b:widget-settings>
  1960. <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  1961. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1962. <b:widget-setting name='showSnippets'>false</b:widget-setting>
  1963. <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
  1964. </b:widget-settings>
  1965. <b:includable id='main'>
  1966. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  1967. <div class='widget-content popular-posts'>
  1968. <ul>
  1969. <b:loop values='data:posts' var='post'>
  1970. <li>
  1971. <b:if cond='!data:showThumbnails'>
  1972. <b:if cond='!data:showSnippets'>
  1973. <!-- (1) No snippet/thumbnail -->
  1974. <a expr:href='data:post.href'><data:post.title/></a>
  1975. <b:else/>
  1976. <!-- (2) Show only snippets -->
  1977. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1978. <div class='item-snippet'><data:post.snippet/></div>
  1979. </b:if>
  1980. <b:else/>
  1981. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  1982. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1983. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  1984. <div class='item-thumbnail'>
  1985. <a expr:href='data:post.href' target='_blank'>
  1986. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  1987. <img alt='' border='0' expr:src='data:image'/>
  1988. </b:with>
  1989. </a>
  1990. </div>
  1991. </b:if>
  1992. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1993. <b:if cond='data:showSnippets'>
  1994. <div class='item-snippet'><data:post.snippet/></div>
  1995. </b:if>
  1996. </div>
  1997. <div style='clear: both;'/>
  1998. </b:if>
  1999. </li>
  2000. </b:loop>
  2001. </ul>
  2002. <b:include name='quickedit'/>
  2003. </div>
  2004. </b:includable>
  2005. </b:widget>
  2006. </b:section>
  2007. </div>
  2008. </div>
  2009. </div>
  2010. <div class='socialar1web'>
  2011. <ul>
  2012. <li><a class='social_ar1web'><i class='fa fa-share-alt'/> تابعنا على </a>
  2013. <ul>
  2014. <li><a class='fbk' href='http://facebook.com/arabe1web' target='_blank'>صفحتنا</a></li>
  2015. <li><a class='gge' href='https://plus.google.com/u/0/+iHussam' target='_blank'>اضفنا لدوائرك</a></li>
  2016. <li><a class='twtr' href='https://www.blogger.com/follow-blog.g?blogID=6109045480426282985' target='_blank'>كن صديق&#1611;ا لنا </a></li>
  2017. </ul>
  2018. </li>
  2019. </ul>
  2020. </div>
  2021. <div id='footer-wrapper' itemscope='itemscope' itemtype='https://schema.org/WPFooter'>
  2022. <div class='copy-container row'>
  2023. <div class='footer-wrapper_copyright'>
  2024. <p class='bottom-copyright'>
  2025. جميع الحقوق محفوظة لـ
  2026.  
  2027. <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  2028. </p>
  2029. </div>
  2030. </div>
  2031. </div>
  2032. <a href='#' id='backtotop'><i class='fa fa-angle-up'/></a>
  2033. <!-- Begin Page Navigation -->
  2034. </div>
  2035. <script type='text/javascript'>
  2036. //<![CDATA[
  2037. function resizeThumb(parentID, size) {
  2038. var parent = document.getElementById(parentID),
  2039. image = parent.getElementsByTagName('img');
  2040. for (var i = 0; i < image.length; i++) {
  2041. image[i].src = image[i].src.replace(/\/s600, "/s" + size);
  2042. image[i].width = size;
  2043. image[i].height = size;
  2044. }
  2045. }
  2046. resizeThumb('main');
  2047. //]]>
  2048. </script>
  2049. <script>
  2050. $(document).ready(function(){
  2051. $(&#39;[data-toggle=&quot;tooltip&quot;]&#39;).tooltip();
  2052. });
  2053. </script>
  2054. <script type='text/javascript'>
  2055. var loriga = document.getElementById(&#39;old-post-info&#39;);
  2056. var othmane = document.getElementById(&#39;new-post-info&#39;);
  2057. othmane.innerHTML = loriga.innerHTML;
  2058. </script>
  2059. <script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'/>
  2060. <script>
  2061. $.each($(&#39;a[name]&#39;), function(i, e) {
  2062. var elem = $(e).parent().find(&#39;#postviews,#ar1webviews&#39;).addClass(&#39;mbtloading&#39;);
  2063. var blogStats = new Firebase(&quot;https://ar1web.firebaseio.com/pages/id/&quot; + $(e).attr(&#39;name&#39;));
  2064. blogStats.once(&#39;value&#39;, function(snapshot) {
  2065. var data = snapshot.val();
  2066. var isnew = false;
  2067. if (data == null) {
  2068. data = {};
  2069. data.value = 0;
  2070. data.url = window.location.href;
  2071. data.id = $(e).attr(&#39;name&#39;);
  2072. isnew = true;
  2073. }
  2074. elem.removeClass(&#39;mbtloading&#39;).text(data.value);
  2075. data.value++;
  2076. if (window.location.pathname != &#39;/&#39;) {
  2077. if (isnew) {blogStats.set(data);}
  2078. else
  2079. blogStats.child(&#39;value&#39;).set(data.value);
  2080. }
  2081. });
  2082. });
  2083. </script>
  2084. <script type='text/javascript'>
  2085. //<![CDATA[
  2086. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var
  2087. //Pre Auto Selection
  2088. pres=document.querySelectorAll("pre,kbd,blockquote,i"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2089. //]]>
  2090. jQuery(document).ready(function(e){var t=e(&quot;#backtotop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=800?t.show(10).animate({opacity:&quot;1&quot;},10):t.animate({opacity:&quot;0&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
  2091. $(function(){$(&quot;#simplify-click &gt; li&quot;).click(function(i){var l=$(&quot;ul&quot;,this);return $(&quot;#simplify-click &gt; li &gt; ul&quot;).not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$(&quot;#simplify-click &gt; li &gt; ul &gt; li&quot;).click(function(i){i.stopPropagation()})});
  2092. </script>
  2093. <script>
  2094. twemoji.parse(document.body);
  2095. </script>
  2096. <style>
  2097. img.emoji {box-shadow: none!important; background: none; margin: 0!important; border: none; padding: 0; display: initial; vertical-align: -0.1em; width: 1em;}
  2098. </style>
  2099. <script type='text/javascript'>
  2100. //<![CDATA[
  2101. var disqus_shortname = 'arab1web';//Your name disqus
  2102. !function(){var comdis=document.createElement("script");comdis.type="text/javascript",comdis.async=!0,comdis.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(comdis)}();
  2103. //tab coment disq
  2104. function commentToggle(o){$(".comn-tab").addClass("off-comtab"),$(o).removeClass("off-comtab"),$(".com-page").hide(),$(o+".pageshow-active").show()};
  2105. //]]>
  2106. </script>
  2107. <script async='async' id='dsq-count-scr' src='//arab1web.disqus.com/count.js'/>
  2108. <script type='text/javascript'>
  2109. //<![CDATA[
  2110. $(function() {
  2111. $(".separator:first").remove();
  2112. $(".post-body > img:first").remove();
  2113. });
  2114. //]]>
  2115. </script>
  2116.  
  2117.  
  2118.  
  2119. &lt;!--</body>--&gt;&lt;/body&gt;
  2120. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!