<br/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <div style='width: calc(100% - 80px);display: flex;float: left;height: 30px;align-items: center;'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='PopularPosts,FeaturedPost'> <b:includable id='snippetedPostContent'> <b:if cond='data:postDisplay.showFeaturedImage'> <a class='item-thumbnail Img-Holder thumb' expr:href='data:post.url' expr:title='data:messages.image'> <b:if cond='data:post.featuredImage'> <b:if cond='data:widget.type == "FeaturedPost"'><span class='postcat'><data:post.labels.first.name/></span></b:if> <img expr:alt='data:messages.image' expr:data-src='data:post.featuredImage' height='108' width='192'/> <b:else/> <span class='Noimger'/> </b:if> </a> </b:if> <b:if cond='data:postDisplay.showTitle'><h3 class='posts post-title'><span class='Date published updated'><svg><use href='#ic-clock'/></svg><a class='agotime' expr:datetime='data:post.lastUpdated.iso8601' expr:href='data:post.url'/></span><a class='title' expr:href='data:post.url'><data:post.title/></a></h3></b:if> <b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "FeaturedPost"'><data:post.snippets.short/></b:if></p> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div expr:class='(data:postDisplay.showFeaturedImage ? "ImgShow" : "Noimg")' role='feed'> <b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:defaultmarkup> </b:defaultmarkups> <b:tag name='script' type='text/javascript'> let BlogID = "<data:blog.blogId/>", Url = "<data:blog.canonicalHomepageUrl.https/>", blogger = "https://www.blogger.com/", isPost = <data:view.isPost/>, isPage = <data:view.isPage/>, isHome = <data:view.isHomepage/>, isSingleItem = <data:view.isSingleItem/>, isMultipleItem = <data:view.isMultipleItems/>, agnow = "منذ بضع لحظات"; agminutes = "منذ بضع دقائق"; aghour = "منذ ساعه"; aghours = "منذ بضع ساعات"; agday = "منذ يوم"; agdays = "منذ بضع ايام"; agmonth = "منذ شهر"; agmonths = "منذ بضع شهور"; agYear = "منذ عام"; agYears = "منذ بضع اعوام"; ReadMore = <b:if cond='data:blog.languageDirection == "ltr"'>"read more"<b:else/>"اقرأ المزيد"</b:if>, ReadMoreA = <b:if cond='data:blog.languageDirection == "ltr"'>"read more"<b:else/>"أكمل قرأة المقال"</b:if>, ViewMore = <b:if cond='data:blog.languageDirection == "ltr"'>"view more"<b:else/>"عرض المزيد"</b:if>, NextArticle = <b:if cond='data:blog.languageDirection == "ltr"'>"Next article"<b:else/>"المقال التالي"</b:if>, PreviousArticle = <b:if cond='data:blog.languageDirection == "ltr"'>"Previous article"<b:else/>"المقال السابق"</b:if>, Direction = <b:if cond='data:blog.languageDirection == "ltr"'>"left"<b:else/>"right"</b:if>, page = <b:if cond='data:blog.languageDirection == "ltr"'>"page"<b:else/>"صفحة"</b:if>, of = <b:if cond='data:blog.languageDirection == "ltr"'>"of"<b:else/>"من"</b:if>, shareText = <b:if cond='data:blog.languageDirection == "ltr"'>"You cannot share the article on WhatsApp from a computer"<b:else/>"لا يمكنك مشاركة التدوينة على الواتساب من الحاسوب"</b:if>, shareText2 = <b:if cond='data:blog.languageDirection == "ltr"'>"You cannot share the article on mail from a computer"<b:else/>"لا يمكنك مشاركة التدوينة على البريد من الحاسوب"</b:if>, configtxt = <b:if cond='data:blog.languageDirection == "ltr"'>"Initializing link"<b:else/>"جاري تهيئة الرابط"</b:if>, redytxt = <b:if cond='data:blog.languageDirection == "ltr"'>"link is ready"<b:else/>"الرابط جاهز"</b:if>, errtxt = <b:if cond='data:blog.languageDirection == "ltr"'>"Broken link"<b:else/>"رابط معطل"</b:if>, nolapel = "بدون قسم", minifun = " دقائق للقراءة", replyfun = "أترك ردا", cmtdelet = "حذف التعليق", cmtShowMore = "عرض المذيد من التعليقات", popup = false, BlogLang="<data:blog.locale/>", LazyAdsense = false, MaxTitle = true, MaxTitleNum = 10, bjsif = true, altImage = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOztoy4EM7AQ5GZ2Ie-TvR-7yAPN580orKKv-1CyYn9DsUCo4QrtREE8w4LESty3v4DcUggmGEo4kmV120suWhXUj3faNjfj9DzxiPQmey0kU9MCNaFq17824cHp6hplPxZkv-wc0TvGo/s1600/log.jpg', AllowCom = false, commentjs = false, imgfilter = '/s800-rw-e360-l50/', AdsenseUrl = ""; let LazyLoad = true; let UltraLazy = false; let Storg = 'storg'; let skinclass = 'out'; let CMTGlobal = {}; let CMTLimt = 10; function Lazy(){} /*<;k['src']=j,k['onload']=function(){f();};if(D)k[D]=D;document['head']['append'](k);}; // getScript Function // Document query ShortCode Function window['_$'] = function (j) { var f = document['querySelectorAll'](j); if (f['length'] > 0x1) return f; else return f['length'] == 0x0 ? document['createDocumentFragment']()['childNodes'] : f[0x0]; } // Document query ShortCode Function function GetAgo(od){ od = new Date(od); let nw = new Date() if(od.getUTCFullYear() < nw.getUTCFullYear()){ let num = Math.abs(od.getUTCFullYear() - nw.getUTCFullYear()); return (num <= 1) ? agYear : agYears; }else if(od.getUTCMonth() < nw.getUTCMonth()){ let num = Math.abs(od.getUTCMonth() - nw.getUTCMonth()); return (num <= 1) ? agmonth : agmonths; }else if(od.getUTCDate() < nw.getUTCDate()){ let num = Math.abs(od.getUTCDate() - nw.getUTCDate()); return (num <= 1) ? agday : agdays; }else if(od.getUTCHours() < nw.getUTCHours()){ let num = Math.abs(od.getUTCHours() - nw.getUTCHours()); return (num <= 1) ? aghour : aghours; }else if(od.getUTCMinutes() < nw.getUTCMinutes()){ let num = Math.abs(od.getUTCMinutes() - nw.getUTCMinutes()); return (num <= 1) ? agminutes : agminutes; }else{ return agnow } } /*]]>*/ </b:tag> <style> #LinkList001 {overflow: unset!important;} /* cookie-choices */ .cookie-choices-info{top:auto!important;bottom:70px!important;right:auto!important;left:20px!important;width:260px!important;padding:15px!important;background:var(--MinBgColor)!important;border:1px solid var(--Borderes3)!important;box-shadow:0 6px 18px 0 rgb(9 32 76 / 4%)!important;border-radius:10px!important;direction:ltr!important} .cookie-choices-info .cookie-choices-text{text-align: justify!important;color:var(--txtColor)!important;font-size:13px!important;margin:0!important;display:block!important;margin-bottom:15px!important} .cookie-choices-info .cookie-choices-buttons a{width:50%!important;flex-shrink:0!important;color:var(--whiteColor)!important;background:var(--minColor)!important;border-radius:30px!important;padding:7px 0!important;display:block!important;font-size:13px!important;font-family:sans-serif!important;text-transform:none!important} .cookie-choices-info .cookie-choices-buttons{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important} .cookie-choices-info .cookie-choices-button:first-of-type{margin-left:0!important} /* post add's */ .post-body hr:before{content:'\2027 \2027 \2027';display:block;text-align:center;font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .post-body hr{margin:2em 0;border:0} /* textarea code 's */ /*<![CDATA[*/ textarea.code{min-height:200px;resize:vertical;width:100%;border-radius:3px;padding:0 15px;font-family:sans-serif;background:#f6f6f6;color:#2f3337;font-size:13px;line-height:1.8em;overflow:auto;border:1px solid var(--Borderes);margin:0;direction:ltr} .areacode{position:relative;display:flex;overflow:hidden;clear:both;width:100%;padding:40px 0 0;background:#f6f6f6;margin:15px 0} .areacode:before{content:'</>';position:absolute;left:0;top:0;background:inherit;color:var(--txtColor);font-size:12px;font-family:monospace;padding:5px 15px;z-index:2;line-height:30px} .areacode:after{content:'أضغط لنسخ كل المحتويات';position:absolute;right:0;top:0;color:var(--txtColor);font-size:12px;font-family:sans-serif;padding:5px 15px;z-index:2;line-height:30px} .dark-mode .areacode{background: var(--thrColor);} .dark-mode .areacode textarea.code{background: var(--thrColor);} /*]]>*/ /* button's */ .post-body .button svg{vertical-align:middle;display:inline-block;width:18px;height:18px;fill:var(--whiteColor);stroke-width:1.5;margin-left:10px} .post-body .button.ln svg{fill:var(--txtColor)} .post-body .button{vertical-align: middle;text-align:center;top:0;transition:all .1s;position:relative;display:inline-block;margin:10px 0;padding:0 20px;border:0;border-radius:3px;line-height:35px;color:var(--whiteColor)!important;background:var(--minColor);font-size:14px;height:35px;white-space:nowrap;overflow:hidden;min-width:120px;opacity:.9} .post-body .button.ln{color:var(--txtColor)!important;background:transparent;border:1px solid rgb(162 162 162 / 38%)} .post-body .button:hover {opacity: 1;} /* note's */ .post-body .note{position:relative;padding:16px 55px 16px 20px;background:#e1f5fe;color:#3c4043;font-size:1rem;line-height:1.8em;border-radius:5px;overflow:hidden} .post-body .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:8px;position:absolute;top:-10px;right:-10px;opacity:.1} .post-body .note::after{content:'\2605';position:absolute;right:16px;top:11px;font-size:25px;min-width:15px;text-align:center} .post-body .note.wr:after,.post-body .note.aler:after {right: 17px;content: '\0021';} .post-body .note.secs:after {content: '\2714';font-size: 20px;} .post-body .note.wr{background:#ffdfdf;color:#48525c} .post-body .note.wr::before{background:#e65151} .post-body .note.aler {background: #fef5e7;} .post-body .note.aler:before {background: #3c3609;} .post-body .note.secs:before {background: #0d8540;} .post-body .note.secs {background: #e9f7ef;} /* tapel */ .post-body .table{display:block;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} .post-body table{margin:0 auto;font-size:14px} .post-body table{border-spacing:0} .post-body table:not(.tr-caption-container){min-width:90%;border:1px solid rgb(162 162 162 / 38%);border-radius:3px;overflow:hidden} .post-body table th{padding:16px;text-align:inherit;border-bottom:1px solid rgb(162 162 162 / 38%)} .post-body table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .post-body table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid rgb(162 162 162 / 38%)} .post-body table:not(.tr-caption-container) td{padding:16px} @media screen and (max-width:640px){.post-body .table{text-align: center;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px;display:flex}} @media print { div#shreeta5bar,.shBr.fixL,header,footer,aside,div#mobile-menu,div#backTop,.Dmode,.commentsection,.RelatedPosts.post-frome-tag,.author-posts,.pSh,.post-tags,.PostByCatRandom,.foqTitle,.post-meta,div#tocDiv,div#shreeta5bar,iframe,ins{display:none!important}.r-r{width:100%}body{background:#fff}.post .post-body,.post .blog-posts{padding:0!important;border:0!important;border-radius:0}.bobxed{padding:20px 0!important;margin-bottom:20px!important;} } <b:if cond='data:skin.vars.darckmodecolor == "2px"'>:root body.dark-mode{--BodyBG:#1e1e1e;--minColor:#1e1e1e;--minColorIc:#fff;--secColor:#1e1e1e;--thrColor:#2d2d30;--whiteColor:#ffffff;--hoverColor:#4e9f3d;--MinBgColor:#2d2d30;--txtColor:#ffffff;--TitColor:#ffffff;--SanColor:#eee;--Borderes:#404040;--Borderes2:#1e1e1e;--Borderes3:#404040;--PostTxtColor:#eee;--PostTitleColor:#ffffff;--PostLinkColor:#4e9f3d;--Hbg:#2d2d30;--HColor:#ffffff;--HtitleColor:#ffffff;--HbgIcon:#1e1e1e;--HCoIcon:#fff;--Cpc:#eee;--Cic:#fff;--Hok:#4e9f3d;--Sco:#4e9f3d;}</b:if> <b:if cond='data:skin.vars.disaplelastposts == "2px"'>.home.lapel #Tempnec {display: none !important;}.mopspeed.home.lapel #Tempnec{display:block!important}</b:if> <b:if cond='data:skin.vars.RemoveAuthor == "2px"'>.post-meta .authorPhoto, .post-meta .authorname, .author-posts{display: none !important;}</b:if> <b:if cond='data:skin.vars.RemoveAdiseHome == "2px"'><b:if cond='data:view.isMultipleItems'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.RemoveAdisePost == "2px"'><b:if cond='data:view.isPost'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.RemoveAdisePage == "2px"'><b:if cond='data:view.isPage'>.r-r {float: none;width: 100%;}aside{display: none!important;}</b:if></b:if> <b:if cond='data:skin.vars.StopCopying == "2px"'>body *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}blockquote,blockquote *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</b:if> <b:if cond='data:skin.vars.CoverImg == "1px"'>.thumb img,img.post-thumbnail,.post-random a.reimage img, img.post-thumbnail {object-fit: initial;}</b:if> /* UbdateCSS */ html{scroll-behavior:smooth} html[mode="dark"] {color-scheme: dark;} .hide{display:none!important} .blog-admin{display:none} #PostA3lan2{display:none} .Noimger:before{content:"No Image"!important;font-size:21px;font-family:inherit!important} .Noimger{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#eee;color:#08102b;position:absolute;right:0;top:0;border-radius:var(--ImgRadius)} .posts-from:before{border-top-color:var(--Cic);border-right-color:var(--Cic);content:"";position:absolute} .spiner-icon{border-top-color:#989b9f;border-right-color:#989b9f;width:18px!important;height:18px!important;border-width:2px!important;margin-left:15px} .posts-from:before,.spiner-icon{width:30px;height:30px;border-width:4px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;border-radius:100%;animation:spin .5s infinite linear;transform:rotate(0deg)} @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} .commentsShow .cshow{border-radius:3px;cursor:pointer;display:inline-block;transition:all .3s linear;opacity:0.6;font-size:13px;padding:6px 15px;margin-left:5px;color:#fff} .commentsShow .cshow:hover,.commentsShow .cshow.active{opacity:1} .commentsShow .cshow:last-of-type{margin-left:0} /* IconTOP */ .toTopB { display: flex; align-items: center; justify-content: center; position: fixed; right: 27.5px; bottom: 27.5px; width: 45px; height: 45px; border-radius: 50%; cursor: pointer; visibility: hidden; opacity: 0; z-index: 5; transform: scale(0); transition: all 0.3s; } .toTopB.vsbl{visibility:visible;opacity:1;transform:scale(1)} .toTopB svg{height:100%;width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .toTopB svg .b{fill:var(--MinBgColor);stroke:var(--Borderes3);opacity:.9} .toTopB svg .c{fill:none;stroke:var(--Sco);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} /* IconTOP */ #lamiabutton,.Dmode{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9;background:var(--MinBgColor);opacity:.9;width:55px;height:55px;border-radius:100%;right:22px;transition:all 0.3s;bottom:20px;cursor:pointer;box-shadow:0 0 15px rgb(0 0 0 / 8%)} #lamiabutton svg,.Dmode svg{width:23px;height:23px} #lamiabutton svg {fill: var(--minColorIc);} .hidden,#mobile-menu{display:none} svg.line,svg .line{width:20px;height:20px;fill:none!important;stroke:var(--minColorIc);stroke-linecap:round;stroke-linejoin:round;stroke-width:2} svg.line.linedd{fill:var(--minColorIc) !important;stroke:none} .Circalewhy label svg{width:22px;height:22px} g.d2{display:none} /* New Search */ .searchformbox{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;transition:all 0.3s;width:100%;height:100%;opacity:0;visibility:hidden} #NavC:checked ~ .searchformbox{opacity:1;visibility:visible} .fxbox{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgb(0 0 0 / 5%)} div#searchform{padding:60px 20px 0;overflow:hidden;width:100%;background:var(--MinBgColor)} div#BlogSearch2{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0;z-index:2;border-bottom:1px solid var(--Borderes)} div#BlogSearch2 form{position:relative;flex-grow:1} div#BlogSearch2 .sp{position:absolute;right:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} div#BlogSearch2 .sp svg{width:18px;height:18px} div#BlogSearch2 input{position:relative;display:block;background:var(--MinBgColor);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:all 0.3s;z-index:2} div#BlogSearch2 button.sp{right:auto;left:0;opacity:0;font-size:12px;padding:0 15px} #BlogSearch2 button.sp:before{content:attr(data-text)} #BlogSearch2 input:focus ~ button.sp{opacity:.7} label.searchC{cursor: pointer;padding:0 20px;display:flex;align-items:center;border-right:1px solid var(--Borderes);justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} div#BlogSearch2 .sp svg, label.searchC,div#BlogSearch2 button.sp { stroke: var(--txtColor); color: var(--txtColor); } label.searchC:after{content:'\2715';line-height:18px;font-size:14px} #BlogSearch2 input[type=search]::-ms-clear,#BlogSearch2 input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0} #BlogSearch2 input[type=search]::-webkit-search-decoration,#BlogSearch2 input[type=search]::-webkit-search-cancel-button,.BlogSearch input[type=search]::-webkit-search-results-button,.BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none} .dark-mode #BlogSearch2 input::placeholder {color: #ddd;} /* Start Header */ img#Header1_headerimg { width: unset; height: unset; } .inline-icon{transition:all .3s linear;display:inline-block;vertical-align:middle;width:14px;height:14px;margin-left:5px;fill:var(--HColor)} #menu{opacity:0;overflow:unset!important} .HeaderBOT #menu ul{height:62px;display:flex;align-items:center;list-style:none} .HeaderBOT #menu ul li{flex-shrink:0;margin-left:15px;position:relative;padding:20px 0;transition:all .3s linear} #clicksearch,.open.nav1{display:flex;background:var(--HbgIcon);width:30px;height:31px;align-items:center;justify-content:center;border-radius:3px;cursor:pointer} #clicksearch svg,.open.nav1 svg{stroke-width:2;stroke:var(--HCoIcon)} .open.nav1,.searchHide{display:none!important} .HeaderTOP ul{display:flex!important;list-style:none} .HeaderTOP li { padding: 2px 5px; flex-shrink: 0; border-radius: 3px; } .HeaderTOP .social li:hover, #pages ul a:hover, #pages ul li.selected a { background: rgba(0,0,0,8%); } #pages ul a{transition:all .2s linear;display:block;color:var(--whiteColor);font-size:13px;padding:3px 8px;border-radius:3px} .sp-header .social a{display:flex;width:24px;height:27px;align-items:center;justify-content:center;background:transparent!important} .HTOPC >div{flex-shrink:0;position:relative} .HRS{display:flex;align-items:center} .HRS >div{flex-shrink:0} .sp-header{display:block;position:relative;margin-bottom:20px;height:100px} .HeaderBg{box-shadow: 0 6px 14px 0 rgb(9 32 76 / 5%);transition: all .3s linear;height:100px;width:100%;position:fixed;background:var(--Hbg);top:0;right:0;left:0;z-index:9} .sp-header .HeaderTOP .inline-icon{fill:var(--whiteColor)} .HeaderBOT #menu ul li:hover > a,.HeaderBOT #menu ul a.selected{color:var(--hoverColor)} .HeaderBOT #menu ul li:hover > .inline-icon,.HeaderBOT #menu ul a.selected .inline-icon,.HeaderBOT #menu ul a:hover .inline-icon{fill:var(--hoverColor)} .HeaderBOT #menu ul a{font:var(--HLinkfont);color:var(--HColor)} .HeaderTOP{transition:all .3s linear;display:block;width:100%;clear:both;height:35px;position:absolute;top:0;right:0;left:0;max-width:var(--maxWidth);margin:0 auto} .HeaderBOT{transition:all .3s linear;display:block;clear:both;position:absolute;top:35px;right:0;left:0;width:100%;position:relative} .sp-header.activeDown.active .HeaderBg{top:-100px} .sp-header.active #logo{top:0} .sp-header.active .HeaderBg .HeaderTOP{top:-35px} .sp-header.active .HeaderBg .HeaderBOT{top:0} .sp-header.active .HeaderBg .HeaderBOT .HBOTC{height:100px} .Headerplace{color:#ffffff;width:76%;float:left;display:block;clear:both;position:relative;font-size:13px;padding:0 15px 0 0} .Headerplace:before{background:var(--minColor);color:#ffffff;width:2000px;display:block;clear:both;position:absolute;border-bottom-left-radius:15px;right:0;content:"";border-bottom-right-radius:15px;height:35px} .HTOPC{margin:0 auto;width:100%;max-width:var(--maxWidth);display:flex;align-items:center;justify-content:space-between;height:35px} .HBOTC{position: relative;transition: all .3s linear;width:100%;max-width:var(--maxWidth);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:62px} .HeaderBOT #menu{width:calc((100% - 320px) /1)!important;top:0;flex-shrink:0} .HeaderBOT #logo,.HeaderTOP #logo{transition: all .3s linear;display:flex;justify-content:center;align-items:center;width:250px;height:70px;position:relative;font-size:1.5rem;top:-18px;flex-shrink:0} .HeaderBOT #logo a, .HeaderTOP #logo a {width: auto;height: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;} .HeaderBg{position:relative} @media screen and (max-width: 1100px){.HTOPC, .HBOTC {width: 95%;}} @media screen and (max-width: 992px){ .HeaderTOP,#menu{display:none} .HeaderBOT{top:0} .HeaderBg,.sp-header{height:92px} .HBOTC{height:92px} .HeaderBOT #logo,.HeaderTOP #logo{top:0} .open.nav1{display:flex!important} .sp-header.active .HBOTC{height:92px} .sp-header.active .HeaderBg{top:0;height:92px} } </style> <b:if cond='data:blog.adsenseClientId'><!--</b:if></head><!--<link rel="me" href="https://www.blogger.com/profile/10966728700272859901" /> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head><b:if cond='!data:blog.adsenseClientId'>--></b:if> <body expr:class='data:blog.languageDirection' expr:data-id='data:blog.blogId'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d957814194074288834\x26blogName\x3d+%D9%88%D8%AA%D9%8A%D9%86+3\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://wateen3.blogspot.com/search\x26blogLocale\x3dar\x26v\x3d2\x26homepageUrl\x3dhttps://wateen3.blogspot.com/\x26vt\x3d-3488420195587947105', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe", messageHandlersFilter: gapi.iframes.CROSS_ORIGIN_IFRAMES_FILTER, messageHandlers: { 'blogger-ping': function() {} } }); } }); </script> <b:class cond='data:view.isHomepage' name='home'/> <b:class cond='data:view.isSingleItem' name='post'/> <b:class cond='data:view.isMultipleItems' name='lapel'/> <b:class cond='data:view.isPage' name='page'/> <b:class cond='data:blog.view == "ReadMode"' name='readMode'/> <input class='navI hidden' id='offNav' type='checkbox'/> <input class='navM hidden' id='NavM' type='checkbox'/> <b:if cond='data:view.isPreview'> <b:if cond='!data:view.isSingleItem'> <div class='isPreview' style=' position: fixed; top: 0; right: 0; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 25px; font-family: sans-serif !important; '> نموذج المعاينة يعمل فقط للمقالات والصفحات </div> <style> .contenarpage {display: none;} </style> </b:if> </b:if> <div class='contenarpage'> <b:if cond='!data:view.search.query'> <div class='TEMPsittings hide'> <b:if cond='data:view.isLayoutMode'><b:include name='HeaderSearch'/></b:if> <b:include name='MopileMenuLogo'/> <b:if cond='data:view.isLayoutMode'><b:include name='ArticaleSittings'/></b:if> </div> </b:if> <!-- start header --> <header class='sp-header' id='sp-header'> <div class='HeaderBg'> <div class='HeaderTOP'> <div class='Headerplace'> <div class='HTOPC'> <b:include name='HeaderPages'/> <b:include name='HeaderIcons'/> </div> </div> </div> <div class='HeaderBOT'> <div class='HBOTC'> <label aria-label='القائمة الرئيسي' class='open nav1' for='NavM' id='navMopile' onclick='openSidenav()'><svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg></label> <b:include name='HeaderLogo'/> <b:include name='HeaderLinks'/> <label aria-label='بحث' class='search' for='NavC' id='clicksearch'><svg class='line'><use href='#ic-search'/></svg></label> </div> </div> </div> <b:if cond='data:view.isLayoutMode'><b:include name='HeaderAds'/></b:if> </header> <!-- Header markups --> <b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='MopileMenuLogo'> <b:section id='MopileMenuLogo' maxwidgets='1' showaddelement='no'> <b:widget id='Image002' locked='true' title='لوجو قائمه الهاتف' type='Image' version='2' visible='true'> <b:includable id='main'><b:if cond='data:sourceUrl'><i class='hide dataheader' expr:site-dis='data:caption' expr:site-logo='data:sourceUrl' expr:site-title='data:title'/></b:if></b:includable> <b:includable id='content'/> </b:widget> </b:section> </b:includable> <b:includable id='HeaderLogo'> <b:section id='logo' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='seoplus F (رأس الصفحة)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'/> <b:widget-setting name='displayHeight'>0</b:widget-setting> <b:widget-setting name='sectionWidth'>-1</b:widget-setting> <b:widget-setting name='useImage'>false</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting> <b:widget-setting name='displayWidth'>0</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='behindImageStyle'/> <b:includable id='content'><div id='header-inner'><b:if cond='data:useImage'><a class='img-logo' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' style='display: flex'><b:if cond='data:sourceUrl'><img expr:alt='data:blog.title' expr:src='data:sourceUrl' expr:title='data:blog.title' height='70' id='Header1_headerimg' width='250'/></b:if></a><b:if cond='data:view.isHomepage'><h1 style='display: none'><data:blog.title/></h1><b:else/><h2 style='display: none'><data:blog.title/></h2></b:if><b:else/><div class='titlewrapper'><b:include name='title'/><b:include name='description'/></div></b:if></div></b:includable> <b:includable id='description'><p class='descriptionwrapper' style='display: none'><data:description/></p></b:includable> <b:includable id='image'> <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'> <b:include data='{image: data:image,altText: data:blog.title.escaped,originalWidth: data:width,originalHeight: data:height}' name='responsiveImage'/> </a> </b:includable> <b:includable id='title'><b:if cond='data:view.isHomepage'><h1 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a></h1><b:else/><h2 class='title'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a></h2></b:if></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderPages'> <b:section id='pages' maxwidgets='1' showaddelement='no'> <b:widget id='PageList1' locked='true' title='الصفحات' type='PageList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='pageListJson'>{}</b:widget-setting> <b:widget-setting name='homeTitle'>الصفحة الرئيسية</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='content'><div class='widget-content'><b:include name='pageList'/></div></b:includable> <b:includable id='overflowButton'/> <b:includable id='overflowablePageList'/> <b:includable id='pageLink'><li><b:class cond='data:view.url==data:link.href or data:blog.url==data:link.href' name='selected'/><a expr:href='data:link.href'><data:link.title/></a></li></b:includable> <b:includable id='pageList'><ul><b:class cond='data:pageListClass' expr:name='data:pageListClass'/><b:loop values='data:links' var='link'><b:include name='pageLink'/></b:loop></ul></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderIcons'> <b:section id='topsocialL' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList3' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderLinks'> <b:section id='menu' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList001' locked='true' title='القائمة الرئيسية' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop index='index' values='data:links' var='link'> <b:if cond='data:link.name contains "+"'> <b:if cond='data:index != 0'> <b:eval expr='data:links[data:index - 1].name contains "+" ? "</ul></li>" : ""'/> </b:if> <li class='sitem'> <a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a> <b:eval expr='data:links[data:index + 1].name contains "+" ? "<ul>" : "</li>"'/> <b:else/> <b:if cond='data:index != 0'> <b:eval expr='"</ul></li>"'/> </b:if> <!-- start --> <li class='item'> <a expr:href='data:link.target' expr:title='data:link.name'><b:class cond='data:view.url==data:link.target or data:blog.url==data:link.target' name='selected'/><data:link.name/></a> <!-- start --> <b:eval expr='data:index+1 == data:links.length ? "</li>" : "<ul>"'/> </b:if> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderAds'> <b:section class='HAD' cond='!data:view.isError and !data:blog.isMobileRequest' id='Topa3lan-sc' maxwidgets='1' showaddelement='no'> <b:widget id='HTML100' locked='true' title='اعلان اسفل القائمة العلوية للحاسوب' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'><div class='SeoPlusAds'><data:content/></div></b:includable> </b:widget> </b:section> <b:section cond='not data:view.isError and data:blog.isMobileRequest' id='Topa3lan-sc2' maxwidgets='1' showaddelement='no'> <b:widget id='HTML101' locked='true' title='اعلان اسفل القائمة العلوية للهاتف' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'><div class='SeoPlusAds'><data:content/></div></b:includable> </b:widget> </b:section> </b:includable> <b:includable id='HeaderSearch'> <div class='searchformbox'> <div class='fxbox'> <b:section id='searchform' maxwidgets='2' showaddelement='no'> <b:widget id='BlogSearch2' locked='true' title='بحث ...' type='BlogSearch' version='2' visible='true'> <b:includable id='main'> <form class='sharef' expr:action='data:blog.searchUrl' role='search' target='_top'> <label class='sp' for='searchIn'> <svg class='line'><use href='#ic-search'/></svg> </label> <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' id='searchIn' minlength='3' name='q' required='required' type='search'/> <button aria-label='Clear' class='sp' data-text='حذف' type='reset'/> </form> <label aria-label='Close' class='searchC' for='NavC'/> <b:if cond='data:view.isHomepage'><b:tag name='script' type='application/ld+json'>{"@context": "http://schema.org","@type": "WebSite","url": "<data:blog.homepageUrl/>","potentialAction": [{"@type": "SearchAction","target": "<data:blog.searchUrl/>?q={search_term_string}","query-input": "required name=search_term_string"}]}</b:tag></b:if> </b:includable> <b:includable id='content'/> <b:includable id='searchForm'/> <b:includable id='searchSubmit'/> </b:widget> </b:section> </div> <label class='fCls searchbg' for='NavC'/> </div> </b:includable> <b:includable id='ArticaleSittings'> <b:section id='AddOns' maxwidgets='1' showaddelement='no'> <b:widget id='HTML1' locked='true' title='ميزة جدول التنقل' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'>جدول التنقل</b:widget-setting> </b:widget-settings> <b:includable id='main'><b:if cond='data:view.isPost'><style>div#tocDiv{user-select:none;display:block}</style><b:tag name='script' type='text/javascript'>/*<![CDATA[*/if(document.querySelector("#tocDiv")){var t = null,a = null,html="",e = 0;document.querySelectorAll(".amp-contnt h1,.amp-contnt h2, .amp-contnt h3, .amp-contnt h4").forEach(function(asd){asd.setAttribute("id", "Target"+e);var txt = asd.innerText;html+= "<li><a class='ScrolingToTarget' href='#Target"+e+"'>" + txt + "</a></li>";e++});/*]]>*/var Xhtml = `<div class='topcs7v'><b:class cond='data:title contains "open"' name='closed'/><div class='toctitle' expr:aria-label='data:content' for='naToc'><data:content/></div><ol id='tocList'>`+html+`</ol></div>`;/*<![CDATA[*/if (document.querySelectorAll('.amp-contnt h2, .amp-contnt h3, .amp-contnt h4').length != 0) {document.querySelector("#tocDiv").innerHTML = Xhtml;document.querySelectorAll(".ScrolingToTarget").forEach(function (asd) {asd.addEventListener("click", function (e) {e.preventDefault();document.querySelector(asd.getAttribute('href')).scrollIntoView({behavior: 'smooth'});});});document.querySelector('.toctitle').addEventListener('click', function (x) {document.querySelector('.topcs7v').classList.toggle('closed')});}}/*]]>*/</b:tag></b:if></b:includable> </b:widget> <b:widget id='ContactForm200' locked='true' title='نموذج الاتصال' type='ContactForm' version='2' visible='true'> <b:includable id='main'><b:if cond='data:view.isSingleItem'><b:include name='content'/></b:if></b:includable> <b:includable id='content'><div class='contact-form-widget'><div class='form'><form name='contact-form'><input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/><br/><input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/><br/><textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/><br/><input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/><div style='width: calc(100% - 80px);display: flex;float: left;height: 30px;align-items: center;'><p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/><p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/></div></form></div></div></b:includable> </b:widget> </b:section> </b:includable> </b:defaultmarkup> </b:defaultmarkups> <label aria-label='Close Menu' class='pos-t-t' for='NavM'/><!-- start sidenav --> <div class='sidenav'> <div class='sidehead'><label aria-label='Close Menu' class='closemenu' for='NavM'/></div> <div class='SiteInfo'/> <div class='flexmenu'> <div class='mainmenu'/> <div class='bottommeny'> <div class='bottpage'/> <div class='bottsocial'/> </div> </div> </div><!-- end sidenav --> <input class='navC hidden' id='NavC' type='checkbox'/> <b:if cond='!data:view.isLayoutMode'><b:include name='HeaderSearch'/></b:if> <!-- end header --> <div class='container site'> <b:if cond='!data:view.isLayoutMode'> <b:if cond='data:view.isHomepage or data:view.isSingleItem'><b:include name='HeaderAds'/></b:if> </b:if> <div class='bocker'> <div class='r-r potg'> <b:section id='Tempnec' maxwidgets='1' showaddelement='no'> <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='commentLabel'>comments</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>كتب:</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>-</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting> <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'/> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:view.isError'> <b:include name='sp-errorPage'/> <b:else/> <b:if cond='not data:view.isSingleItem and not data:view.isError'> <b:if cond='data:view.isHomepage'> <div class='headline'> <h2 class='title'><data:messages.latestPosts/></h2> <a class='Lapel-Link' expr:href='data:blog.searchUrl'><b:if cond='data:blog.languageDirection == "ltr"'>Show more<b:else/>عرض المزيد</b:if></a> </div> <b:else/> <div class='headline'> <h1 class='title'><b:if cond='data:blog.pageName'><data:blog.pageName/><b:else/><data:messages.latestPosts/></b:if></h1> </div> </b:if> </b:if> <div class='blog-posts hfeed'> <b:class cond='not data:view.isSingleItem' name='Sp-postsnew0'/> <b:if cond='data:view.isMultipleItems'><b:include name='postMetaHome'/></b:if> <div class='Posts-byCategory'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='post'/> </b:loop> </div> </div> </b:if> <b:include cond='data:view.isMultipleItems' name='sp-nextprev'/> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'/> <b:includable id='article-author'> <!-- Post Author --> <div class='article-author vcard'> <b:if cond='data:post.author.authorPhoto.image'><img class='authorPhoto' expr:alt='data:messages.image' expr:data-src='data:post.author.authorPhoto.image' height='28' width='28'/></b:if> <div class='metapost'> <span class='fn authorname'><data:post.author.name/></span> <div class='Times'><b:include data='post' name='article-time'/></div> </div> </div> </b:includable> <b:includable id='article-time'> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp or data:view.isPage'> <div class='article-timeago'> اخر تحديث : <time class='agotime post-date published updated' expr:datetime='data:post.lastUpdated.iso8601'/> </div> <b:if cond='data:view.isPost'><div class='readTime'><span id='rdTime'/></div></b:if> </b:if> </b:includable> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItems'/> <b:includable id='commentAuthorAvatar'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='commentForm' var='post'/> <b:includable id='commentFormIframeSrc' var='post'> <a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src' title='comment form link'/> </b:includable> <b:includable id='commentItem' var='comment'> <!-- commentItem --> <b:comment> <li class='comment' expr:id='"c" + data:comment.id'> <div class='CommentCounter'> <div class='avatar-image-container'><b:if cond='data:comment.authorAvatarSrc contains "blank.gif"'><span class='noimg'/><b:else/><img expr:alt='data:comment.author' expr:data-src='resizeImage(data:comment.authorAvatarSrc, (data:comment.inReplyTo ? "48" : "48") , "1:1")' height='48' width='48'/></b:if></div> <div class='comment-block'> <div class='comment-header'> <cite expr:class='data:comment.author == data:post.author.name ? "user blog-author" : "user"'><b:if cond='data:comment.authorUrl'><data:comment.author/><b:else/><data:comment.author/></b:if></cite> <span class='datetime com-date' expr:data-date='data:comment.timestampAbs'><data:comment.timestamp/></span> </div> <p class='comment-content'><data:comment.body/></p> <span class='comment-actions secondary-text'> <b:if cond='not data:comment.inReplyTo'><span class='comment-reply' expr:data-comment-id='data:comment.id'><b:if cond='data:blog.languageDirection == "ltr"'>reply<b:else/>إرسال رد</b:if></span></b:if><span expr:class='data:comment.adminClass'><a expr:href='data:comment.deleteUrl' rel='nofollow noreferrer' target='_blank'><b:if cond='data:blog.languageDirection == "ltr"'>delete<b:else/>حذف</b:if></a></span></span> </div> </div> <div class='comment-replies'><ul><b:loop values='data:post.comments where (c=> c.inReplyTo == data:comment.id)' var='reply'><b:include data='reply' name='commentItem'/></b:loop></ul></div> </li> </b:comment> </b:includable> <b:includable id='commentList' var='comments'/> <b:includable id='commentPicker' var='post'> <div class='commentsection'> <section class='topic-comments' id='item-comments'> <div class='headline'> <div class='title'><data:messages.comments/></div> <div class='commentsShow'/> </div> </section> <div id='commentsBlog'> <div class='comments' id='comments'> <div class='BloggerComment'> <b:if cond='data:post.allowComments'> <b:include data='post' name='threadedComments'/> </b:if> </div> <div class='DisqusComment'/> <div class='FacebookComment'/> </div> </div> </div> </b:includable> <b:includable id='comments' var='post'> <!-- commentItem --> <b:comment> <ul><b:loop values='data:post.comments where (c=> not c.inReplyTo)' var='comment'><b:include data='comment' name='commentItem'/></b:loop></ul> <b:if cond='data:post.commentPagingRequired'><div id='loadmore'><a class='ribble'><span><data:messages.moreEllipsis/></span></a></div></b:if> </b:comment> </b:includable> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='commentsTitle'/> <b:includable id='defaultAdUnit'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='homePageLink'/> <b:includable id='iframeComments' var='post'/> <b:includable id='inlineAd' var='post'/> <b:includable id='linkShare'/> <b:includable id='manageComments'/> <b:includable id='nextPageLink'/> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='post' var='post'> <article class='post-amp post hentry h-entry ' role='article'> <b:class cond='!data:view.isSingleItem' name='posts'/> <b:class cond='!data:view.isSingleItem' expr:name='"postnum" + data:i'/> <b:if cond='data:view.isSingleItem'> <b:if cond='data:post.body contains "outSideSchemaSeoPlus"'> <b:else/> <b:include data='post' name='postMeta'/> </b:if> </b:if> <b:if cond='not data:view.isSingleItem'> <b:include data='post' name='sp-homePosts'/> <b:else/> <div class='bobxed'> <div class='foqTitle'> <b:if cond='data:post.labels.first'><a class='postTopTag' expr:href='data:post.labels.first.url' expr:title='data:post.labels.first.name'><data:post.labels.first.name/></a></b:if> </div> <b:include data='post' name='postTitle'/> <div class='post-meta'> <div class='au-ti'> <b:include data='post' name='article-author'/> </div> </div> <div class='TocList'/> </div> <b:include data='post' name='postBody'/> <div class='hideensa'> <b:include data='post' name='sp-postTags'/> <b:include data='post' name='sp-sharePost'/> <b:if cond='data:skin.vars.nextprev == "1px"'> <b:include cond='data:view.isPost' data='post' name='sp-navigation'/> </b:if> <b:include data='post' name='sp-aboutPostAuthor'/> <b:include cond='data:view.isPost' data='post' name='sp-RelatedPosts'/> </div> <b:if cond='data:post.allowComments'> <script> let POSTID = "<data:post.id/>"; let comNum = <data:post.numberOfComments/>; AllowCom = <data:post.allowNewComments/>; </script> <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/> </b:if> </b:if> </article> </b:includable> <b:includable id='postAuthor'/> <b:includable id='postAuthorProfile' var='post'/> <b:includable id='postBody' var='post'> <div class='amp-contnt post-body entry-content float-container'> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'><b:else/><div id='top-a3lan'/></b:if></b:if> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚" or data:post.body contains "tocDiv"'><b:else/><div id='tocDiv'/></b:if></b:if> <data:post.body/> <b:if cond='data:view.isPost'><b:if cond='data:post.body contains "↔" or data:post.body contains "↚"'><b:else/><div id='bot-a3lan'/></b:if></b:if> <b:include cond='data:post.body contains "ArchivePage" and data:view.isPage' name='Archive'/> <div class='PostEdit blog-admin'><a class='noredi' expr:href='data:view.isPost ? "https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id : "https://www.blogger.com/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' rel='nofollow noopener' target='_blank'><b:if cond='data:view.isPost'>تعديل المقال<b:else/>تعديل الصفحة</b:if></a></div> </div> </b:includable> <b:includable id='postBodySnippet' var='post'/> <b:includable id='postCommentsAndAd' var='post'/> <b:includable id='postCommentsLink'/> <b:includable id='postFooter' var='post'/> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postHeader' var='post'/> <b:includable id='postInfoShareMore'> <input class='shIn fixi hidden' id='forShare' type='checkbox'/> <div class='shBr fixL'> <div class='shBri fixLi'> <div class='shBrs fixLs'> <div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'> <label aria-label='أغلاق' class='c cl' for='forShare'/> </div> <div class='shC social'> <!--[ Share to other apps ]--> <div class='shL'> <div data-text='Facebook'> <!-- Share to Facebook --> <a aria-label='Facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' target='_blank' title='facebook'> <svg class='n-line'><use href='#ic-facebook'/></svg> </a> </div> <div data-text='WhatsApp'> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' target='_blank' title='whatsapp'> <svg class='n-line'><use href='#ic-whatsapp'/></svg> </a> </div> <div data-text='Twitter'> <!-- Share to Twitter --> <a aria-label='Twitter' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='twitter'> <svg class='n-line'><use href='#ic-twitter'/></svg> </a> </div> <div data-text='Telegram'> <!-- Share to Telegram --> <a aria-label='Telegram' expr:href='"https://t.me/share/url?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='telegram'> <svg class='n-line'><use href='#ic-telegram'/></svg> </a> </div> <div data-text='Pinterest'> <!-- Pin to Pinterst --> <a aria-label='Pinterest' data-pin-config='beside' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:blog.url.canonical + "&media=" + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank' title='pinterest'> <svg class='n-line'><use href='#ic-pinterest'/></svg> </a> </div> <div data-text='LinkedIn'> <!-- Share Linkedin --> <a aria-label='Linkedin' expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='linkedin'> <svg class='n-line'><use href='#ic-linkedin'/></svg> </a> </div> <div data-text='Line'> <!-- Share to Line --> <a aria-label='Line' expr:href='"https://timeline.line.me/social-plugin/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank' title='line'> <svg class='n-line'><use href='#ic-line'/></svg> </a> </div> <div data-text='Email'> <!-- Send to email --> <a aria-label='Email' expr:href='"mailto:?body=" + data:blog.url.canonical' target='_blank' title='email'> <svg class='n-line'><use href='#ic-email'/></svg> </a> </div> <div data-text='reddit'> <!-- Send to reddit --> <a aria-label='reddit' expr:href='"https://www.reddit.com/submit?url=" + data:blog.url.canonical' target='_blank' title='reddit'> <svg class='n-line'><use href='#ic-reddit'/></svg> </a> </div> <div data-text='print'> <!-- Send to print --> <a aria-label='print' href='javascript:window.print()' title='print'> <svg class='n-line'><use href='#ic-print'/></svg> </a> </div> </div> </div> </div> </div> <label class='fCls sharebg' for='forShare'/> </div> </b:includable> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postMeta' var='post'> <script type='application/ld+json'>{"@context": "http://schema.org","@type": "BlogPosting","mainEntityOfPage": {"@type": "WebPage","@id": "<data:post.url.canonical/>"},"headline": "<data:post.title.escaped/>","description": "<data:post.snippets.short.escaped/>",<b:if cond='data:post.labels'>"keywords":"<b:loop index='l' values='data:post.labels' var='label'><data:label.name/><b:if cond='data:l != data:post.labels.length - 1'>,</b:if></b:loop>",</b:if>"datePublished": "<data:post.date.iso8601/>","dateModified": "<data:post.lastUpdated.iso8601/>","image": {"@type": "ImageObject","url": "<b:eval expr='data:post.firstImageUrl ? resizeImage(data:post.firstImageUrl, 1200, "1200:630") : "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200"'/>","height": <b:eval expr='data:post.firstImageUrl ? 630 : 348'/>,"width": 1200},"publisher": {"@type": "Organization","name": "<data:blog.title/>","logo": {"@type": "ImageObject","url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width": 206,"height": 60}},"author": {"@type": "Person","jobTitle": "Author","url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl/><b:else/>#</b:if>","name": "<data:post.author.name/>"}}</script> </b:includable> <b:includable id='postMetaHome'> <b:tag name='script' type='application/ld+json'>{"@context":"http://schema.org","@type":"ItemList","itemListElement":[<b:loop index='i' values='data:posts' var='post'>{"@type":"ListItem","position":<b:eval expr='data:i + 1'/>,"url":"<data:post.url/>"}<b:if cond='data:i != data:posts.length - 1'>,</b:if></b:loop>]}</b:tag> <b:if cond='data:view.isLabelSearch'> <b:tag cond='data:view.isLabelSearch' name='script' type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"<data:blog.homepageUrl/>","name":"<data:blog.title/>"}},{"@type":"ListItem","position":2,"item":{"@id":"<data:blog.searchUrl/>","name":"search"}},{"@type":"ListItem","position":3,"item":{"@id":"<data:view.url.canonical/>","name":"<data:view.search.label/>"}}]}</b:tag> </b:if> </b:includable> <b:includable id='postMetadataJSONImage'/> <b:includable id='postMetadataJSONPublisher'/> <b:includable id='postPagination'/> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'/> <b:includable id='postTitle' var='post'> <h1 class='entry-title topic-title'><data:post.title/></h1> </b:includable> <b:includable id='previousPageLink'/> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='sp-RelatedPosts' var='post'> <div id='ret-a3lan'/> <div class='RelatedPosts'> <b:loop index='i' values='data:post.labels' var='label'> <b:if cond='data:i == 0'> <div class='headline RelatedPost'><h3 class='title'><b:if cond='data:blog.languageDirection == "ltr"'>You may like these posts<b:else/>مقالات قد تهمك</b:if></h3></div> </b:if> </b:loop> <div class='PostByCat Sp-posts1'><b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:i == 0'><i class='posts-from' data-index='1' data-number='6' data-type='RetPosts' expr:data-label='data:label.name' style='height: 485px'/> </b:if></b:loop></div> </div> </b:includable> <b:includable id='sp-aboutPostAuthor' var='post'> <b:if cond='data:view.isPost'> <b:tag name='script' type='text/javascript'>let AuthorName="<data:post.author.name/>"</b:tag> <b:if cond='data:post.author.aboutMe'><div class='author-posts'> <div class='authorImage'> <div class='authorImg'> <b:if cond='data:post.author.authorPhoto.image'> <img expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image , "1600" )' expr:title='data:post.author.name' height='60' width='60'/> <b:else/> <img data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOztoy4EM7AQ5GZ2Ie-TvR-7yAPN580orKKv-1CyYn9DsUCo4QrtREE8w4LESty3v4DcUggmGEo4kmV120suWhXUj3faNjfj9DzxiPQmey0kU9MCNaFq17824cHp6hplPxZkv-wc0TvGo/s1600/log.jpg' expr:alt='data:post.author.name' expr:title='data:post.author.name' height='60' width='60'/> </b:if> </div> </div> <div class='authorInfo'> <div class='author-name'> بواسطة : <data:post.author.name/> </div> <div class='author-desc'> <data:post.author.aboutMe/> </div> </div> </div></b:if> </b:if> </b:includable> <b:includable id='sp-errorPage'> <div id='error-page'> <svg style='width:300px;fill:var(--minColor)' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32s14.3 32 32 32s32-14.3 32-32z'/></svg> <h1 class='errornum'><b:if cond='data:blog.languageDirection == "ltr"'> ERROR 404 <b:else/> خطأ 404 </b:if></h1> <h2 class='error'><b:if cond='data:blog.languageDirection == "ltr"'> Sorry, the page you are looking for in this blog is not available. <b:else/> معذرة, فالصفحة التي تبحث عنها في هذه المدونة ليست متوفرة. </b:if></h2> </div> <style> div#error-page { display: block; text-align: center; padding: 30px; height: calc((100vh - 245px)); } .r-r { float: none; width: 100%; } h1.errornum { font-size: 80px; } h2.error { font-size: 23px; color: #4e4e4e; } @media screen and (max-width:992px){div#error-page {height:auto;}} </style> </b:includable> <b:includable id='sp-homePosts' var='post'> <a class='Img-Holder thumb' expr:href='data:post.url' expr:title='data:post.title'> <span expr:class='"postcat catnum" + data:i' rel='tag'><data:post.labels.first.name/></span> <b:if cond='data:post.thumbnailUrl'> <img class='post-thumb' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl, 1600)' expr:title='data:post.title' height='170' width='300'/> <b:else/> <span class='Noimger'/> </b:if> </a> <div class='post-home cont'> <div class='post-info'> <span class='Date published updated'><svg><use href='#ic-clock'/></svg><a class='agotime' expr:datetime='data:post.lastUpdated.iso8601' expr:href='data:post.url'/></span> <h2 class='rnav-title entry-title p-name'><a class='Title' expr:href='data:post.url' rel='bookmark'><data:post.title/></a></h2> </div> <div class='items'> <b:if cond='data:post.author.profileUrl'> <a class='author vcard' expr:href='data:post.author.profileUrl'> <span class='fn'><data:post.author.name/></span></a> <b:else/> <span class='vcard'><span class='fn'><data:post.author.name/></span></span> </b:if> </div> <div class='Short_content entry-content'><data:post.snippets.short/></div> <a class='moreLink' expr:href='data:post.url' expr:title='data:post.title'><b:if cond='data:blog.languageDirection == "ltr"'>read more<b:else/>اقرأ المزيد</b:if></a> </div> </b:includable> <b:includable id='sp-navigation' var='post'> </b:includable> <b:includable id='sp-nextprev'> <div class='loadMore'> <a class='blog-pager-older-link hide' expr:href='data:olderPageUrl' title='NextUrl'/> <div expr:data-index='data:numPosts' id='loadMorePosts'><b:if cond='data:blog.languageDirection == "ltr"'>Show more <b:else/>تحميل المزيد من المشاركات</b:if></div> <div id='loadMoreWait'><span class='spiner-icon'/> <b:if cond='data:blog.languageDirection == "ltr"'>Showing<b:else/>جاري التحميل ...</b:if></div> <div id='loadMoreNomore'><b:if cond='data:blog.languageDirection == "ltr"'>No More Posts<b:else/>لم يتم العثور على أي نتائج</b:if></div> </div> </b:includable> <b:includable id='sp-postQuickEdit' var='post'> <b:if cond='data:view.isPost'> <!-- Quick Edit --> <span expr:class='"edit-post item-control " + data:post.adminClass'> <a expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id' target='_blank'> <b:if cond='data:blog.languageDirection == "ltr"'> <b:else/> </b:if> </a> </span></b:if> <b:if cond='data:view.isPage'> <!-- Quick Edit --> <span expr:class='"edit-post item-control " + data:post.adminClass'> <a expr:href='"https://www.blogger.com/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' target='_blank'> <b:if cond='data:blog.languageDirection == "ltr"'> <b:else/> </b:if> </a> </span></b:if> </b:includable> <b:includable id='sp-postTags' var='post'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels and data:post.labels.any'> <!-- Post Labels --> <div class='post-tags'> <span class='tagstitle'><b:if cond='data:blog.languageDirection == "ltr"'>Tags<b:else/>الأقسام</b:if></span> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.name/></a> </b:loop> </div> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lt 1'> <script type='application/ld+json'>{ "@context": "http://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "<data:blog.homepageUrl.canonical/>","name": "<data:blog.title/>"}},{"@type": "ListItem","position": 2,"item": {"@id": "<data:label.url.canonical/>","name": "<data:label.name/>"}},{"@type": "ListItem","position": 3,"item": {"@id": "<data:post.url.canonical/>","name": "<data:view.title.escaped/>"}}]}</script> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='sp-sharePost' var='post'> <b:if cond='data:widgets.Blog.first.allBylineItems.share and data:view.isPost'> <div class='pSh'> <div class='pShc' expr:data-text='data:messages.share + " : "'> <!-- Share to Facebook --> <a aria-label='Facebook' class='c fb' data-text='Share' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-facebook'/></svg></a> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-whatsapp'/></svg></a> <!-- Share to Twitter --> <a aria-label='Twitter' class='c tw' data-text='Tweet' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><svg class='n-line'><use href='#ic-twitter'/></svg></a> <label class='sharemore' expr:aria-label='data:messages.shareToOtherApps' for='forShare'><svg class='n-line'><use href='#ic-share'/></svg></label> </div> </div> </b:if> <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/> </b:includable> <b:includable id='theme-custom-lang'> <b:switch var='data:message'> <b:case value='prevPost'/> <data:post.author.name/> </b:switch> </b:includable> <b:includable id='threadedCommentForm' var='post'><div id='comments-respond'><div class='conart'><a class='go-respond ribble' href='#item-comments' id='comment-post-message'><data:messages.postAComment/></a><b:if cond='data:this.messages.blogComment != ""'><p><data:this.messages.blogComment/></p></b:if></div><a expr:href='data:post.commentFormIframeSrc + "&skin=contempo"' id='comment-editor-src' title='comment form link'/><iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc + "&skin=contempo"' frameborder='0' height='95px' id='comment-editor' name='comment-editor' title='comment form' width='100%'/><noscript><!--<data:post.cmtfpIframe/>--></noscript></div></b:includable> <b:includable id='threadedCommentJs' var='post'/> <b:includable id='threadedComments' var='post'><section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments-wrap'><b:if cond='data:post.allowNewComments'><div class='comment-footer'><b:include data='post' name='threadedCommentForm'/></div><b:else/><p class='c-not-allowed'><data:post.noNewCommentsText/></p></b:if><b:if cond='data:showCmtPopup'><p class='c-not-allowed'><data:post.noNewCommentsText/></p></b:if><div class='comments-content'><div class='comments-list' id='comment-holder'><ul/></div></div></section> </b:includable> </b:widget> </b:section> <b:section cond='data:view.isPost or data:view.isLayoutMode' id='PostA3lan' maxwidgets='1' showaddelement='no'> <b:widget id='HTML2' locked='true' title='اعلان اول المقال' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='myad-top SeoPlusAds'> <data:content/> </div> <script>_$('#top-a3lan').prepend(_$('.myad-top'));</script> </b:includable> </b:widget> <b:widget id='HTML3' locked='true' title='اعلان منتصف المقال' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='myad-cent SeoPlusAds'> <data:content/> </div> <script> var lenx = document.querySelectorAll('.post-body p'); var lenx2 = document.querySelectorAll('.post-body br'); if(lenx2.length){ lenx2[Math.floor(lenx2.length / 2)].after(_$('.myad-cent')) }else if(lenx.length){ lenx[Math.floor(lenx.length / 2)].after(_$('.myad-cent')) } </script> </b:includable> </b:widget> <b:widget id='HTML4' locked='true' title='اعلان اخر المقال' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='myad-bot SeoPlusAds'> <data:content/> </div> <script>_$('#bot-a3lan').prepend(_$('.myad-bot'));</script> </b:includable> </b:widget> </b:section> <b:if cond='!data:view.isLayoutMode'><b:if cond='data:view.isSingleItem'><b:include name='ArticaleSittings'/></b:if></b:if> </div> <b:if cond='!data:view.isError'> <aside class='potg btg2' id='sidepar-wid'> <b:section id='sidepar'> <b:widget id='LinkList4' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='widget-title'/><b:include name='content'/></b:includable> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </aside> </b:if> </div> <div class='EndSides'/> </div> <footer> <div class='container'> <div class='mid-top-footer'> <b:section class='footer-col' id='footer-col1'/> <b:section class='footer-col' id='footer-col2'/> <b:section class='footer-col' id='footer-col3'/> <b:section class='footer-col' id='footer-col4'/> </div> </div> <div class='bottom-footer'> <div class='container'> <div class='yemen'> <span><b:if cond='data:blog.languageDirection == "ltr"'> all rights are save <b:else/> جميع الحقوق محفوظة </b:if> ©</span><a expr:href='data:blog.homepageUrl' id='7qok' target='_blank'><data:blog.title/></a> </div> <div class='shmal'> <b:section id='footer-social' maxwidgets='1' showaddelement='no'> <b:widget id='LinkList2' locked='true' title='مواقع التواصل الإجتماعي' type='LinkList' version='2' visible='true'> <b:includable id='main'><b:include name='content'/></b:includable> <b:includable id='content'><ul class='social-static social'><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name' rel='nofollow noopener' target='_blank'><svg><use expr:href='"#ic-" + data:link.name'/></svg></a></li></b:loop></ul></b:includable> </b:widget> </b:section> </div> </div> </div> </footer> <div class='toTopB' id='backTop' onclick='window.scrollTo({top: 0});'><b:include name='arrow-up-circle-icon'/></div> <b:if cond='data:view.isSingleItem'><div id='ReadPage'/></b:if> </div> <b:include name='themeFunctions'/> <svg class='hide'> <b:include name='themeIcons'/> </svg> <noscript id='blogger-components'></body></noscript></body> </html>