API tools faq
paste
Hayla

wdbloog Blogger Template By AMni

Hayla
Jun 1st, 2020
438
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 104.70 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. &lt;head&gt;
  5. <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
  6. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  7. <b:if cond='data:blog.isMobile'>
  8. <b:else/>
  9. <meta content='width=1100' name='viewport'/>
  10. </b:if>
  11. <b:include data='blog' name='all-head-content'/>
  12. <title>
  13. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  14. <data:blog.pageTitle/>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  17. <data:blog.pageName/> - <data:blog.title/>
  18. <b:else/>
  19. 404 - <data:blog.title/>
  20. </b:if>
  21. </b:if>
  22. </title>
  23. <!-- All in One SEO Pack for blogger by wdbloog.blogspot.com -->
  24. <meta charset='utf-8'/>
  25. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  26. <meta content='blogger' name='generator'/>
  27. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  28. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  29. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  30. <link expr:href='data:blog.url' rel='canonical'/>
  31. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  32. <title><data:blog.pageTitle/></title>
  33. <b:else/>
  34. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  35. <title><data:blog.pageName/> - <data:blog.title/></title>
  36. </b:if></b:if>
  37. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  38. <title>الصفحة غير موجوده 404 - <data:blog.title/></title>
  39. </b:if>
  40. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  41. <meta content='noindex' name='robots'/>
  42. </b:if>
  43. <b:if cond='data:blog.searchLabel'>
  44. <meta content='noindex,nofollow' name='robots'/>
  45. </b:if>
  46. <b:if cond='data:blog.isMobile'>
  47. <meta content='noindex,nofollow' name='robots'/>
  48. </b:if>
  49. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  50. <meta expr:content='data:blog.metaDescription' name='description'/>
  51. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  52. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  53. </b:if></b:if>
  54. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  55. <meta content='هنا،يتم،كتاب،الكليمات،المفتاحية،الذى،تريدها' name='keywords'/></b:if>
  56. <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'/>
  57. <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'/>
  58. <link expr:href='&quot;http://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'/>
  59. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  60. <b:if cond='data:blog.postImageThumbnailUrl'>
  61. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  62. </b:if></b:if>
  63. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  64. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  65. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  66. <b:if cond='data:blog.url'>
  67. <meta expr:content='data:blog.url' property='og:url'/>
  68. </b:if>
  69. <meta expr:content='data:blog.title' property='og:site_name'/>
  70. <b:if cond='data:blog.pageName'>
  71. <meta expr:content='data:blog.pageName' property='og:title'/>
  72. </b:if>
  73. <meta content='website' property='og:type'/></b:if></b:if></b:if>
  74. <b:if cond='data:blog.postImageThumbnailUrl'>
  75. <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  76. <b:else/></b:if>
  77. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  78. <link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/>
  79. <link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/>
  80. <link href='https://plus.google.com/GOOGLE+ID' rel='me'/>
  81. <meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/>
  82. <meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/>
  83. <meta content='دولتك, مدينتك' name='geo.placename'/>
  84. <meta content='الاسم المستخدم فى بلوجر' name='Author'/>
  85. <meta content='general' name='rating'/>
  86. <meta content='دولتك' name='geo.country'/>
  87. <meta content='ar_AR' property='og:locale'/>
  88. <meta content='en_AR' property='og:locale:alternate'/>
  89. <meta content='id_ID' property='og:locale:alternate'/>
  90. <meta content='https://www.facebook.com/abdocr2' property='article:author'/>
  91. <meta content='https://www.facebook.com/wdbloog' property='article:publisher'/>
  92. <meta content='FACEBOOK-APP-ID' property='fb:app_id'/>
  93. <meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/>
  94. <meta content='@rm4na' name='twitter:site'/>
  95. <meta content='@rm4na' name='twitter:creator'/>
  96. <!-- End of All in One SEO Pack for blogger by wdbloog.blogspot.com -->
  97. <!-- meta tags -->
  98. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  99. <meta expr:content='data:blog.pageName' property='og:title'/>
  100. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  101. <meta content='article' property='og:type'/>
  102. </b:if>
  103. <b:if cond='data:blog.postImageUrl'>
  104. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  105. <b:else/>
  106. <b:if cond='data:blog.postImageThumbnailUrl'>
  107. <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  108. </b:if></b:if>
  109. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  110. <meta expr:content='data:blog.metaDescription' name='og:description'/>
  111. </b:if>
  112. <meta expr:content='data:blog.title' property='og:site_name'/>
  113. <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
  114. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  115. <b:if cond='data:blog.postImageUrl'>
  116. <meta content='summary_large_image' name='twitter:card'/>
  117. <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  118. <b:else/>
  119. <meta content='summary' name='twitter:card'/>
  120. <b:if cond='data:blog.postImageThumbnailUrl'>
  121. <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  122. </b:if>
  123. </b:if>
  124. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  125. <b:if cond='data:blog.metaDescription'>
  126. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  127. </b:if>
  128.  
  129. <!-- Social Media meta tag need customer customization -->
  130. <meta content='Facebook App ID here' property='fb:app_id'/>
  131. <meta content='Facebook Admin ID here' property='fb:admins'/>
  132. <meta content='@username' name='twitter:site'/>
  133. <meta content='@username' name='twitter:creator'/>
  134.  
  135. <!-- end meta tags -->
  136. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  137.  
  138. <b:if cond='data:none'><b:skin><![CDATA[]]></b:skin></b:if>
  139. <style type='text/css'>
  140. /* body */
  141. body{background:#d8d8d8;font-family:hacentunisialt;font-size:16px;font-weight:400;text-align:right;color:#000;margin:0;padding:0}
  142. ul {margin:0;padding:0;}
  143. li {display: list-item;text-align: -webkit-match-parent;}
  144. * {list-style:none;text-decoration:none;margin:0;padding:0;outline:0}
  145. *, :before, :after {box-sizing: border-box}
  146. a {color:#343434;}
  147. .clear {clear:both;}
  148. .widget {margin: 0;}
  149. .widget-item-control,#ContactForm1,#ContactForm1 br{display:none;}
  150. .widget li {padding: 0;}
  151. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family:hacentunisialt;font-size: 100%;font-style: inherit;color: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
  152. .container{position:relative;max-width:1000px;margin:auto}
  153. .body_container {overflow: hidden;}
  154. button, input, optgroup, select, textarea {font-family: hacentunisialt;border:0}
  155. /* Tarnsition */
  156. .main-menu ul li a,.post-title a,.sidebar a,.follow-by-email-submit,.search-button,#social-media ul li a,#search-text,#blog-pager a,.posts-thumb img,.item-thumbnail img,.PopularPosts li:first-child .item-title,a{transition:all 0.7s ease 0s}
  157. /* copyrights */
  158. .copyrights{color:#3e4e6b;overflow:hidden;padding:10px;font-size:15px;background:#FFFFFF;text-align:center;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);margin-bottom: 10px;}
  159. .right-copy a {float: right;padding: 0 5px;background-color: #ea493d;color: #fff;}
  160. .left-copy {float: left;}
  161. .copyrights a:hover {background-color: #000;}
  162. .left-copy a {padding: 0 5px;background-color: #ea493d;color: #fff;}
  163. .copyrights a {
  164. font-size: 20px;
  165. }
  166. /* header */
  167. #ads-header {overflow:hidden;float:left;width:100%;max-width:728px}
  168. .header{position:relative;display:block;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px;margin-bottom:10px}
  169. #logo{float:right;max-width:170px;margin-top:20px}
  170. #logo img {width: 100%;height: 100%;}
  171. /* main */
  172. .menublabel span:before {
  173. content: &quot;\f0c9&quot;;
  174. cursor: pointer;
  175. float: right;
  176. line-height: 30px;
  177. text-align: center;
  178. width: 30px;
  179. font-family: fontawesome;
  180. font-size: 18px;
  181. background-color: #E74C3C;
  182. color: #fff;
  183. margin-top: 8px;
  184. margin-right: 10px;
  185. margin-bottom: 8px;
  186. border-radius: 5px;
  187. }
  188. #menubtn:checked + label span:before{background-color: #000;}
  189. .menublabel{display:none}
  190. #menubtn{position:absolute;visibility:hidden}
  191. .main-menu {background: #fff;width: 100%;display: inline-block;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);position: relative;}
  192. #main-menu{float:right}
  193. #main-menu ul li {position: relative;padding: 10px 0; float: right;}
  194. #main-menu ul li a {
  195. padding: 0 15px;
  196. display: block;
  197. border-left: 1px solid rgb(236, 236, 236);
  198. color: #555;
  199. }
  200. #main-menu ul li:hover {background-color: #d9d8d9;}
  201. /* main Sites */
  202. #social-media{float:left}
  203. #social-media li {
  204. padding: 7px 0;
  205. float: right;
  206. }
  207. #social-media ul li a {
  208. padding: 0;
  209. height: 30px;
  210. line-height: 30px;
  211. display: block;
  212. background-color: initial;
  213. width: 30px;
  214. text-align: center;
  215. color: #fff;
  216. border-radius: 5px;
  217. margin-right: 5px;
  218. }
  219. #social-media ul li a i{line-height:30px;height:30px;background-color:#E74C3C;color:#fff;padding:0;width:30px;text-align:center}
  220. #social-media ul li a.khamsat, #social-media ul li a.blogger {font-size: 18px;}
  221. #social-media ul li a.facebook{background-color:#4267b2}
  222. #social-media ul li a.twitter{background-color:#1da1f2}
  223. #social-media ul li a.google-plus{background-color:#db4437}
  224. #social-media ul li a.instagram{background-color:#BB6A1B}
  225. #social-media ul li a.khamsat{background-color:#F3AD2D}
  226. #social-media ul li a.blogger {background-color: #F9764D;}
  227. #social-media ul li a:hover {background-color: #000;}
  228. #social-media li a.khamsat:before {content: &quot;5&quot;;font-family: hacentunisialt;font-weight: bold;display: block;}
  229. #social-media li a.blogger:before {content: &quot;B&quot;;font-family: hacentunisialt;font-weight: bold;display: block;}
  230. #social-media li a:before {
  231. font-family:FontAwesome;
  232. }
  233. .google-plus:before {content: &quot;\f0d5&quot;;}
  234. .facebook:before {content:&quot;\f09a&quot;;}
  235. .twitter:before {content:&quot;\f099&quot;;}
  236. .instagram:before {
  237. content: &quot;\f16d&quot;;
  238. }
  239. /* search */
  240. .search-button{display:block;width:30px;float:left;text-align:center;font-size:16px;line-height:35px;font-weight:700;height:35px;background-color:#E74C3C;color:#fff;margin-top:10px;margin-left:5px}
  241. .search-button:hover{color:#fff;background-color:#000}
  242. #serbtn{position:absolute;visibility:hidden}
  243. .haedbuttons:checked + label i::before,#serbtn:checked + label span::before{content:&quot;\f00d&quot;!important;background-color: #000;}
  244. #serbtn + label span::before{background-color:#E74C3C;color:#fff;content:&quot;\f002&quot;;cursor:pointer;display:block;font-family:fontawesome;line-height:30px;text-align:center;width:30px;font-size:15px;float:left;margin-left:10px;margin-top:7px;z-index:99;position:relative;margin-right: 5px;border-radius: 5px;}
  245. #serbtn:checked ~ #search-text{width:220px}
  246. #searchform {position: relative;}
  247. #search-text{width:0;position:absolute;left:28px;height:30px;color:#000;padding:0;box-sizing:border-box;top:7px;border:0;background-color:#d8d8d8;text-align:right;font-family:hacentunisialt;float:left;z-index:9;padding-right:10px}
  248.  
  249. /* post */
  250. .post-wrapper{float:right;width:68%;padding-left:10px;}
  251. .posts-thumb {width: 38.5%;float: right;margin: 0 0 0 1.5%;height: 200px;position: relative;overflow: hidden;}
  252. .post-info {width: 60%;float: left;height: 200px;position: relative;overflow: hidden;}
  253. .posts-thumb img{width:100%;height:100%}
  254. .index .post-outer:hover .posts-thumb img,.archive .post-outer:hover .posts-thumb img{transform:scale(1.3)}
  255. .index .post, .archive .post {margin-bottom: 10px;position: relative;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);padding: 10px;background-color: #fff;overflow: hidden;}
  256. .clear-post-body {box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 1px 10px 10px 10px;line-height: 35px;}
  257. .post-title a {
  258. font-size: 1.3em;
  259. margin-bottom: 10px;
  260. display: block;
  261. }
  262. .post-snippet {
  263. font-size: 15px;
  264. color: #aaa;
  265. margin-top: 6px;
  266. }
  267. .index span.post-labels a:nth-child(1),.archive span.post-labels a:nth-child(1){display:block}
  268. .index span.post-labels a,.archive span.post-labels a{display:none}
  269. .index .post-meta span,.index .post-meta a,.archive .post-meta span,.archive .post-meta a{display:inline-block;font-size:15px;color:#4267b2;text-transform:capitalize}
  270. .index .post-outer:hover .post-title a,.archive .post-outer:hover .post-title a{color:#e74c3c}
  271. .breadcrumbs{color:#aaa;overflow:hidden;font-size:14px;padding:15px 0;margin:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.21);border-top:1px solid rgba(0,0,0,0.21)}
  272. .breadcrumbs span{color:#aaa}
  273. /* sidebar */
  274. .sidebar{float:left;width:32%}
  275. .sidebar h2, .sidebar h3.title {font-size: 20px;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px;margin: 10px 0;text-align: center;}
  276. .sidebar .widget-content{padding: 10px;box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff}
  277. .widget-content.popular-posts {box-shadow: 0 0 0 rgba(0,0,0,0.09);background: initial;padding: 0;}
  278. #LinkList5 .widget-content {padding-bottom: 1px;}
  279. .item #Label2, .item #PageList2 {display: block;}
  280. #Label2 select, #PageList2 select {background-color: #d9d8d9;padding: 5px;font-size: 17px;}
  281. /* widget */
  282. .PageList li a {display: block;font-size: 14px;padding: 0 10px;border-bottom: 1px solid #CBCBCB;}
  283. .PageList li a:hover {background: #e74c3c!important;color: #fff;}
  284. .ContactForm {display: none;}
  285. .cloud-label-widget-content a {padding: 0 10px;display: inline-block;margin-bottom: 5px;font-size: 14px;width: 100%;float: right;height: 30px;line-height: 30px;}
  286. .cloud-label-widget-content a:hover{background:#e74c3c!important;color:#fff}
  287. .sidebar .LinkList a{display:block;margin-bottom:10px;font-size:16px;text-align:center;background-color:#d8d8d8;padding:5px 0}
  288. .sidebar .LinkList a:hover {background-color: #e74c3c;color: #fff;}
  289. .item-snippet{color:#555;height:35px;overflow:hidden}
  290. .popular-posts li{overflow:hidden;margin-bottom:10px;position: relative;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);padding: 10px;background-color: #fff;}
  291. .list-label-widget-content li {z-index: 2;padding: 0 10px;text-align: right;color: #fff;font-size: 14px;border-bottom: 1px solid #CBCBCB;transition: all .3s;}
  292. .list-label-widget-content li:hover {background: #e74c3c;}
  293. .list-label-widget-content a{line-height:2em;font-size:14px}
  294. .list-label-widget-content span {position: relative;float: left;color: #000000;padding: 0;}
  295. .list-label-widget-content li:hover a,.list-label-widget-content li:hover span,.list-label-widget-content li:hover:before{color: #fff;}
  296. .list-label-widget-content li:before{content:&#39;\f10c&#39;;font-family:fontawesome;color:#000;margin:0 0 0 10px;border-radius:50%}
  297. .PopularPosts .post{box-shadow:0 0 0 rgba(0,0,0,0.09);margin:0;padding:0}
  298. .post-content{overflow:hidden;margin-bottom:10px}
  299. .post-content h3.post-title{float:left;width:62%}
  300. .post-content h3.post-title a{font-size:14px}
  301. .popular-posts li:hover .item-thumbnail-only a {color: #fff;background-color: #ea493d;}
  302. .item-thumbnail img{width:100%;height:100%}
  303. .popular-posts li:hover .item-thumbnail img{transform:scale(1.3)}
  304. .item-thumbnail{width:100%;height:175px;float:right;position:relative;overflow:hidden}
  305. .PopularPosts .item-title a {background: #fff;padding: 10px;position: absolute;bottom: 20px;left: 20px;right: 20px;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1)}
  306. /* follow by email */
  307. #Email{box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px;margin: 10px 0;overflow:hidden;text-align:center}
  308. #Email h3 {font-size: 30px;margin: 0 0 10px 0;color: #E74C3C;}
  309. .follow-by-email-address {padding: 10px;background-color: #d8d8d8;width: 80%;font-size: 17px;float: right;height: 50px;}
  310. .follow-by-email-submit {padding: 10px;background-color: #E74C3C;border: 0;color: #fff;font-size: 15px;cursor: pointer;width: 20%;height: 50px;}
  311. .follow-by-email-submit:hover {background-color: #000;}
  312. /* ads */
  313. .header-thumb .ad-sbygoogle {margin: 10px 0;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px;margin-bottom: 10px;overflow: hidden;}
  314. .ad-sbygoogle {margin: 10px 0}
  315. #ads-header2 {overflow:hidden;width:100%;margin:auto;margin-bottom:10px;text-align:center;box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px}
  316. /* Code converter ana Compression codes */
  317. #cssminifier textarea,#comprescss #cssField{width:100%;height:350px;margin:0 auto;display:block;background-color:#fff;padding:20px;font-family:hacentunisialt;border:1px solid #EF5350;resize:none;box-sizing:border-box}
  318. #cssminifier .button-group,#comprescss .button-group{border:1px solid #EF5350;border-top:0;padding:20px;text-align:center;background-color:#E0E0E0}
  319. #cssminifier .opt1,#cssminifier .opt2,#comprescss .opt1,#comprescss .opt2,#comprescss .opt3,#comprescss .opt4{width:25px;height:25px;vertical-align:middle;margin:0 10px}
  320. #cssminifier button,#comprescss button{border:0;line-height:25px;height:30px;padding:1px 10px 9px 10px;color:#fff;background-color:#E74C3C;transition:all .1s;font-family:hacentunisialt;margin:15px 5px 0 5px;cursor:pointer}
  321. #cssminifier button:hover,#comprescss button:hover{background-color:#000}
  322.  
  323. #HTML2 {
  324. margin-top: 10px;
  325. }
  326. .wdads {
  327. overflow: hidden;
  328. }
  329. .wdads a {
  330. float: right;
  331. width: 50%;
  332. }
  333. .wdads img {
  334. width: 125px;
  335. height: 125px;
  336. border: 4px solid #d8d8d8;
  337. outline: 1px solid #183144;
  338. margin: 1px auto;
  339. display: table;
  340. }
  341. /* coding editor */
  342. .coding-editor textarea{width:100%;height:250px;margin:0 auto;display:block;background-color:#fff;padding:20px;font-family:hacentunisialt;border:1px solid #EF5350;resize:none;box-sizing:border-box}
  343. .coding-editor button{border:0;line-height:25px;height:30px;padding:1px 10px 9px 10px;color:#fff;background-color:#E74C3C;transition:all .1s;font-family:hacentunisialt;margin:15px 5px 0 5px;cursor:pointer}
  344.  
  345. /* Adblock */
  346. @keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
  347. @keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
  348. #wdbloogablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
  349. #wdbloogablock .header {margin: 0 0 15px 0;box-shadow: 0 0 0 rgba(0,0,0,0.09);background: initial;height: initial;}
  350. #wdbloogablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:20px;margin:5% auto 2% auto;position: relative}
  351. #wdbloogablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
  352. #wdbloogablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
  353. #wdbloogablock button.active,#wdbloogablock button:hover.active{background:#fff;color:#222;outline:none}
  354. #wdbloogablock .fixblock{background:#fff;text-align:right;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
  355. #wdbloogablock .fixblock img {max-width: 100%;}
  356. #wdbloogablock .fixblock div{display:none}
  357. #wdbloogablock .fixblock div.active{display:block;animation:fadeInUp .5s}
  358. #wdbloogablock ol{margin-left:20px}
  359. #wdbloogref a {padding: 10px 20px;border: 0;background: rgba(0,0,0,0.15);color: #fff;cursor: pointer;transition: all .3s;display: block; margin-top: 10px;}
  360. #wdbloogref a.bywdbloog {padding: 0;background: initial!important;display: inline-block;position: absolute;left: 20px;font-size: 9px; margin: 0;}
  361. #wdbloogref a:hover {background: rgba(0,0,0,0.35);color: #fff;outline: none;}
  362.  
  363. /* ones ignal */
  364. #onesignal-popover-container #onesignal-popover-dialog .popover-body-message{font-family:hacentunisialt!important;text-align:right!important;width:calc(100% - 90px)!important;padding-top:15px!important}
  365. #onesignal-popover-container #onesignal-popover-dialog .popover-button.primary{font-family:hacentunisialt!important}
  366. #onesignal-popover-container #onesignal-popover-dialog .popover-button.secondary{font-family:hacentunisialt}
  367. #onesignal-popover-container #onesignal-popover-dialog .popover-body-icon{float:right!important;margin-left:10px!important;margin-bottom:10px!important}
  368. #onesignal-popover-container.slide-down #onesignal-popover-dialog{padding:10px!important}
  369. /* Page */
  370. #blog-pager {box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px;overflow: hidden;}
  371. #blog-pager a {position: relative;overflow: hidden;display: inline-block;background: #e84b3c;color: #fff;padding: 10px 15px;}
  372. #blog-pager a.home-link {display: block;text-align: center;}
  373. #blog-pager a.older-link {float: left;margin: 0 10px 0 0;}
  374. #blog-pager a.newer-link {float: right;margin: 0 0 0 10px;}
  375. #blog-pager a:hover {background-color: #000;}
  376. .static_page #blog-pager,.item #blog-pager {display: none;}
  377.  
  378.  
  379.  
  380. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  381. /* sitemap */
  382. #recentpostnavfeed{border-top:1px solid #d9d8d9;padding:10px;overflow:hidden}
  383. #recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
  384. #recentpostnavfeed .previous{float:right;margin-left:10px}
  385. #recentpostnavfeed .next,#recentpostnavfeed .previous,#recentpostnavfeed .home{position:relative;overflow:hidden;display:inline-block;background:#e84b3c;color:#fff;padding:10px 15px;font-size:1rem}
  386. #recentpostnavfeed .home{display:block;text-align:center}
  387. #recentpostnavfeed .next{float:left;margin-right:10px}
  388. #recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#000;color:#fff}
  389. /* blockquote */
  390. .post blockquote{display:block;background:#eee;padding:15px 40px 15px 40px;margin:0 0 20px;position:relative;color:#EF5350;font-size:14px;border:1px solid #EF5350}
  391. .post blockquote::before{content:&quot;\f10d&quot;;font-size:15px;position:absolute;left:10px;bottom:5px;font-family:FontAwesome;font-weight:100}
  392. .post blockquote::after{content:&quot;\f10e&quot;;font-size:15px;position:absolute;right:6px;top:13px;font-family:FontAwesome;font-weight:100}
  393. /* Download */
  394. .btn-btn2{display:table;margin:0 auto}
  395. #wrap{margin:20px auto;text-align:center}
  396. .item .post a.btn {display: inline-block;position: relative;text-decoration: none;font-weight: 500;padding: 2px 15px;margin: 10px;color: #fff;font-size: 13px;text-transform: uppercase;line-height: 23px;border-radius: 15px;background-color: #e74c3c;}
  397. a.btn:hover{background:#30abd5;color:#fff!important;box-shadow:inset 0 -50px 0 #22313F}
  398. a.btn::before{display:-webkit-inline-box;content:&quot;\f06e&quot;;font-family:fontawesome;margin:0 0 0 5px}
  399. a.btn:hover::before{color:#fff}
  400. .item .post a.btn2{display:inline-block;position:relative;text-decoration:none;font-weight:500;background:#e74c3c;padding:2px 15px;margin:5px;color:#fff!important;font-size:13px;text-transform:uppercase;border-radius:15px;transition:all 0.3s ease-out;line-height:23px}
  401. a.btn2:hover{background:#EF5350;color:#fff;box-shadow:inset 0 -50px 0 #22313F}
  402. a.btn2::before{color:#FFFFFF;display:-webkit-inline-box;content:&quot;\f090&quot;;font-family:fontawesome;margin:0 0 0 5px}
  403. #wdbloogbcoun{display:table;margin:auto}
  404. /* post h */
  405. .clear-post-body h2, .clear-post-body h3, .clear-post-body h4{color:#E74C3C;position:relative;display:block;font-size:17px;padding:8px;font-weight:500;text-align:right!important;margin-top:15px;margin-bottom:15px;border-bottom:1px solid #E74C3C;background-color:#E0E0E0}
  406. /* post ol , post ul */
  407. .item .post ol,.static_page .clear-post-body ol{counter-reset:li;list-style:none;margin-top:6px}
  408. .item .post ol li{position:relative;margin:5px 0!important;padding:5px 0!important;text-indent:15px;line-height:25px;height:35px}
  409. .item .post ol li:before,.static_page .post ol li:before{content:counter(li);counter-increment:li;width:30px;text-indent:0;border-radius:0;background-color:#E74C3C;display:block;color:#fff;padding:5px;height:30px;float:right;margin:0;line-height:18px;text-align:center}
  410. .item .clear-post-body ul li,.static_page .clear-post-body ul li{position:relative;margin:5px 0!important;padding:5px 19px!important;text-indent:14px;margin-right:15px!important}
  411. .item .clear-post-body ul li:before,.static_page .clear-post-body ul li:before{position:absolute;right:0;padding:3px;color:#000000;text-indent:7px;border-radius:0;margin-top:10px;line-height:31px;content:&quot;\f111&quot;;font:normal normal normal 10px/1 FontAwesome}
  412. .static_page p.labels a {color: #fff;margin: 5px 0;}
  413. /* pre */
  414. pre{margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#444;position:relative;padding:15px;width:100%;tab-size:2;word-break:normal;-webkit-user-select:text;max-height:700px;color:#fff;overflow: hidden;line-height: 25px;font-size: 13px;}
  415. code.language-markup span {color: #fff;font-weight: 100;font-size: 13px;}
  416. pre:hover {overflow: auto;}
  417. 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:#EEEEEE;box-shadow:inset 0 0 0 1px #ccc}
  418. 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;line-height:25px;height:46px;background-color:#EEEEEE;box-shadow:inset 0 0 0 1px #ccc;display: none;}
  419. pre:after{display:none;content:&quot;\f121&quot;;font-family:fontAwesome;font-style:normal;font-weight:normal;font-size:18px;color:#79798d;top:0;left:0;padding:9px 14px;position:absolute;line-height:28px}
  420. pre code{display:block;background:none;border:none;color:#FFFFFF;padding:0;font-size:13px;white-space:pre;overflow:hidden;line-height: 35px;font-family: &#39;Changa&#39;, sans-serif;}
  421. pre a.vglnk {color: #fff!important;font-weight: 100!important;font-size: 13px!important;}
  422. pre code:hover {overflow: auto;}
  423. /* kbd */
  424. kbd {position: relative;color: #FFFFFF;margin: 5px;padding: 0 5px;font-weight: 100;text-align: center;border-radius: 4px;background-color: #E74C3C;font-family: hacentunisialt;}
  425. kbd span {color: #FFFFFF;font-weight: 100;}
  426. kbd:before {position: absolute;content: &#39;اضغط مرتين لتحديد&#39;;display: block;bottom: 40px;right: 0;background: #EF5350;color: #fff;padding: 5px 0;font-size: 13px;opacity: 0;visibility: hidden;transform: scale(0.8);z-index: 2;transition: all .3s;text-align: center;width: 120px;line-height: 10px;height: 25px;}
  427. kbd:hover:before{transform:scale(1.0);opacity:1;visibility:visible;transition:all .3s}
  428. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0}
  429. hr{height:1px;border:none;background-color:#768187}
  430. i.source span{font-size:small!important;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}
  431. /* comment */
  432. .static_page #comment_block {max-height: 2000px;overflow-x: auto;overflow: auto;}
  433. #comments {float: right;width: 100%;overflow: initial!important;}
  434. .comment_form{padding:10px;background-color:#fff;margin-top:10px;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
  435. .comment_name{display:inline-block;width:100%;background-color:#e74c3c;padding:0;height:25px;line-height:30px}
  436. .comment_name a{float:right;display:table;height:25px;background-color:#ff5722;padding:0 5px;color:#fff;line-height:20px}
  437. .comment_inner.comment_admin .comment_name a {background-color: #E74C3C;color: #fff;}
  438. a.comment-delete{float:left;display: none;}
  439. span.comment_date a{float:left;background-color:rgba(231,76,60,0);font-size: 12px;}
  440. .comment-content{font-size:14px;color:#555;display:block;padding:10px;overflow: hidden;}
  441. .comment-content a {color: #E74C3C;}
  442. .comment_avatar{width:55px;height:50px;float:right;}
  443. .comment_avatar_wrap{width:55px}
  444. .comment_avatar img{width:100%;height:100%;}
  445. .comment_body {margin-right: 70px;}
  446. .comment_header {float: right;background-color: #E74C3C;padding: 5px;}
  447. .comment_inner.comment_admin{background-color:#fff}
  448. .comment_child .comment_reply{display:inline-block}
  449. .comment_child{}
  450. span.comment_author_flag {margin-right: 10px;height: 25px;line-height: 26px;float: right;color: #fff;}
  451. .comment_inner{width:100%;margin-bottom:5px;border:1px solid #ADADAD;padding:5px;background-color: #E0E0E0;}
  452. .commentadminClass{margin-bottom:10px;padding:10px 10px 5px 10px;background-color:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
  453. .comment_reply{color:#fff;background-color:#ff5722;display:inline-block;width:40px;text-align:center;margin:auto;line-height:25px;height:25px;width:100%}
  454. #comments h4{font-weight:100;margin-bottom:10px;width:100%;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px 0;font-size:20px;border:0;text-align:center;z-index:9;position:relative;margin-top:0}
  455. .static_page #comments h4{margin-top:10px;margin-bottom: 0;}
  456. .thread-chrome.thread-collapsed{display:none}
  457. .thread-chrome{margin-top:10px}
  458. .continue{font-size:13px;background:#f1f1f1;padding:2px 10px;display:inline-block;border-radius:2px}
  459. .loadmore a{font-size:14px}
  460. .loadmore{text-align:center;margin-top:15px}
  461. .paging-control-container {display: table;margin: auto;margin-bottom: 10px;width: 100%;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px 0;font-size: 20px;text-align: center;margin-top: 10px;}
  462. .paging-control-container a {padding: 5px 10px;background-color: #E74C3C;color: #fff;margin: 0 5px;display: inline-block;}
  463. #emo-box,#hide-emo{display:none}
  464. .small-button a,.small-button1 a{background:#EF5350;color:#fff;font-size:13px;cursor:pointer;margin:15px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-radius:3px;display:inline-block;padding:5px 10px;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
  465. .comment_emo_list .item{float:right;display:block;text-align:center;margin:5px 5px 0 0;width:50px;background-color:#EF5350;border-radius:2px;height:70px}
  466. .comment_emo_list span{display:block;margin:5px 0 5px 0;letter-spacing:1px;color:#fff}
  467. .comment_emo{width:25px;height:25px;margin-bottom:-10px}
  468. span.small-button1 {display: none;}
  469. span.small-button {display: none;}
  470. #konversi-box, #hide-konversi,#emo-box,#hide-emo {display:none}
  471. #konversi-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:right;}
  472. .checkbox{font:11px Tahoma;line-height:1.6em;color:#eee;}
  473. #codes{border:1px solid #e9e9e9;width:100%;height:200px;display:block;background-color:#fff;color:#999;margin:7px 0 10px;padding:5px;transition:all 0.5s linear; font-family: hacentunisialt;}
  474. #codes:focus{background-color:#fff;color:#666;border:1px solid #ddd;outline:none;transition:all 0.3s linear;}
  475. .hide-comments{background:#ffffff;padding:10px;display:inline-block;font-family:hacentunisialt;width:100%;font-size:20px;cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
  476. .comments{display:none}
  477. .static_page .comments{display:block!important}
  478. .c-show.zer1,.c-hide.zer1{float:right;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
  479. .zer2{color:#aaa;float:left;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
  480. p.c-show.zer1 i{padding-left:10px}
  481. p.c-hide.zer1 i{padding-left:10px}
  482. /* post pager sumag */
  483. .post-pager-sumag{display:inline-block;width:100%;margin-top:10px;margin-bottom: 10px}
  484. .post-pager-sumag li{width:50%;float:right;padding:10px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);background:#fff;margin-bottom:-10px;text-align: center;}
  485. .post-pager-sumag li strong{display:block}
  486. .post-pager-sumag li span{height:60px;display:block;overflow:hidden}
  487. li.previous{width:48.7%;float:left}
  488. /* related posts */
  489. #related-posts p {font-size: 17px;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px;margin: 10px 0;text-align: center;}
  490. #related-ins {padding: 10px;overflow: hidden;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;margin-bottom: 10px;}
  491. /* post */
  492. h1.post-title a {font-size: 30px;}
  493. .item .post div b {font-weight: 900;color: #E74C3C;}
  494. .static_page .post .post-body img, .item .post-body img {max-width: 100%}
  495. .header-thumb .post-title {
  496. box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);
  497. background: #fff;
  498. padding: 10px;
  499. margin-bottom: 10px;
  500. overflow: hidden;
  501. color: #1a3a70;
  502. line-height: 1.3em;
  503. font-size: 1.8em;
  504. }
  505. .autorandlab {box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;margin-bottom: 10px;overflow: hidden;padding: 10px;}
  506. #postau a {color: #a2a2a2;font-size: 15px;}
  507. #postau {margin-left: 10px;}
  508. .item .clear-post-body a {color: #3b5998;transition: all .3s;font-weight: bold;font-size: 18px;margin-left: 0!important;margin-right: 0!important;}
  509. .item .post-meta{color:#999;padding:0;overflow:hidden;border:0;margin:15px auto;font-size:14px}
  510. .item .post-meta span,.item .post-meta a{color:#999;font-size:14px;display:inline-block;text-transform:capitalize}
  511. .item .post-meta .post-timestamp{margin:0 10px}
  512. .post.hentry img {max-width: 100%;}
  513. /* Share Button */
  514. .post-share {background-color: #fff;box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background: #fff;padding: 10px;margin-bottom: 10px;}
  515. .a2a_svg svg {width: 100%;height: 100%;}
  516. .a2a_default_style .a2a_svg {width: 100%;border-radius: 0;}
  517. .a2a_default_style a {width: 35px;padding: 0}
  518. .a2a_default_style a:hover .a2a_svg, .a2a_floating_style a:hover .a2a_svg, .a2a_overlay_style a:hover .a2a_svg svg {background-color: #000!important;opacity: initial;}
  519.  
  520. </b:if>
  521.  
  522. /* Responsiveness */
  523. @media screen and (max-width:1024px){
  524. .container {max-width: 950px;}}
  525. @media screen and (max-width:1000px){
  526. .container{width:100%;padding: 0 10px}}
  527. @media screen and (max-width:880px){
  528. .linkm{float:none;z-index:9;position:absolute;width:150px;margin:auto;top:55px;transform:translateX(200%);transition:all 0.3s ease; box-shadow: 0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);}
  529. .linkm li{transition:all 0.4s ease 0s;width:100%;background-color:#fff;text-align:right;line-height:35px; padding: 0 10px;}
  530. .main-menu .linkm li a{padding:0 10px;display:block;}
  531. #sub-menu li a{line-height:45px}
  532. .linkm i{display:inline-block;font-size:15px;line-height:30px;padding-top:0;text-align:center;margin-left:5px}
  533. .menublabel{display:block}
  534. #menubtn:checked ~ .linkm{display:block;transform:translateX(0);transition:all 0.3s ease}
  535. .header {box-shadow: 0 0 0 rgba(0,0,0,0.09);background: initial;padding: 0;margin: 0;overflow: initial;}
  536. #logo{max-width:100%;box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px;margin: 0}
  537. #ads-header .widget-content{max-width:100%;box-shadow:0 2px 3px rgba(0,0,0,0.06), 0 2px 3px rgba(0,0,0,0.1);background:#fff;padding:10px;margin: 10px 0}
  538. .post-wrapper,.sidebar{width:100%;border:0;padding-left:0;}
  539. span.showpageNum a{margin-bottom:5px}
  540. .post-title a{display:inline-block}
  541. .comment_header{float:none;margin:auto;display:table;margin-bottom:20px}
  542. .comment_name a{float:none;display:inline-block;margin:auto}
  543. .comment_name{height:initial;padding:10px}
  544. span.comment_date a{float:none;margin:auto;margin-top:10px}
  545. .comment_name a{float:none;display:table;margin:auto}
  546. a.comment-delete{float:none;margin-top:10px}
  547. span.comment_author_flag{margin:auto;display:table;margin-top:10px;float: none;}
  548. .comment_body{margin-right:0}
  549. #subscribe-css,.smoothscroll-top,ul.post-pager{display:none}
  550. span.paging-control-container a {float: right;width: 100%;margin-bottom: 5px;}
  551. .sidebar .widget,#Label2, #PageList2{display: none!important;}
  552. #wdbloogablock .inner {width: 90%;margin: 5% auto 5% auto;}
  553. .sidebar #HTML1,#LinkList5 {display: block!important;}
  554. #HTML1{overflow: hidden;}https://draft.blogger.com/go/mixedcontent
  555. #logo img {width: 60%;margin: auto;}
  556. #blog-pager {margin-bottom: 10px;}
  557. .show-comments {margin-bottom: 10px;}
  558. #logo img {width: 60%;margin: auto;}
  559. }
  560. @media screen and (max-width:450px){
  561. .index span.post-labels,.post-snippet,#Email h3{display:none}
  562. .posts-thumb{width:31%;margin:0;height:100px;margin-left:2%}
  563. .post-info{float:right;width:67%;height: 100px;}
  564. .index .post-title a {font-size: 13px;overflow: hidden;display: block;height: 50px;}
  565. .follow-by-email-address, .follow-by-email-submit {font-size: 12px}
  566. #Email {margin: 10px 0;}
  567. .share_btn ul li {width: 25%;}
  568. .share_btn li a, .shareplus {margin: 0;}
  569. li.previous {width: 47.7%;}
  570. .post-pager-sumag li span {font-size: 14px;}
  571. .right-copy {float: none;}
  572. }
  573.  
  574. </style>
  575. <script type='text/javascript'>
  576. //<![CDATA[
  577. //CSS Ready
  578. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  579. loadCSS("https://fonts.googleapis.com/css?family=Changa:300,400");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");loadCSS("https://cdn.rawgit.com/Abdo-Hegazi/wdbloog/c3aa9cc8/HacenTunisiaLt.css");
  580. //]]>
  581. </script>
  582. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
  583. &lt;/head&gt;&lt;!--<head/>--&gt;
  584. <body expr:class='data:blog.pageType + data:blog.mobileClass + &quot; no-select b-overflow tiled-back &quot;'>
  585.  
  586. <div class='container'>
  587. <div class='clear'/>
  588. <div class='header'>
  589. <b:section id='logo' showaddelement='no'>
  590. <b:widget id='Header1' locked='true' title='قالب عالم المدون (رأس الصفحة)' type='Header' version='1'>
  591. <b:widget-settings>
  592. <b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-rubn5rHByQk/WlwPmj68__I/AAAAAAAAG1w/W6b18ez11RstoqmkSnOU3i3ZmghQA96ywCK4BGAYYCw/s1600/Logo.png</b:widget-setting>
  593. <b:widget-setting name='displayHeight'>271</b:widget-setting>
  594. <b:widget-setting name='sectionWidth'>892</b:widget-setting>
  595. <b:widget-setting name='useImage'>true</b:widget-setting>
  596. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  597. <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  598. <b:widget-setting name='displayWidth'>802</b:widget-setting>
  599. </b:widget-settings>
  600. <b:includable id='main'>
  601.  
  602. <b:if cond='data:useImage'>
  603. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  604. <!--
  605. Show image as background to text. You can't really calculate the width
  606. reliably in JS because margins are not taken into account by any of
  607. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  608. width if the user is using shrink to fit.
  609. This results in a margin-width's worth of pixels being cropped. If the
  610. user is not using shrink to fit then we expand the header.
  611. -->
  612. <b:if cond='data:mobile'>
  613. <div id='header-inner'>
  614. <div class='titlewrapper' style='background: transparent'>
  615. <h1 class='title' style='background: transparent; border-width: 0px'>
  616. <b:include name='title'/>
  617. </h1>
  618. </div>
  619. <b:include name='description'/>
  620. </div>
  621. <b:else/>
  622. <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'>
  623. <div class='titlewrapper' style='background: transparent'>
  624. <h1 class='title' style='background: transparent; border-width: 0px'>
  625. <b:include name='title'/>
  626. </h1>
  627. </div>
  628. <b:include name='description'/>
  629. </div>
  630. </b:if>
  631. <b:else/>
  632. <!--Show the image only-->
  633. <div id='header-inner'>
  634. <a expr:href='data:blog.homepageUrl' style='display: block'>
  635. <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'/>
  636. </a>
  637. <!--Show the description-->
  638. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  639. <b:include name='description'/>
  640. </b:if>
  641. </div>
  642. </b:if>
  643. <b:else/>
  644. <!--No header image -->
  645. <div id='header-inner'>
  646. <div class='titlewrapper'>
  647. <h1 class='title'>
  648. <b:include name='title'/>
  649. </h1>
  650. </div>
  651. <b:include name='description'/>
  652. </div>
  653. </b:if>
  654. </b:includable>
  655. <b:includable id='description'>
  656. <div class='descriptionwrapper'>
  657. <p class='description'><span><data:description/></span></p>
  658. </div>
  659. </b:includable>
  660. <b:includable id='title'>
  661. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  662. <data:title/>
  663. <b:else/>
  664. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  665. </b:if>
  666. </b:includable>
  667. </b:widget>
  668. </b:section>
  669. <b:section id='ads-header' maxwidgets='1'>
  670. <b:widget id='HTML1' locked='true' title='إعلان أدسنس' type='HTML' version='1'>
  671. <b:widget-settings>
  672. <b:widget-setting name='content'>&lt;span&gt;
  673. &lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;مساحة إعلانية&lt;/span&gt;
  674. &lt;/div&gt;
  675. &lt;style type=&quot;text/css&quot;&gt;
  676. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  677. .rambuhijau{background:rgba(255,255,255,0.15);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
  678. @media only screen and (max-width: 768px) {
  679. .rambuhijau {font-size:100%;}
  680. }
  681. &lt;/style&gt;&lt;/span&gt;</b:widget-setting>
  682. </b:widget-settings>
  683. <b:includable id='main'>
  684. <!-- only display title if it's non-empty -->
  685. <div class='widget-content'>
  686. <data:content/>
  687. </div>
  688.  
  689. <b:include name='quickedit'/>
  690. </b:includable>
  691. </b:widget>
  692. </b:section>
  693. </div>
  694. <div class='clear'/>
  695. <div class='main-menu'>
  696. <b:section id='main-menu' showaddelement='no'>
  697. <b:widget id='LinkList3' locked='true' title='القائمة الرئيسية' type='LinkList' version='1'>
  698. <b:widget-settings>
  699. <b:widget-setting name='link-5'>http://</b:widget-setting>
  700. <b:widget-setting name='link-6'>http://</b:widget-setting>
  701. <b:widget-setting name='link-3'>http://</b:widget-setting>
  702. <b:widget-setting name='link-4'>http://</b:widget-setting>
  703. <b:widget-setting name='text-1'>إسلاميات</b:widget-setting>
  704. <b:widget-setting name='text-0'>أخبار</b:widget-setting>
  705. <b:widget-setting name='text-3'>رياضة</b:widget-setting>
  706. <b:widget-setting name='text-2'>صحة</b:widget-setting>
  707. <b:widget-setting name='text-5'>فنون</b:widget-setting>
  708. <b:widget-setting name='text-4'>سيارات</b:widget-setting>
  709. <b:widget-setting name='text-6'>فنون</b:widget-setting>
  710. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  711. <b:widget-setting name='link-1'>http://</b:widget-setting>
  712. <b:widget-setting name='link-2'>http://</b:widget-setting>
  713. <b:widget-setting name='link-0'>http://</b:widget-setting>
  714. </b:widget-settings>
  715. <b:includable id='main'>
  716. <div class='widget-content'>
  717. <input id='menubtn' type='checkbox'/>
  718. <label class='menublabel' for='menubtn'><span/></label>
  719. <ul class='linkm'>
  720. <b:loop values='data:links' var='link'>
  721. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  722. </b:loop>
  723. </ul>
  724. <b:include name='quickedit'/>
  725. </div>
  726. </b:includable>
  727. </b:widget>
  728. </b:section>
  729. <div class='search-wrap'>
  730. <form action='/search' id='searchform' method='get'>
  731. <input id='serbtn' type='checkbox'/><label for='serbtn'><span/></label>
  732. <input aria-label='بحث هذه المدونة الإلكترونية' autocomplete='off' class='search-field' id='search-text' name='q' placeholder='البحث' value=''/>
  733. </form>
  734. </div>
  735. <b:section id='social-media' showaddelement='no'>
  736. <b:widget id='LinkList2' locked='true' mobile='yes' title='مواقع التواصل الاجتماعي' type='LinkList' version='1'>
  737. <b:widget-settings>
  738. <b:widget-setting name='link-3'>http://youtube.com/c/amnitech8</b:widget-setting>
  739. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  740. <b:widget-setting name='text-1'>twitter</b:widget-setting>
  741. <b:widget-setting name='link-1'>http://twitter.com/amni_8</b:widget-setting>
  742. <b:widget-setting name='text-0'>facebook</b:widget-setting>
  743. <b:widget-setting name='link-2'>http://instagram.com/skimi07</b:widget-setting>
  744. <b:widget-setting name='text-3'>youtube</b:widget-setting>
  745. <b:widget-setting name='link-0'>https://www.facebook.com/amniTech8/</b:widget-setting>
  746. <b:widget-setting name='text-2'>instagram</b:widget-setting>
  747. </b:widget-settings>
  748. <b:includable id='main'>
  749. <div class='widget-content'>
  750. <ul>
  751. <b:loop values='data:links' var='link'>
  752. <li><a expr:class='data:link.name' expr:href='data:link.target' target='_blank'/></li>
  753. </b:loop>
  754. </ul>
  755. </div>
  756. </b:includable>
  757. </b:widget>
  758. </b:section>
  759. </div>
  760. <b:if cond='data:view.isError'>
  761. <div class='error'>
  762. <h5>4<span class='error-num'>0</span>4</h5>
  763. <span>تعذر العثور على الصفحة</span>
  764. <p> ربما تمت إزالة الصفحة التي تبحث عنها او تم تغيير الرابط الخاصه بها </p>
  765. <p>برجاء محاولة ما يلى</p>
  766. <p> يمكنك من هناك التبليغ عن الصفحة التى لا تعمل<a href='/p/blog-page_35.html'>التبليغ عن رابط معطوب</a>
  767. </p>
  768. <p> او يمكنك الرجوع الى الصفحة الرئيسية ومحاول الدخول الى الصفحة التى نريدها من جديد <a href='/'>الصفحة الرئيسية</a></p>
  769. </div>
  770. </b:if>
  771. <div class='clear'/>
  772. <div class='wrapper'>
  773. <div class='post-wrapper'>
  774. <b:section id='post' locked='true' maxwidgets='1' showaddelement='no'>
  775. <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
  776. <b:widget-settings>
  777. <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  778. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  779. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  780. <b:widget-setting name='authorLabel'>مراسلة بواسطة</b:widget-setting>
  781. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  782. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  783. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  784. <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  785. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  786. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  787. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  788. <b:widget-setting name='reactionsLabel'>ردرود الأفعال:</b:widget-setting>
  789. <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
  790. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  791. <b:widget-setting name='showLabels'>true</b:widget-setting>
  792. <b:widget-setting name='showLocation'>false</b:widget-setting>
  793. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  794. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  795. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  796. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  797. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  798. <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
  799. <b:widget-setting name='showReactions'>false</b:widget-setting>
  800. </b:widget-settings>
  801. <b:includable id='main' var='top'>
  802. <b:if cond='data:mobile == &quot;false&quot;'>
  803. <!-- posts -->
  804. <div class='blog-posts hfeed'>
  805. <b:include data='top' name='status-message'/>
  806. <data:defaultAdStart/>
  807. <b:loop values='data:posts' var='post'>
  808. <b:if cond='data:post.isDateStart'>
  809. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  810. &lt;/div&gt;&lt;/div&gt;
  811. </b:if>
  812. </b:if>
  813. <b:if cond='data:post.isDateStart'>
  814. &lt;div class=&quot;date-outer&quot;&gt;
  815. </b:if>
  816.  
  817. <b:if cond='data:post.isDateStart'>
  818. &lt;div class=&quot;date-posts&quot;&gt;
  819. </b:if>
  820. <div class='post-outer'>
  821. <div class='post-outer'>
  822. <b:include data='post' name='post'/>
  823. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  824. <b:if cond='data:post.showThreadedComments'>
  825. <b:include data='post' name='comments'/>
  826. <b:else/>
  827. <b:include data='post' name='comments'/>
  828. </b:if>
  829. </b:if>
  830. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  831. <b:if cond='data:post.showThreadedComments'>
  832. <b:include data='post' name='comments'/>
  833. <b:else/>
  834. <b:include data='post' name='comments'/>
  835. </b:if>
  836. </b:if>
  837.  
  838. </div>
  839. </div>
  840. <b:if cond='data:post.includeAd'>
  841. <b:if cond='data:post.isFirstPost'>
  842. <data:defaultAdEnd/>
  843. <b:else/>
  844. <data:adEnd/>
  845. </b:if>
  846. <div class='inline-ad'>
  847. <data:adCode/>
  848. </div>
  849. <data:adStart/>
  850. </b:if>
  851. </b:loop>
  852. <b:if cond='data:numPosts != 0'>
  853. &lt;/div&gt;&lt;/div&gt;
  854. </b:if>
  855. <data:adEnd/>
  856. </div>
  857. <!-- navigation -->
  858. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  859. <b:include name='nextprev'/>
  860. <b:else/>
  861. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  862. <b:include name='nextprev'/>
  863. <b:else/>
  864. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  865. <b:include name='nextprev'/>
  866. </b:if>
  867. </b:if>
  868. </b:if>
  869. <!-- feed links -->
  870. <b:include name='feedLinks'/>
  871.  
  872. <b:else/>
  873. <b:include name='mobile-main'/>
  874. </b:if>
  875.  
  876. <b:if cond='data:top.showPlusOne'>
  877. <data:top.googlePlusBootstrap/>
  878. </b:if>
  879. </b:includable>
  880. <b:includable id='backlinkDeleteIcon' var='backlink'>
  881. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  882. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  883. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  884. </a>
  885. </span>
  886. </b:includable>
  887. <b:includable id='backlinks' var='post'>
  888. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  889. <b:if cond='data:post.numBacklinks != 0'>
  890. <dl class='comments-block' id='comments-block'>
  891. <b:loop values='data:post.backlinks' var='backlink'>
  892. <div class='collapsed-backlink backlink-control'>
  893. <dt class='comment-title'>
  894. <span class='backlink-toggle-zippy'>&#160;</span>
  895. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  896. <b:include data='backlink' name='backlinkDeleteIcon'/>
  897. </dt>
  898. <dd class='comment-body collapseable'>
  899. <data:backlink.snippet/>
  900. </dd>
  901. <dd class='comment-footer collapseable'>
  902. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  903. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  904. </dd>
  905. </div>
  906. </b:loop>
  907. </dl>
  908. </b:if>
  909. <p class='comment-footer'>
  910. <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>
  911. </p>
  912. </b:includable>
  913. <b:includable id='comment-form' var='post'>
  914. <div class='comment-form'>
  915. <a name='comment-form'/>
  916. <b:if cond='data:mobile'>
  917. <h4 id='comment-post-message'>
  918. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  919. <p><data:blogCommentMessage/></p>
  920. <data:blogTeamBlogMessage/>
  921. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  922. <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%'/>
  923. <b:else/>
  924. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  925. <p><data:blogCommentMessage/></p>
  926. <data:blogTeamBlogMessage/>
  927. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  928. <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%'/>
  929. </b:if>
  930. <data:post.friendConnectJs/>
  931. <data:post.cmtfpIframe/>
  932. <script type='text/javascript'>
  933. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  934. </script>
  935. </div>
  936. </b:includable>
  937. <b:includable id='commentDeleteIcon' var='comment'>
  938. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  939. <b:if cond='data:showCmtPopup'>
  940. <div class='goog-toggle-button'>
  941. <div class='goog-inline-block comment-action-icon'/>
  942. </div>
  943. <b:else/>
  944. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  945. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  946. </a>
  947. </b:if>
  948. </span>
  949. </b:includable>
  950. <b:includable id='comment_count_picker' var='post'>
  951. <b:if cond='data:post.commentSource == 1'>
  952. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  953. </span>
  954. <b:else/>
  955. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  956. <data:post.commentLabelFull/>:
  957. </a>
  958. </b:if>
  959. </b:includable>
  960. <b:includable id='comment_picker' var='post'>
  961. <b:if cond='data:post.commentSource == 1'>
  962. <b:include data='post' name='iframe_comments'/>
  963. <b:elseif cond='data:post.showThreadedComments'/>
  964. <b:include data='post' name='comments'/>
  965. <b:else/>
  966. <b:include data='post' name='comments'/>
  967. </b:if>
  968. </b:includable>
  969. <b:includable id='comments' var='post'>
  970. <div class='comments' id='comments'>
  971. <b:if cond='data:post.allowComments'>
  972. <h4>
  973. <b:if cond='data:post.numComments == 0'>
  974. <span itemprop='interactionCount'>
  975. 0 تعليق
  976. </span>
  977.  
  978. </b:if>
  979. <b:if cond='data:post.numComments == 1'>
  980. <span itemprop='interactionCount'>
  981. 1 تعليق
  982. </span>
  983.  
  984. </b:if>
  985. <b:if cond='data:post.numComments &gt; 1'>
  986. <span itemprop='interactionCount'>
  987. <data:post.numComments/> تعليق
  988. </span>
  989.  
  990. </b:if>
  991. </h4>
  992. <b:if cond='data:post.commentPagingRequired'>
  993. <span class='paging-control-container'>
  994. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  995. &#160;
  996. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  997. &#160;
  998. <data:post.commentRangeText/>
  999. &#160;
  1000. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1001. &#160;
  1002. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1003. </span>
  1004. </b:if>
  1005. <div class='clear'/>
  1006. <div id='comment_block'>
  1007. <b:loop values='data:post.comments' var='comment'>
  1008. <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
  1009. <b:if cond='data:post.adminClass == data:comment.adminClass'>
  1010. &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
  1011. <b:else/> &lt;div class=&#39;comment_inner&#39;&gt;
  1012. </b:if>
  1013. <div class='comment_header'>
  1014. <div class='comment_avatar_wrap'>
  1015. <div class='comment_avatar'>
  1016. <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
  1017. </div>
  1018. <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='رد'>رد</a>
  1019. </div>
  1020. <div class='clear'/>
  1021. </div>
  1022. <div class='comment_body'>
  1023. <div class='comment_name'>
  1024. <b:if cond='data:comment.authorUrl'>
  1025. <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
  1026. <data:comment.author/>
  1027. </a>
  1028. <b:else/>
  1029. <data:comment.author/>
  1030. </b:if>
  1031. <b:if cond='data:comment.author == data:post.author'>
  1032. <span class='comment_author_flag'> <span>الكاتب </span><i class='fa fa-check-circle' title='Verified Author'/></span>
  1033. </b:if>
  1034. <span class='comment_service'>
  1035. <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
  1036. حذف
  1037. </a>
  1038. <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
  1039. <data:comment.timestamp/>
  1040. </a></span>
  1041. </span>
  1042. </div>
  1043. <b:if cond='data:comment.isDeleted'>
  1044. <span class='deleted-comment'><data:comment.body/></span>
  1045. <b:else/>
  1046. <p class='comment-content'>
  1047. <data:comment.body/>
  1048. </p>
  1049. <div class='clear'/>
  1050. </b:if>
  1051. </div>
  1052. <div class='clear'/> &lt;/div&gt;
  1053. <div class='clear'/>
  1054. <div class='comment_child'/>
  1055. <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
  1056. </div>
  1057. </b:loop>
  1058. </div>
  1059. <div class='clear'/>
  1060. <b:if cond='data:post.commentPagingRequired'>
  1061. <span class='paging-control-container'>
  1062. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1063. &#160;
  1064. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1065. &#160;
  1066. <data:post.commentRangeText/>
  1067. &#160;
  1068. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1069. &#160;
  1070. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1071. </span>
  1072. </b:if>
  1073. <div class='clear'/>
  1074. <div class='comment_form'>
  1075. <b:if cond='data:post.embedCommentForm'>
  1076. <b:if cond='data:post.allowNewComments'>
  1077. <b:include data='post' name='threaded-comment-form'/>
  1078. <b:else/>
  1079. <data:post.noNewCommentsText/>
  1080. </b:if>
  1081. <b:else/>
  1082. <b:if cond='data:post.allowComments'>
  1083. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
  1084. <data:postCommentMsg/>
  1085. </a>
  1086. </b:if>
  1087. </b:if>
  1088. </div>
  1089. </b:if>
  1090. </div>
  1091. </b:includable>
  1092. <b:includable id='feedLinks'>
  1093. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1094. <b:if cond='data:feedLinks'>
  1095. <div class='blog-feeds'>
  1096. <b:include data='feedLinks' name='feedLinksBody'/>
  1097. </div>
  1098. </b:if>
  1099.  
  1100. <b:else/> <!--Post feed links -->
  1101. <div class='post-feeds'>
  1102. <b:loop values='data:posts' var='post'>
  1103. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  1104. </b:loop>
  1105. </div>
  1106. </b:if>
  1107. </b:includable>
  1108. <b:includable id='feedLinksBody' var='links'>
  1109. </b:includable>
  1110. <b:includable id='iframe_comments' var='post'>
  1111. <b:if cond='data:post.allowIframeComments'>
  1112. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1113. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1114.  
  1115. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1116. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1117. </b:if>
  1118. </b:if>
  1119. </b:includable>
  1120. <b:includable id='mobile-index-post' var='post'>
  1121. <div class='mobile-date-outer date-outer'>
  1122. <b:if cond='data:post.dateHeader'>
  1123. <div class='date-header'>
  1124. <span><data:post.dateHeader/></span>
  1125. </div>
  1126. </b:if>
  1127.  
  1128. <div class='mobile-post-outer'>
  1129. <a expr:href='data:post.url'>
  1130. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1131. <data:post.title/>
  1132. </h3>
  1133.  
  1134. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1135.  
  1136. <div class='mobile-index-contents'>
  1137. <b:if cond='data:post.thumbnailUrl'>
  1138. <div class='mobile-index-thumbnail'>
  1139. <div class='Image'>
  1140. <img expr:src='data:post.thumbnailUrl'/>
  1141. </div>
  1142. </div>
  1143. </b:if>
  1144.  
  1145. <div class='post-body'>
  1146. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1147. </div>
  1148. </div>
  1149.  
  1150. <div style='clear: both;'/>
  1151. </a>
  1152.  
  1153. <div class='mobile-index-comment'>
  1154. <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'/>
  1155. </div>
  1156. </div>
  1157. </div>
  1158. </b:includable>
  1159. <b:includable id='mobile-main' var='top'>
  1160. <!-- posts -->
  1161. <div class='blog-posts hfeed'>
  1162.  
  1163. <b:include data='top' name='status-message'/>
  1164.  
  1165. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1166. <b:loop values='data:posts' var='post'>
  1167. <b:include data='post' name='mobile-index-post'/>
  1168. </b:loop>
  1169. <b:else/>
  1170. <b:loop values='data:posts' var='post'>
  1171. <b:include data='post' name='mobile-post'/>
  1172. </b:loop>
  1173. </b:if>
  1174. </div>
  1175.  
  1176. <b:include name='mobile-nextprev'/>
  1177. </b:includable>
  1178. <b:includable id='mobile-nextprev'>
  1179. <div class='blog-pager' id='blog-pager'>
  1180. <b:if cond='data:newerPageUrl'>
  1181. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1182. <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>
  1183. </div>
  1184. </b:if>
  1185.  
  1186. <b:if cond='data:olderPageUrl'>
  1187. <div class='mobile-link-button' id='blog-pager-older-link'>
  1188. <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>
  1189. </div>
  1190. </b:if>
  1191.  
  1192. <div class='mobile-link-button' id='blog-pager-home-link'>
  1193. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1194. </div>
  1195.  
  1196. <div class='mobile-desktop-link'>
  1197. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1198. </div>
  1199.  
  1200. </div>
  1201. <div class='clear'/>
  1202. </b:includable>
  1203. <b:includable id='mobile-post' var='post'>
  1204. <div class='date-outer'>
  1205. <b:if cond='data:post.dateHeader'>
  1206. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1207. </b:if>
  1208. <div class='date-posts'>
  1209. <div class='post-outer'>
  1210.  
  1211. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1212. <b:if cond='data:post.thumbnailUrl'>
  1213. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1214. </b:if>
  1215. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1216. <meta expr:content='data:post.id' itemprop='postId'/>
  1217.  
  1218. <a expr:name='data:post.id'/>
  1219. <b:if cond='data:post.title'>
  1220. <h3 class='post-title entry-title' itemprop='name'>
  1221. <b:if cond='data:post.link'>
  1222. <a expr:href='data:post.link'><data:post.title/></a>
  1223. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  1224. <a expr:href='data:post.url'><data:post.title/></a>
  1225. <b:else/>
  1226. <data:post.title/>
  1227. </b:if>
  1228. </h3>
  1229. </b:if>
  1230.  
  1231. <div class='post-header'>
  1232. <div class='post-header-line-1'/>
  1233. </div>
  1234.  
  1235. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1236. <data:post.body/>
  1237. <div style='clear: both;'/> <!-- clear for photos floats -->
  1238. </div>
  1239.  
  1240. <div class='post-footer'>
  1241. <div class='post-footer-line post-footer-line-1'>
  1242. <span class='post-author vcard'>
  1243. <b:if cond='data:top.showAuthor'>
  1244. <b:if cond='data:post.authorProfileUrl'>
  1245. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1246. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1247. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1248. <span itemprop='name'><data:post.author/></span>
  1249. </a>
  1250. </span>
  1251. <b:else/>
  1252. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1253. <span itemprop='name'><data:post.author/></span>
  1254. </span>
  1255. </b:if>
  1256. </b:if>
  1257. </span>
  1258.  
  1259. <span class='post-timestamp'>
  1260. <b:if cond='data:top.showTimestamp'>
  1261. <data:top.timestampLabel/>
  1262. <b:if cond='data:post.url'>
  1263. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  1264. <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>
  1265. </b:if>
  1266. </b:if>
  1267. </span>
  1268.  
  1269. <span class='post-comment-link'>
  1270. <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'/>
  1271. </span>
  1272. </div>
  1273.  
  1274. <div class='post-footer-line post-footer-line-2'>
  1275. <b:if cond='data:top.showMobileShare'>
  1276. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1277. <a href='javascript:void(0);'><data:shareMsg/></a>
  1278. </div>
  1279. </b:if>
  1280. <b:if cond='data:top.showDummy'>
  1281. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1282. </b:if>
  1283. </div>
  1284.  
  1285. </div>
  1286. </div>
  1287.  
  1288. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1289. </div>
  1290. </div>
  1291. </div>
  1292. </b:includable>
  1293. <b:includable id='nextprev'>
  1294. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1295. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1296.  
  1297. <div class='blog-pager' id='blog-pager'>
  1298. <b:if cond='data:newerPageUrl'>
  1299. <a class='newer-link' expr:href='data:newerPageUrl' id='Blog1_blog-pager-newer-link'><i aria-hidden='true' class='fa fa-arrow-right'/></a>
  1300. </b:if>
  1301.  
  1302. <b:if cond='data:olderPageUrl'>
  1303.  
  1304. <a class='older-link' expr:href='data:olderPageUrl' id='Blog1_blog-pager-older-link'><i aria-hidden='true' class='fa fa-arrow-left'/></a>
  1305. </b:if>
  1306.  
  1307. <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
  1308. </div>
  1309. </b:if>
  1310. </b:if>
  1311.  
  1312. </b:includable>
  1313. <b:includable id='post' var='post'>
  1314. <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1315. <script type='application/ld+json'>
  1316. {
  1317. &quot;@context&quot;: &quot;http://schema.org&quot;,
  1318. &quot;@type&quot;: &quot;BlogPosting&quot;,
  1319. &quot;mainEntityOfPage&quot;: {
  1320. &quot;@type&quot;: &quot;WebPage&quot;,
  1321. &quot;@id&quot;: &quot;<data:post.url.canonical.https/>&quot;},
  1322. &quot;headline&quot;: &quot;<data:post.title/>&quot;,
  1323. &quot;datePublished&quot;: &quot;<data:post.timestampISO8601/>&quot;,
  1324. &quot;dateModified&quot;: &quot;<data:post.lastUpdatedISO8601/>&quot;,
  1325. &quot;description&quot;: &quot;<data:post.snippet/>&quot;,
  1326. &quot;image&quot;: {
  1327. &quot;@type&quot;: &quot;ImageObject&quot;,
  1328. &quot;url&quot;: &quot;<b:if cond='data:post.firstImageUrl'><data:post.firstImageUrl/><b:else/>https://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg</b:if>&quot;,
  1329. &quot;height&quot;: 800,
  1330. &quot;width&quot;: 800},
  1331. &quot;author&quot;: {
  1332. &quot;@type&quot;: &quot;Person&quot;,
  1333. &quot;name&quot;: &quot;<data:post.author/>&quot;},
  1334. &quot;publisher&quot;: {
  1335. &quot;@type&quot;: &quot;Organization&quot;,
  1336. &quot;name&quot;: &quot;<data:blog.title/>&quot;,
  1337. &quot;logo&quot;: {
  1338. &quot;@type&quot;: &quot;ImageObject&quot;,
  1339. &quot;url&quot;: &quot;https://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg&quot;,
  1340. &quot;width&quot;: 600,
  1341. &quot;height&quot;: 60}}
  1342. }
  1343. </script>
  1344. <b:if cond='data:blog.pageType not in {&quot;static_page&quot;, &quot;item&quot;}'>
  1345. <div class='posts-thumb'>
  1346. <a expr:href='data:post.url'>
  1347. <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
  1348. </a>
  1349. <span class='post-labels'>
  1350. <b:loop values='data:post.labels' var='label'>
  1351. <a expr:href='data:label.url + &quot;?&amp;amp;max-results=8&quot;'>
  1352. <data:label.name/>
  1353. </a>
  1354. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  1355. </b:loop>
  1356. </span>
  1357. </div>
  1358.  
  1359. <div class='post-info'>
  1360.  
  1361. <b:if cond='data:post.title'>
  1362. <h1 class='post-title entry-title' itemprop='name headline'>
  1363. <b:if cond='data:post.link'>
  1364. <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  1365. <b:else/>
  1366. <b:if cond='data:post.url'>
  1367. <b:if cond='data:blog.url != data:post.url'>
  1368. <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  1369. <b:else/>
  1370. <data:post.title/>
  1371. </b:if>
  1372. <b:else/>
  1373. <data:post.title/>
  1374. </b:if>
  1375. </b:if>
  1376. </h1>
  1377. </b:if>
  1378. <div class='post-meta'>
  1379. <span class='post-author vcard'>
  1380. <b:if cond='data:top.showAuthor'>
  1381. <b:if cond='data:post.authorProfileUrl'>
  1382. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1383.  
  1384. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1385. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1386. <span itemprop='name'><data:post.author/></span>
  1387. </a></span>
  1388. <b:else/>
  1389. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1390. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1391. <span itemprop='name'><data:post.author/></span>
  1392. </span>
  1393. </b:if>
  1394. </b:if>
  1395. </span>
  1396. -
  1397. <span class='post-timestamp'>
  1398. <b:if cond='data:top.showTimestamp'>
  1399. <b:if cond='data:post.url'>
  1400. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1401. <span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
  1402. </b:if>
  1403. </b:if>
  1404. </span>
  1405. -
  1406. <span class='post-labels'>
  1407. <b:if cond='data:top.showPostLabels and data:post.labels'>
  1408. <b:if cond='not data:label.isLast'>
  1409. <b:loop values='data:post.labels' var='label'>
  1410. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  1411. </b:loop>
  1412. </b:if>
  1413. </b:if>
  1414. </span>
  1415.  
  1416. </div>
  1417.  
  1418. <div class='post-snippet'>
  1419. <data:post.snippet/>
  1420. </div>
  1421. </div>
  1422.  
  1423. </b:if>
  1424.  
  1425. <meta content='ar' itemprop='inLanguage'/>
  1426. <a expr:name='data:post.id'/>
  1427. <meta expr:itemid='data:post.id' itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
  1428.  
  1429. <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1430. <meta expr:content='data:post.firstImageUrl ? data:post.firstImageUrl : &quot;https://4.bp.blogspot.com/-MVB5OaBXstY/VpvWQcpZhZI/AAAAAAAAAqM/2MyUX_xVoc0/s1600-r/alt.png&quot;' itemprop='url'/>
  1431. <meta content='800' itemprop='width'/>
  1432. <meta content='800' itemprop='height'/>
  1433. </div>
  1434. <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
  1435. <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  1436. <meta content='https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w206-h60' itemprop='url'/>
  1437. <meta content='500' itemprop='width'/>
  1438. <meta content='500' itemprop='height'/>
  1439. </div>
  1440. <meta expr:content='data:blog.title' itemprop='name'/>
  1441. </div>
  1442. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  1443. <div class='header-thumb'>
  1444. <h1 class='post-title entry-title' itemprop='name headline'>
  1445. <data:post.title/>
  1446. </h1>
  1447.  
  1448. <div class='post-header'>
  1449. <div class='post-header-line-1'/>
  1450.  
  1451. <div class='autorandlab'>
  1452. <span class='post-author vcard' id='postau' itemscope='itemscope' itemtype='http://schema.org/Person'> الكاتب :
  1453.  
  1454. <span class='fn author'>
  1455. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1456.  
  1457. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1458. <span itemprop='name'><data:post.author/></span></a>
  1459. </span>
  1460. </span>
  1461. <span class='post-timestamp' id='postau'> التاريخ :
  1462.  
  1463.  
  1464. <b:if cond='data:top.showTimestamp'>
  1465. <b:if cond='data:post.url'>
  1466. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1467. <span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
  1468. </b:if>
  1469. </b:if>
  1470. </span>
  1471. <span class='post-labels' id='postau'> القسم :
  1472. <b:if cond='data:top.showPostLabels and data:post.labels'>
  1473.  
  1474. <b:loop values='data:post.labels' var='label'>
  1475. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'> </b:if>
  1476. </b:loop>
  1477. </b:if>
  1478. </span>
  1479. </div>
  1480. </div>
  1481. </div>
  1482. <div class='clear-post-body' itemprop='description articleBody'>
  1483. <data:post.body/>
  1484. </div>
  1485. <script type='application/ld+json'>
  1486. {&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;}}
  1487. </script>
  1488. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1489. <div class='clear'/>
  1490. <ul class='post-pager-sumag'>
  1491. <li class='next'>
  1492. <b:if cond='data:newerPageUrl'>
  1493. <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/>
  1494. <b:else/>
  1495. <a rel='next'><strong>التالي</strong><span>هذا هو أحدث موضوع</span></a>
  1496. </b:if>
  1497. </li>
  1498. <li class='previous'>
  1499. <b:if cond='data:olderPageUrl'>
  1500. <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/>
  1501. <b:else/>
  1502. <a rel='previous'><strong>السابق</strong> <span>هذا هو اخر موضوع</span></a>
  1503. </b:if>
  1504. </li>
  1505. <div style='clear: both;'/>
  1506. </ul>
  1507. <script type='text/javascript'>
  1508. //<![CDATA[
  1509. (function($){
  1510. var newerLink = $('a.newer-link');
  1511. var olderLink = $('a.older-link');
  1512. $.get(newerLink.attr('href'), function (data) {
  1513. newerLink.html('<strong>التالى</strong> <span>'+$(data).find('.post h1.post-title').text()+'</span>');
  1514. },"html");
  1515. $.get(olderLink.attr('href'), function (data2) {
  1516. olderLink.html('<strong>السابق</strong> <span>'+$(data2).find('.post h1.post-title').text()+'</span>');
  1517. },"html");
  1518. })(jQuery);
  1519. //]]>
  1520. </script>
  1521. <div class='clear'/>
  1522. <div class='post-share'>
  1523. <div class='a2a_kit a2a_kit_size_32 a2a_default_style'>
  1524. <a class='a2a_dd' href='https://www.addtoany.com/share'/>
  1525. <a class='a2a_button_facebook'/>
  1526. <a class='a2a_button_twitter'/>
  1527. <a class='a2a_button_google_plus'/>
  1528. <a class='a2a_button_whatsapp'/>
  1529. <a class='a2a_button_facebook_messenger'/>
  1530. </div>
  1531. <script>
  1532. var a2a_config = a2a_config || {};
  1533. a2a_config.onclick = 1;
  1534. a2a_config.locale = &quot;ar&quot;;
  1535. a2a_config.num_services = 10;
  1536. </script>
  1537. <script async='async' src='https://static.addtoany.com/menu/page.js'/>
  1538. </div>
  1539. <div class='clear'/>
  1540. <div id='related-posts'>
  1541. <p>مواضيع ذات صلة</p>
  1542. <div id='related-ins'>
  1543.  
  1544.  
  1545.  
  1546.  
  1547. </div>
  1548. </div>
  1549. <div class='clear'/>
  1550. </b:if>
  1551. </b:if>
  1552. </article>
  1553.  
  1554. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1555. <div class='hide-comments'>
  1556. <p class='c-show zer1'><i aria-hidden='true' class='fa fa-comment-o'/>إظهار التعليقات</p><p class='c-hide zer1' style='display:none;'>
  1557. <i aria-hidden='true' class='fa fa-comment-o'/>إخفاء التعليقات</p>
  1558. <span class='up-icon zer2' style='display:none;'><i aria-hidden='true' class='fa fa-chevron-up'/></span>
  1559. <span class='down-icon zer2'><i aria-hidden='true' class='fa fa-chevron-down'/></span>
  1560. </div>
  1561. <script type='text/javascript'>
  1562. //<![CDATA[
  1563. // Show & Hide Comments
  1564. $( ".hide-comments" ).click( function() {
  1565. $( ".comments" ).slideToggle(),
  1566. $( ".zer1" ).toggle(),
  1567. $( ".zer2" ).toggle();
  1568.  
  1569. });
  1570. //]]>
  1571. </script>
  1572. </b:if>
  1573.  
  1574.  
  1575. <div class='clear'/>
  1576. </b:includable>
  1577. <b:includable id='postQuickEdit' var='post'>
  1578. <b:if cond='data:post.editUrl'>
  1579. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1580. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1581. <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1582. </a>
  1583. </span>
  1584. </b:if>
  1585. </b:includable>
  1586. <b:includable id='shareButtons' var='post'>
  1587. <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>
  1588. </b:includable>
  1589. <b:includable id='status-message'>
  1590. <b:if cond='data:navMessage'>
  1591. <div class='status-msg-wrap'>
  1592. <div class='status-msg-body'>
  1593. <data:navMessage/>
  1594. </div>
  1595. <div class='status-msg-border'>
  1596. <div class='status-msg-bg'>
  1597. <div class='status-msg-hidden'><data:navMessage/></div>
  1598. </div>
  1599. </div>
  1600. </div>
  1601. <div style='clear: both;'/>
  1602. </b:if>
  1603. </b:includable>
  1604. <b:includable id='threaded-comment-form' var='post'>
  1605. <div class='comment-form'>
  1606. <a name='comment-form'/>
  1607. <b:if cond='data:mobile'>
  1608. <p><data:blogCommentMessage/></p>
  1609. <data:blogTeamBlogMessage/>
  1610. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1611. <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%'/>
  1612. <b:else/>
  1613.  
  1614. <p><data:blogCommentMessage/></p>
  1615.  
  1616. <data:blogTeamBlogMessage/>
  1617. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1618. <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%'/>
  1619. </b:if>
  1620. <data:post.friendConnectJs/>
  1621. <data:post.cmtfpIframe/>
  1622. <script type='text/javascript'>
  1623. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1624. </script>
  1625. </div>
  1626. </b:includable>
  1627. <b:includable id='threaded_comment_js' var='post'>
  1628. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1629.  
  1630. <script type='text/javascript'>
  1631. (function() {
  1632. var items = <data:post.commentJso/>;
  1633. var msgs = <data:post.commentMsgs/>;
  1634. var config = <data:post.commentConfig/>;
  1635.  
  1636. // <![CDATA[
  1637. var cursor = null;
  1638. if (items && items.length > 0) {
  1639. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1640. }
  1641.  
  1642. var bodyFromEntry = function(entry) {
  1643. if (entry.gd$extendedProperty) {
  1644. for (var k in entry.gd$extendedProperty) {
  1645. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1646. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1647. }
  1648. }
  1649. }
  1650. return entry.content.$t;
  1651. }
  1652.  
  1653. var parse = function(data) {
  1654. cursor = null;
  1655. var comments = [];
  1656. if (data && data.feed && data.feed.entry) {
  1657. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1658. var comment = {};
  1659. // comment ID, parsed out of the original id format
  1660. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1661. comment.id = id ? id[2] : null;
  1662. comment.body = bodyFromEntry(entry);
  1663. comment.timestamp = Date.parse(entry.published.$t) + '';
  1664. if (entry.author && entry.author.constructor === Array) {
  1665. var auth = entry.author[0];
  1666. if (auth) {
  1667. comment.author = {
  1668. name: (auth.name ? auth.name.$t : undefined),
  1669. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1670. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1671. };
  1672. }
  1673. }
  1674. if (entry.link) {
  1675. if (entry.link[2]) {
  1676. comment.link = comment.permalink = entry.link[2].href;
  1677. }
  1678. if (entry.link[3]) {
  1679. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1680. if (pid && pid[1]) {
  1681. comment.parentId = pid[1];
  1682. }
  1683. }
  1684. }
  1685. comment.deleteclass = 'item-control blog-admin';
  1686. if (entry.gd$extendedProperty) {
  1687. for (var k in entry.gd$extendedProperty) {
  1688. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1689. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1690. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1691. comment.displayTime = entry.gd$extendedProperty[k].value;
  1692. }
  1693. }
  1694. }
  1695. comments.push(comment);
  1696. }
  1697. }
  1698. return comments;
  1699. };
  1700.  
  1701. var paginator = function(callback) {
  1702. if (hasMore()) {
  1703. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1704. if (cursor) {
  1705. url += '&published-min=' + new Date(cursor).toISOString();
  1706. }
  1707. window.bloggercomments = function(data) {
  1708. var parsed = parse(data);
  1709. cursor = parsed.length < 50 ? null
  1710. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1711. callback(parsed);
  1712. window.bloggercomments = null;
  1713. }
  1714. url += '&callback=bloggercomments';
  1715. var script = document.createElement('script');
  1716. script.type = 'text/javascript';
  1717. script.src = url;
  1718. document.getElementsByTagName('head')[0].appendChild(script);
  1719. }
  1720. };
  1721. var hasMore = function() {
  1722. return !!cursor;
  1723. };
  1724. var getMeta = function(key, comment) {
  1725. if ('iswriter' == key) {
  1726. var matches = !!comment.author
  1727. && comment.author.name == config.authorName
  1728. && comment.author.profileUrl == config.authorUrl;
  1729. return matches ? 'true' : '';
  1730. } else if ('deletelink' == key) {
  1731. return config.baseUri + '/delete-comment.g?blogID='
  1732. + config.blogId + '&postID=' + comment.id;
  1733. } else if ('deleteclass' == key) {
  1734. return comment.deleteclass;
  1735. }
  1736. return '';
  1737. };
  1738.  
  1739. var replybox = null;
  1740. var replyUrlParts = null;
  1741. var replyParent = undefined;
  1742.  
  1743. var onReply = function(commentId, domId) {
  1744. if (replybox == null) {
  1745. // lazily cache replybox, and adjust to suit this style:
  1746. replybox = document.getElementById('comment-editor');
  1747. if (replybox != null) {
  1748. replybox.height = '250px';
  1749. replybox.style.display = 'block';
  1750. replyUrlParts = replybox.src.split('#');
  1751. }
  1752. }
  1753. if (replybox && (commentId !== replyParent)) {
  1754. replybox.src = '';
  1755. document.getElementById(domId).insertBefore(replybox, null);
  1756. replybox.src = replyUrlParts[0]
  1757. + (commentId ? '&parentID=' + commentId : '')
  1758. + '#' + replyUrlParts[1];
  1759. replyParent = commentId;
  1760. }
  1761. };
  1762.  
  1763. var hash = (window.location.hash || '#').substring(1);
  1764. var startThread, targetComment;
  1765. if (/^comment-form_/.test(hash)) {
  1766. startThread = hash.substring('comment-form_'.length);
  1767. } else if (/^c[0-9]+$/.test(hash)) {
  1768. targetComment = hash.substring(1);
  1769. }
  1770.  
  1771. // Configure commenting API:
  1772. var configJso = {
  1773. 'maxDepth': config.maxThreadDepth
  1774. };
  1775. var provider = {
  1776. 'id': config.postId,
  1777. 'data': items,
  1778. 'loadNext': paginator,
  1779. 'hasMore': hasMore,
  1780. 'getMeta': getMeta,
  1781. 'onReply': onReply,
  1782. 'rendered': true,
  1783. 'initComment': targetComment,
  1784. 'initReplyThread': startThread,
  1785. 'config': configJso,
  1786. 'messages': msgs
  1787. };
  1788.  
  1789. var render = function() {
  1790. if (window.goog && window.goog.comments) {
  1791. var holder = document.getElementById('comment-holder');
  1792. window.goog.comments.render(holder, provider);
  1793. }
  1794. };
  1795.  
  1796. // render now, or queue to render when library loads:
  1797. if (window.goog && window.goog.comments) {
  1798. render();
  1799. } else {
  1800. window.goog = window.goog || {};
  1801. window.goog.comments = window.goog.comments || {};
  1802. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1803. window.goog.comments.loadQueue.push(render);
  1804. }
  1805. })();
  1806. // ]]>
  1807. </script>
  1808. </b:includable>
  1809. <b:includable id='threaded_comments' var='post'>
  1810. <div class='comments wow fadeInUp animated' data-wow-delay='.5s' id='comments' style='visibility: visible;-webkit-animation-delay: .5s; -moz-animation-delay: .5s; animation-delay: .5s;'>
  1811. <a name='comments'/>
  1812. <h4><data:post.commentLabelFull/>:</h4>
  1813.  
  1814. <div class='comments-content'>
  1815. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  1816. <div id='comment-holder'>
  1817. <data:post.commentHtml/>
  1818. </div>
  1819. </div>
  1820.  
  1821. <p class='comment-footer'>
  1822. <b:if cond='data:post.allowNewComments'>
  1823. <b:include data='post' name='threaded-comment-form'/>
  1824. <b:else/>
  1825. <data:post.noNewCommentsText/>
  1826. </b:if>
  1827. </p>
  1828.  
  1829. <b:if cond='data:showCmtPopup'>
  1830. <div id='comment-popup'>
  1831. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1832. </iframe>
  1833. </div>
  1834. </b:if>
  1835.  
  1836. <div id='backlinks-container'>
  1837. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1838. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1839. </div>
  1840. </div>
  1841. </div>
  1842. </b:includable>
  1843. </b:widget>
  1844. </b:section>
  1845. </div>
  1846. <div class='sidebar' id='sidebar-wdbloog'>
  1847. <div class='theiaStickySidebar'>
  1848. <b:section id='sidebar'>
  1849. <b:widget id='PopularPosts2' locked='false' title='الأكثر مشاهدة' type='PopularPosts'>
  1850. <b:widget-settings>
  1851. <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  1852. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1853. <b:widget-setting name='showSnippets'>false</b:widget-setting>
  1854. <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
  1855. </b:widget-settings>
  1856. <b:includable id='main'>
  1857. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  1858. <div class='widget-content popular-posts'>
  1859. <ul>
  1860. <b:loop values='data:posts' var='post'>
  1861. <li>
  1862. <b:if cond='!data:showThumbnails'>
  1863. <b:if cond='!data:showSnippets'>
  1864. <!-- (1) No snippet/thumbnail -->
  1865. <a expr:href='data:post.href'><data:post.title/></a>
  1866. <b:else/>
  1867. <!-- (2) Show only snippets -->
  1868. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1869. <div class='item-snippet'><data:post.snippet/></div>
  1870. </b:if>
  1871. <b:else/>
  1872. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  1873. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  1874. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  1875. <div class='item-thumbnail'>
  1876. <a expr:href='data:post.href' target='_blank'>
  1877. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  1878. <img alt='' border='0' expr:src='data:image'/>
  1879. </b:with>
  1880. </a>
  1881. </div>
  1882. </b:if>
  1883. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  1884. <b:if cond='data:showSnippets'>
  1885. <div class='item-snippet'><data:post.snippet/></div>
  1886. </b:if>
  1887. </div>
  1888. <div style='clear: both;'/>
  1889. </b:if>
  1890. </li>
  1891. </b:loop>
  1892. </ul>
  1893. <b:include name='quickedit'/>
  1894. </div>
  1895. </b:includable>
  1896. </b:widget>
  1897. <b:widget id='LinkList4' locked='false' title='مواقع صديقة لنا' type='LinkList'>
  1898. <b:widget-settings>
  1899. <b:widget-setting name='link-3'>http://</b:widget-setting>
  1900. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  1901. <b:widget-setting name='text-1'>ضع إعلانك هنا</b:widget-setting>
  1902. <b:widget-setting name='link-1'>http://</b:widget-setting>
  1903. <b:widget-setting name='text-0'>ضع إعلانك هنا</b:widget-setting>
  1904. <b:widget-setting name='link-2'>http://</b:widget-setting>
  1905. <b:widget-setting name='text-3'>ضع إعلانك هنا</b:widget-setting>
  1906. <b:widget-setting name='link-0'>http://</b:widget-setting>
  1907. <b:widget-setting name='text-2'>ضع إعلانك هنا</b:widget-setting>
  1908. </b:widget-settings>
  1909. <b:includable id='main'>
  1910.  
  1911. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  1912. <div class='widget-content'>
  1913. <ul>
  1914. <b:loop values='data:links' var='link'>
  1915. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  1916. </b:loop>
  1917. </ul>
  1918. <b:include name='quickedit'/>
  1919. </div>
  1920. </b:includable>
  1921. </b:widget>
  1922. </b:section>
  1923. </div>
  1924. </div>
  1925. </div>
  1926. <div class='clear'/>
  1927. <b:section id='Email'>
  1928. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' version='1'>
  1929. <b:includable id='main'>
  1930.  
  1931. <div class='widget-content'>
  1932. <div class='follow-by-email-inner'>
  1933. <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  1934. <input autocomplete='off' class='follow-by-email-address' name='email' placeholder='عنوان البريد الالكتروني' type='email'/>
  1935. <input class='follow-by-email-submit' type='submit' value='اشترك'/>
  1936. <input name='uri' type='hidden' value='blogspot/yTfND'/>
  1937. <input name='loc' type='hidden' value='ar_AR'/>
  1938. </form>
  1939. </div>
  1940. </div>
  1941. <span class='item-control blog-admin'>
  1942. <b:include name='quickedit'/>
  1943. </span>
  1944. </b:includable>
  1945. </b:widget>
  1946. </b:section>
  1947. <div class='clear'/>
  1948. <div class='copyrights'>
  1949. <div class='right-copy'>
  1950. <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  1951. </div>
  1952. </div>
  1953.  
  1954. </div>
  1955. <b:if cond='data:blog.pageType in {&quot;static_page&quot;, &quot;item&quot;}'>
  1956. <script type='text/javascript'>
  1957. //<![CDATA[
  1958. // sidebar
  1959. (function(a){a.fn.theiaStickySidebar=function(b){function f(j,k){return!(!0!==j.initialized)||!(a('body').width()<j.minWidth)&&(g(j,k),!0)}function g(j,k){j.initialized=!0,a('head').append(a('<style>.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>')),k.each(function(){function l(){p.fixedScrollTop=0,p.sidebar.css({'min-height':'1px'}),p.stickySidebar.css({position:'static',width:''})}function m(x){var y=x.height();return x.children().each(function(){y=Math.max(y,a(this).height())}),y}var p={};p.sidebar=a(this),p.options=j||{},p.container=a(p.options.containerSelector),0==p.container.size()&&(p.container=p.sidebar.parent()),p.sidebar.parents().css('-webkit-transform','none'),p.sidebar.css({position:'relative',overflow:'visible','-webkit-box-sizing':'border-box','-moz-box-sizing':'border-box','box-sizing':'border-box'}),p.stickySidebar=p.sidebar.find('.theiaStickySidebar'),0==p.stickySidebar.length&&(p.sidebar.find('script').remove(),p.stickySidebar=a('<div>').addClass('theiaStickySidebar').append(p.sidebar.children()),p.sidebar.append(p.stickySidebar)),p.marginTop=parseInt(p.sidebar.css('margin-top')),p.marginBottom=parseInt(p.sidebar.css('margin-bottom')),p.paddingTop=parseInt(p.sidebar.css('padding-top')),p.paddingBottom=parseInt(p.sidebar.css('padding-bottom'));var v=p.stickySidebar.offset().top,w=p.stickySidebar.outerHeight();p.stickySidebar.css('padding-top',1),p.stickySidebar.css('padding-bottom',1),v-=p.stickySidebar.offset().top,w=p.stickySidebar.outerHeight()-w-v,0==v?(p.stickySidebar.css('padding-top',0),p.stickySidebarPaddingTop=0):p.stickySidebarPaddingTop=1,0==w?(p.stickySidebar.css('padding-bottom',0),p.stickySidebarPaddingBottom=0):p.stickySidebarPaddingBottom=1,p.previousScrollTop=null,p.fixedScrollTop=0,l(),p.onScroll=function(x){if(x.stickySidebar.is(':visible')){if(a('body').width()<x.options.minWidth)return void l();if(x.sidebar.outerWidth(!0)+50>x.container.width())return void l();var y=a(document).scrollTop(),z='static';if(y>=x.container.offset().top+(x.paddingTop+x.marginTop-x.options.additionalMarginTop)){var F,A=x.paddingTop+x.marginTop+j.additionalMarginTop,B=x.paddingBottom+x.marginBottom+j.additionalMarginBottom,C=x.container.offset().top,D=x.container.offset().top+m(x.container),E=0+j.additionalMarginTop,G=x.stickySidebar.outerHeight()+A+B<a(window).height();F=G?E+x.stickySidebar.outerHeight():a(window).height()-x.marginBottom-x.paddingBottom-j.additionalMarginBottom;var H=C-y+x.paddingTop+x.marginTop,I=D-y-x.paddingBottom-x.marginBottom,J=x.stickySidebar.offset().top-y,K=x.previousScrollTop-y;'fixed'==x.stickySidebar.css('position')&&'modern'==x.options.sidebarBehavior&&(J+=K),'legacy'==x.options.sidebarBehavior&&(J=F-x.stickySidebar.outerHeight(),J=Math.max(J,F-x.stickySidebar.outerHeight())),J=0<K?Math.min(J,E):Math.max(J,F-x.stickySidebar.outerHeight()),J=Math.max(J,H),J=Math.min(J,I-x.stickySidebar.outerHeight());var L=x.container.height()==x.stickySidebar.outerHeight();z=L||J!=E?L||J!=F-x.stickySidebar.outerHeight()?y+J-x.sidebar.offset().top-x.paddingTop<=j.additionalMarginTop?'static':'absolute':'fixed':'fixed'}if('fixed'==z)x.stickySidebar.css({position:'fixed',width:x.sidebar.width(),top:J,left:x.sidebar.offset().left+parseInt(x.sidebar.css('padding-left'))});else if('absolute'==z){var M={};'absolute'!=x.stickySidebar.css('position')&&(M.position='absolute',M.top=y+J-x.sidebar.offset().top-x.stickySidebarPaddingTop-x.stickySidebarPaddingBottom),M.width=x.sidebar.width(),M.left='',x.stickySidebar.css(M)}else'static'==z&&l();'static'!=z&&!0==x.options.updateSidebarHeight&&x.sidebar.css({'min-height':x.stickySidebar.outerHeight()+x.stickySidebar.offset().top-x.sidebar.offset().top+x.paddingBottom}),x.previousScrollTop=y}},p.onScroll(p),a(document).scroll(function(x){return function(){x.onScroll(x)}}(p)),a(window).resize(function(x){return function(){x.stickySidebar.css({position:'static'}),x.onScroll(x)}}(p))})}b=a.extend({containerSelector:'',additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,sidebarBehavior:'modern'},b),b.additionalMarginTop=parseInt(b.additionalMarginTop)||0,b.additionalMarginBottom=parseInt(b.additionalMarginBottom)||0,function(j,k){var l=f(j,k);l||(console.log('TST: Body width smaller than options.minWidth. Init is delayed.'),a(document).scroll(function(m,p){return function(v){var w=f(m,p);w&&a(this).unbind(v)}}(j,k)),a(window).resize(function(m,p){return function(v){var w=f(m,p);w&&a(this).unbind(v)}}(j,k)))}(b,this)}})(jQuery),function(a){a.fn.replaceText=function(b,d,f){return this.each(function(){var h,j,g=this.firstChild,k=[];if(g)do 3===g.nodeType&&(h=g.nodeValue,j=h.replace(b,d),j!=h&&(!f&&/</.test(j)?(a(g).before(j),k.push(g)):g.nodeValue=j));while(g=g.nextSibling);k.length&&a(k).remove()})}}(jQuery);var s='[full-width]',o='[left-sidebar]',u='[right-sidebar]',c='[contact-form]',q='[line]';$('.post *').replaceText(s,'<style>#content-wrapper{width: 100% !important;float: none !important;padding-right: 0 !important;border-right: 0 !important;}.post-footer-line>* {margin-right: 0 !important;}#sidebar-wdbloog{display:none;}</style>'),$('.post-body *').replaceText(o,'<style>#content-wrapper{float:right!important;padding-left: 2%;padding-right: inherit !important;padding-bottom: 30px;border-left: 1px solid #eee;border-right: none !important;}#sidebar-wdbloog{float:left!important;right: -1px;left: inherit !important;padding-left: 0 !important;padding-right: 2%;border-left: none !important;border-right: 1px solid #EEE;}</style>'),$('.post-body *').replaceText(u,'<style>#content-wrapper{float:left!important;}#sidebar-wdbloog{float:right!important;}</style>'),$('.post-body *').replaceText(c,'<div dir=\'ltr\'><div class=\'blogger-items-contact\'></div></div>'),$('.post-body *').replaceText(q,'<div class=\'line\'></div>'),jQuery(document).ready(function(){jQuery('#sidebar-wdbloog').theiaStickySidebar({additionalMarginTop:10,additionalMarginBottom:5})});
  1960. // Double Click
  1961. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),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);
  1962. function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/highlightpro.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
  1963. //]]>
  1964. </script>
  1965. </b:if>
  1966. <script type='text/javascript'>
  1967. //<![CDATA[
  1968. $(".PopularPosts img").attr("src",function(t,r){return r.replace("w72-h72","w345-h180")})
  1969. //]]>
  1970. </script>
  1971. &lt;noscript&gt;&lt;!--</body>--&gt;&lt;/noscript&gt;&lt;/body&gt;
  1972. </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!