· 6 years ago · Nov 14, 2019, 04:14 AM
1<?xml version="1.0" encoding="UTF-8" ?>
2<!DOCTYPE html>
3<HTML>
4<head>
5<meta charset='utf-8'/>
6<meta content='width=device-width, initial-scale=1' name='viewport'/>
7<meta content='blogger' name='generator'/>
8<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
9<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
10<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
11<link expr:href='data:blog.url' rel='canonical'/>
12<b:if cond='data:blog.pageType == "index"'>
13<title><data:blog.pageTitle/></title>
14<b:else/>
15<b:if cond='data:blog.pageType != "error_page"'>
16<title><data:blog.pageName/> - <data:blog.title/></title>
17</b:if></b:if>
18<b:if cond='data:blog.pageType == "error_page"'>
19<title>الصفحة غير موجودة - <data:blog.title/></title>
20</b:if>
21<b:if cond='data:blog.pageType == "archive"'>
22<meta content='noindex' name='robots'/>
23</b:if>
24<b:if cond='data:blog.searchLabel'>
25<meta content='noindex,nofollow' name='robots'/>
26</b:if>
27<b:if cond='data:blog.isMobile'>
28<meta content='noindex,nofollow' name='robots'/>
29</b:if>
30<b:if cond='data:blog.pageType != "error_page"'>
31<meta expr:content='data:blog.metaDescription' name='description'/>
32
33<b:if cond='data:blog.homepageUrl != data:blog.url'>
34<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
35</b:if></b:if>
36<b:if cond='data:blog.url == data:blog.homepageUrl'>
37<meta content='xxxxx' name='keywords'/></b:if>
38<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
39<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
40<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
41<b:if cond='data:blog.pageType == "item"'>
42<b:if cond='data:blog.postImageThumbnailUrl'>
43<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
44</b:if></b:if>
45<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
46<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
47<link href='https://plus.google.com/xxxxx/about' rel='author'/>
48<link href='https://plus.google.com/xxxxx' rel='me'/>
49<meta content='xxxxx' name='msvalidate.01'/>
50<meta content='xxxxx' name='alexaVerifyID'/>
51<meta content='egypt' name='geo.placename'/>
52<meta content='xxxxx' name='Author'/>
53<meta content='general' name='rating'/>
54<meta content='us' name='geo.country'/>
55<b:if cond='data:blog.url == data:blog.homepageUrl'>
56<b:if cond='data:blog.pageType == "item"'>
57<b:if cond='data:blog.pageType == "static_page"'>
58<b:if cond='data:blog.url'>
59<meta expr:content='data:blog.url' property='og:url'/>
60</b:if>
61<meta expr:content='data:blog.title' property='og:site_name'/>
62<b:if cond='data:blog.pageName'>
63<meta expr:content='data:blog.pageName' property='og:title'/>
64</b:if></b:if></b:if></b:if>
65<meta expr:content='data:blog.pageTitle' property='og:title'/>
66<b:if cond='data:blog.pageType == "item"'>
67<meta content='article' property='og:type'/>
68<b:else/>
69<meta content='website' property='og:type'/>
70</b:if>
71<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
72<b:if cond='data:blog.postImageUrl'>
73<meta expr:content='data:blog.postImageUrl' property='og:image'/>
74<b:else/>
75<b:if cond='data:blog.postImageThumbnailUrl'>
76<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
77<b:else/>
78<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
79</b:if></b:if>
80<b:if cond='data:blog.metaDescription'>
81<meta expr:content='data:blog.metaDescription' property='og:description'/>
82<b:else/>
83<meta content='xxxxx' property='og:description'/>
84</b:if>
85<meta expr:content='data:blog.title' property='og:site_name'/>
86<meta content='xxxxx' property='fb:app_id'/>
87<meta content='xxxxx' property='fb:admins'/>
88<meta content='en_US' property='og:locale'/>
89<meta content='en_GB' property='og:locale:alternate'/>
90<meta content='summary' name='twitter:card'/>
91<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
92<meta content='xxxxx' name='twitter:site'/>
93<meta content='xxxxx' name='twitter:creator'/>
94<style type="text/css">
95<!-- /*<b:skin><![CDATA[/*
96
97/* CSS Reset */
98html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
99/* HTML5 */
100article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
101/* Body Layout */
102body#layout ul,#layout ul{display:none}body#layout #outer-wrapper,body#layout .post-inner,body#layout .sidebar,body#layout .sidebar-two{padding:0}body#layout #wrapper,body#layout .post-inner,body#layout .sidebar-inner{padding:0}body#layout .header-wrapper{margin-top:0}body#layout #header{min-height:0;width:100%}body#layout #header2{width:30%;float:right}body#layout #header-right{width:60%;float:left}#layout,#layout .widget-content,#layout .add_widget{border:none}body#layout .add_widget{border:1px solid #ddd}#layout .add_widget a{color:#333}#layout #header{min-height:0;width:100%;margin:10px 0 0}#layout #footer-wrapper .footer-column{width:33.33%;float:right}#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}#layout #main-wrapper{width:70%;float:right}#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:left}#layout .draggable-widget .widget-wrap2{background:#c1cfd9}#layout #banner,#layout #banner2{background-color:#444;padding:20px 0!important;margin-bottom:20px}#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}#footer-adwidget .footer-widget{width:31.7%;float:right;margin-right:10px}#footer-wrapper{overflow:hidden;margin:0 auto 20px;max-width:920px;padding:15px 0 0}body{direction:rtl;background:#e3e3e3;font-family:'Droid Arabic Naskh',tahoma;font-size:13px;font-weight:400;text-align:right;color:#222;margin:0;padding:0}.navbar,.post-feeds,.feed-links{display:none}.section,.widget{margin:0;padding:0}strong,b{font-weight:700;padding:0}cite,em,i{font-style:italic}a:link,a:visited{color:#444;text-decoration:none}a:hover,a:hover:visited{color:#1f1645}a img{border:none;border-width:0;outline:none}img{max-width:100%;vertical-align:middle;border:0}abbr,acronym{border-bottom:1px dotted;cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}kbd{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:.1em .5em .05em;margin:0 .2em;background-color:#fff}mark{background-color:#ffce00;color:#182025}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}hr{height:1px;border:none;background-color:#999}code,kbd,pre,samp{font-family:monospace,monospace}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{background:#fcf4ca;position:relative;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:12px 15px;color:#77735c;box-shadow:3px 3px rgba(0,0,0,0.1)}:focus{outline:0!important}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}.post-body h1{font-size:200%}.post-body h2{font-size:180%}.post-body h3{font-size:160%}.post-body h4{font-size:140%}.post-body h5{font-size:120%}.post-body h6{font-size:100%}input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;box-sizing:border-box}input.placeholder_text,textarea.placeholder_text{color:#888}.post ul li span{position:relative;display:block;padding:0;margin:.5em 2em .5em 0;text-decoration:none;transition:all .3s ease-out}ol{counter-reset:li;list-style:none;font:15px 'Droid Arabic Naskh','lucida sans';padding:0;margin:0}ol ol{margin:0 2em 0 0}.post ol li{position:relative;display:block;padding:0;margin:.5em 2em .5em 0;background:#fff;text-decoration:none;transition:all .3s}.post ol li:before{content:counter(li);counter-increment:li;position:absolute;right:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center}.post-body ul{position:relative;display:block;padding:0;margin:.5em 1.5em .5em 0;text-decoration:none;transition:all .3s ease-out}.post-body table{width:100%}.post-body table td,.post-body table caption{border:1px solid #e6e6e6;padding:10px;text-align:right;vertical-align:top}.post-body table th{border:1px solid #009abf;padding:10px;text-align:right;vertical-align:top}.post-body table.tr-caption-container{border:1px solid #eee}.post-body th{font-weight:700}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:right;font-size:13px;padding:3px 5px;border:1px solid #eee}.post-body th{background:#00acd6;color:#fff}.post-body th:hover{background:#009fc6}.post-body td a{color:#444}.post-body td a:hover{color:#cf4d35}.post-body table.tr-caption-container td{border:none;padding:8px}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}.post-body li{list-style-type:square}.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important}#ftright{float:left}#ftright a{color:#aaa;padding:5px 7px;font-size:1.2em;border-radius:5px;margin:13px 7px 0;border-bottom:1px solid #08a9b1}#ftright a:hover{color:#fff;background-color:#08a9b1;text-decoration:none!important;transition:.8s}
103]]></b:skin>
104<style type='text/css'>
105/* Arlina Fixed Layout */
106.quickedit {display:none}
107/* Arlina Template Wrapper */
108#wrapper {background:#fff;max-width:920px;margin:auto;padding:0;overflow:hidden;border-top:4px solid #1f1645;}
109/* Arlina Search Form */
110.menusearch{display:block;margin:15px 15px 0 0;padding:0}
111.searchform{padding:10px;margin:0;background:#fefefe;overflow:hidden;border:1px solid #e0e0e0;transition:all .3s}
112.searchform:hover,.searchform:active{border-color:#bbb}
113.searchform input{color:#999;padding:0;margin:0;transition:all .6s;font-family: 'Droid Arabic Naskh',tahoma;}
114.searchform input:focus{color:#444;}
115.searchform .searchfield{background:transparent;border:0;outline:none;width:100%;}
116/* Arlina Header Wrapper */
117#header{position:relative;display:block;padding:15px;overflow:hidden;}
118#header2{float:right;max-width:350px}
119#header .title{color:#444;font-size:260%;line-height:1.4em;margin:0;font-family:'Droid Arabic Naskh';font-weight:500;}
120#header .title a {color:#444;}
121#header .title a:hover {color:#1f1645;}
122#header p.description {margin:0;}
123.header img,.header-right img {display:block;}
124.header-right img {max-height:60px;}
125.header-right{float:left;padding:0;overflow:hidden;margin:0;width:100%;max-width:468px}
126/* Arlina Main Navigation */
127#navi-arlina{height:45px;font-size:100%;background:#1f1645;color:#fff;font-family:Droid Arabic Naskh;margin:0 15px}
128#navi-arlina ul.menus{background:#1f1645;height:auto;overflow:hidden;position:absolute;z-index:99;display:none}
129#navi-arlina a{display:block;line-height:45px;padding:0 15px;text-decoration:none;color:#fff}
130#navi-arlina ul,#navi-arlina li {margin:0 auto;padding:0;list-style:none}
131#navi-arlina ul {height:45px;}
132#navi-arlina li {float:right;display:inline-block;position:relative}
133#navi-arlina input {display:none;margin:0;padding:0;width:80px;height:45px;opacity:0;cursor:pointer}
134#navi-arlina label {display:none;width:55px;height:48px;line-height:48px;text-align:center}
135#navi-arlina label span {font-size:16px;position:absolute;right:55px}
136#navi-arlina ul.menus li {display:block;width:100%;text-transform:none;text-shadow:none;}
137#navi-arlina ul.menus a {color:#fff;line-height:55px}
138#navi-arlina li a:hover {background:#3a91c7}
139#navi-arlina li:hover ul.menus,#navi-arlina li:hover > ul {display:block}
140#navi-arlina ul.menus a:hover {background:#444;color:#fff}
141#navi-arlina li ul{background:#444;margin:0;width:150px;height:auto;position:absolute;top:45px;right:0;z-index:10;display:none}
142#navi-arlina li li {display:block;float:none}
143#navi-arlina li li:hover {background:#444}
144#navi-arlina li li a:hover {background:#444;text-decoration:underline}
145#navi-arlina li ul ul {right:100%;top:0}
146#navi-arlina li li > a{display:block;padding:0 10px;margin:0;line-height:30px;text-decoration:none;color:#fff}
147/* Arlina Post Wrapper */
148#main-wrapper{width:66%;float:right;padding:0;word-wrap:break-word;overflow:hidden;border-right:1px solid #e9e9e9;}
149#main{padding:15px 15px 0}
150.main .Blog{border-bottom-width:0}
151.main .widget{margin:0 0 .2em;padding:0 0 .2em}
152.date-header{display:none!important}
153h1.post-title.entry-title,h2.post-title.entry-title {font-family:'Droid Arabic Naskh';font-size:18px;font-weight:700}
154h1.post-title.entry-title a,h2.post-title.entry-title a{color:#222;}
155h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#338bc0;}
156.post-body {margin:0;line-height:2.6em;text-align:right;font-size:17px;}
157.post-info{display:block;padding:5px 0;color:#888;line-height:1.6em;font-size:11px;overflow:hidden;margin:5px 0}
158.post-info abbr {border:0;}
159.post-timestamp,.author-info,.comment-info{border-right:1px solid #ddd;margin-left:10px;padding:0 0 0 10px}
160.post-info a.label-block{background:#fefefe;padding:2px 4px;color:#888;}
161.post-info a:hover{text-decoration:underline}
162.post-body img,.post-body video,.post-body object {max-width:100%}
163.breadcrumbs{padding:5px 10px;color:#333;background:#fafafa;margin:10px 0;font-size:10px;text-transform:uppercase}
164.breadcrumbs a{color:#333}
165.breadcrumbs a:hover{color:#444;text-decoration:underline}
166.post-footer{line-height:1.6em}
167.post-footer a{color:#1f1645;font-weight:700}
168.feed-links{clear:both;line-height:2.5em;}
169/* Arlina Post Navigation */
170#blog-pager{position:relative;display:block;width:100%;margin:15px 0 15px 10px;text-align:center}
171#blog-pager-newer-link{float:right}
172#blog-pager-older-link{float:left}
173#blog-pager a:link,#blog-pager a:visited{color:#333;font-size:11px!important;padding:6px 15px;margin:5px;background:#fff;border:1px solid #e0e0e0}
174#blog-pager a:hover{text-decoration:underline}
175/* Arlina Sidebar Wrapper */
176#sidebar-wrapper{padding:0 0 0 15px;width:32%;float:left;word-wrap:break-word;overflow:hidden}
177#sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{position:relative;margin:0 0 10px;padding:10px 0;font-size:15px;color:#343434;font-family:'Droid Arabic Naskh';border-bottom:2px solid #e0e0e0;font-weight:500;}
178#sidebar-wrapper h2:before,#sidebar-wrapper h3:before,#sidebar-wrapper h4:before{content:'';position:absolute;bottom:-2px;right:0;left:0;background:#fc4f69;width:60px;height:2px}
179#sidebar-wrapper .widget ul{margin:5px 0;padding:5px 0}
180.widget-content {margin:0;overflow:hidden}
181.sidebar {line-height:1.5em;padding:0 15px 0 0}
182.sidebar ul {padding:0;margin:0}
183.BlogArchive #ArchiveList ul li {text-indent:0!important}
184.sidebar ul li{margin:0;padding:5px 0;border-bottom:1px solid #f1f1f1}
185.sidebar .widget {margin:10px 0}
186/* Arlina Footer Wrapper */
187
188#footer-wrapper{text-align:right;overflow:hidden;background:#120e28;margin:auto;max-width:920px;padding:15px 0 0;}
189#footer-adwidget .footer-widget {width:31.7%;float:right;margin-right:10px;}
190#footer-adwidget {max-width:920px;overflow:hidden;margin:0 auto;}
191#footer-wrapper h2,#footer-wrapper h3 {overflow:hidden;position:relative;font-family:'Droid Arabic Naskh';font-size:15px;font-weight:500;color:#fff;padding:10px 0;display:block;border-bottom:1px solid #555;}
192#footer-wrapper h2:after,#footer-wrapper h3:after{content:'';display:inline-block;position:absolute;height:14px;top:0;margin:13px 10px 12px 0px;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat}
193#footx1,#footx2,#footx3 {margin:0 .2%}
194#footer-adwidget {max-width:920px;overflow:hidden;margin:0 auto;}
195#footer-wrapper .widget-content {text-align:right;font-family:'Droid Arabic Naskh',Helvetica;margin:0;color:#f9f9f9;}
196#footer-wrapper .widget-content li {margin-right:-14px;color:#f9f9f9}
197#footer-wrapper .widget-content ul {margin:0;}
198#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}
199.footer li a {padding-top:0;padding-left:0;line-height:2em;font-size:13px;font-weight:400;font-family:'Droid Arabic Naskh',Helvetica;color:#f9f9f9;margin:0}
200.footer li a:hover {color:#fff;}
201#footer-last{overflow:hidden;background:#242135;text-align:center;padding:20px;margin:auto;border-top:1px solid #464646;}
202.cpleft{float:right}
203.cpleft,#ftright{display:inline-block;color:#eee;font-size:11px;}
204.cpleft a,#ftright a {color:#eee;text-decoration:none;}
205.cpleft a:hover,#ftright a:hover {color:#fff;text-decoration:underline;}
206/* Arlina Popular Post */
207.item-snippet {display:none;}
208.PopularPosts .item-thumbnail{margin:0;}
209#PopularPosts1 h2,#PopularPosts2 h2 {margin:0;}
210.PopularPosts .popular-posts ul li{list-style:none;overflow:hidden;margin:0;}
211.PopularPosts .popular-posts ul li:first-child{border-top:0}
212#PopularPosts1 .popular-posts,#PopularPosts2 .popular-posts {position:relative;}
213.PopularPosts .popular-posts ul li a {color:#444;font-weight:700;transition:all .3s}
214.PopularPosts .popular-posts ul li a:hover {color:#444;text-decoration:underline}
215.PopularPosts .item-title{display:table-cell;vertical-align:middle;line-height:normal;text-overflow:ellipsis;padding:0 10px 0 0px}
216.PopularPosts .item-thumbnail img {background:#fff;display:block;float:right;width:50px;height:auto;padding:2px;border:1px solid #ccc;transition:all .3s}
217.PopularPosts .item-thumbnail img:hover{border-color:#aaa;}
218.popular-posts ul {padding-right:0;}
219/* Arlina Label */
220.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
221.cloud-label-widget-content{text-align:right;padding:0;}
222.label-count {white-space:nowrap;display:inline-block;}
223#sidebar-wrapper .Label li{position:relative;background:#fff;color:#444;padding:0;margin:0;text-align:right;width:100%;transition:all .3s}
224#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
225#sidebar-wrapper .Label li:before {content:"";position:absolute;width:2px;height:100%;background:#4fafe9;transition:all .2s ease-in-out;}
226#sidebar-wrapper .Label li:hover:before {width:100%;}
227#sidebar-wrapper .Label li a{padding:0 20px 0 0;display:block;position:relative;line-height:42px;color:#787878;text-decoration:none;transition:all .3s}
228#sidebar-wrapper .Label li a:hover {color:#fff;}
229#sidebar-wrapper .Label li span{float:left;height:42px;line-height:42px;width:42px;text-align:center;display:inline-block;background:#4fafe9;color:#FFF;top:0;left:0;z-index:2}
230#sidebar-wrapper .Label li:nth-child(1) span,#sidebar-wrapper .Label li:nth-child(1):before,#sidebar-wrapper .Label li:nth-child(7) span,#sidebar-wrapper .Label li:nth-child(7):before {background:#ca85ca;}
231#sidebar-wrapper .Label li:nth-child(2) span,#sidebar-wrapper .Label li:nth-child(2):before,#sidebar-wrapper .Label li:nth-child(8) span,#sidebar-wrapper .Label li:nth-child(8):before {background:#e54e7e;}
232#sidebar-wrapper .Label li:nth-child(3) span,#sidebar-wrapper .Label li:nth-child(3):before,#sidebar-wrapper .Label li:nth-child(9) span,#sidebar-wrapper .Label li:nth-child(9):before {background:#61c436;}
233#sidebar-wrapper .Label li:nth-child(4) span,#sidebar-wrapper .Label li:nth-child(4):before,#sidebar-wrapper .Label li:nth-child(10) span,#sidebar-wrapper .Label li:nth-child(10):before {background:#f4b23f;}
234#sidebar-wrapper .Label li:nth-child(5) span,#sidebar-wrapper .Label li:nth-child(5):before,#sidebar-wrapper .Label li:nth-child(11) span,#sidebar-wrapper .Label li:nth-child(11):before {background:#46c49c;}
235#sidebar-wrapper .Label li:nth-child(6) span,#sidebar-wrapper .Label li:nth-child(6):before,#sidebar-wrapper .Label li:nth-child(12) span,#sidebar-wrapper .Label li:nth-child(12):before {background:#607ec7;}
236#sidebar-wrapper .label-size{background:#1f1645;position:relative;display:block;float:right;margin:0 0 1px 1px;font-size:11px;transition:all .3s}
237#sidebar-wrapper .label-size a{display:inline-block;color:#fff;padding:4px 6px;font-weight:400;transition:all .3s}
238#sidebar-wrapper .label-count{display:inline-block;background:#3a91c7;color:#fff;padding:5px 8px;text-align:center;transition:all .3s}
239#sidebar-wrapper .label-size a:hover{color:#fff;text-decoration:underline}
240#footer-wrapper .label-size{background:#242135;color:#eee;display:block;float:right;margin:0 0 1px 1px;font-size:11px;transition:initial;}
241#footer-wrapper .label-size a{display:inline-block;color:#eee;padding:4px 6px;font-weight:400;transition:all .3s}
242#footer-wrapper .label-size a:hover {color:#fff;text-decoration:underline}
243#footer-wrapper .label-count{white-space:nowrap;background:#242135;display:inline-block;color:#eee;padding:5px 8px;text-align:center}
244#footer-wrapper .Label li{padding:5px 0;margin:0;text-align:right;border-bottom:1px solid #444;transition:all .3s}
245#footer-wrapper .Label li a {color:#eee;transition:all .3s;}
246#footer-wrapper .Label li span{background:#242135;float:left;color:#eee;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;transition:all .3s;}
247#footer-wrapper .Label li a:hover,#footer-wrapper .Label li:hover,#footer-wrapper .Label li span:hover {color:#fff;text-decoration:underline}
248/* Arlina Contact */
249#ContactForm1 {color:#eee}
250#ContactForm1 .contact-form-widget input{display:inline-block;width:100%;border:0;padding:5px 0;margin-top:3px}
251#ContactForm1 #ContactForm1_contact-form-email-message{width:100%;border:0;padding:5px;margin-top:3px}
252#ContactForm1 #ContactForm1_contact-form-submit{background:#fd554c;color:#fff;padding:8px;font-size:90%;border-radius:1px;cursor:pointer;transition:all .3s}
253#ContactForm1 #ContactForm1_contact-form-submit:hover{background:#df4840;color:#fff}
254#ContactForm1 p#ContactForm1_contact-form-error-message,#ContactForm1 p#ContactForm1_contact-form-success-message {text-align:center;width:100%;display:block;color:#fff;}
255/* Arlina Follow by Email */
256.FollowByEmail .follow-by-email-inner {position:relative;}
257.follow-by-email-inner {background:none repeat scroll 0 0 #120e28;padding:15px;}
258.follow-by-email-inner:before {color:#eee;content:'إشترك معنا في قائمتنا البريدية ليصلك كل جديد من مواضيع المدونة الى ايميلك ';font-size:12px;font-weight:normal;padding:0 2px 0 0;line-height: 2.5em;}
259.FollowByEmail .follow-by-email-inner .follow-by-email-address{border:0;font-size:12px;height:26px;padding-right:5px;width:100%;font-family: 'Droid Arabic Naskh',tahoma;}
260.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#fd554c;border:0;color:#fff;cursor:pointer;font-size:12px;height:26px;margin:0 3px;width:80px;z-index:0;transition:all .6s;font-family: 'Droid Arabic Naskh',tahoma;}
261.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#df4840;border:0;box-shadow:none;border-radius:0;cursor:pointer}
262.tabletd1 {width:100%;}
263.tabletd2 {width:64px;}
264/* Arlina Ad Slot */
265.banner,.banner2 {margin:10px auto;text-align:center;overflow:hidden;}
266.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;}
267.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
268.kotak_iklan {margin:auto;transition:all 1s ease-out;}
269.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
270.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
271.kotak_iklan img{background:#fff;text-align:center;margin:5px 2.5px;padding:2.5px;border:1px solid #ddd!important;transition:all .6s ease-out}
272.kotak_iklan img:hover {background:#fff;border-color:#bbb!important;}
273.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
274.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
275.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
276.kotak_iklan2 img {text-align:center;transition:all 1s ease-out;}
277.kotak_iklan2 img:hover {transition:all .5s ease-out;}
278/* Arlina Back to top */
279.back-to-top{visibility:hidden;background-color:#fd554c;color:#fff;vertical-align:middle;width:42px;height:42px;line-height:42px;text-align:center;position:fixed;bottom:30px;left:30px;z-index:90;cursor:pointer;border-radius:1px;opacity:0;-webkit-transform:translateZ(0);transition:all .6s}
280.back-to-top:hover{background-color:#333;opacity:1}
281.back-to-top.show{visibility:visible;opacity:1;}
282/* Arlina Global Responsive */
283@media screen and (max-width:800px) {
284#header {text-align:center}
285#navi-arlina{position:relative}
286#navi-arlina ul{background:#1f1645;position:absolute;top:100%;right:0;z-index:3;height:auto;display:none}
287#navi-arlina ul.menus{width:100%;position:static;padding-right:20px}
288#navi-arlina li{display:block;float:none;width:auto}
289#navi-arlina input,#navi-arlina label{position:absolute;top:0;right:0;display:block}
290#navi-arlina input{z-index:4}
291#navi-arlina input:checked + label{color:#fff }
292#navi-arlina input:checked ~ ul{display:block;width:100%}
293#navi-arlina li:hover > ul{width:100%}}
294@media only screen and (max-width:768px) {
295#header{padding:25px 15px;}
296#header2 {float:none;max-width:100%;}
297.header-right {float:none;max-width:100%;margin-top:20px;}
298#sidebar-wrapper,#main-wrapper {width:100%;padding:0;}
299.sidebar {padding:0 15px;}
300.menusearch{display:block;margin:15px 0;padding:0 15px}}
301@media only screen and (max-width:667px) {
302#footer-adwidget .footer-widget {width:31.2%;}}
303@media screen and (max-width:640px) {
304.post-info {display:none}
305.status-msg-border {width:97%}
306.post h2 {font-size:100%}
307#footer-wrapper{margin:auto;}
308#footer-adwidget {width:100%;overflow:hidden;}
309#footer-adwidget .footer-widget {width:94%;float:right;margin-right:10px;}
310.cpleft, #ftright {line-height:normal;}}
311@media screen and (max-width:480px) {
312.comments .comments-content .user{line-height:2.8em}
313.post h2{font-size:100%}
314.post h1{font-size:120%}
315body,.body-fauxcolumn-outer{font-size:80%}}
316@media screen and (max-width:380px) {
317.comments {display:none}}
318@media screen and (max-width:240px) {
319body,.body-fauxcolumn-outer {font-size:80%}}
320.status-msg-body {padding:10px 0;display:none}
321.status-msg-wrap{display:none;font-size:14px;margin-right:1px;width:100%;color:#666}
322.status-msg-wrap a{color:orange!important}
323.status-msg-bg{display:none;background:#ccc;position:relative;width:99%;padding:6px;z-index:1;border-radius:3px;border:2px #999 solid}
324.status-msg-border{display:none;border:0;position:relative;width:99%}
325</style>
326<b:if cond='data:blog.pageType != "item"'>
327<b:if cond='data:blog.pageType != "static_page"'>
328<style type='text/css'>
329.post{border-bottom:1px solid #f1f1f1;margin:0 5px 15px 0;padding:0 0 10px}
330.post h2{margin:0;font-family:'Droid Arabic Naskh';font-size:18px;font-weight:500}
331.post-body {padding:0 0 10px 0;text-align:right;}
332#blog-pager{position:relative;display:block;width:100%;margin:15px 0 15px 10px;}
333.breadcrumbs{margin:10px;}
334.post-thumbnail{background:#fff;width:100px;height:auto;float:right;padding:3px;margin:0 0 0 15px;border:1px solid #ccc;transition:all .3s}
335.post-thumbnail:hover{border-color:#aaa;}
336.jump-link,span.label-info a.label-block:nth-child(n+2) {display:none;}
337.post-snippet{font-size:86%}
338@media screen and (max-width:640px) {
339.post-thumbnail {width:50px;height:50px;padding:2px;}}
340</style>
341</b:if>
342</b:if>
343<b:if cond='data:blog.pageType == "item"'>
344<style type='text/css'>
345/* Arlina Post Area */
346.post-body img {background:#fdfdfd;height:auto;max-width:99%;margin-bottom:2px;opacity:1;padding:5px;box-shadow:0 1px 0 0 #e0e0e0;transition:all .6s ease;}
347.post-body img:hover {opacity:0.95;}
348.post-body a.img,.post-body .separator a {margin-right:0!important;margin-left:0!important;}
349/* Arlina Comment Post */
350.comments{background:none repeat scroll 0 0 #fff;clear:both;margin:10px 0 0;padding:10px 0;width:100%;font-size:11px}
351#comments{overflow:hidden}
352#comments h4{display:inline;padding:10px;line-height:40px;font-size:14px;color:#fff}
353#comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
354#comments h4,.comments .continue a{background-color:#fd4646;font-weight:700;color:#fff}
355.comments .user a,.comments .continue a{font-size:12px;color:#333}
356.comments .continue a{font-size:12px;color:#fff}
357#comments h4:after{content:"";position:absolute;bottom:-10px;right:10px;border-top:10px solid #fd4646;border-right:20px solid transparent;width:0;height:0;line-height:0}
358.comments .avatar-image-container{float:right;width:42px;max-height:42px;height:42px;padding:2px;border:1px solid #ccc;border-radius:100%;transition:all .3s}
359.comments .avatar-image-container img{max-width:42px;width:100%;border-radius:100%;transition:all .3s}
360.comments .avatar-image-container:hover,.comments .avatar-image-container img:hover{border-radius:0}
361.comments .inline-thread .avatar-image-container{width:36px;height:36px}
362.comments .comment-block{font-size:13px;position:relative;margin-right:63px;padding:5px 10px;border:1px solid #ccc;border-radius:3px;line-height:normal;}
363.comments .inline-thread .comment-block{margin-right:56px;border:1px solid #ccc}
364.comments .comment-block::before,.comments .comment-block::after{content:"";width:0;height:0;border-width:10px 8px;border-style:solid;border-color:transparent #ccc transparent transparent;position:absolute;top:8px;left:100%}
365.comments .comment-block::after{border-color:transparent #fff transparent transparent;left:auto;right:-15px}
366.comments .comments-content .comment-header{border-bottom:1px solid #ccc;padding-bottom:3px;margin:-1px -3px 10px}
367.comments .comments-content .comment{margin-bottom:12px;padding:0}
368.comments .comments-content .icon.blog-author{position:absolute;left:10px;top:-4px;width:50px;height:20px;font-size:85%;font-weight:700;background-color:#fd4646}
369.comments .comments-content .icon.blog-author::after{content:"Admin";position:absolute;color:#fff;top:1px;right:6px;line-height:20px;}
370#comments-block{margin:1em 0 1.5em;line-height:1.6em }
371#comments-block .comment-author{margin:.5em 0}
372#comments-block .comment-body{margin:.25em 0 0}
373#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;}
374#comments-block .comment-body p{margin:0 0 .75em}
375.deleted-comment{font-style:italic;color:#eee}
376.comment-replies {margin-right:7%;margin-top:10px;}
377span.comment-actions{position:relative;display:inline-block;font-size:11px}
378span.comment-actions a{margin-left:5px}
379.comments .continue a{background:transparent;font-size:12px;color:#333}
380cite.user.blog-author,cite.user{font-style:normal;font-weight:700;margin-left:5px}
381#comments h4#comment-post-message,span.thread-count {display:none;}
382#blog-pager{text-align:center}
383.comments-content {display:block;position:relative;margin-top:15px;}
384/* Arlina Related Post */
385#related_posts{margin-top:15px}
386#related_posts h4{color:#fff;background:#1f1645;padding:10px;margin:0 0 5px;font-size:120%;}
387#related_img{margin:0;padding:0;}
388#related_img:hover{background:0}
389#related_img ul{list-style-type:none;margin:0;padding:0}
390#related_img li{min-height:62px;border-bottom:1px solid #f1f1f1;list-style:none;margin:0 0 5px;padding:5px;}
391#related_img li a{color:#2672a0;}
392#related_img li a:hover{text-decoration:underline}
393#related_img .news-title{display:block;font-weight:bold!important;margin-bottom:5px;font-size:14px;}
394#related_img .news-text{display:block;text-align:justify;font-weight:normal;text-transform:none;color:#333;font-size:12px;}
395#related_img img{float:right;margin-left:7px;border:1px solid #ccc;padding:2px;width:60px;height:60px;max-width:100%;background:#fff}
396/* Arlina Share Button */
397h2.sharetitle{position:relative;overflow:hidden;margin:20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;transition:all .5s ease-out}
398h2.sharetitle:before, h2.sharetitle:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:'\a0';background-color:#ddd;}
399h2.sharetitle:before{margin-right:-50%;text-align:left;}
400h2.sharetitle span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
401.sharede,.sharebrow{position:relative;display:inline-block;}
402.sharebrow{display:table;margin:auto;text-align:center}
403.sharebrow a.fb,.sharebrow a.gp,.sharebrow a.tw,.sharebrow span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:700;color:#fff;text-shadow:none;padding:2px 8px;opacity:1;transition:all .3s}
404.sharebrow a.gp {background:#f20000;}
405.sharebrow a.fb {background:#516ca4;}
406.sharebrow a.tw {background:#00baff;}
407.sharebrow span.pl {background:#ff6600;}
408.fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
409.sharebrow a.fb:hover,.sharebrow a.gp:hover,.sharebrow a.tw:hover,.sharebrow span.pl:hover{color:#fff;opacity:.9}
410.sharebrow a.fb:active,.sharebrow a.gp:active,.sharebrow a.tw:active,.sharebrow span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
411span.pl{color:green;cursor:pointer}
412#share-menu{display:none}
413.dropdown-menu{position:absolute;top:100%;left:5px;z-index:99;float:right;min-width:100px;padding:5px 10px;margin:0;font-size:13px;text-align:right;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;}
414.dropdown-menu li{list-style:none!important;margin:0!important;padding-right:0!important;line-height:1.8em!important}
415.dropdown-menu li a{color:#333!important;font-weight:400;display:block}
416.dropdown-menu li a:hover{color:#e8554e!important}
417ul#share-menu{margin:10px 0;padding:5px 15px}
418/* Arlina Shortcodes */
419.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font-size:14px;clear:both;}
420.button ul {margin:0;padding:0}
421.button li{display:inline;margin:5px;padding:0;list-style:none;}
422.demo,.download {padding:8px 12px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:'Droid Arabic Naskh',sans-serif;text-align:center;border-radius:3px;transition:all 0.3s ease-out;}
423.demo {background-color:#555;}
424.download {background-color:#fd554c;}
425.demo:hover {background-color:#444;color:#fff;}
426.download:hover {background-color:#df4840;color:#fff;}
427.first-letter{float:right;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-left:8px;padding-right:3px;font-family:Droid Arabic Naskh}
428.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;}
429.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
430.alert-message span{font-size:14px!important}
431.alert-message i{font-size:22px;text-align:right;display:inline-block;position:absolute;left:0;top:0;padding:20px;opacity:0.8;}
432.alert-message.success{background-color:#00acd6;color:#fff}
433.alert-message.success a,.alert-message.success span{color:#fff}
434.alert-message.alert{background-color:#0073b7;color:#fff}
435.alert-message.alert a,.alert-message.alert span{color:#fff}
436.alert-message.warning{background-color:#efa666;color:#fff}
437.alert-message.warning a,.alert-message.warning span{color:#fff}
438.alert-message.error{background-color:#f56c7e;color:#fff}
439.alert-message.error a,.alert-message.error span{color:#fff}
440#flippy {text-align:center;}
441#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-family:'Droid Arabic Naskh',sans-serif;background-color:#555;color:#fff;padding:8px 12px!important;border:none;border-radius:3px;transition:all 0.3s ease-out;}
442#flippy button:hover, #flippy button:focus {outline:none;background-color:#444;color:#fff;}
443#flippanel {padding:1px;text-align:right;background:#fafafa;border:1px solid #e6e6e6;}
444#flippanel {padding:24px;display:none;}
445#flippanel img {background:#fff;margin:10px auto;}
446.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
447.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
448/* CSS Item Responsive */
449@media only screen and (max-width:960px){
450.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}
451@media only screen and (max-width:640px){
452.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
453</style>
454
455<script type='text/javascript'>
456/*<![CDATA[*/var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[h]+"' rel='nofollow' target='_top' title='"+reljudul[h]+"'><img src='"+relgambar[h]+"' /></a>",g+="<a href='"+relurls[h]+"' target='_top'>"+reljudul[h]+"</a>",g+="<span class='news-text'>"+relcuplikan[h]+" ... <a href='"+relurls[h]+"' target='_top'>"+morelink+"</a><span class='news-text'>",g+="</li>",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/
457
458</script>
459</b:if>
460<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
461<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet'/>
462
463
464</head>
465<!-- <body><div></div> -->
466<body expr:class='"loading" + data:blog.mobileClass'>
467<div>
468<div id='wrapper'>
469<div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
470 <b:section id='header2' maxwidgets='1' showaddelement='no'>
471 <b:widget id='Header1' locked='true' title='قالب سيو أنيق (رأس الصفحة)' type='Header' version='1' visible='true'>
472 <b:includable id='main'>
473 <b:if cond='data:useImage'>
474 <b:if cond='data:imagePlacement == "BEHIND"'>
475 <!--
476 Show image as background to text. You can't really calculate the width
477 reliably in JS because margins are not taken into account by any of
478 clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
479 width if the user is using shrink to fit.
480 This results in a margin-width's worth of pixels being cropped. If the
481 user is not using shrink to fit then we expand the header.
482 -->
483 <b:if cond='data:mobile'>
484 <div id='header-inner'>
485 <div class='titlewrapper' style='background: transparent'>
486 <b:include name='title'/>
487 </div>
488 <b:include name='description'/>
489 </div>
490 <b:else/>
491 <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
492 <div class='titlewrapper' style='background: transparent'>
493 <b:include name='title'/>
494 </div>
495 <b:include name='description'/>
496 </div>
497 </b:if>
498 <b:else/>
499 <!--Show the image only-->
500 <div id='header-inner'>
501 <a expr:href='data:blog.homepageUrl' style='display: block'>
502 <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
503 </a>
504 <!--Show the description-->
505 <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
506 <b:include name='description'/>
507 </b:if>
508 </div>
509 </b:if>
510 <b:else/>
511 <!--No header image -->
512 <div id='header-inner'>
513 <div class='titlewrapper'>
514 <b:include name='title'/>
515 </div>
516 <b:include name='description'/>
517 </div>
518 </b:if>
519</b:includable>
520 <b:includable id='description'>
521 <div class='descriptionwrapper'>
522 <p class='description'><span><data:description/></span></p>
523 </div>
524</b:includable>
525 <b:includable id='title'>
526 <b:if cond='data:blog.pageType != "item"'>
527 <b:if cond='data:blog.pageType != "static_page"'>
528 <h1 class='title'>
529 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
530 <span itemprop='name'><data:title/></span>
531 </a>
532 </h1>
533 <b:else/>
534 <h2 class='title'>
535 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
536 <span itemprop='name'><data:title/></span>
537 </a>
538 </h2>
539 </b:if>
540 <b:else/>
541 <h2 class='title'>
542 <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
543 <span itemprop='name'><data:title/></span>
544 </a>
545 </h2>
546 </b:if>
547</b:includable>
548 </b:widget>
549 </b:section>
550<b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'/>
551</div>
552<div class='clear'/>
553 <nav id='navi-arlina' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
554 <input type='checkbox'/>
555 <label>القائمة</label>
556 <ul>
557 <li><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
558 <li><a href='#' itemprop='url'><span itemprop='name'>طبيعة</span></a></li>
559 <li><a href='#' itemprop='url'><span itemprop='name'>سياحة</span></a></li>
560 <li><a href='#' itemprop='url'><span itemprop='name'>فيديوهات</span></a></li>
561 <li><a href='#' itemprop='url'><span itemprop='name'>كوميديا</span></a></li>
562 <li><a href='#' itemprop='url'><span itemprop='name'>سينما</span></a></li>
563 <li><a href='#' itemprop='url'><span itemprop='name'>فنون</span></a></li>
564 <li><a href='#' itemprop='url'><span itemprop='name'>رياضة</span></a></li>
565
566 </ul>
567 </nav>
568
569<div class='clear'/>
570 <div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
571 <b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'>
572 <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
573 <b:includable id='main'>
574 <!-- only display title if it's non-empty -->
575 <b:if cond='data:title != ""'>
576 <h2 class='title'><data:title/></h2>
577 </b:if>
578 <div class='widget-content'>
579 <data:content/>
580 </div>
581
582 <b:include name='quickedit'/>
583</b:includable>
584 </b:widget>
585 </b:section>
586 <div id='main-wrapper'>
587 <b:section class='main' id='main' showaddelement='no'>
588 <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1' visible='true'>
589 <b:includable id='main' var='top'>
590 <b:include data='posts' name='breadcrumb'/>
591 <b:if cond='data:mobile == "false"'>
592 <!-- posts -->
593 <div class='blog-posts hfeed'>
594 <b:include data='top' name='status-message'/>
595 <data:defaultAdStart/>
596 <b:loop values='data:posts' var='post'>
597 <b:if cond='data:post.isDateStart'>
598 <b:if cond='data:post.isFirstPost == "false"'>
599 </div></div>
600 </b:if>
601 </b:if>
602 <b:if cond='data:post.isDateStart'>
603 <div class="date-outer">
604 </b:if>
605 <b:if cond='data:post.dateHeader'>
606 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
607 </b:if>
608 <b:if cond='data:post.isDateStart'>
609 <div class="date-posts">
610 </b:if>
611 <div class='post-outer'>
612 <b:include data='post' name='post'/>
613 <b:if cond='data:blog.pageType == "static_page"'>
614 <b:if cond='data:post.showThreadedComments'>
615 <b:include data='post' name='threaded_comments'/>
616 <b:else/>
617 <b:include data='post' name='comments'/>
618 </b:if>
619 </b:if>
620
621 <b:if cond='data:blog.pageType == "item"'>
622 <b:if cond='data:post.showThreadedComments'>
623 <b:include data='post' name='threaded_comments'/>
624 <b:else/>
625 <b:include data='post' name='comments'/>
626 </b:if>
627 </b:if>
628 </div>
629 <b:if cond='data:post.includeAd'>
630 <b:if cond='data:post.isFirstPost'>
631 <data:defaultAdEnd/>
632 <b:else/>
633 <data:adEnd/>
634 </b:if>
635 <div class='inline-ad'>
636 <data:adCode/>
637 </div>
638 <data:adStart/>
639 </b:if>
640 </b:loop>
641 <b:if cond='data:numPosts != 0'>
642 </div></div>
643 </b:if>
644 <data:adEnd/>
645 </div>
646 <!-- navigation -->
647 <b:include name='nextprev'/>
648 <!-- feed links -->
649 <b:include name='feedLinks'/>
650 <b:if cond='data:top.showStars'>
651<script src='//www.google.com/jsapi' type='text/javascript'/>
652<script type='text/javascript'>
653google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
654function initialize() {google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}google.setOnLoadCallback(initialize);
655</script>
656</b:if>
657<b:else/>
658<b:include name='mobile-main'/>
659</b:if>
660 <b:if cond='data:top.showDummy'>
661 <data:top.dummyBootstrap/>
662 </b:if>
663 </b:includable>
664 <b:includable id='backlinkDeleteIcon' var='backlink'>
665 <span expr:class='"item-control " + data:backlink.adminClass'>
666 <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
667 <img src='//www.blogger.com/img/icon_delete13.gif'/>
668 </a>
669 </span>
670 </b:includable>
671 <b:includable id='backlinks' var='post'>
672 <a name='links'/><h4><data:post.backlinksLabel/></h4>
673 <b:if cond='data:post.numBacklinks != 0'>
674 <dl class='comments-block' id='comments-block'>
675 <b:loop values='data:post.backlinks' var='backlink'>
676 <div class='collapsed-backlink backlink-control'>
677 <dt class='comment-title'>
678 <span class='backlink-toggle-zippy'> </span>
679 <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
680 <b:include data='backlink' name='backlinkDeleteIcon'/>
681 </dt>
682 <dd class='comment-body collapseable'>
683 <data:backlink.snippet/>
684 </dd>
685 <dd class='comment-footer collapseable'>
686 <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
687 <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
688 </dd>
689 </div>
690 </b:loop>
691 </dl>
692 </b:if>
693 <p class='comment-footer'>
694 <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
695 </p>
696 </b:includable>
697 <b:includable id='breadcrumb' var='posts'>
698 <b:if cond='data:blog.homepageUrl != data:blog.url'>
699 <b:if cond='data:blog.pageType == "static_page"'>
700 <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>Home </a> > </span><span class='breadlabel'><data:blog.pageName/></span></div>
701 <b:else/>
702 <b:if cond='data:blog.pageType == "item"'>
703 <!-- breadcrumb for the post page -->
704 <b:loop values='data:posts' var='post'>
705 <b:if cond='data:post.labels'>
706 <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
707 <span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>الرئيسية</a> / </span>
708 <b:loop values='data:post.labels' var='label'>
709 <span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a> / </span>
710 </b:loop>
711 <span class='breadlabel'><data:post.title/></span>
712 </div>
713 <b:else/>
714 <div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepageUrl' rel='tag'>الرئيسية</a> / </span><span class='breadlabel'>غير مصنف</span> / <span class='breadlabel'><data:post.title/></span></div>
715 </b:if>
716 </b:loop>
717 <b:else/>
718 <b:if cond='data:blog.pageType == "archive"'>
719 <!-- breadcrumb for the label archive page and search pages.. -->
720 <div class='breadcrumbs'>
721 <span class='breadhome'><a expr:href='data:blog.homepageUrl'>الرئيسة </a> / </span><span>الأرشيف : <data:blog.pageName/></span>
722 </div>
723 <b:else/>
724 <b:if cond='data:blog.pageType == "index"'>
725 <div class='breadcrumbs'>
726 <b:if cond='data:blog.pageName == ""'>
727 <span class='breadhome'><a expr:href='data:blog.homepageUrl'>الرئيسية</a> / </span><span class='breadlabel'>جميع المشاركات </span>
728 <b:else/>
729 <span class='breadhome'> <a expr:href='data:blog.homepageUrl'>الرئيسية</a> / </span><span class='breadlabel'>المشاركات تحت القسم <data:blog.pageName/></span>
730 </b:if>
731 </div>
732 </b:if>
733 </b:if>
734 </b:if>
735 </b:if>
736 </b:if>
737 </b:includable>
738 <b:includable id='comment-form' var='post'>
739 <div class='comment-form'>
740 <a name='comment-form'/>
741 <b:if cond='data:mobile'>
742 <h4 id='comment-post-message'>
743 <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
744 <p><data:blogCommentMessage/></p>
745 <data:blogTeamBlogMessage/>
746 <b:if cond='data:blog.pageType == "static_page"'>
747 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
748</b:if>
749<b:if cond='data:blog.pageType == "item"'>
750 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
751</b:if>
752 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: block;width: 100%;'/>
753 <b:else/>
754 <h4 id='comment-post-message'><data:postCommentMsg/></h4>
755 <p><data:blogCommentMessage/></p>
756 <data:blogTeamBlogMessage/>
757 <b:if cond='data:blog.pageType == "static_page"'>
758 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
759</b:if>
760<b:if cond='data:blog.pageType == "item"'>
761 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
762</b:if>
763 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: block;width: 100%;'/>
764 </b:if>
765 <data:post.friendConnectJs/>
766 <data:post.cmtfpIframe/>
767 <script type='text/javascript'>
768 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
769 </script>
770 </div>
771 </b:includable>
772 <b:includable id='commentDeleteIcon' var='comment'>
773 <span expr:class='"item-control " + data:comment.adminClass'>
774 <b:if cond='data:showCmtPopup'>
775 <div class='goog-toggle-button'>
776 <div class='goog-inline-block comment-action-icon'/>
777 </div>
778 <b:else/>
779 <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
780 <img src='//www.blogger.com/img/icon_delete13.gif'/>
781 </a>
782 </b:if>
783 </span>
784 </b:includable>
785 <b:includable id='comment_count_picker' var='post'>
786 <b:if cond='data:post.commentSource == 1'>
787 <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'>
788 </span>
789 <b:else/>
790 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
791 <data:post.commentLabelFull/>:
792 </a>
793 </b:if>
794 </b:includable>
795 <b:includable id='comment_picker' var='post'>
796 <b:if cond='data:post.commentSource == 1'>
797 <b:include data='post' name='iframe_comments'/>
798 <b:else/>
799 <b:if cond='data:post.showThreadedComments'>
800 <b:include data='post' name='threaded_comments'/>
801 <b:else/>
802 <b:include data='post' name='comments'/>
803 </b:if>
804 </b:if>
805 </b:includable>
806 <b:includable id='comments' var='post'>
807 <div class='comments' id='comments'>
808 <a name='comments'/>
809 <b:if cond='data:post.allowComments'>
810 <h4>
811 <b:if cond='data:post.numComments == 1'>
812 1 <data:commentLabel/>
813 <b:else/>
814 <data:post.numComments/> <data:commentLabelPlural/>
815 </b:if>
816 </h4>
817 <b:if cond='data:post.commentPagingRequired'>
818 <span class='paging-control-container'>
819 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
820  
821 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
822  
823 <data:post.commentRangeText/>
824  
825 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
826  
827 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
828 </span>
829 </b:if>
830 <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
831 <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
832 <b:loop values='data:post.comments' var='comment'>
833 <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
834 <b:if cond='data:comment.favicon'>
835 <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author' height='16px' style='margin-bottom:-2px;' width='16px'/>
836 </b:if>
837 <a expr:name='data:comment.anchorName'/>
838 <b:if cond='data:blog.enabledCommentProfileImages'>
839 <data:comment.authorAvatarImage/>
840 </b:if>
841 <b:if cond='data:comment.authorUrl'>
842 <a alt='avatar' expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow'><data:comment.author/></a>
843 <b:else/>
844 <data:comment.author/>
845 </b:if>
846 <data:commentPostedByMsg/>
847 </dt>
848 <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
849 <b:if cond='data:comment.isDeleted'>
850 <span class='deleted-comment'><data:comment.body/></span>
851 <b:else/>
852 <p>
853 <data:comment.body/>
854 </p>
855 </b:if>
856 </dd>
857 <dd class='comment-footer'>
858 <span class='comment-timestamp'>
859 <a expr:href='data:comment.url' title='comment permalink'>
860 <data:comment.timestamp/>
861 </a>
862 <b:include data='comment' name='commentDeleteIcon'/>
863 </span>
864 </dd>
865 </b:loop>
866 </dl>
867 </div>
868 <b:if cond='data:post.commentPagingRequired'>
869 <span class='paging-control-container'>
870 <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
871 <data:post.oldestLinkText/>
872 </a>
873 <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
874 <data:post.olderLinkText/>
875 </a>
876  
877 <data:post.commentRangeText/>
878  
879 <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
880 <data:post.newerLinkText/>
881 </a>
882 <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
883 <data:post.newestLinkText/>
884 </a>
885 </span>
886 </b:if>
887 <p class='comment-footer'>
888 <b:if cond='data:post.embedCommentForm'>
889 <b:if cond='data:post.allowNewComments'>
890 <b:include data='post' name='comment-form'/>
891 <b:else/>
892 <data:post.noNewCommentsText/>
893 </b:if>
894 <b:else/>
895 <b:if cond='data:post.allowComments'>
896 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
897 </b:if>
898 </b:if>
899 </p>
900 </b:if>
901 <b:if cond='data:showCmtPopup'>
902 <div id='comment-popup'>
903 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
904 </iframe>
905 </div>
906 </b:if>
907 <div id='backlinks-container'>
908 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
909 <b:if cond='data:post.showBacklinks'>
910 <b:include data='post' name='backlinks'/>
911 </b:if>
912 </div>
913 </div>
914 </div>
915 </b:includable>
916 <b:includable id='feedLinks'>
917 <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
918 <b:if cond='data:feedLinks'>
919 <div class='blog-feeds'>
920 <b:include data='feedLinks' name='feedLinksBody'/>
921 </div>
922 </b:if>
923 <b:else/> <!--Post feed links -->
924 <div class='post-feeds'>
925 <b:loop values='data:posts' var='post'>
926 <b:if cond='data:post.allowComments'>
927 <b:if cond='data:post.feedLinks'>
928 <b:include data='post.feedLinks' name='feedLinksBody'/>
929 </b:if>
930 </b:if>
931 </b:loop>
932 </div>
933 </b:if>
934 </b:includable>
935 <b:includable id='feedLinksBody' var='links'>
936 <div class='feed-links'>
937 <data:feedLinksMsg/>
938 <b:loop values='data:links' var='f'>
939 <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
940 </b:loop>
941 </div>
942 </b:includable>
943 <b:includable id='iframe_comments' var='post'>
944 <b:if cond='data:post.allowIframeComments'>
945 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
946 <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
947 <b:if cond='data:post.embedCommentForm == "false"'>
948 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
949 </b:if>
950 </b:if>
951 </b:includable>
952 <b:includable id='mobile-index-post' var='post'>
953 <div class='mobile-date-outer date-outer'>
954 <b:if cond='data:post.dateHeader'>
955 <div class='date-header'>
956 <span><data:post.dateHeader/></span>
957 </div>
958 </b:if>
959 <div class='mobile-post-outer' style='border-bottom: 1px solid #ccc;padding-bottom: 10px;'>
960 <a expr:href='data:post.url'>
961 <h3 class='mobile-index-title entry-title' style='margin: 10px;'>
962 <data:post.title/>
963 </h3></a>
964 <div class='mobile-index-contents'>
965 <div class='mobilethumb' style='float: left;margin: 5px 15px 0 15px;'><a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title' style='width:40px;height:40px'/></a></div>
966 <div class='post-body'>
967 <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
968 </div>
969 </div>
970 <div style='clear: both;'/>
971 <div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
972 <b:if cond='data:blog.pageType != "static_page"'>
973 <b:if cond='data:post.allowComments'>
974 <b:if cond='data:post.numComments != 0'>
975 <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
976 </b:if>
977 </b:if>
978 <a expr:href='data:post.url' style='float:right;'>Read more</a>
979 </b:if>
980 </div>
981 </div>
982 </div>
983 </b:includable>
984 <b:includable id='mobile-main' var='top'>
985 <!-- posts -->
986 <div class='blog-posts hfeed'>
987 <b:include data='top' name='status-message'/>
988 <b:if cond='data:blog.pageType == "index"'>
989 <b:loop values='data:posts' var='post'>
990 <b:include data='post' name='mobile-index-post'/>
991 </b:loop>
992 <b:else/>
993 <b:loop values='data:posts' var='post'>
994 <b:include data='post' name='mobile-post'/>
995 </b:loop>
996 </b:if>
997 </div>
998 <b:include name='mobile-nextprev'/>
999 </b:includable>
1000 <b:includable id='mobile-nextprev'>
1001 <div class='blog-pager' id='blog-pager'>
1002 <b:if cond='data:newerPageUrl'>
1003 <div class='mobile-link-button' id='blog-pager-newer-link'>
1004 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
1005 </div>
1006 </b:if>
1007 <b:if cond='data:olderPageUrl'>
1008 <div class='mobile-link-button' id='blog-pager-older-link'>
1009 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
1010 </div>
1011 </b:if>
1012 <div class='mobile-link-button' id='blog-pager-home-link'>
1013 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1014 </div>
1015 <div class='mobile-desktop-link'>
1016 <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
1017 </div>
1018 </div>
1019 <div class='clear'/>
1020 </b:includable>
1021 <b:includable id='mobile-post' var='post'>
1022 <div class='date-outer'>
1023 <b:if cond='data:post.dateHeader'>
1024 <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
1025 </b:if>
1026 <div class='date-posts'>
1027 <div class='post-outer'>
1028 <div class='post hentry uncustomized-post-template'>
1029 <a expr:name='data:post.id'/>
1030 <b:if cond='data:post.title'>
1031 <h1 class='post-title entry-title' style='margin: 10px 0;font-size: 17px;'>
1032 <b:if cond='data:post.link'>
1033 <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
1034 <b:else/>
1035 <b:if cond='data:post.url'>
1036 <b:if cond='data:blog.url != data:post.url'>
1037 <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
1038 <b:else/>
1039 <data:post.title/>
1040 </b:if>
1041 <b:else/>
1042 <data:post.title/>
1043 </b:if>
1044 </b:if>
1045 </h1>
1046 </b:if>
1047 <div class='post-header'>
1048 <div class='post-header-line-1'/>
1049 </div>
1050 <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
1051 <data:post.body/>
1052 <div style='clear: both;'/> <!-- clear for photos floats -->
1053 </div>
1054 <div class='post-footer'>
1055 <div class='post-footer-line post-footer-line-1'>
1056 </div>
1057 <div class='post-footer-line post-footer-line-2'>
1058 <b:if cond='data:top.showMobileShare'>
1059 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
1060 <a href='javascript:void(0);'><data:shareMsg/></a>
1061 </div>
1062 </b:if>
1063 <b:if cond='data:top.showDummy'>
1064 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
1065 </b:if>
1066 </div>
1067 </div>
1068 </div>
1069 <b:if cond='data:blog.pageType == "static_page"'>
1070 <b:if cond='data:post.showThreadedComments'>
1071 <b:include data='post' name='threaded_comments'/>
1072 <b:else/>
1073 <b:include data='post' name='comments'/>
1074 </b:if>
1075 </b:if>
1076 <b:if cond='data:blog.pageType == "item"'>
1077 <b:if cond='data:post.showThreadedComments'>
1078 <b:include data='post' name='threaded_comments'/>
1079 <b:else/>
1080 <b:include data='post' name='comments'/>
1081 </b:if>
1082 </b:if>
1083 </div>
1084 </div>
1085 </div>
1086 </b:includable>
1087 <b:includable id='nextprev'>
1088 <div class='blog-pager' id='blog-pager'>
1089 <b:if cond='data:newerPageUrl'>
1090 <span id='blog-pager-newer-link'>
1091 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
1092 </span>
1093 </b:if>
1094 <b:if cond='data:olderPageUrl'>
1095 <span id='blog-pager-older-link'>
1096 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
1097 </span>
1098 </b:if>
1099 <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
1100 <b:if cond='data:mobileLinkUrl'>
1101 <div class='blog-mobile-link'>
1102 <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
1103 </div>
1104 </b:if>
1105 </div>
1106 <div class='clear'/>
1107 </b:includable>
1108 <b:includable id='post' var='post'>
1109 <div class='post hentry'>
1110<b:if cond='data:blog.pageType != "item"'>
1111<b:if cond='data:blog.pageType != "static_page"'>
1112<b:if cond='data:blog.pageType == "index"'>
1113<b:if cond='data:post.isFirstPost'>
1114<script type='text/javascript'>
1115//<![CDATA[
1116function arlina_thumb_size(t,a){var s=100,c=!0,e="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";return 1==c&&""==t&&(t=e),image_tag='<img src="'+t.replace("/s72-c/","/s"+s+"-c/")+'" class="post-thumbnail" alt="'+a+'" width="100" height="100"/>',""!=t?image_tag:""}
1117//]]>
1118</script>
1119</b:if>
1120<script type='text/javascript'>
1121document.write(arlina_thumb_size("<data:post.thumbnailUrl/>","<data:post.title/>"));
1122</script>
1123</b:if>
1124</b:if>
1125</b:if>
1126<b:if cond='data:post.title'>
1127 <b:if cond='data:blog.pageType != "item"'>
1128 <b:if cond='data:blog.pageType != "static_page"'>
1129 <h2 class='post-title entry-title'>
1130 <b:if cond='data:post.link'>
1131 <a expr:href='data:post.link' expr:title='data:post.title'>
1132 <data:post.title/>
1133 </a>
1134 <b:else/>
1135 <b:if cond='data:post.url'>
1136 <b:if cond='data:blog.url != data:post.url'>
1137 <a expr:href='data:post.url' expr:title='data:post.title'>
1138 <data:post.title/>
1139 </a>
1140 <b:else/>
1141 <data:post.title/>
1142 </b:if>
1143 <b:else/>
1144 <data:post.title/>
1145 </b:if>
1146 </b:if>
1147 </h2>
1148 <b:else/>
1149 <h1 class='post-title entry-title'>
1150 <b:if cond='data:post.link'>
1151 <a expr:href='data:post.link' expr:title='data:post.title'>
1152 <data:post.title/>
1153 </a>
1154 <b:else/>
1155 <b:if cond='data:post.url'>
1156 <b:if cond='data:blog.url != data:post.url'>
1157 <a expr:href='data:post.url' expr:title='data:post.title'>
1158 <data:post.title/>
1159 </a>
1160 <b:else/>
1161 <data:post.title/>
1162 </b:if>
1163 <b:else/>
1164 <data:post.title/>
1165 </b:if>
1166 </b:if>
1167 </h1>
1168 </b:if>
1169 <b:else/>
1170 <h1 class='post-title entry-title'>
1171 <b:if cond='data:post.link'>
1172 <a expr:href='data:post.link' expr:title='data:post.title'>
1173 <data:post.title/>
1174 </a>
1175 <b:else/>
1176 <b:if cond='data:post.url'>
1177 <b:if cond='data:blog.url != data:post.url'>
1178 <a expr:href='data:post.url' expr:title='data:post.title'>
1179 <data:post.title/>
1180 </a>
1181 <b:else/>
1182 <data:post.title/>
1183 </b:if>
1184 <b:else/>
1185 <data:post.title/>
1186 </b:if>
1187 </b:if>
1188 </h1>
1189 </b:if>
1190</b:if>
1191<div class='post-header'>
1192<div class='post-header-line-1'>
1193<b:if cond='data:blog.pageType != "static_page"'>
1194<div class='post-info'>
1195<b:if cond='data:top.showAuthor'>
1196 <b:if cond='data:post.authorProfileUrl'>
1197 <span class='author-info'>
1198 <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
1199 <span class='fn'>
1200 المؤلف&nbsp;-&nbsp;<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
1201 <span itemprop='name'><data:post.author/></span>
1202 </a>
1203 </span>
1204 </span>
1205 </span>
1206 <b:else/>
1207 <span class='author-info'>
1208 <i class='fa fa-user'/>
1209 المؤلف&nbsp;-&nbsp;<span class='fn'>
1210 <span itemprop='name'><data:post.author/></span>
1211 </span>
1212 </span>
1213 </b:if>
1214 </b:if>
1215 <span class='post-timestamp'>
1216 <b:if cond='data:top.showTimestamp'>
1217 <b:if cond='data:post.url'>
1218 <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
1219 التاريخ&nbsp;-&nbsp;<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
1220 </b:if>
1221 </b:if>
1222 </span>
1223 <b:if cond='data:blog.pageType != "item"'>
1224 <b:if cond='data:blog.pageType != "static_page"'>
1225 <b:if cond='data:post.allowComments'>
1226 <span class='comment-info'>
1227 <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> أضف تعليق </b:if> <b:if cond='data:post.numComments == 1'>تعليق واحد</b:if><b:if cond='data:post.numComments > 1'><data:post.numComments/> التعليقات</b:if>
1228 </a>
1229 </span>
1230 </b:if>
1231 </b:if>
1232 </b:if>
1233<span class='label-info'>
1234 <b:if cond='data:post.labels'>
1235 <b:loop values='data:post.labels' var='label'>
1236 <a class='label-block' expr:href='data:label.url + "?max-results=6"' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
1237 </b:loop>
1238 </b:if>
1239</span>
1240</div>
1241</b:if>
1242</div>
1243</div>
1244<b:if cond='data:blog.pageType == "item"'>
1245<div style="display:block;text-align:center;margin:15px auto;">
1246<!-- Kode Banner/Iklan Anda Di sini -->
1247</div>
1248</b:if>
1249<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
1250<b:if cond='data:blog.pageType == "static_page"'>
1251<p><data:post.body/></p></b:if>
1252<b:if cond='data:blog.pageType != "item"'>
1253<b:if cond='data:blog.pageType != "static_page"'>
1254<div class='post-snippet'><data:post.snippet/></div>
1255</b:if></b:if>
1256<b:if cond='data:blog.pageType == "item"'>
1257<p><data:post.body/></p>
1258</b:if>
1259<div style='clear: both;'/> <!-- clear for photos floats -->
1260 </div>
1261 <b:if cond='data:post.hasJumpLink'>
1262 <div class='jump-link'>
1263 <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
1264 </div>
1265 </b:if>
1266 <div class='post-footer'>
1267 <b:if cond='data:blog.pageType == "item"'>
1268 <div class='post-footer-line post-footer-line-1'>
1269<div style="display:block;text-align:center;margin:15px auto;">
1270<!-- Kode Banner/Iklan Anda Di sini -->
1271</div>
1272<h2 class='sharetitle'><span>شارك هذا الموضوع</span></h2>
1273<script type='text/javascript'>
1274//<![CDATA[
1275var siteurl = window.location.href;
1276 document.write('<div class="sharebrow"><div class="sharede"> \
1277<a class="gp" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
1278 Google</a> \
1279<a class="fb" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
1280 Facebook</a> \
1281<a class="tw" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
1282 Twitter</a> \
1283 <span class="pl" data-target="#share-menu">More</span> \
1284<ul class="dropdown-menu" id="share-menu"> \
1285 <li><a href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li> \
1286 <li><a href="//www.linkedin.com/shareArticle?mini=true&url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li> \
1287 <li><a href="//www.stumbleupon.com/submit?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li> \
1288 <li><a href="//delicious.com/post?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li> \
1289 <li><a href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li> \
1290 <li><a href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li> \
1291 <li><a href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li> \
1292 <li><a href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li> \
1293 </ul> \
1294</div><div class="clear"></div></div> \
1295');
1296var button=document.querySelector(".pl");button.addEventListener("click",function(){var t=document.querySelector(button.getAttribute("data-target"));t.style.display="block"==t.style.display?"none":"block"});
1297//]]>
1298</script>
1299<div style='clear:both;'/>
1300 <div id='related_posts'>
1301 <h4>المواضيع المشابهة :</h4>
1302 <b:loop values='data:post.labels' var='label'>
1303 <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgthum&max-results=50"' type='text/javascript'/>
1304 </b:loop>
1305 <ul id='related_img'>
1306 <script type='text/javascript'>relatpost();</script>
1307 </ul>
1308 </div>
1309 </div>
1310 </b:if>
1311 <div class='post-footer-line post-footer-line-2' style='display:none;'/>
1312 <div class='post-footer-line post-footer-line-3' style='display:none;'/>
1313 </div>
1314 </div>
1315 </b:includable>
1316 <b:includable id='postQuickEdit' var='post'>
1317 <b:if cond='data:post.editUrl'>
1318 <span expr:class='"item-control " + data:post.adminClass'>
1319 <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
1320 <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
1321 </a>
1322 </span>
1323 </b:if>
1324 </b:includable>
1325 <b:includable id='shareButtons' var='post'>
1326 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
1327 </b:includable>
1328 <b:includable id='status-message'>
1329 <b:if cond='data:navMessage'>
1330 <div class='status-msg-wrap'>
1331 <div class='status-msg-body'>
1332 <data:navMessage/>
1333 </div>
1334 <div class='status-msg-border'>
1335 <div class='status-msg-bg'>
1336 <div class='status-msg-hidden'><data:navMessage/></div>
1337 </div>
1338 </div>
1339 </div>
1340 <div style='clear: both;'/>
1341 </b:if>
1342 </b:includable>
1343 <b:includable id='threaded-comment-form' var='post'>
1344 <div class='comment-form'>
1345 <a name='comment-form'/>
1346 <b:if cond='data:mobile'>
1347 <p><data:blogCommentMessage/></p>
1348 <data:blogTeamBlogMessage/>
1349 <b:if cond='data:blog.pageType == "static_page"'>
1350 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
1351</b:if>
1352<b:if cond='data:blog.pageType == "item"'>
1353 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
1354</b:if>
1355 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: block;width: 100%;'/>
1356 <b:else/>
1357 <p><data:blogCommentMessage/></p>
1358 <data:blogTeamBlogMessage/>
1359 <b:if cond='data:blog.pageType == "static_page"'>
1360 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/>
1361</b:if>
1362<b:if cond='data:blog.pageType == "item"'>
1363 <a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/>
1364</b:if>
1365 <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: block;width: 100%;'/>
1366 </b:if>
1367 <data:post.friendConnectJs/>
1368 <data:post.cmtfpIframe/>
1369 <script type='text/javascript'>
1370 BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
1371 </script>
1372 </div>
1373 </b:includable>
1374 <b:includable id='threaded_comment_js' var='post'>
1375
1376<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
1377
1378 <script type='text/javascript'>
1379 (function() {
1380 var items = <data:post.commentJso/>;
1381 var msgs = <data:post.commentMsgs/>;
1382 var config = <data:post.commentConfig/>;
1383 // <![CDATA[
1384 var cursor = null;
1385 if (items && items.length > 0) {
1386 cursor = parseInt(items[items.length - 1].timestamp) + 1;
1387 }
1388 var bodyFromEntry = function(entry) {
1389 if (entry.gd$extendedProperty) {
1390 for (var k in entry.gd$extendedProperty) {
1391 if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
1392 return '<span class="deleted-comment">' + entry.content.$t + '</span>';
1393 }
1394 }
1395 }
1396 return entry.content.$t;
1397 }
1398 var parse = function(data) {
1399 cursor = null;
1400 var comments = [];
1401 if (data && data.feed && data.feed.entry) {
1402 for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
1403 var comment = {};
1404 // comment ID, parsed out of the original id format
1405 var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
1406 comment.id = id ? id[2] : null;
1407 comment.body = bodyFromEntry(entry);
1408 comment.timestamp = Date.parse(entry.published.$t) + '';
1409 if (entry.author && entry.author.constructor === Array) {
1410 var auth = entry.author[0];
1411 if (auth) {
1412 comment.author = {
1413 name: (auth.name ? auth.name.$t : undefined),
1414 profileUrl: (auth.uri ? auth.uri.$t : undefined),
1415 avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
1416 };
1417 }
1418 }
1419 if (entry.link) {
1420 if (entry.link[2]) {
1421 comment.link = comment.permalink = entry.link[2].href;
1422 }
1423 if (entry.link[3]) {
1424 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
1425 if (pid && pid[1]) {
1426 comment.parentId = pid[1];
1427 }
1428 }
1429 }
1430 comment.deleteclass = 'item-control blog-admin';
1431 if (entry.gd$extendedProperty) {
1432 for (var k in entry.gd$extendedProperty) {
1433 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
1434 comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
1435 }
1436 }
1437 }
1438 comments.push(comment);
1439 }
1440 }
1441 return comments;
1442 };
1443 var paginator = function(callback) {
1444 if (hasMore()) {
1445 var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
1446 if (cursor) {
1447 url += '&published-min=' + new Date(cursor).toISOString();
1448 }
1449 window.bloggercomments = function(data) {
1450 var parsed = parse(data);
1451 cursor = parsed.length < 50 ? null
1452 : parseInt(parsed[parsed.length - 1].timestamp) + 1
1453 callback(parsed);
1454 window.bloggercomments = null;
1455 }
1456 url += '&callback=bloggercomments';
1457 var script = document.createElement('script');
1458 script.type = 'text/javascript';
1459 script.src = url;
1460 document.getElementsByTagName('head')[0].appendChild(script);
1461 }
1462 };
1463 var hasMore = function() {
1464 return !!cursor;
1465 };
1466 var getMeta = function(key, comment) {
1467 if ('iswriter' == key) {
1468 var matches = !!comment.author
1469 && comment.author.name == config.authorName
1470 && comment.author.profileUrl == config.authorUrl;
1471 return matches ? 'true' : '';
1472 } else if ('deletelink' == key) {
1473 return config.baseUri + '/delete-comment.g?blogID='
1474 + config.blogId + '&postID=' + comment.id;
1475 } else if ('deleteclass' == key) {
1476 return comment.deleteclass;
1477 }
1478 return '';
1479 };
1480 var replybox = null;
1481 var replyUrlParts = null;
1482 var replyParent = undefined;
1483 var onReply = function(commentId, domId) {
1484 if (replybox == null) {
1485 // lazily cache replybox, and adjust to suit this style:
1486 replybox = document.getElementById('comment-editor');
1487 if (replybox != null) {
1488 replybox.height = '250px';
1489 replybox.style.display = 'block';
1490 replyUrlParts = replybox.src.split('#');
1491 }
1492 }
1493 if (replybox && (commentId !== replyParent)) {
1494 document.getElementById(domId).insertBefore(replybox, null);
1495 replybox.src = replyUrlParts[0]
1496 + (commentId ? '&parentID=' + commentId : '')
1497 + '#' + replyUrlParts[1];
1498 replyParent = commentId;
1499 }
1500 };
1501
1502 var hash = (window.location.hash || '#').substring(1);
1503 var startThread, targetComment;
1504 if (/^comment-form_/.test(hash)) {
1505 startThread = hash.substring('comment-form_'.length);
1506 } else if (/^c[0-9]+$/.test(hash)) {
1507 targetComment = hash.substring(1);
1508 }
1509
1510 // Configure commenting API:
1511 var configJso = {
1512 'maxDepth': config.maxThreadDepth
1513 };
1514 var provider = {
1515 'id': config.postId,
1516 'data': items,
1517 'loadNext': paginator,
1518 'hasMore': hasMore,
1519 'getMeta': getMeta,
1520 'onReply': onReply,
1521 'rendered': true,
1522 'initComment': targetComment,
1523 'initReplyThread': startThread,
1524 'config': configJso,
1525 'messages': msgs
1526 };
1527
1528 var render = function() {
1529 if (window.goog && window.goog.comments) {
1530 var holder = document.getElementById('comment-holder');
1531 window.goog.comments.render(holder, provider);
1532 }
1533 };
1534
1535 // render now, or queue to render when library loads:
1536 if (window.goog && window.goog.comments) {
1537 render();
1538 } else {
1539 window.goog = window.goog || {};
1540 window.goog.comments = window.goog.comments || {};
1541 window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
1542 window.goog.comments.loadQueue.push(render);
1543 }
1544 })();
1545
1546 // ]]>
1547
1548 </script>
1549
1550 </b:includable>
1551 <b:includable id='threaded_comments' var='post'>
1552 <div class='comments' id='comments'>
1553 <a name='comments'/>
1554 <h4>
1555 <b:if cond='data:post.numComments == 1'>
1556 1 <data:commentLabel/>:
1557 <b:else/>
1558 <data:post.numComments/> <data:commentLabelPlural/>:
1559 </b:if>
1560 </h4>
1561 <div class='comments-content'>
1562 <b:if cond='data:post.embedCommentForm'>
1563 <b:include data='post' name='threaded_comment_js'/>
1564 </b:if>
1565 <div id='comment-holder'>
1566 <data:post.commentHtml/>
1567 </div>
1568 </div>
1569 <p class='comment-footer'>
1570 <b:if cond='data:post.allowNewComments'>
1571 <b:include data='post' name='threaded-comment-form'/>
1572 <b:else/>
1573 <data:post.noNewCommentsText/>
1574 </b:if>
1575 </p>
1576 <b:if cond='data:showCmtPopup'>
1577 <div id='comment-popup'>
1578 <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
1579 </iframe>
1580 </div>
1581 </b:if>
1582 <div id='backlinks-container'>
1583 <div expr:id='data:widget.instanceId + "_backlinks-container"'>
1584 <b:if cond='data:post.showBacklinks'>
1585 <b:include data='post' name='backlinks'/>
1586 </b:if>
1587 </div>
1588 </div>
1589 </div>
1590 </b:includable>
1591 </b:widget>
1592 </b:section>
1593 </div>
1594<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
1595<div class='menusearch'>
1596<form action='/search' class='searchform' method='get'>
1597<input class='searchfield' id='q' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='أبحث في الموقع ...'/>
1598</form>
1599</div>
1600 <b:section class='sidebar' id='sidebar' preferred='yes'>
1601 <b:widget id='Label1' locked='false' title='الأقسام' type='Label' version='1' visible='true'>
1602 <b:includable id='main'>
1603 <b:if cond='data:title != ""'>
1604 <h2><data:title/></h2>
1605 </b:if>
1606 <div expr:class='"widget-content " + data:display + "-label-widget-content"'>
1607 <b:if cond='data:display == "list"'>
1608 <ul>
1609 <b:loop values='data:labels' var='label'>
1610 <li>
1611 <b:if cond='data:blog.url == data:label.url'>
1612 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1613 <b:else/>
1614 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1615 </b:if>
1616 <b:if cond='data:showFreqNumbers'>
1617 <span dir='rtl'>(<data:label.count/>)</span>
1618 </b:if>
1619 </li>
1620 </b:loop>
1621 </ul>
1622 <b:else/>
1623 <b:loop values='data:labels' var='label'>
1624 <span expr:class='"label-size label-size-" + data:label.cssSize'>
1625 <b:if cond='data:blog.url == data:label.url'>
1626 <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
1627 <b:else/>
1628 <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
1629 </b:if>
1630 <b:if cond='data:showFreqNumbers'>
1631 <span class='label-count' dir='rtl'>(<data:label.count/>)</span>
1632 </b:if>
1633 </span>
1634 </b:loop>
1635 </b:if>
1636 <b:include name='quickedit'/>
1637 </div>
1638</b:includable>
1639 </b:widget>
1640 <b:widget id='PopularPosts1' locked='false' title='المشاركات الشائعة' type='PopularPosts' version='1' visible='true'>
1641 <b:includable id='main'>
1642 <b:if cond='data:title'><h2><data:title/></h2></b:if>
1643 <div class='widget-content popular-posts'>
1644 <ul>
1645 <b:loop values='data:posts' var='post'>
1646 <li>
1647 <b:if cond='data:showThumbnails == "false"'>
1648 <b:if cond='data:showSnippets == "false"'>
1649 <!-- (1) No snippet/thumbnail -->
1650 <a expr:href='data:post.href'><data:post.title/></a>
1651 <b:else/>
1652 <!-- (2) Show only snippets -->
1653 <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
1654 <div class='item-snippet'><data:post.snippet/></div>
1655 </b:if>
1656 <b:else/>
1657 <b:if cond='data:showSnippets == "false"'>
1658 <!-- (3) Show only thumbnails -->
1659 <div class='item-thumbnail-only'>
1660 <b:if cond='data:post.thumbnail'>
1661 <div class='item-thumbnail'>
1662 <a expr:href='data:post.href' target='_blank'>
1663 <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
1664 </a>
1665 </div>
1666 </b:if>
1667 <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
1668 </div>
1669 <div style='clear: both;'/>
1670 <b:else/>
1671 <!-- (4) Show snippets and thumbnails -->
1672 <div class='item-content'>
1673 <b:if cond='data:post.thumbnail'>
1674 <div class='item-thumbnail'>
1675 <a expr:href='data:post.href' target='_blank'>
1676 <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
1677 </a>
1678 </div>
1679 </b:if>
1680 <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
1681 <div class='item-snippet'><data:post.snippet/></div>
1682 </div>
1683 <div style='clear: both;'/>
1684 </b:if>
1685 </b:if>
1686 </li>
1687 </b:loop>
1688 </ul>
1689 </div>
1690</b:includable>
1691 </b:widget>
1692 <b:widget id='HTML2' locked='false' title='انضم الينا عبر مجتمعات حسوب' type='HTML' version='1' visible='true'>
1693 <b:includable id='main'>
1694<b:if cond='data:title != ""'>
1695<h2 class='title'><data:title/></h2>
1696</b:if>
1697<div class='widget-content'>
1698<data:content/>
1699</div>
1700<b:include name='quickedit'/>
1701</b:includable>
1702 </b:widget>
1703 <b:widget id='HTML3' locked='false' title='إعلان' type='HTML' visible='true'>
1704 <b:includable id='main'>
1705 <!-- only display title if it's non-empty -->
1706 <b:if cond='data:title != ""'>
1707 <h2 class='title'><data:title/></h2>
1708 </b:if>
1709 <div class='widget-content'>
1710 <data:content/>
1711 </div>
1712
1713 <b:include name='quickedit'/>
1714</b:includable>
1715 </b:widget>
1716 <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1' visible='true'>
1717 <b:includable id='main'><script type="text/javascript">
1718 function setAttributeOnload(object, attribute, val) {
1719 if(window.addEventListener) {
1720 window.addEventListener('load',
1721 function(){ object[attribute] = val; }, false);
1722 } else {
1723 window.attachEvent('onload', function(){ object[attribute] = val; });
1724 }
1725 }
1726 </script>
1727<div id="navbar-iframe-container"></div>
1728<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
1729<script type="text/javascript">
1730 gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
1731 if (gapi.iframes && gapi.iframes.getContext) {
1732 gapi.iframes.getContext().openChild({
1733 url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8051602698618030272\x26blogName\x3d%D9%82%D8%A7%D9%84%D8%A8+%D8%B3%D9%8A%D9%88+%D8%A3%D9%86%D9%8A%D9%82\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://seo7s.blogspot.com/search\x26blogLocale\x3dar\x26v\x3d2\x26homepageUrl\x3dhttps://seo7s.blogspot.com/\x26vt\x3d4309214842161204892',
1734 where: document.getElementById("navbar-iframe-container"),
1735 id: "navbar-iframe"
1736 });
1737 }
1738 });
1739 </script><script type="text/javascript">
1740(function() {
1741var script = document.createElement('script');
1742script.type = 'text/javascript';
1743script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
1744var head = document.getElementsByTagName('head')[0];
1745if (head) {
1746head.appendChild(script);
1747}})();
1748</script>
1749</b:includable>
1750 </b:widget>
1751 </b:section>
1752 </div>
1753 <div class='clear'> </div>
1754</div>
1755<div class='clear'/>
1756<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
1757</div>
1758<div class='clear'/>
1759<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
1760<div class='footer'>
1761<div id='footer-adwidget'>
1762<div class='footer-widget' id='footx1'>
1763<b:section class='footer' id='footer1'>
1764 <b:widget id='FollowByEmail1' locked='false' title='تابعنا عبر البريد' type='FollowByEmail' version='1' visible='true'>
1765 <b:includable id='main'>
1766 <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
1767 <div class='widget-content'>
1768 <div class='follow-by-email-inner'>
1769 <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
1770 <table class='tabletd1'>
1771 <tr>
1772 <td>
1773 <input class='follow-by-email-address' name='email' placeholder='عنوان بريدك الإلكتروني ...' type='text'/>
1774 </td>
1775 <td class='tabletd2'>
1776 <input class='follow-by-email-submit' type='submit' value='إشترك'/>
1777 </td>
1778 </tr>
1779 </table>
1780 <input expr:value='data:feedPath' name='uri' type='hidden'/>
1781 <input name='loc' type='hidden' value='en_US'/>
1782 </form>
1783 </div>
1784 </div>
1785 <span class='item-control blog-admin'>
1786 </span>
1787</b:includable>
1788 </b:widget>
1789</b:section>
1790</div>
1791<div class='footer-widget' id='footx2'>
1792<b:section class='footer' id='footer2'>
1793 <b:widget id='HTML5' locked='false' title='إعلان' type='HTML' visible='true'>
1794 <b:includable id='main'>
1795 <!-- only display title if it's non-empty -->
1796 <b:if cond='data:title != ""'>
1797 <h2 class='title'><data:title/></h2>
1798 </b:if>
1799 <div class='widget-content'>
1800 <data:content/>
1801 </div>
1802
1803 <b:include name='quickedit'/>
1804</b:includable>
1805 </b:widget>
1806</b:section>
1807</div>
1808<div class='footer-widget' id='footx3'>
1809<b:section class='footer' id='footer3'>
1810 <b:widget id='BlogArchive1' locked='false' title='الأرشيف' type='BlogArchive' visible='true'>
1811 <b:includable id='main'>
1812 <b:if cond='data:title != ""'>
1813 <h2><data:title/></h2>
1814 </b:if>
1815 <div class='widget-content'>
1816 <div id='ArchiveList'>
1817 <div expr:id='data:widget.instanceId + "_ArchiveList"'>
1818 <b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
1819 <b:include cond='data:style == "FLAT"' data='data' name='flat'/>
1820 <b:include cond='data:style == "MENU"' data='data' name='menu'/>
1821 </div>
1822 </div>
1823 <b:include name='quickedit'/>
1824 </div>
1825</b:includable>
1826 <b:includable id='flat' var='data'>
1827 <ul class='flat'>
1828 <b:loop values='data:data' var='i'>
1829 <li class='archivedate'>
1830 <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
1831 </li>
1832 </b:loop>
1833 </ul>
1834</b:includable>
1835 <b:includable id='interval' var='intervalData'>
1836 <b:loop values='data:intervalData' var='interval'>
1837 <ul class='hierarchy'>
1838 <li expr:class='"archivedate " + data:interval.expclass'>
1839 <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
1840 <a class='post-count-link' expr:href='data:interval.url'>
1841 <data:interval.name/>
1842 </a>
1843 <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
1844 <b:include cond='data:interval.data' data='interval.data' name='interval'/>
1845 <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
1846 </li>
1847 </ul>
1848 </b:loop>
1849</b:includable>
1850 <b:includable id='menu' var='data'>
1851 <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
1852 <option value=''><data:title/></option>
1853 <b:loop values='data:data' var='i'>
1854 <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
1855 </b:loop>
1856 </select>
1857</b:includable>
1858 <b:includable id='posts' var='posts'>
1859 <ul class='posts'>
1860 <b:loop values='data:posts' var='post'>
1861 <li><a expr:href='data:post.url'><data:post.title/></a></li>
1862 </b:loop>
1863 </ul>
1864</b:includable>
1865 <b:includable id='toggle' var='interval'>
1866 <a class='toggle' href='javascript:void(0)'>
1867 <span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
1868 <b:if cond='data:interval.expclass == "expanded"'>
1869 ▼ 
1870 <b:elseif cond='data:blog.languageDirection == "rtl"'/>
1871 ◄ 
1872 <b:else/>
1873 ► 
1874 </b:if>
1875 </span>
1876 </a>
1877</b:includable>
1878 </b:widget>
1879</b:section>
1880</div>
1881</div>
1882</div>
1883<div id='footer-last'>
1884<div class='cpleft'>
1885جميع حقوق النشر محفوظة لدى <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> © 2016</div>
1886<div id='ftright'>
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896</div>
1897</div>
1898
1899</footer>
1900</div>
1901<div class='back-to-top' id='back-to-top' title='الرجوع لأعلى'>لأعلى</div>
1902<script type='text/javascript'>
1903//<![CDATA[
1904// Back to top button
1905(function(){$(document).ready(function(){return $(window).scroll(function(){return $(window).scrollTop()>600?$("#back-to-top").addClass("show"):$("#back-to-top").removeClass("show")}),$("#back-to-top").click(function(){return $("html,body").animate({scrollTop:"0"})})})}).call(this);
1906//]]>
1907</script>
1908<b:if cond='data:blog.pageType != "index"'>
1909<div class='back-to-top' id='back-to-top' title='Back to top'><i class='fa fa-chevron-up'/></div>
1910<script type='text/javascript'>
1911//Spoiler
1912$(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
1913</script>
1914</b:if>
1915
1916</body>
1917</HTML>