#جوكر_بلوجر
هده الصفحة ثم إنشائها لرفع أكواد إضافات بلوجر لتجنب مشكلة السرعة في موقعنا الرسمي بسبب كثرة الأكواد. لدى تم إقتراح هده الصفحة لنسخ سكريبت أو أكواد إضافات بلوجر لا غير , بخصوص طريقة تركيب الإضافة مع شرح عملي يجب التوجه للموقع الرسمي.

#تقنية_الخليج_للمعلوميات

تحميل أفضل قالب الأخبار NeedMag

 تحميل أفضل قالب الأخبار NeedMag

هدا القالب مجاني بدون حقوق , متوافق مع المدونات الإخبارية , قم بنسخ القالب من الأسفل وتجوه إلى طريقة شرح القالب من هنا.

يعتبر قالب NeedMag من أفضل القوالب الأخبارية , لدى كنت تتوفر على مدونة إخبارية أنصحك باستخدام القالب هذا لعرض الأخبار على منصة بلوجر.

أو يمكنك تحميل قالب NeedMag برابط مباشر من هنا.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <link href='//fonts.googleapis.com/css?family=Droid Arabic Kufi:400,700|Droid+Sans:400,700' media='all' rel='stylesheet' type='text/css'/>
    <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
    <b:include data='blog' name='all-head-content'/>
    <title>
		<b:if cond='data:blog.pageType == &quot;index&quot;'>
			<data:blog.pageTitle/>
		<b:else/>
			<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
				<data:blog.pageName/> - <data:blog.title/>
			<b:else/>
				ERROR 404 - <data:blog.title/> 
			</b:if>
		</b:if>
    </title>
    <!-- Description and Keywords (start) -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <meta content='YOUR DESCRIPTION HERE' name='description'/>
    </b:if>
    <meta content='YOUR KEYWORDS HERE' name='keywords'/>
    <!-- Description and Keywords (end) -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <meta expr:content='data:blog.pageName' property='og:title'/>
        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
        <meta content='article' property='og:type'/>
    </b:if>
    <b:if cond='data:blog.postImageUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if></b:if>
    <b:if cond='data:blog.metaDescription != &quot;&quot;'>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.postImageUrl'>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
      <meta content='summary' name='twitter:card'/>
      <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> 
      </b:if>
    </b:if>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:if cond='data:blog.metaDescription'>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    </b:if>
    <!-- Social Media meta tag need customer customization -->
    <meta content='Facebook App ID here' property='fb:app_id'/> 
    <meta content='Facebook Admin ID here' property='fb:admins'/> 
    <meta content='@username' name='twitter:site'/>
    <meta content='@username' name='twitter:creator'/>    

<b:skin><![CDATA[/* 
-----------------------------------------------
Blogger Template Style
Translate by www.kalabani.com
Name:        Need Mag
Author :     http://www.soratemplates.com
License:     Premium Version
----------------------------------------------- */

/* Variable definitions
=======================
<Variable name="keycolor" description="Main Color" type="color" default="#08a100" value="#08a100"/>
<Variable name="body.background" description="Background" type="background" color="#f8f8f8" default="$(color) url() repeat fixed top right" value="$(color) url() repeat fixed top right"/>

<Group description="Main Settings" selector="body">
  <Variable name="main.color" description="Main Theme Color" type="color" default="#FF4400" value="#00bbff"/>
  <Variable name="main.dark.color" description="Main Dark Color" type="color" default="#2c2c2c" value="#9800a1"/>
  <Variable name="main.bb.color" description="Borders and Buttons Color" type="color" default="#404040" value="#404040"/>
  <Variable name="main.text.color" description="Main Text Color" type="color" default="#333333" value="#333333"/>
</Group>
======================= 
*/

/* Reset and Variable Apply Here */
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}
ins{text-decoration:underline}
del{text-decoration:line-through}
blockquote{font-size:17px;line-height:1.5em;font-style:italic;color:$(main.text.color)}
dl,ul{list-style-position :inside;font-weight:400;list-style:none}
ul li{list-style:none}
caption,th{text-align:center}
img{border:none;position :relative}
a,a:visited{text-decoration:none}
.clear{clear:both}
.section,.widget,.widget ul{margin:0;padding:0}
a{color:$(main.color)}
a:hover{color:$(main.color)}
:focus{outline:0}
a img{border:0}
abbr{text-decoration:none}
.CSS_LIGHTBOX{z-index:999999!important}
.separator a{clear:none!important;float :none!important;margin-right:0!important;margin-left:0!important}
#navbar-iframe{display :none;height:0;visibility:hidden}
.widget-item-control,a.quickedit{display :none!important}
.archive .home-link,.index .home-link,.home-link{display :none!important}
:after,:before,*{outline:0;transition:all .0s ease;-webkit-transition:all .0s ease;-moz-transition:all .0s ease;-o-transition:all .0s ease}
.status-msg-wrap{margin:0 auto 25px;text-transform:uppercase;font-size:11px}
.status-msg-border{border:1px solid #eee;opacity:.7;border-radius:2px}
.status-msg-bg{background-color:#f8f8f8;opacity:1;filter:none}
.feed-links{clear:both;display :none;line-height:2.5em}
#data-type,#data-results,#data-label{display :none}

/* Body */
body{background:$(body.background);font:normal normal 14px Droid Arabic Kufi;color:#333;word-wrap:break-word;margin:0;padding:0}
#outer-wrapper{width : 1080px;margin:0 auto;background-color:#FFF;-webkit-box-shadow:0 0 10px rgba(50,50,50,.17);-moz-box-shadow:0 0 10px rgba(50,50,50,.17);box-shadow:0 0 10px rgba(50,50,50,.17)}
.row{width : 1030px}
#content-wrapper{margin:25px auto 5px;overflow:hidden}
.item #content-wrapper{margin:25px auto}
#main-wrapper{float :right;overflow:hidden;width : 65.849%;margin-left:2.5%;word-wrap:break-word}
#sidebar-wrapper{float :left;overflow:hidden;width : 31.651%;box-sizing:border-box;word-wrap:break-word;padding-bottom:0}
.index #main-wrapper{margin-top:10px}
.home #main-wrapper{margin-top:0}
#topnav{width : 100%;height:30px;background-color:$(main.dark.color);overflow:hidden;margin:0;border-bottom:3px solid $(main.color)}
.tm-head{margin:0 auto;line-height:30px;overflow:hidden}
.tm-menu{float :right}
#nav1 li{position :relative;float :right;display :inline-block;height:30px;line-height:30px;margin:0;padding:0;transition:background .3s}
#nav1 li:first-child > a{padding-right:0}
#nav1 li > a{font-family:'Droid Arabic Kufi',sans-serif;color:#ddd;font-size:10px;font-weight:400;line-height:30px;text-transform:uppercase;display :inline-block;margin-left:5px;padding:0 5px;transition:color .3s}
#nav1 > li:hover > a{color:#fff}
.tinynav{display :none;background-color:$(main.bb.color);font-family:'Droid Arabic Kufi',sans-serif;color:#ddd;padding:2px 5px;box-sizing:border-box;border:0}
.social-area{float :left}
#social-top{position :relative;display :block;margin-left:0}
.social-ico ul{overflow:hidden}
.social-ico ul > li{display :inline-block;float :right;margin-right:4px;padding:0}
.social-ico ul > li > a{line-height:30px;display :inline-block;float :right;color:#ddd;text-decoration:none;font-size:13px;text-align:center;padding:0 4px;transition:color .3s}
.social-ico ul > li:last-child > a{padding-left:0}
#social-top ul > li:hover > a{color:#fff}
.social-ico ul > li > a:before{display :inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.social-ico .facebook:before{content:"\f230"}
.social-ico .twitter:before{content:"\f099"}
.social-ico .gplus:before{content:"\f0d5"}
.social-ico .rss:before{content:"\f09e"}
.social-ico .youtube:before{content:"\f16a"}
.social-ico .skype:before{content:"\f17e"}
.social-ico .stumbleupon:before{content:"\f1a4"}
.social-ico .tumblr:before{content:"\f173"}
.social-ico .vine:before{content:"\f1ca"}
.social-ico .stack-overflow:before{content:"\f16c"}
.social-ico .linkedin:before{content:"\f0e1"}
.social-ico .dribbble:before{content:"\f17d"}
.social-ico .soundcloud:before{content:"\f1be"}
.social-ico .behance:before{content:"\f1b4"}
.social-ico .digg:before{content:"\f1a6"}
.social-ico .instagram:before{content:"\f16d"}
.social-ico .pinterest:before{content:"\f0d2"}
.social-ico .delicious:before{content:"\f1a5"}
.social-ico .codepen:before{content:"\f1cb"}
#header-blog{height:90px;position :relative;overflow:hidden;padding:20px 0}
.header-content{margin:0 auto;overflow:hidden;height:90px}
.header-logo{float :right;width : auto;max-width : 222px;max-height:74px;margin:8px 0 0}
.header-logo img{max-width : 100%;height:auto;margin:0}
.Header h1{color:$(main.text.color);margin:0;font-size:20px;line-height:1.4em}
.header-ads{float :left;width : 728px;height:90px}
.header-ads h2{display :none!important}
#main-nav{position :relative;width : 100%;height:46px;z-index:10;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;margin:0}
.header-menu{background-color:$(main.dark.color);height:42px;margin:0 auto;position :relative;padding:0;border-bottom:4px solid $(main.color)}
.li-home{position :relative;list-style:none;display :inline-block;float :right;line-height:42px;height:42px;width : 42px;background-color:$(main.color);font-size:23px;font-weight:400;text-align:center;z-index:20;padding:0}
.li-home a{color:#fff;line-height:42px;display :block}
#main-nav > .li-home:hover{background-color:$(main.color)}
#menu .widget{display :none}
#menu{height:42px;position :relative;z-index:15}
#menu ul > li{float :right;position :relative;padding:0;margin:0}
#menu ul > li > a{color:#ddd;font-size:14px;font-weight:400;line-height:42px;display :inline-block;text-transform:uppercase;text-decoration:none;margin:0;padding:0 15px;border-right:1px solid rgba(255,255,255,0.06);border-left:1px solid RGBA(0,0,0,0.22);transition:all .3s ease}
#menu ul > li:first-child a{border-right:0}
#menu ul > li:last-child a{border-left:0}
#menu ul > li > ul{position :absolute;display :none;float :right;right:0;top:100%;width : 180px;background:$(main.dark.color);overflow:hidden;z-index:99999;margin-top:0;padding:0;border-top:4px solid $(main.color)}
#menu ul > li > ul > li > ul{position :absolute;display :none;float :right;top:-1px;right:100%;width : 180px;background:$(main.dark.color);overflow:hidden;z-index:99999;margin-top:0;margin-right:0;padding:0;border-top:0;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2)}
#menu ul > li > ul > li{display :block;float :none;position :relative}
#menu ul > li > ul > li a{font-size:11px;display :block;color:#ddd;line-height:35px;text-transform:uppercase;text-decoration:none;margin:0;padding:0 15px;border:0;border-bottom:1px solid RGBA(0,0,0,0.22);border-top:1px solid rgba(255,255,255,0.06)}
#menu ul > li > ul > li:hover > a{padding-right:20px}
#menu ul > li > ul > li:first-child a{border-top:0}
#menu ul > li > ul > li:last-child a{border-bottom:0}
#menu ul > li > ul > li > ul > li:first-child a{border-top:2px solid $(main.color)}
#menu ul > li.has-sub > a:after{content:'\f0d7';font-family:FontAwesome;float :left;margin-right:6px;font-weight:400;font-size:12px;margin-top:-1px}
#menu ul > li > ul > li.has-sub > a:after{content:'\f0da';float :left;margin:0}
#menu ul > li:hover > a{color:#fff}
.overlay{position :absolute;top:0;right:0;z-index:1;width : 100%;height:100%;background-color:rgba(0,0,0,0);transition:background .3s}
#menu .widget,.mega-menu{position :static!important}
#menu .mega-menu > ul{width : 100%;box-sizing:border-box;padding:15px 7.5px;border-top:4px solid $(main.color)}
.mega-widget .mega-item{float :right;width : 25%;box-sizing:border-box;padding:0 7.5px}
.mega-widget .mega-content{position :relative;width : 100%;overflow:hidden;padding:0}
.main-slider .slides li:hover .overlay,.main-videos .video-thumb:hover .overlay{background-color:rgba(0,0,0,0.2)}
.mega-content .mega-img{width : 100%;height:140px;z-index:1;display :block;position :relative;overflow:hidden;padding:0}
.mega-content .mega-img img{width : 100%;height:140px}
.my-thumb{object-fit:cover;transition:all .3s ease}
.mega-content .mega-img:hover img,.custom-widget .custom-thumb:hover img,.big-column .col-thumb:hover img,.post-grid .grid-thumb:hover img,.block-image .thumb:hover img,.PopularPosts .item-thumbnail a:hover img,.cmm-widget li .cmm-avatar:hover img,.related-posts .related-img:hover img,.post-nav .nav-thumb:hover img{opacity:.7}
.mega-content .mega-title{position :relative;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;font-weight:400;line-height:1.4em;margin:7px 0 4px;padding:0}
.mega-content .mega-title a{color:#ddd;transition:color .3s}
.mega-content .mega-title a:hover{color:$(main.color)}
.mega-content .item-meta{font-family:'Droid Arabic Kufi',sans-serif}
#search-icon{position :absolute;left:0;top:0;display :block;line-height:42px;height:42px;width : 42px;z-index:20;background-color:$(main.color);color:#fff;font-size:15px;padding:0;text-align:center;cursor:pointer}
#nav-search{position :absolute;left:0;top:46px;width : 252px;height:42px;display :none;z-index:10;background-color:$(main.bb.color);border:0}
#nav-search #searchform{padding:6px;overflow:hidden}
#nav-search #s{width : 100%;height:30px;color:$(main.text.color);float :right;margin:0;padding:0 10px 0 68px;border:0;background-color:#fff;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:400;box-sizing:border-box}
#nav-search #s:focus{color:$(main.text.color);outline:none}
#nav-search #searchsubmit{position :absolute;top:6px;left:6px;height:30px;color:#fff;padding:0 5px;border:none;background-color:$(main.color);font-family:'Open Sans',sans-serif;font-size:11px;font-weight:700;line-height:30px;text-transform:uppercase;cursor:pointer;transition:opacity .3s}
#nav-search #searchsubmit:hover{opacity:.85}
#slider-sec .widget,#slider-sec .widget h2{display :none}
#slider-sec .show-slider{display :block!important;margin-bottom:25px}
.main-slider{position :relative;width : 100%;height:370px;overflow:hidden;list-style:none;padding:0}
.main-slider .slides > li{position :relative;width : 100%;height:370px;overflow:hidden;list-style:none;padding:0}
.main-slider .slider-img{height:370px;overflow:hidden;display :block}
.main-slider img{width : 100%;height:100%}
.main-slider .slider-img .overlay{background-color:rgba(0,0,0,0.05)}
.slider-entry{position :absolute;width : 90%;bottom:0;right:0;overflow:hidden;z-index:2;box-sizing:border-box;padding:0 25px 25px 0;opacity:.85}
.slider-entry .post-title{font-family:'Droid Arabic Kufi',sans-serif;font-size:23px;font-weight:400;line-height:1.4em;margin:0;float :right;background-color:$(main.color);box-sizing:border-box;padding:5px 10px}
.slider-entry .post-title a{color:#fff}
.slider-entry .slide-cap{background:$(main.dark.color);margin:0;color:#ccc;float :right;padding:10px}
.slider-entry .item-meta{float :right;margin-bottom:5px}
.slider-entry .slide-cap p{float :right;margin:0;font-weight:400;font-size:13px;line-height:1.5em;padding:0}
.main-slider .flex-direction-nav{position :absolute;top:10px;left:10px;width : 32px;z-index:5;display :block;opacity:0;transition:all .3s ease}
.main-slider:hover .flex-direction-nav{opacity:1}
.main-slider .flex-direction-nav li{padding:0}
.main-slider .flex-direction-nav a{width : 32px;height:32px;background-color:$(main.color);float :right;font-size:14px;color:#fff;line-height:32px;text-align:center;transition:background .3s}
.main-slider .flex-direction-nav a:hover{background-color:$(main.dark.color)}
.main-slider .flex-next{margin-top:2px}
.item-meta{color:#979797;font-size:11px;font-weight:400}
.item-date{margin-left:10px}
.featured-sec .widget,.featured-sec .widget h2{display :none}
.featured-sec .show-widget{display :block!important;margin-bottom:25px!important}
.title-wrap,.posts-title{position :relative;height:25px;background-color:$(main.dark.color);margin-bottom:15px;overflow:hidden;border-bottom:3px solid $(main.color)}
.title-wrap h2,.posts-title h2{position :relative;float :right;display :block!important;height:25px;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;color:#fff;background-color:$(main.color);font-weight:400;text-transform:uppercase;line-height:26px;border:0;padding:0 10px;margin:0}
.title-wrap h2 a,.posts-title h2 a{color:#fff}
.featured-sec .column{width : 48.24%}
.featured-sec .col-right{float :right}
.featured-sec .col-left{float :left;margin-right:3.52%}
.big-column li{overflow:hidden;padding:10px 0;border-top:1px solid #f2f2f2}
.big-column .col-thumb{position :relative;float :right;width : 90px;height:65px;overflow:hidden;display :block;vertical-align:middle;margin:0!important}
.big-column .col-thumb img{position :relative;width : 90px;height:65px;display :block}
.big-column .post-panel{padding-right:15px;display :table-cell;padding-right:15px;display :table-cell}
.big-column .rcp-title{overflow:hidden;font-weight:400;font-size:14px;line-height:1.4em;margin:0 0 4px;padding:0}
.big-column .rcp-title a{color:$(main.text.color);transition:color .3s}
.big-column .rcp-title a:hover{color:$(main.color)}
.big-column .first-big .col-thumb{width : 100%;height:180px}
.big-column .first-big .col-thumb img{width : 100%;height:180px}
.big-column .first-big .post-panel{display :block;float :right;padding:10px 0 0}
.big-column .first-big .rcp-title{font-size:20px;margin:0 0 10px}
.big-column .first-big .col-snippet{font-size:13px;line-height:1.5em;font-weight:400;margin:7px 0 3px}
.featured-sec .custom-widget li:first-child,.big-column li:first-child{padding-top:0;border-top:0}
.featured-sec .custom-widget li:last-child,.big-column li:last-child{padding-bottom:0}
.featured-sec .videos-widget{float :right;width : 100%}
.main-videos{position :relative;overflow:hidden;padding:0!important}
.main-videos .video-item{float :right;width : 32%;box-sizing:border-box;margin:0 0 0 2%;padding:0}
.main-videos li:nth-child(3),.main-videos li:nth-child(6){margin-left:0}
.main-videos li:nth-child(4),.main-videos li:nth-child(5),.main-videos li:nth-child(6){margin-top:15px}
.main-videos .video-thumb{width : 100%;height:130px;position :relative;display :block;overflow:hidden}
.main-videos .video-thumb img{width : 100%;height:130px;display :block}
.main-videos .video-thumb:after{content:'\f144';font-family:FontAwesome;color:#fff;position :absolute;top:50%;right:50%;margin-top:-16.5px;margin-right:-16.5px;font-size:33px;width : 33px;height:33px;z-index:1;text-align:center;line-height:1;opacity:.65;transition:opacity .3s}
.main-videos .video-thumb:hover:after{opacity:1}
.main-videos .rcp-title{font-size:14px;font-weight:400;line-height:1.4em;margin:5px 0 4px}
.main-videos .rcp-title a{color:$(main.text.color);transition:color .3s}
.main-videos .rcp-title a:hover{color:$(main.color)}
.featured-sec .grid-widget{float :right;width : 100%}
.post-grid{position :relative;overflow:hidden;padding:0}
.post-grid .grid-item{float :right;width : 32%;box-sizing:border-box;margin:0 0 0 2%;padding:0}
.post-grid li:nth-child(3),.post-grid li:nth-child(6){margin-left:0}
.post-grid li:nth-child(4),.post-grid li:nth-child(5),.post-grid li:nth-child(6){margin-top:15px}
.post-grid .grid-thumb{width : 100%;height:130px;position :relative;display :block;overflow:hidden}
.post-grid .grid-thumb img{width : 100%;height:130px;display :block}
.post-grid .rcp-title{font-size:14px;font-weight:400;line-height:1.4em;margin:5px 0 4px}
.post-grid .rcp-title a{color:$(main.text.color);transition:color .3s}
.post-grid .rcp-title a:hover{color:$(main.color)}
.item-date:before{content:'\f017';font-family:fontawesome;margin-left:5px}
.item-cmm:before{content:'\f086';font-family:fontawesome;margin-left:5px}
.custom-widget li{overflow:hidden;padding:10px 0;border-top:1px solid #f2f2f2}
.custom-widget .custom-thumb{position :relative;float :right;width : 90px;height:65px;overflow:hidden;display :block;vertical-align:middle;margin:0!important}
.custom-widget .custom-thumb img{position :relative;width : 90px;height:65px;display :block}
.custom-widget .post-panel{padding-right:15px;display :table-cell}
.custom-widget .rcp-title{overflow:hidden;line-height:0;margin:0 0 4px;padding:0}
.custom-widget .rcp-title a{color:$(main.text.color);font-weight:400;font-size:14px;line-height:1.4em;transition:color .3s}
.custom-widget .rcp-title a:hover{color:$(main.color)}
.cmm-widget{list-style:none;padding:0}
.cmm-widget li{background:none!important;clear:both;list-style:none;word-break:break-all;display :block;border-top:1px solid #f2f2f2;overflow:hidden;margin:0;padding:10px 0}
.cmm-widget li:first-child{padding-top:0;border-top:0}
.cmm-widget li:last-child{padding-bottom:0}
.cmm-widget li .cmm-avatar{position :relative;overflow:hidden;padding:0;width : 55px;height:55px;float :right;margin:0 0 0 10px}
.cmm-img{width : 55px;height:55px;float :right;margin:0;transition:all .3s ease}
.cmm-widget a{color:$(main.text.color);position :relative;font-size:10px;line-height:12px;text-transform:uppercase;font-weight:700;display :block;overflow:hidden;transition:color .3s}
.cmm-widget a:hover{color:$(main.color)}
.cmm-widget .cmm-text{color:#616161;display :block;line-height:14px;text-transform:lowercase;font-size:11px;font-weight:400;font-style:italic;overflow:hidden;background:#f9f9f9;height:38px;box-sizing:border-box;margin-top:5px;padding:5px 8px}
.post{display :block;overflow:hidden;word-wrap:break-word}
.index .post{margin:0 0 15px;padding-bottom:15px;border-bottom:1px solid #f2f2f2}
.index div.post-outer:last-child .post{padding-bottom:5px;border-bottom:0}
.home div.post-outer:last-child .post{padding-bottom:10px}
.block-image{position :relative;float :right;width : 290px;height:170px;display :block;margin-left:15px}
.block-image .thumb{width : 100%;height:170px;position :relative;display :block;z-index:1;overflow:hidden}
.block-image .thumb img{width : 100%;height:170px;object-fit:cover;display :block;transition:all .3s ease}
.retitle h2{margin:8px 0;display :block}
.post h2 a,.post h2 a:visited,.post h2 strong{color:$(main.text.color);font-size:20px;line-height:1.4em;font-weight:400;text-decoration:none;transition:color .3s}
.post h2 a:hover{color:$(main.color)}
.widget iframe,.widget img{max-width : 100%}
.index .post-footer{display :none!important}
.index .post h2{margin:0;padding:0 0 0 10px;overflow:hidden}
.item .post{padding:0}
.date-header{display :block;overflow:hidden;font-weight:400;margin:0!important;padding:0}
#meta-post{position :relative;font-size:11px;color:#979797;line-height:1.4em;margin:8px 0}
#meta-post a{color:#979797}
#meta-post .author-link a:before{content:'\f007';font-family:fontawesome;color:#979797;margin-left:5px}
#meta-post .timestamp-link{margin-right:10px}
#meta-post .timestamp-link abbr:before{content:'\f017';font-family:fontawesome;color:#979797;margin-left:5px}
#meta-post .post-cmm{margin-right:10px}
#meta-post .post-cmm:before{content:'\f086';font-family:fontawesome;color:#979797;margin-left:0}
.post-snippet{position :relative;font-size:13px;line-height:1.5em}
.post-snippet p{display :block;margin:8px 0 10px;padding-left:10px}
.breadcrumbs{display :none;margin:0;font-size:0}
.item article{margin-top:15px}
.item .post-head{position :relative;margin:0 0 5px}
.item .post-title{font-family:'Droid Arabic Kufi',sans-serif;color:$(main.text.color);font-size:25px;line-height:1.5em;font-weight:400;position :relative;display :inline-block;padding:0;margin:0}
.item .post-body{width : 100%;color:#5E5E5E;font-size:15px;line-height:1.5em;overflow:hidden}
.item .post-outer{padding:0}
.item .post-body img{max-width : 100%}
.post-meta{color:#979797;display :block;font-size:12px;font-weight:400;line-height:21px;margin:0;padding:0 0 5px;border-bottom:1px solid #f2f2f2}
.post-meta a{color:#979797;transition:color .3s}
.post-timestamp{margin-right:0}
.post-meta a:hover{color:$(main.color)}
.post-meta .g-profile span:before{content:'\f007';font-family:fontawesome;color:#979797;margin-left:5px}
.post-meta .post-timestamp{margin-right:10px}
.post-meta .post-timestamp .timestamp-link abbr:before{content:'\f017';font-family:fontawesome;color:#979797;margin-left:5px}
.post-meta .post-cmm{margin-right:10px}
.post-meta .post-cmm:before{content:'\f086';font-family:fontawesome;color:#979797;margin-left:0}
.main .widget{margin:0}
.main .Blog{border-bottom-width : 0}
.share-box{height:33px;position :relative;line-height:0;margin:0 0 20px;padding:0}
.share-art{display :block;margin:0;padding:0}
.share-art a{float :right;width : 20%;height:33px;line-height:33px;color:#fff;font-weight:400;font-size:15px;text-align:center;display :inline-block;box-sizing:border-box;opacity:.75;margin:0;padding:0;transition:all .25s ease}
.share-art a:hover{opacity:1}
.share-art .fac-art{background:#3b5998}
.share-art .twi-art{background:#00acee}
.share-art .goo-art{background:#db4a39}
.share-art .pin-art{background:#CA2127}
.share-art .lin-art{background:#0077B5}
.post-tags{overflow:hidden;height:auto;position :relative;margin:20px 0;padding:0}
.post-tags span,.post-tags a{float :right;height:24px;background-color:$(main.color);color:#fff;font-size:10px;line-height:24px;font-weight:700;text-transform:uppercase;margin:0;padding:0 10px}
.post-tags a{background-color:$(main.dark.color);margin:0 5px 0 0;transition:background .3s}
.post-tags a:hover{background-color:$(main.color)}
#related-wrap{margin-bottom:20px}
#related-wrap .related-tag{display :none}
.related-posts{position :relative;overflow:hidden;margin:0;padding:0}
.related-posts .related-item{width : 32%;position :relative;overflow:hidden;float :right;display :block;box-sizing:border-box;margin:0 2% 0 0;padding:0}
.related-posts li:first-child,.related-posts li:nth-child(4){margin-right:0}
.related-posts .related-img{width : 100%;height:130px;position :relative;overflow:hidden;display :block;padding:0}
.related-posts .my-thumb{width : 100%;height:130px;object-fit:cover}
.related-content{padding:8px 0 0 10px;width : 100%;line-height:1.2em;box-sizing:border-box;z-index:2}
.related-posts h3 a{font-size:14px;line-height:1.4em;color:$(main.text.color);font-weight:400;display :block;margin-bottom:4px;transition:color .3s}
.related-posts h3 a:hover{color:$(main.color)}
.featured .post-tag:hover,.box-thumbnail .first-tag a:hover,.postags a:hover{background:$(main.dark.color)}
ul.post-nav{background-color:#FFF;display :block;width : 100%;position :relative;overflow:hidden;margin-bottom:15px;border-bottom:1px solid #f5f5f5;border-top:1px solid #f5f5f5}
.post-nav li{padding:0;display :inline-block;width : 50%}
.post-nav .prev{float :right;min-height:80px;border-left:1px solid #f2f2f2;box-sizing:border-box;padding-left:10px}
.post-nav .next{text-align:left;border-right:1px solid #f2f2f2;margin-right:-1px;padding-right:10px;box-sizing:border-box}
.post-nav li a{color:$(main.text.color);line-height:1.4em;display :block;overflow:hidden;padding:15px 0;transition:color .3s}
.post-nav li:hover a{color:$(main.color)}
.post-nav .nav-thumb{width : 80px;height:60px;overflow:hidden;display :block;vertical-align:middle;padding:0}
.post-nav .nav-thumb img{width : 100%;height:60px;object-fit:cover;display :block;transition:all .3s ease}
.post-nav .prev .nav-thumb{float :right;margin-left:10px}
.post-nav .next .nav-thumb{float :left;margin-right:10px}
.post-nav .nav-content,.post-nav .nav-inner{overflow:hidden}
.post-nav li span{display :block;padding:0 0 5px;font-family:'Droid Arabic Kufi',sans-serif;font-size:12px;font-weight:400;text-transform:uppercase}
.post-nav .prev span:before{content:"\f0d9";font-family:FontAwesome;font-size:14px;text-transform:none;margin-left:4px}
.post-nav .next span:after{content:"\f0da";font-family:FontAwesome;font-size:14px;text-transform:none;margin-right:4px}
ul.post-nav p{font-size:13px;font-weight:400;line-height:1.4em;margin:0}
#blog-pager{clear:both;text-align:center;margin:0}
.index #blog-pager{display :block}
.home #blog-pager{display :none}
.index #blog-pager{padding:5px 0 25px;text-align:right}
#blog-pager-newer-link a,#blog-pager-older-link a{display :block;float :right;margin-left:0;padding:0 12px;border:0;text-transform:uppercase;line-height:32px;font-weight:700;background-color:$(main.dark.color);color:#fff;font-size:12px;transition:background .3s}
#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{background-color:$(main.color)}
.showpageNum a,.showpage a,.showpagePoint{display :block;float :right;margin-left:6px;padding:0 12px;background:$(main.dark.color);color:#fff;border:0;text-transform:uppercase;line-height:32px;font-weight:700;transition:background .3s}
.showpageNum a:hover,.showpage a:hover{background-color:$(main.color)}
.showpageNum a i,.showpage a i{font-size:14px;font-weight:400;transition:color 0}
.showpagePoint{background-color:$(main.color);color:#fff}
.showpageOf{display :none!important}
.cmm-title .select-tab{float :left;height:25px}
.cmm-title .select-tab li{float :right;display :inline-block;height:25px;line-height:25px;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;color:#ddd;font-weight:400;text-transform:uppercase;cursor:pointer;list-style:none;margin:0;padding:0 10px;border:0;transition:background .3s}
.cmm-title .select-tab li:hover{color:#fff}
.cmm-title .select-tab li.active{background-color:$(main.color);color:#fff}
.comment-system,.cmm-tab{display :none}
.comments{display :none;clear:both;margin:0;color:$(main.text.color)}
.comments h4{font-weight:400;font-size:12px;font-style:italic;padding-top:1px}
.comments .comments-content{margin:0;padding:0}
.comments .comments-content .comment{margin-bottom:0;padding-bottom:8px}
.comments .comments-content .comment:first-child{padding-top:0}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width : 100%!important}
.comments .item-control{position :static}
.comments .avatar-image-container{float :right;overflow:hidden;position :absolute}
.comments .avatar-image-container,.comments .avatar-image-container img{height:45px;max-height:45px;width : 45px;max-width : 45px;border-radius:0}
.comments .comment-block{overflow:hidden;padding:0 0 10px}
.comments .comment-block,.comments .comments-content .comment-replies{margin-right:60px;margin-top:0}
.comments .comments-content .inline-thread{padding:0}
.comments .comment-actions{float :right;width : 100%;position :relative;margin:0}
.comments .comments-content .comment-header{font-size:14px;display :block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px solid #f2f2f2}
.comments .comments-content .user{font-family:'Droid Arabic Kufi',sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;display :block}
.comments .comments-content .icon.blog-author{display :none}
.comments .comments-content .comment-content{float :right;text-align:right;font-size:13px;line-height:1.4em;color:#656565}
.comments .comment .comment-actions a{margin-left:5px;padding:2px 5px;color:$(main.text.color);font-weight:400;background-color:#f5f5f5;font-size:10px;transition:all .3s ease}
.comments .comment .comment-actions a:hover{color:#fff;background-color:$(main.color);text-decoration:none}
.comments .comments-content .datetime{color:#999;float :right;font-size:11px;position :relative;margin:2px 0 0;display :block}
.comments .comments-content .datetime:before{content:'\f017';font-family:fontawesome;font-style:normal;margin-left:3px}
.comments .comments-content .comment-header a{color:inherit;transition:color .3s}
.comments .comments-content .comment-header a:hover{color:$(main.color)}
.comments .thread-toggle{margin-bottom:4px}
.comments .thread-toggle .thread-arrow{height:7px;margin:0 0 2px 3px}
.comments .thread-expanded{padding:8px 0 0}
.comments .comments-content .comment-thread{margin:0}
.comments .continue a{padding:0 60px 0 0;font-weight:400}
.comments .comments-content .loadmore.loaded{margin:0;padding:0}
.comments .comment-replybox-thread{margin:0}
iframe.blogger-iframe-colorize,iframe.blogger-comment-from-post{height:283px!important}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(main.text.color);font-family:'Droid Arabic Kufi',sans-serif;font-weight:400;margin-bottom:15px}
blockquote{margin:0;padding:0 20px}
blockquote:before{content:'\f10d';display :inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:$(main.text.color)}
blockquote:after{content:'\f10e';display :inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:$(main.text.color)}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}
.post-body ul li:before{content:"\f0da";margin-left:5px;font-family:fontawesome}
#sidebar-wrapper .widget{margin-bottom:20px;overflow:hidden}
.sidebar .widget h2{position :relative;height:25px;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;background-color:$(main.dark.color);color:#fff;font-weight:400;text-transform:uppercase;line-height:25px;border:0;border-bottom:3px solid $(main.color);margin-bottom:15px;padding-right:10px}
.sidebar .widget .title-wrap h2{float :right;display :block;background-color:$(main.color);border:0;padding:0 10px;margin:0}
#sidebar-tabs .select-tab{position :relative;display :none;height:28px;background-color:$(main.dark.color);overflow:hidden;margin:0 0 15px;border-bottom:3px solid $(main.color)}
#sidebar-tabs .select-tab li{position :relative;float :right;display :inline-block;width : 33.33333333%;height:28px;font-family:'Droid Arabic Kufi',sans-serif;font-size:14px;color:#ddd;font-weight:400;text-transform:uppercase;text-align:center;line-height:28px;cursor:pointer;list-style:none;margin:0;padding:0;transition:background .3s}
#sidebar-tabs .select-tab li:hover{color:#fff}
#sidebar-tabs .select-tab li.active{background-color:$(main.color);color:#fff}
.tab-widget,.tab-widget > .widget > h2{display :none}
.sidebar ul{list-style:none}
.sidebar .widget-content{margin:0}
.list-label-widget-content li{display :block;padding:8px 0;border-bottom:1px solid #f2f2f2;position :relative}
.list-label-widget-content li:first-child{padding:0 0 8px}
.list-label-widget-content li:last-child{padding-bottom:0;border-bottom:0}
.list-label-widget-content li a:before{content:'\203a';position :absolute;right:0;top:2px;font-size:22px;color:$(main.text.color);font-weight:400}
.list-label-widget-content li:first-child a:before{top:-7px}
.list-label-widget-content li a{color:$(main.text.color);font-size:11px;padding-right:15px;font-weight:700;text-transform:uppercase;transition:color .3s}
.list-label-widget-content li a:hover{color:$(main.color)}
.list-label-widget-content li span:last-child{color:#999;font-size:11px;font-weight:700;position :absolute;top:8px;left:0}
.list-label-widget-content li:first-child span:last-child{top:2px}
.cloud-label-widget-content{text-align:right}
.cloud-label-widget-content .label-count{background:$(main.color);color:#fff!important;margin-right:-3px;white-space:nowrap;border-radius:0;padding:1px 4px!important;font-size:12px!important;margin-left:5px;transition:background .3s}
.cloud-label-widget-content .label-size{background:#f5f5f5;display :block;float :right;font-size:11px;margin:0 0 5px 5px;transition:background .3s}
.cloud-label-widget-content .label-size a,.cloud-label-widget-content .label-size span{height:18px!important;color:$(main.text.color);display :inline-block;font-size:11px;font-weight:700!important;text-transform:uppercase;padding:6px 8px;transition:color .3s}
.cloud-label-widget-content .label-size a{padding:6px 10px}
.cloud-label-widget-content .label-size a:hover{color:#fff!important}
.cloud-label-widget-content .label-size,.cloud-label-widget-content .label-count{height:30px!important;line-height:19px!important}
.cloud-label-widget-content .label-size:hover{background:$(main.color);color:#fff!important}
.cloud-label-widget-content .label-size:hover a{color:#fff!important}
.cloud-label-widget-content .label-size:hover span{background:$(main.dark.color);color:#fff!important;cursor:pointer}
.cloud-label-widget-content .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10}
.label-size-1,.label-size-2{opacity:100}
.sidebar .FollowByEmail > h3.title,.sidebar .FollowByEmail .title-wrap{margin-bottom:0}
.FollowByEmail td{width : 100%;float :right;box-sizing:border-box}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-right:0;width : 100%;border-radius:0;height:30px;font-size:11px;color:#fff;background-color:$(main.color);font-family:inherit;text-transform:uppercase;font-weight:700;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.bb.color)}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-right:10px;height:30px;border:1px solid #FFF;margin-bottom:5px;box-sizing:border-box;font-size:11px;font-family:inherit}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #FFF}
.FollowByEmail .widget-content{background-color:$(main.dark.color);box-sizing:border-box;padding:10px}
.FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";font-size:11px;color:#f2f2f2;line-height:1.4em;margin-bottom:5px;display :block;padding:0 2px}
.flickr_widget .flickr_badge_image{float :right;margin-bottom:5px;margin-left:10px;overflow:hidden;display :inline-block}
.flickr_widget .flickr_badge_image:nth-of-type(4),.flickr_widget .flickr_badge_image:nth-of-type(8),.flickr_widget .flickr_badge_image:nth-of-type(12){margin-left:0}
.flickr_widget .flickr_badge_image img{max-width : 67px;height:auto}
.flickr_widget .flickr_badge_image img:hover{opacity:.5}
#ArchiveList select{border:1px solid $(main.dark.color);padding:6px 8px;width : 100%;cursor:pointer;font-family:inherit;font-size:12px;color:$(main.text.color)}
.PopularPosts .item-thumbnail{margin:0 15px 0 0 !important;width : 90px;height:65px;float :right;overflow:hidden}
.PopularPosts .item-thumbnail a{position :relative;display :block;overflow:hidden;line-height:0}
.PopularPosts ul li img{width : 90px;height:65px;object-fit:cover;padding:0;transition:all .3s ease}
.PopularPosts .widget-content ul li{overflow:hidden;padding:10px 0;border-top:1px solid #f2f2f2}
.sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .custom-widget li:first-child,.tab-widget .PopularPosts .widget-content ul li:first-child,.tab-widget .custom-widget li:first-child{padding-top:0;border-top:0}
.sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .custom-widget li:last-child,.tab-widget .PopularPosts .widget-content ul li:last-child,.tab-widget .custom-widget li:last-child{padding-bottom:0}
.PopularPosts ul li a{color:$(main.text.color);font-weight:400;font-size:14px;line-height:1.4em;transition:color .3s}
.PopularPosts ul li a:hover{color:$(main.color)}
.PopularPosts .item-title{margin:0 0 4px;padding:0;line-height:0}
.item-snippet{display :none;font-size:0;padding-top:0}
#footer-wrapper{background-color:$(main.dark.color);border-top:4px solid $(main.color)}
#footer{position :relative;overflow:hidden;margin:0 auto;padding:22px 0 25px}
.sect-right{display :inline-block;float :right;width : 32%;margin-left:2%}
.sect-right:nth-child(3){margin-left:0}
.sect-right .widget{margin-top:20px;padding:0}
.sect-right .widget:first-child{margin-top:0}
.sect-right .widget h2{position :relative;font-family:'Droid Arabic Kufi',sans-serif;color:#ddd;font-size:16px;line-height:16px;font-weight:400;text-transform:uppercase;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid RGBA(0,0,0,0.22);box-shadow:0 1px 0 rgba(255,255,255,0.06)}
.sect-right .custom-widget .rcp-title a,.sect-right .PopularPosts ul li a{color:#ddd}
.sect-right .custom-widget{border-bottom:1px solid rgba(255,255,255,0.06)}
.sect-right .custom-widget li{overflow:hidden;padding:10px 0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid RGBA(0,0,0,0.22)}
.sect-right .PopularPosts .widget-content ul{border-bottom:1px solid rgba(255,255,255,0.06)}
.sect-right .PopularPosts .widget-content ul li{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid RGBA(0,0,0,0.22)}
.sect-right .PopularPosts .widget-content ul li:first-child,.sect-right .custom-widget li:first-child{padding-top:0;border-top:0}
.sect-right .custom-widget .rcp-title a:hover,.sect-right .PopularPosts ul li a:hover{color:$(main.color)}
.sect-right .cmm-widget{border-bottom:1px solid rgba(255,255,255,0.06)}
.sect-right .cmm-widget li{border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid RGBA(0,0,0,0.22)}
.sect-right .cmm-widget li:first-child{border-top:0}
.sect-right .cmm-widget li:last-child{padding-bottom:10px}
.sect-right .cmm-widget a{color:#ddd}
.sect-right .cmm-widget a:hover{color:$(main.color)}
.sect-right .cmm-widget .cmm-text{background:#383838}
.sect-right .FollowByEmail .widget-content{background-color:$(main.bb.color)}
.sect-right .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:$(main.dark.color)}
.sect-right .FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";color:#ddd}
.sect-right #ArchiveList select{border:1px solid $(main.bb.color);background:$(main.bb.color);color:#ddd}
.sect-right #ArchiveList select option{color:#ddd}
.sect-right .cloud-label-widget-content .label-size{background:$(main.bb.color)}
.sect-right .cloud-label-widget-content .label-size:hover{background:$(main.color)}
.sect-right .cloud-label-widget-content .label-size a{color:#ddd}
.cloud-label-widget-content .label-size:hover span{background:$(main.dark.color)}
.sect-right .list-label-widget-content ul{border-bottom:1px solid rgba(255,255,255,0.06)}
.sect-right .list-label-widget-content li{border-bottom:0;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid RGBA(0,0,0,0.22)}
.sect-right .list-label-widget-content li:first-child{border-top:0;padding-top:0}
.sect-right .list-label-widget-content li:last-child{padding-bottom:8px}
.sect-right .list-label-widget-content li a,.sect-right .list-label-widget-content li a:before{color:#ddd}
.sect-right .list-label-widget-content li a:hover{color:$(main.color)}
.sect-right .list-label-widget-content li:first-child a:before{top:-6px}
.footer-wrapper{background-color:RGBA(0,0,0,0.2);color:#ddd;display :block;padding:0;width : 100%;overflow:hidden}
.footer-wrapper .footer-copy{overflow:hidden;margin:0 auto;padding:8px 0;border-top:3px solid $(main.color)}
#social-footer{float :left;position :relative;display :block;margin-left:0}
#social-footer ul > li:hover > a{color:$(main.color)}
.footer-wrapper .copyleft{font-size:13px;float :right;height:30px;line-height:30px;font-weight:400}
.footer-wrapper .copyleft a{color:#ddd;transition:color .3s}
.footer-wrapper .copyleft a:hover{color:$(main.color)}
.back-top{z-index:2;background-color:$(main.bb.color);width : 35px;height:35px;position :fixed;bottom:-100px;left:25px;cursor:pointer;overflow:hidden;font-size:14px;color:#fff;text-align:center;line-height:35px;transition:all .3s ease}
.back-top:hover{background-color:$(main.color)}
.error_page #main-wrapper{width : 100%!important;margin:0!important}
.error_page #sidebar-wrapper,.error_page .status-msg-wrap{display :none}
#error-wrap{color:$(main.text.color);text-align:center;padding:60px 0 80px}
.error-item{font-size:160px;line-height:1;margin-bottom:20px}
#error-wrap h2{font-size:25px;padding:20px 0 10px}
#error-wrap .homepage{padding-top:10px;display :block}
#error-wrap .homepage i{font-size:20px}
#error-wrap .homepage:hover{text-decoration:underline}
]]></b:skin>

<style type='text/css'>
/*----Responsive Design----*/
@media screen and (max-width :  1100px) {
#outer-wrapper{width : 100%}
.row{width : 96%}
}
@media screen and (max-width :  1000px) {
#header-blog,.header-content{height:auto}
.header-logo{float :none;max-width : 100%;text-align:center;margin:0 auto 20px}
.header-ads{float :none;height:auto;max-height:90px;margin:0 auto}
#header-inner a{display :inline-block!important}
}
@media screen and (max-width :  980px) {
#menu ul &gt; li.mega-menu{display :none}
#main-wrapper{width : 100%;margin-left:0}
#sidebar-wrapper{width : 100%}
}
@media screen and (max-width :  880px) {
#nav1{display :none}
.tm-menu .tinynav{display :block;float :right;height:22px;margin:4px 0 0;padding:0 10px}
.header-ads{max-width : 100%}
#menu .widget &gt; ul,#nav2{display :none}
#menu{overflow:hidden}
#menu .tinynav{display :block;height:32px;margin:5px 5px 0 0;float :right}
.sect-right{width : 100%;margin-left:0}
#footer-sec2,#footer-sec3{margin-top:20px}
.back-top{display :none!important}
}
@media screen and (max-width :  600px) {
.main-slider,.main-slider .slides &gt; li,.main-slider .slider-img{height:300px}
.featured-sec .column{width : 100%}
.main-videos .video-item,.post-grid .grid-item,.related-posts .related-item{width : 100%;margin:15px 0 0}
.main-videos li:first-child,.post-grid li:first-child,.related-posts li:first-child{margin-top:0}
.main-videos .video-thumb,.main-videos .video-thumb img,.post-grid .grid-thumb,.post-grid .grid-thumb img,.big-column .first-big .col-thumb,.big-column .first-big .col-thumb img,.related-posts .related-img,.related-posts .my-thumb{height:170px}
.block-image{width : 100%;margin:0 0 10px}
.index .post-article{float :right}
#social-footer,.footer-wrapper .copyleft{width : 100%;text-align:center}
.footer-copy .social-ico ul &gt; li{float :none;margin:0 5px}
}
@media screen and (max-width :  440px) {
.slider-entry{width : 100%;padding:0}
.slider-entry .post-title{width : 100%}
.main-slider .flex-direction-nav,.cmm-title h2{display :none!important}
.cmm-title .select-tab{width : 100%}
.cmm-title .select-tab li{width : 33.33333333%;text-align:center;padding:0}
.error-item{font-size:140px}
}
@media screen and (max-width :  360px) {
.item .post-title{font-size:22px}
.post-tags{margin:15px 0 20px}
.post-tags span,.post-tags a{margin:5px 5px 0 0}
.post-nav li{width : 100%;padding:0!important;border:0!important}
.post-nav .next{border-bottom:1px solid #f2f2f2!important}
}
@media screen and (max-width :  300px) {
.tm-menu,.tm-menu .tinynav{width : 100%;text-align:center}
.social-area,.header-ads{display :none}
.header-logo{margin:0 auto}
#menu .tinynav{max-width : 60%}
.error-item{font-size:100px}
}
</style>

<b:template-skin><![CDATA[
/*------Layout (No Edit)----------*/
body#layout #outer-wrapper,body#layout .row{padding:0;width : 850px}
body#layout .section h4{margin:2px 0 8px;color:#333!important}
body#layout .theme-opt {display :block!important}
body#layout .ibpanel{background-color:#2c3e50!important;overflow:hidden!important;border-color:#213243!important}
body#layout .ibpanel h4{font-size:16px;padding:0;color:#fff!important}
body#layout .ibpanel .widget{float :right;width : 49.5%;margin-left:1%}
body#layout .ibpanel #HTML201,body#layout .ibpanel #HTML204,body#layout .ibpanel #HTML206{margin-left:0}
body#layout .ibpanel #HTML200{width : 100%}
body#layout .ibpanel .widget.locked-widget .widget-content{background-color:#34495e!important;border-color:#455668!important;color:#fff!important}
body#layout .ibpanel .widget.locked-widget .widget-content a.editlink{color:#fff!important;border:1px solid #233648;border-radius:2px;padding:0 5px;background-color:#233648}
body#layout #topnav,body#layout .tm-head{height:auto}
body#layout .tm-menu{margin:0;width : 70%}
body#layout .social-area{margin:0;width : 30%}
body#layout .social-ico{background:rgba(155,89,182,0.1)!important;border-color:#9b59b6!important}
body#layout .FollowByEmail .widget-content:before{display :none}
body#layout .header-content,body#layout #header-blog{height:auto;padding:0}
body#layout .header-logo{float :right;width : 30%;max-width : 30%;max-height:none;margin:0;padding:0}
body#layout .header-logo .section{background:rgba(26,188,156,0.1);border-color:#1abc9c}
body#layout .header-ads{height:auto;width : 70%}
body#layout #menu,body#layout #menu1{height:auto;background:rgba(231,76,60,0.1)!important;border-color:#e74c3c!important}
body#layout #menu .widget,body#layout #slider-sec .widget,body#layout .featured-sec .widget{display :block}
body#layout #main-nav,body#layout .header-menu{height:auto}
body#layout #search-icon,body#layout #nav-search{display :none}
body#layout .header-menu{float :right;width : 100%;margin:4px 0 0;padding:0}
body#layout #content-wrapper{margin:0 auto}
body#layout #main-wrapper{float :right;width : 70%;margin:0;padding:0}
body#layout .posts-title{display :none}
body#layout #sidebar-wrapper{float :left;width : 30%;margin:0;padding:0}
body#layout #sidebar-wrapper .section{background:rgba(41,128,185,0.1);border-color:#2980b9}
body#layout #sidebar-wrapper .section .add_widget{border-color:#2980b9}
body#layout #sidebar-wrapper .section .draggable-widget .widget-wrap2{background-color:#2980b9!important}
body#layout #sidebar-wrapper .widget{overflow:inherit}
body#layout #sidebar-tabs{background:rgba(39,174,96,0.1);border:1px solid #27ae60;margin:0 4px 8px}
body#layout #sidebar-tabs .section{background:transparent;margin:0;border:0}
body#layout .tab-widget{display :block}
body#layout #sidebar-tabs .section .add_widget{border-color:#27ae60}
body#layout #sidebar-tabs .section .draggable-widget .widget-wrap2{background-color:#27ae60!important}
body#layout .sect-right{width : 26%;float :right;margin:0 2% 8px!important}
body#layout #blocked-widgets{display :none!important}
body#layout #slider-sec{background:rgba(46,204,113,0.1)!important;border-color:#2ecc71!important}
body#layout #slider-sec .draggable-widget .widget-wrap2{background-color:#2ecc71!important}
body#layout #slider-sec .add_widget{border-color:#2ecc71}
body#layout .featured-sec{background:rgba(251,143,61,0.1)!important;border-color:#fb8f3d!important}
body#layout .featured-sec .draggable-widget .widget-wrap2{background-color:#fb8f3d!important}
body#layout .featured-sec .add_widget{border-color:#fb8f3d}
body#layout #main-wrapper #main{margin-left:4px;background:rgba(52,73,94,0.1);border-color:#34495e}
body#layout .layout-widget-description{display :none!important}
body#layout #sidebar{margin-top:10px}
body#layout .widget-content .editlink{color:#fff!important;border:1px solid #233648;border-radius:2px;padding:0 5px;background-color:#233648}
body#layout #footer-wrapper{overflow:hidden;padding:0 5px}
body#layout #footer{float :right;width : 100%;border:1px solid #1abc9c;background:rgba(26,188,156,0.1);padding:0}
body#layout #footer .section{background:transparent;padding:16px 0!important;margin:0 1%!important;width : 31.33%!important;border:0!important}
body#layout #footer #footer-sec3{margin-left:0!important}
body#layout #footer .section .draggable-widget .widget-wrap2{background-color:#1abc9c!important}
body#layout #footer .section .add_widget{border-color:#1abc9c}
body#layout #footer-sec3{margin-left:0}
body#layout .footer-wrapper .footer-copy{width : 100%}
body#layout .footer-wrapper .footer-copy .section{margin-left:0}
body#layout #ads-content{background:rgba(241,196,16,0.1);border-color:#f1c410}
body#layout #ads-content .add_widget{border-color:#f1c410!important}
body#layout #ads-content .draggable-widget .widget-wrap2{background-color:#f1c410!important;cursor:move}
body#layout #social-footer{width : 25%}
/*------Layout (end)----------*/
]]></b:template-skin>

<b:include data='blog' name='google-analytics'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'/>
</head>
<body expr:class='data:blog.pageType'>

  <div class='theme-opt' style='display :none'>
    <b:section class='ibpanel' id='ibpanel' maxwidgets='1' name='Theme Options' showaddelement='no'>
      <b:widget id='HTML200' locked='true' title='Full-Width Version (true/false)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:content == &quot;true&quot;'>
            <style>@media only screen and (min-width : 1100px){#outer-wrapper{width : 100%;margin:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}}</style>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML207' locked='true' title='Fixed Sidebar (true/false)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:content == &quot;&quot;'>
            <script type='text/javascript'>
              //<![CDATA[
              $(document).ready(function() {
                if ($(window).width() > 1100) {      
                  $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
                    additionalMarginTop: 25,
                    additionalMarginBottom: 25
                  });  
                }
              }); 
              //]]>
            </script>
            <b:else/>
            <b:if cond='data:content == &quot;true&quot;'>
              <script type='text/javascript'>
                //<![CDATA[
                $(document).ready(function() {
                  if ($(window).width() > 1100) {      
                    $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
                      additionalMarginTop: 25,
                      additionalMarginBottom: 25
                    });  
                  }
                }); 
                //]]>
              </script>
            </b:if>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML201' locked='true' title='Home - Recent Posts (show/hide)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:content == &quot;hide&quot;'>
            <style>.home .posts-title,.home #main{display :none}</style>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML203' locked='true' title='Home - PageNavi (show/hide)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:content == &quot;show&quot;'>
          <style>.home #blog-pager{display :block}.home div.post-outer:last-child .post{padding-bottom:5px}</style>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML204' locked='true' title='Internal - PostNavi (show/hide)' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <b:if cond='data:content == &quot;hide&quot;'>
            <style>.item ul.post-nav{display :none}</style>
          </b:if>
        </b:includable>
      </b:widget>
      <b:widget id='HTML205' locked='true' title='Comment System' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <div class='widget-content' style='display :none'>
            <data:content/>
          </div>
        </b:includable>
      </b:widget>
      <b:widget id='HTML206' locked='true' title='Disqus Shortname' type='HTML' version='1'>
        <b:widget-settings>
          <b:widget-setting name='content'/>
        </b:widget-settings>
        <b:includable id='main'>
          <div class='widget-content'>
            <script>
              var disqus_shortname = &#39;<data:content/>&#39;;
            </script>
          </div>
        </b:includable>
      </b:widget>
    </b:section>
  </div>



&lt;div id=&quot;outer-wrapper&quot; class=&quot;<b:if cond='data:blog.url == data:blog.homepageUrl'>home</b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'>item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'>index</b:if>&quot;&gt;

  <div id='topnav'>
    <div class='tm-head row'>
      <div class='tm-menu'>
        <b:section class='menu1' id='menu1' maxwidgets='1' name='Top Navigation' showaddelement='yes'>
          <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
            <b:widget-settings>
              <b:widget-setting name='link-3'>http://</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='text-1'>سياسة الخصوصية</b:widget-setting>
              <b:widget-setting name='link-1'>http://</b:widget-setting>
              <b:widget-setting name='text-0'>الرئيسية</b:widget-setting>
              <b:widget-setting name='link-2'>http://</b:widget-setting>
              <b:widget-setting name='text-3'>اتصل بنا</b:widget-setting>
              <b:widget-setting name='link-0'>http://</b:widget-setting>
              <b:widget-setting name='text-2'>الفهرس</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <div class='widget-content'>
                <ul id='nav1'>
                  <b:loop values='data:links' var='link'>
                    <li><a expr:href='data:link.target'><data:link.name/></a></li>
                  </b:loop>
                </ul> 
              </div>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
      <!-- Top Social --> 
      <div class='social-area'>
        <b:section class='social-ico' id='social-top' maxwidgets='1' name='Social Top' showaddelement='yes'>
          <b:widget id='LinkList50' locked='true' title='Social Media Icons' type='LinkList' version='1'>
            <b:widget-settings>
              <b:widget-setting name='link-5'>http://</b:widget-setting>
              <b:widget-setting name='link-3'>http://</b:widget-setting>
              <b:widget-setting name='link-4'>http://</b:widget-setting>
              <b:widget-setting name='text-1'>instagram</b:widget-setting>
              <b:widget-setting name='text-0'>pinterest</b:widget-setting>
              <b:widget-setting name='text-3'>gplus</b:widget-setting>
              <b:widget-setting name='text-2'>youtube</b:widget-setting>
              <b:widget-setting name='text-5'>facebook</b:widget-setting>
              <b:widget-setting name='text-4'>twitter</b:widget-setting>
              <b:widget-setting name='sorting'>NONE</b:widget-setting>
              <b:widget-setting name='link-1'>http://</b:widget-setting>
              <b:widget-setting name='link-2'>http://</b:widget-setting>
              <b:widget-setting name='link-0'>http://</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <div class='widget-content'>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name' target='_blank'/></li>
                  </b:loop>
                </ul>
              </div>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
  </div>
  <div id='header-blog'>
    <div class='header-content row'>
      <div class='header-logo'>
        <b:section id='header' maxwidgets='1' name='Logo' showaddelement='yes'>
          <b:widget id='Header1' locked='true' title='تجريبية (رأس الصفحة)' type='Header' version='1'>
            <b:widget-settings>
              <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-ua-e3BrtJYI/WMdrnzJNWKI/AAAAAAAABWc/L0eXpSN0URUm9RnSHg7XI6jLBRiJ_VYgQCK4B/s150/Logo.png</b:widget-setting>
              <b:widget-setting name='displayHeight'>58</b:widget-setting>
              <b:widget-setting name='sectionWidth'>150</b:widget-setting>
              <b:widget-setting name='useImage'>true</b:widget-setting>
              <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
              <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
              <b:widget-setting name='displayWidth'>150</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>

              <b:if cond='data:useImage'>
                <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                  <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width :  0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position : &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                      <div class='titlewrapper' style='background: transparent'>
                        <h1 class='title' style='background: transparent; border-width :  0px'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Show the image only-->
                  <div id='header-inner'>
                    <a expr:href='data:blog.homepageUrl' style='display : block'><h1 style='display :none;'/>
                      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display : block'/>
                    </a>
                    <!--Show the description-->
                    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                      <b:include name='description'/>
                    </b:if>
                  </div>
                </b:if>
                <b:else/>
                <!--No header image -->
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
                  </div>
                  <b:include name='description'/>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='description'>
              <div class='descriptionwrapper'>
                <p class='description'><span><data:description/></span></p>
              </div>
            </b:includable>
            <b:includable id='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
                <b:else/>
                <a expr:href='data:blog.homepageUrl'><data:title/></a>
              </b:if>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
      <div class='header-ads'>
        <b:section id='ads-content' maxwidgets='1' name='Ads 728x90' showaddelement='yes'>
          <b:widget id='HTML9' locked='false' title='' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<div class="separator" style="clear: both; text-align: center;"> <a href="https://www.youtube.com/channel/UC_oiNAw3qeyeoB0ctcGevJQ" rel="nofollow" target="_blank"><img alt="اشترك في القناة" border="0" data-original-height="90" data-original-width="728" src="https://1.bp.blogspot.com/-iwUWQ57VL6c/YQyRPkdynLI/AAAAAAAACxM/bLiwLOCPOE0jL8UmSrrbzeY52ldX0oZ5gCLcBGAsYHQ/s16000/%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25B9%2B%25D8%25A7%25D9%2584%25D9%2582%25D9%2586%25D8%25A7%25D8%25A9.webp" title="اشترك في القناة" /></a></div>]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
      </div>
    </div>
  </div>

  <!-- Main Menu -->
  <nav id='main-nav'>
    <div class='header-menu row'>
      <li class='li-home'><a expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a></li>
      <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
        <b:widget id='LinkList98' locked='true' title='Main Menu' type='LinkList' version='1'>
          <b:widget-settings>
            <b:widget-setting name='text-8'>الجمال والمكياج</b:widget-setting>
            <b:widget-setting name='link-7'>طبيب المجلة/رجيم</b:widget-setting>
            <b:widget-setting name='link-8'><![CDATA[http://faregah.blogspot.com/search/label/%D8%A7%D9%84%D8%AC%D9%85%D8%A7%D9%84%20%D9%88%D8%A7%D9%84%D9%85%D9%83%D9%8A%D8%A7%D8%AC?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-5'><![CDATA[http://faregah.blogspot.com/search/label/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D9%8A%D9%87%20%D8%A8%D8%A7%D9%84%D8%A8%D8%B4%D8%B1%D9%87?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-6'><![CDATA[http://faregah.blogspot.com/search/label/%D8%A7%D9%84%D8%AD%D9%8A%D8%A7%D9%87%20%D8%A7%D9%84%D8%B2%D9%88%D8%AC%D9%8A%D9%87?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-3'><![CDATA[http://faregah.blogspot.com/search/label/%D9%85%D8%AE%D9%84%D9%84%D8%A7%D8%AA?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-4'><![CDATA[http://faregah.blogspot.com/search/label/%D8%B1%D8%AC%D9%8A%D9%85?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='text-1'>_مقبلات</b:widget-setting>
            <b:widget-setting name='text-0'>مطبخ المجلة</b:widget-setting>
            <b:widget-setting name='text-3'>_مخللات</b:widget-setting>
            <b:widget-setting name='text-2'>_حلويات</b:widget-setting>
            <b:widget-setting name='text-5'>العنايه باليشره</b:widget-setting>
            <b:widget-setting name='text-4'>الرجيم</b:widget-setting>
            <b:widget-setting name='text-7'>طبيب المجلة</b:widget-setting>
            <b:widget-setting name='text-6'>الحياه الزوجيه</b:widget-setting>
            <b:widget-setting name='sorting'>NONE</b:widget-setting>
            <b:widget-setting name='link-1'><![CDATA[http://faregah.blogspot.com/search/label/%D9%85%D9%82%D8%A8%D9%84%D8%A7%D8%AA%20%D9%88%D8%B3%D9%84%D8%B7%D8%A7%D8%AA?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-2'><![CDATA[http://faregah.blogspot.com/search/label/%D8%AD%D9%84%D9%88%D9%8A%D8%A7%D8%AA?&max-results=10]]></b:widget-setting>
            <b:widget-setting name='link-0'><![CDATA[http://faregah.blogspot.com/search/label/%D9%85%D8%B7%D8%A8%D8%AE%20%D8%A7%D9%84%D9%85%D8%AC%D9%84%D8%A9?&max-results=10]]></b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
            <div class='widget-content'>
              <ul id='nav2' itemscope='' itemtype='http://schema.org/SiteNavigationElement'> 
                <b:loop values='data:links' var='link'>
                  <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
                </b:loop>
              </ul>
            </div>
          </b:includable>
        </b:widget>
      </b:section>
      <span id='search-icon'><i class='fa fa-search'/></span>
      <div id='nav-search'>
        <form action='/search' id='searchform' method='get'>
          <input id='s' name='q' placeholder='Enter search term...' type='text'/>
          <input id='searchsubmit' type='submit' value='Search'/>
        </form>
      </div>
    </div>
  </nav>

  <div class='clear'/>

    <div class='row' id='content-wrapper'>
      <div class='clear'/>
      <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
      <div id='error-wrap'>
          <h1 class='error-item'>404</h1>
          <h2>Page Not Found!</h2>
          <p>Sorry, the page you were looking for in this blog does not exist.</p>
          <div class='clear'/>
        <a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> Go To Home</a>
      </div>
      </b:if>

    <div id='main-wrapper'>

   <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
     <b:section class='slider-sec' id='slider-sec' maxwidgets='1' name='Main Slider' showaddelement='yes'>
        <b:widget id='HTML3' locked='false' title='Main Slider' type='HTML' version='1'>
          <b:widget-settings>
            <b:widget-setting name='content'>8/slider-recent</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
           <!-- only display title if it's non-empty -->
           <b:if cond='data:title != &quot;&quot;'>
             <h2 class='title'><data:title/></h2>
           </b:if>
           <div class='widget-content'>
             <data:content/>
           </div>

           <b:include name='quickedit'/>
         </b:includable>
        </b:widget>
      </b:section>

     <div class='clear'/>

     <b:section class='featured-sec' id='featured-sec' name='Featured Widgets' showaddelement='yes'>
       <b:widget id='HTML11' locked='false' title='' type='HTML'>
         <b:widget-settings>
           <b:widget-setting name='content'><![CDATA[<div class="separator" style="clear: both; text-align: center;"> <a href="https://www.youtube.com/channel/UC_oiNAw3qeyeoB0ctcGevJQ" rel="nofollow" target="_blank"><img alt="اشترك في القناة" border="0" data-original-height="90" data-original-width="728" src="https://1.bp.blogspot.com/-iwUWQ57VL6c/YQyRPkdynLI/AAAAAAAACxM/bLiwLOCPOE0jL8UmSrrbzeY52ldX0oZ5gCLcBGAsYHQ/s16000/%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25B9%2B%25D8%25A7%25D9%2584%25D9%2582%25D9%2586%25D8%25A7%25D8%25A9.webp" title="اشترك في القناة" /></a></div>]]></b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
       </b:widget>
       <b:widget id='HTML14' locked='false' title='الحياه الزوجيه' type='HTML' version='1'>
         <b:widget-settings>
           <b:widget-setting name='content'>3/الحياه الزوجيه/small-col-left</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
           <!-- only display title if it's non-empty -->
           <b:if cond='data:title != &quot;&quot;'>
             <h2 class='title'><data:title/></h2>
           </b:if>
           <div class='widget-content'>
             <data:content/>
           </div>

           <b:include name='quickedit'/>
         </b:includable>
       </b:widget>
       <b:widget id='HTML15' locked='false' title='الجمال والمكياج' type='HTML' version='1'>
         <b:widget-settings>
           <b:widget-setting name='content'>3/الجمال والمكياج/small-col-right</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
           <!-- only display title if it's non-empty -->
           <b:if cond='data:title != &quot;&quot;'>
             <h2 class='title'><data:title/></h2>
           </b:if>
           <div class='widget-content'>
             <data:content/>
           </div>

           <b:include name='quickedit'/>
         </b:includable>
       </b:widget>
       <b:widget id='HTML13' locked='false' title='العنايه بالبشره' type='HTML' version='1'>
         <b:widget-settings>
           <b:widget-setting name='content'>3/العنايه بالبشره/recent-videos</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
           <!-- only display title if it's non-empty -->
           <b:if cond='data:title != &quot;&quot;'>
             <h2 class='title'><data:title/></h2>
           </b:if>
           <div class='widget-content'>
             <data:content/>
           </div>

           <b:include name='quickedit'/>
         </b:includable>
       </b:widget>
     </b:section>

     <div class='clear'/>

      <div class='posts-title Label'>
        <h2 class='title'><a href='/search'>Recent Posts</a></h2>
      </div>
    </b:if>

      <div class='clear'/>

   <b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
     <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog' version='1'>
       <b:widget-settings>
         <b:widget-setting name='showDateHeader'>true</b:widget-setting>
         <b:widget-setting name='commentLabel'>comments</b:widget-setting>
         <b:widget-setting name='style.textcolor'>#9800a1</b:widget-setting>
         <b:widget-setting name='showShareButtons'>true</b:widget-setting>
         <b:widget-setting name='authorLabel'>بواسطة</b:widget-setting>
         <b:widget-setting name='showCommentLink'>true</b:widget-setting>
         <b:widget-setting name='style.urlcolor'>#00bbff</b:widget-setting>
         <b:widget-setting name='showAuthor'>true</b:widget-setting>
         <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
         <b:widget-setting name='style.linkcolor'>#00bbff</b:widget-setting>
         <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
         <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
         <b:widget-setting name='reactionsLabel'/>
         <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
         <b:widget-setting name='style.layout'>1x1</b:widget-setting>
         <b:widget-setting name='showLabels'>true</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='showBacklinks'>false</b:widget-setting>
         <b:widget-setting name='style.bordercolor'>#000000</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='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>

      <b:include data='top' name='status-message'/>

    <!-- posts -->
    <div class='blog-posts hfeed'>

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <data:adEnd/>
    </div>

    <!-- navigation -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <b:include name='nextprev'/>
      <b:else/>
      <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='nextprev'/>
      </b:if>
    </b:if>

    <!-- feed links -->
    <b:include name='feedLinks'/>

    <b:if cond='data:top.showStars'>
      <script src='//www.google.com/jsapi' type='text/javascript'/>
      <script type='text/javascript'>
        google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
        function initialize() {
          google.annotations.setApplicationId(<data:top.blogspotReviews/>);
          google.annotations.createAll();
          google.annotations.fetch();
        }
        google.setOnLoadCallback(initialize);
      </script>
    </b:if>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>
       <b:includable id='backlinkDeleteIcon' var='backlink'>
                <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                  <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                    <img src='http://www.blogger.com/img/icon_delete13.gif'/>
                  </a>
                </span>
              </b:includable>
       <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
                <b:if cond='data:post.numBacklinks != 0'>
                  <dl class='comments-block' id='comments-block'>
                    <b:loop values='data:post.backlinks' var='backlink'>
                      <div class='collapsed-backlink backlink-control'>
                        <dt class='comment-title'>
                          <span class='backlink-toggle-zippy'>
                            &#160;
                          </span>
                          <a expr:href='data:backlink.url' rel='nofollow'>
                            <data:backlink.title/>
                          </a>
                          <b:include data='backlink' name='backlinkDeleteIcon'/>
                        </dt>
                        <dd class='comment-body collapseable'>
                          <data:backlink.snippet/>
                        </dd>
                        <dd class='comment-footer collapseable'>
                          <span class='comment-author'>
                            <data:post.authorLabel/>
                            <data:backlink.author/>
                          </span>
                          <span class='comment-timestamp'>
                            <data:post.timestampLabel/>
                            <data:backlink.timestamp/>
                          </span>
                        </dd>
                      </div>
                    </b:loop>
                  </dl>
                </b:if>
                <p class='comment-footer'>
                  <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                    <data:post.createLinkLabel/>
                  </a>
                </p>
              </b:includable>
       <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display : none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
       <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://img1.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
       <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <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.url.canonical.http'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
       <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
       <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/></h4>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
              &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
              &#160;
          </b:if>

          <data:post.commentRangeText/>

          <b:if cond='data:post.hasNewerLinks'>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <abbr expr:title='data:post.timestampISO8601'><data:comment.timestamp/></abbr>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

      <p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
       <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <!-- Blog feed links -->
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Post feed links -->
                  <div class='post-feeds'>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.feedLinks'>
                          <b:include data='post.feedLinks' name='feedLinksBody'/>
                        </b:if>
                      </b:if>
                    </b:loop>
                  </div>
                </b:if>
              </b:includable>
       <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </b:includable>
       <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
       <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-outer'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <b:include data='post' name='comment_count_picker'/>
                          </b:if>
                        </b:if>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
       <b:includable id='mobile-main' var='top'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-index-post'/>
                    </b:loop>
                    <b:else/>
                    <b:loop values='data:posts' var='post'>
                      <b:include data='post' name='mobile-post'/>
                    </b:loop>
                  </b:if>
                </div>
                <b:include name='mobile-nextprev'/>
              </b:includable>
       <b:includable id='mobile-nextprev'>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        &amp;lsaquo;
                      </a>
                    </div>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        &amp;rsaquo;
                      </a>
                    </div>
                  </b:if>
                  <div class='mobile-link-button' id='blog-pager-home-link'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                  </div>
                  <div class='mobile-desktop-link'>
                    <a class='home-link' expr:href='data:desktopLinkUrl'>
                      <data:desktopLinkMsg/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
       <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <h2 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h2>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-outer'>
                      <div class='post hentry uncustomized-post-template' itemscope='' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='headline'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <b:if cond='data:post.authorProfileUrl'>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                  <b:else/>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <span itemprop='name'>
                                      <data:post.author/>
                                    </span>
                                  </span>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-timestamp'>
                              <b:if cond='data:top.showTimestamp'>
                                <data:top.timestampLabel/>
                                <b:if cond='data:post.url'>
                                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                  <a class='timestamp-link' expr:href='data:post.url' expr:title='data:post.timestamp' rel='bookmark'>
                                    <abbr class='published' expr:title='data:post.timestamp' itemprop='datePublished dateModified'>
                                      <data:post.timestamp/>
                                    </abbr>
                                  </a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                  <b:if cond='data:post.allowComments'>
                                    <b:include data='post' name='comment_count_picker'/>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </span>
                          </div>
                          <div class='post-footer-line post-footer-line-2'>
                            <b:if cond='data:top.showMobileShare'>
                              <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                <a href='javascript:void(0);'>
                                  <data:shareMsg/>
                                </a>
                              </div>
                            </b:if>
                            <b:if cond='data:top.showDummy'>
                              <div class='goog-inline-block dummy-container'>
                                <data:post.dummyTag/>
                              </div>
                            </b:if>
                          </div>
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
       <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
       <b:includable id='post' var='post'>
         <div class='post'>
           <b:if cond='data:blog.pageType == &quot;index&quot;'>
             <b:if cond='data:post.firstImageUrl'>
               <div class='block-image'>
<a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
                 </a>
                 </div>
               <b:else/>
               <b:if cond='data:post.thumbnailUrl'>
                 <div class='block-image'>
                   <a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
                 </a>
                   </div>
                 <b:else/>
                 <div class='block-image'>
                   <a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png'/>
                 </a>
                   </div>
               </b:if></b:if>
           </b:if>
           <b:if cond='data:blog.pageType == &quot;archive&quot;'>
             <b:if cond='data:post.firstImageUrl'>
               <div class='block-image'>
<a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
                 </a>
                 </div>
               <b:else/>
               <b:if cond='data:post.thumbnailUrl'>
                 <div class='block-image'>
                   <a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
                 </a>
                   </div>
                 <b:else/>
                 <div class='block-image'>
                   <a class='thumb' expr:href='data:post.url'>
                 <img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png'/>
                 </a>
                   </div>
               </b:if></b:if>
           </b:if>
           <b:if cond='data:blog.pageType == &quot;item&quot;'>
             &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
             <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display :none;'>
               <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
               <meta content='700' itemprop='width height'/>
             </div>
           </b:if>
           <div class='post-header'>
             <b:if cond='data:blog.pageType == &quot;item&quot;'>
               <div class='breadcrumbs' style='display :none;' xmlns:v='http://rdf.data-vocabulary.org/#'>
                 <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span> <brc>/</brc>
                 <b:loop values='data:posts' var='post'>
                   <b:if cond='data:post.labels'>
                     <b:loop values='data:post.labels' var='label'>
                       <span typeof='v:Breadcrumb'>
                         <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
                       <b:if cond='data:label.isLast != &quot;true&quot;'><brc>/</brc></b:if>
                     </b:loop>
                     <b:else/>
                     Unlabelled
                   </b:if>
                   <brc>/</brc> <span><data:post.title/></span>
                 </b:loop>
               </div>
               <b:if cond='data:post.title'>
                 <div class='post-head'><h1 class='post-title entry-title' itemprop='name headline'>
                   <b:if cond='data:post.link'>
                     <a expr:href='data:post.link'><data:post.title/></a>
                     <b:else/>
                     <b:if cond='data:post.url'>
                       <b:if cond='data:blog.url != data:post.url'>
                         <a expr:href='data:post.url'><data:post.title/></a>
                         <b:else/>
                         <data:post.title/>
                       </b:if>
                       <b:else/>
                       <data:post.title/>
                     </b:if>
                   </b:if>
                   </h1></div>
               </b:if>
               <div class='post-meta'>
                 <span class='post-author vcard'>
                   <b:if cond='data:top.showAuthor'>
                     <b:if cond='data:post.authorProfileUrl'>
                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                         <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                         <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                           <span itemprop='name'><data:post.author/></span>
                         </a>
                       </span>
                       <b:else/>
                       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                         <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
                           <span itemprop='name'><data:post.author/></span></a>
                       </span>
                     </b:if>
                   </b:if>
                 </span>
                 <span class='post-timestamp'>
                   <b:if cond='data:top.showTimestamp'>
                     <b:if cond='data:post.url'>
                       <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
                       <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestamp' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
                     </b:if>
                   </b:if>
                 </span>
                 <span class='post-cmm'>
                   <b:if cond='data:post.allowComments'>
                     <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
                   </b:if>
                 </span>
               </div>
             </b:if>
             <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
               <b:if cond='data:post.title'>
                 <div class='post-head'><h1 class='post-title entry-title' itemprop='name headline'>
                   <b:if cond='data:post.link'>
                     <a expr:href='data:post.link'><data:post.title/></a>
                     <b:else/>
                     <b:if cond='data:post.url'>
                       <b:if cond='data:blog.url != data:post.url'>
                         <a expr:href='data:post.url'><data:post.title/></a>
                         <b:else/>
                         <data:post.title/>
                       </b:if>
                       <b:else/>
                       <data:post.title/>
                     </b:if>
                   </b:if>
                   </h1></div>
               </b:if>
             </b:if>
           </div>
           <article class='post-article'>
             <b:if cond='data:blog.pageType != &quot;item&quot;'>
               <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                 <b:if cond='data:post.title'>
                     <h2 class='post-title entry-title'>
                       <b:if cond='data:post.link'>
                         <a expr:href='data:post.link'>
                           <data:post.title/>
                         </a>
                         <b:else/>
                         <b:if cond='data:post.url'>
                           <a expr:href='data:post.url'>
                             <data:post.title/>
                           </a>
                           <b:else/>
                           <data:post.title/>
                         </b:if>
                       </b:if>
                     </h2>
                 </b:if>
                 <div class='date-header'>
                   <div id='meta-post'>
                     <span class='author-link vcard'>
                       <b:if cond='data:top.showAuthor'>
                         <b:if cond='data:post.authorProfileUrl'>
                           <span class='fn'><a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'><span><data:post.author/></span></a></span>
                         </b:if>
                       </b:if>
                     </span>
                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestamp' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
                     <span class='post-cmm'>
                       <b:if cond='data:post.allowComments'>
                         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
                       </b:if>
                     </span>
                   </div>
                     <div style='clear: both;'/>
                     <div class='post-snippet'><p><data:post.snippet/></p></div>
                 </div>
                 <b:else/>
                 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                   <meta expr:content='data:post.snippet' name='twitter:description'/>
                   <data:post.body/>
                 </div>
               </b:if>
               <b:else/>
               <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
                 <meta expr:content='data:post.snippet' name='twitter:description'/>
                 <data:post.body/>
               </div>
             </b:if>
           </article>
           <div style='clear:both'/>  
           <div class='post-footer'>
             <b:if cond='data:blog.pageType == &quot;item&quot;'>

               <div class='post-tags'>
                 <span>Tags:</span>
                  <div class='label-head Label'>
                   <b:if cond='data:post.labels'>
                     <b:loop values='data:post.labels' var='label'>
                       <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
                     </b:loop>
                   </b:if>
                 </div>
               </div>

               <div style='clear:both'/>

               <div class='share-box'>
                 <div class='share-art'> 
                   <a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook-official'/></a>

                   <a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>

                   <a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>

                   <a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/></a>  

                   <a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, right=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/></a>

                 </div>
               </div>

           <div style='clear:both'/> 

               <div id='related-wrap'>
                 <div class='title-wrap'>
                   <h2/>
                 </div>
                 <div id='related-ready'>
                   <b:if cond='data:post.labels'>
                     <b:loop values='data:post.labels' var='label'>
                       <b:if cond='data:label.isLast == &quot;true&quot;'>
                         <span class='related-tag'><data:label.name/></span>
                       </b:if>
                     </b:loop>
                   </b:if>
                 </div>   
               </div>        

               <div style='clear:both'/>  

               <ul class='post-nav'>
                 <li class='next'> 
                   <b:if cond='data:newerPageUrl'> 
                     <a class='next-post' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/> 
                     <b:else/> 
                     <a rel='next'><div class='nav-inner'><span/><p/></div></a> 
                   </b:if> 
                 </li>
                 <li class='prev'> 
                   <b:if cond='data:olderPageUrl'> 
                     <a class='prev-post' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/> 
                     <b:else/> 
                     <a rel='previous'><div class='nav-inner'><span/><p/></div></a> 
                   </b:if> 
                 </li>
               </ul>

               <div style='clear:both'/>

               <div class='cmm-title title-wrap'>
                 <h2/>
               </div>
               <script type='text/javascript'>
                 var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
                 if (!disqus_blogger_current_url.length) {
                   disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
                 }
                 var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
                 var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
               </script>
             </b:if>
           </div>    

           <b:if cond='data:blog.pageType == &quot;item&quot;'>
             <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display :none;'>
               <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
                 <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
               </div>
               <meta expr:content='data:blog.title' itemprop='name'/>
             </div>
             &lt;/div&gt;
           </b:if>
         </div>
       </b:includable>
       <b:includable id='postQuickEdit' var='post'>
                      <b:if cond='data:post.editUrl'>
                        <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                          <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                            <!-- <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> -->
                            <b style='color: #dd4b39;margin-right: 5px;'>
                              <i class='fa fa-pencil'/>
                              Edit
                            </b>
                          </a>
                        </span>
                      </b:if>
                    </b:includable>
       <b:includable id='shareButtons' var='post'>
                <b:if cond='data:top.showEmailButton'>
                  <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.emailThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showBlogThisButton'>
                  <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.blogThisMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showTwitterButton'>
                  <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToTwitterMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showFacebookButton'>
                  <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToFacebookMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showOrkutButton'>
                  <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                    <span class='share-button-link-text'>
                      <data:top.shareToOrkutMsg/>
                    </span>
                  </a>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <div class='goog-inline-block dummy-container'>
                    <data:post.dummyTag/>
                  </div>
                </b:if>
              </b:includable>
       <b:includable id='status-message'>
        <b:if cond='data:navMessage'>
            <div class='status-msg-wrap'>
             <div class='status-msg-body'>
              <data:navMessage/>
              </div>
               <div class='status-msg-border'>
                <div class='status-msg-bg'>
                <div class='status-msg-hidden'><data:navMessage/></div>
               </div>
             </div>
             </div>
           <div style='clear: both;'/>
          </b:if>
        </b:includable>
       <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display : none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
       <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
       <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
     </b:widget>
   </b:section>  

      <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'> 
        <div class='clear'/>
        <b:section class='featured-sec' id='featured-sec2' name='Featured Widgets 2' showaddelement='yes'>
          <b:widget id='HTML10' locked='false' title='' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<div class="separator" style="clear: both; text-align: center;"> <a href="https://www.youtube.com/channel/UC_oiNAw3qeyeoB0ctcGevJQ" rel="nofollow" target="_blank"><img alt="اشترك في القناة" border="0" data-original-height="90" data-original-width="728" src="https://1.bp.blogspot.com/-iwUWQ57VL6c/YQyRPkdynLI/AAAAAAAACxM/bLiwLOCPOE0jL8UmSrrbzeY52ldX0oZ5gCLcBGAsYHQ/s16000/%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25B9%2B%25D8%25A7%25D9%2584%25D9%2582%25D9%2586%25D8%25A7%25D8%25A9.webp" title="اشترك في القناة" /></a></div>]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML1' locked='false' title='الرجيم والصحة' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'>3/الرجيم والصحة/post-grid</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML18' locked='false' title='طبيب المجله' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'>3/طبيب المجله/big-col-left</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'><data:title/></h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>

              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
          <b:widget id='HTML16' locked='false' title='مطبخ المجلة' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'>3/مطبخ المجلة/big-col-right</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'><data:title/></h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>

              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
          <b:widget id='HTML8' locked='false' title='Nature' type='HTML'>
            <b:widget-settings>
              <b:widget-setting name='content'/>
            </b:widget-settings>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
        </b:if>

</div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar ready-widget' id='sidebar1' name='Sidebar left (a)' showaddelement='yes'>
          <b:widget id='HTML23' locked='false' title='Facebook' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'><![CDATA[<center><div class="fb-page" data-href="https://www.facebook.com/alnaje7oon1/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>]]></b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'><data:title/></h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>

              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
        </b:section>

        <div id='sidebar-tabs'>
            <div class='select-tab'>
              <li class='tab tab1 active' data-tab='#tab1'><span/></li>
              <li class='tab tab2' data-tab='#tab2'><span/></li>
              <li class='tab tab3' data-tab='#tab3'><span/></li>
            </div>

          <b:section class='ready-widget tab-widget' id='tab1' maxwidgets='1' name='Tab (1)' showaddelement='yes'>
            <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
              <b:widget-settings>
                <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
                <b:widget-setting name='showThumbnails'>true</b:widget-setting>
                <b:widget-setting name='showSnippets'>true</b:widget-setting>
                <b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
                <div class='widget-content popular-posts'>
                  <ul>
                    <b:loop values='data:posts' var='post'>
                      <li>
                        <b:if cond='!data:showThumbnails'>
                          <b:if cond='!data:showSnippets'>
                            <!-- (1) No snippet/thumbnail -->
                            <a expr:href='data:post.href'><data:post.title/></a>
                            <b:else/>
                            <!-- (2) Show only snippets -->
                            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                            <div class='item-snippet'><data:post.snippet/></div>
                          </b:if>
                          <b:else/>
                          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
                          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
                            <b:if cond='data:post.thumbnail'>
                              <div class='item-thumbnail'>
                                <a expr:href='data:post.href'>
                                  <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                </a>
                              </div>
                            </b:if>
                            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
                            <b:if cond='data:showSnippets'>
                              <div class='item-snippet'><data:post.snippet/></div>
                            </b:if>
                          </div>
                          <div style='clear: both;'/>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>

          <b:section class='ready-widget tab-widget' id='tab2' maxwidgets='1' name='Tab (2)' showaddelement='yes'>
            <b:widget id='HTML2' locked='false' title='Recent' type='HTML' version='1'>
              <b:widget-settings>
                <b:widget-setting name='content'>3/recent-posts</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                  <h2 class='title'><data:title/></h2>
                </b:if>
                <div class='widget-content'>
                  <data:content/>
                </div>

                <b:include name='quickedit'/>
              </b:includable>
            </b:widget>
          </b:section>

          <b:section class='ready-widget tab-widget' id='tab3' maxwidgets='1' name='Tab (3)' showaddelement='yes'>
            <b:widget id='HTML7' locked='false' title='Comments' type='HTML' version='1'>
              <b:widget-settings>
                <b:widget-setting name='content'>3/recent-comments</b:widget-setting>
              </b:widget-settings>
              <b:includable id='main'>
                <!-- only display title if it's non-empty -->
                <b:if cond='data:title != &quot;&quot;'>
                  <h2 class='title'><data:title/></h2>
                </b:if>
                <div class='widget-content'>
                  <data:content/>
                </div>

                <b:include name='quickedit'/>
              </b:includable>
            </b:widget>
          </b:section>

        </div>

        <b:section class='sidebar ready-widget' id='sidebar2' name='Sidebar left (B)' showaddelement='yes'>
          <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' version='1'>
            <b:includable id='main'>
              <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
              <div class='widget-content'>
                <div class='follow-by-email-inner'>
                  <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
                    <table width='100%'>
                      <tr>
                        <td>
                          <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
                        </td>
                        <td width='64px'>
                          <input class='follow-by-email-submit' type='submit' value='Submit'/>
                        </td>
                      </tr>
                    </table>
                    <input expr:value='data:feedPath' name='uri' type='hidden'/>
                    <input name='loc' type='hidden' value='en_US'/>
                  </form>
                </div>
              </div>
              <span class='item-control blog-admin'>
                <b:include name='quickedit'/>
              </span>
            </b:includable>
          </b:widget>
          <b:widget id='HTML5' locked='false' title='معلومات صحية' type='HTML' version='1'>
            <b:widget-settings>
              <b:widget-setting name='content'>3/معلومات صحية/post-per-tag</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <!-- only display title if it's non-empty -->
              <b:if cond='data:title != &quot;&quot;'>
                <h2 class='title'><data:title/></h2>
              </b:if>
              <div class='widget-content'>
                <data:content/>
              </div>

              <b:include name='quickedit'/>
            </b:includable>
          </b:widget>
          <b:widget id='Label1' locked='false' title='الأقسام' type='Label' version='1'>
            <b:widget-settings>
              <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
              <b:widget-setting name='display'>CLOUD</b:widget-setting>
              <b:widget-setting name='selectedLabelsList'/>
              <b:widget-setting name='showType'>ALL</b:widget-setting>
              <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <b:if cond='data:title != &quot;&quot;'>
                <h2><data:title/></h2>
              </b:if>
              <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                <b:if cond='data:display == &quot;list&quot;'>
                  <ul>
                    <b:loop values='data:labels' var='label'>
                      <li>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span dir='rtl'>(<data:label.count/>)</span>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>
                  <b:else/>
                  <b:loop values='data:labels' var='label'>
                    <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                      <b:if cond='data:blog.url == data:label.url'>
                        <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
                        <b:else/>
                        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
                      </b:if>
                      <b:if cond='data:showFreqNumbers'>
                        <span class='label-count' dir='rtl'>(<data:label.count/>)</span>
                      </b:if>
                    </span>
                  </b:loop>
                </b:if>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
          </b:widget>
          <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' version='1'>
            <b:widget-settings>
              <b:widget-setting name='showStyle'>MENU</b:widget-setting>
              <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
              <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
              <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
              <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
              <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
              <b:widget-setting name='chronological'>false</b:widget-setting>
              <b:widget-setting name='showPosts'>false</b:widget-setting>
              <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main'>
              <b:if cond='data:title != &quot;&quot;'>
                <h2><data:title/></h2>
              </b:if>
              <div class='widget-content'>
                <div id='ArchiveList'>
                  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
                    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
                    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
                    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
                  </div>
                </div>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
            <b:includable id='flat' var='data'>
              <ul class='flat'>
                <b:loop values='data:data' var='i'>
                  <li class='archivedate'>
                    <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
                  </li>
                </b:loop>
              </ul>
            </b:includable>
            <b:includable id='interval' var='intervalData'>
              <b:loop values='data:intervalData' var='interval'>
                <ul class='hierarchy'>
                  <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
                    <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
                    <a class='post-count-link' expr:href='data:interval.url'>
                      <data:interval.name/>
                    </a>
                    <span class='post-count' dir='rtl'>(<data:interval.post-count/>)</span>
                    <b:include cond='data:interval.data' data='interval.data' name='interval'/>
                    <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
                  </li>
                </ul>
              </b:loop>
            </b:includable>
            <b:includable id='menu' var='data'>
              <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
                <option value=''><data:title/></option>
                <b:loop values='data:data' var='i'>
                  <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
                </b:loop>
              </select>
            </b:includable>
            <b:includable id='posts' var='posts'>
              <ul class='posts'>
                <b:loop values='data:posts' var='post'>
                  <li><a expr:href='data:post.url'><data:post.title/></a></li>
                </b:loop>
              </ul>
            </b:includable>
            <b:includable id='toggle' var='interval'>
              <a class='toggle' href='javascript:void(0)'>
                <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
                  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
                    &#9660;&#160;
                    <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
                    &#9668;&#160;
                    <b:else/>
                    &#9658;&#160;
                  </b:if>
                </span>
              </a>
            </b:includable>
          </b:widget>
        </b:section>
      </div>
    </div><!-- end content-wrapper -->
 <div class='clear'/><!-- Footer wrapper -->

<div id='footer-wrapper'> 
   <div class='row' id='footer'>
      <b:section class='sect-right ready-widget' id='footer-sec1' maxwidgets='3' name='Section (right)' showaddelement='yes'>
        <b:widget id='HTML4' locked='false' title='Custom Widget' type='HTML'>
          <b:widget-settings>
            <b:widget-setting name='content'>3/recent-posts</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sect-right ready-widget' id='footer-sec2' maxwidgets='3' name='Section (Center)' showaddelement='yes'>
        <b:widget id='HTML6' locked='false' title='منوعات' type='HTML'>
          <b:widget-settings>
            <b:widget-setting name='content'>3/منوعات/post-per-tag</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
        </b:widget>
      </b:section>
      <b:section class='sect-right ready-widget' id='footer-sec3' maxwidgets='3' name='Section (left)' showaddelement='yes'>
        <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
          <b:widget-settings>
            <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
            <b:widget-setting name='showThumbnails'>true</b:widget-setting>
            <b:widget-setting name='showSnippets'>true</b:widget-setting>
            <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
          </b:widget-settings>
          <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
                    <img border='0' expr:alt='data:post.title' expr:src='data:image'/>
                  </b:with>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>
      </b:section>
  </div>

<div class='clear'/>

<div class='footer-wrapper'>
  <div class='footer-copy row'>
    <b:section class='social-ico' id='social-footer' maxwidgets='1' name='Social Footer' showaddelement='yes'>
      <b:widget id='LinkList51' locked='true' title='Social Media Icons' type='LinkList' version='1'>
        <b:widget-settings>
          <b:widget-setting name='link-5'>http://</b:widget-setting>
          <b:widget-setting name='link-3'>http://</b:widget-setting>
          <b:widget-setting name='link-4'>http://</b:widget-setting>
          <b:widget-setting name='text-1'>nstagram</b:widget-setting>
          <b:widget-setting name='text-0'>pinterest</b:widget-setting>
          <b:widget-setting name='text-3'>gplus</b:widget-setting>
          <b:widget-setting name='text-2'>youtube</b:widget-setting>
          <b:widget-setting name='text-5'>facebook</b:widget-setting>
          <b:widget-setting name='text-4'>twitter</b:widget-setting>
          <b:widget-setting name='sorting'>NONE</b:widget-setting>
          <b:widget-setting name='link-1'>http://</b:widget-setting>
          <b:widget-setting name='link-2'>http://</b:widget-setting>
          <b:widget-setting name='link-0'>http://</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main'>
          <div class='widget-content'>
            <ul>
              <b:loop values='data:links' var='link'>
                <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name' target='_blank'/></li>
              </b:loop>
            </ul>
          </div>
        </b:includable>
      </b:widget>
    </b:section>
    <div class='copyleft'>تقنية الخليج للمعلوميات &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'><data:blog.title/></span></a><a href='http://www.kalabani.com' id='kalabani' rel='dofollow' target='_blank'/>

    </div>
  </div>
</div>
</div>

<!-- blocked widgets -->
  <div style='display : none'>
    <b:section class='blocked-widgets' id='blocked-widgets' showaddelement='no' style='display : none'>
      <b:widget id='Attribution1' locked='true' title='' type='Attribution'>
        <b:widget-settings>
          <b:widget-setting name='copyright'/>
        </b:widget-settings>
        <b:includable id='main'>
    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
      </b:widget>
      <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1'>
        <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
      gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d8309365923711024019\x26blogName\x3d%D8%AA%D8%AC%D8%B1%D9%8A%D8%A8%D9%8A%D8%A9\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://tajriba29.blogspot.com/search\x26blogLocale\x3dar\x26v\x3d2\x26homepageUrl\x3dhttp://tajriba29.blogspot.com/\x26vt\x3d2748720949624349433&#39;,
              where: document.getElementById(&quot;navbar-iframe-container&quot;),
              id: &quot;navbar-iframe&quot;
          });
        }
      });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
      </b:widget>
    </b:section>
  </div>

&lt;/div&gt;

<script type='text/javascript'>
//<![CDATA[
/*
 * jQuery FlexSlider v2.6.0
 * Copyright 2012 WooThemes
 * Contributing Author: Tyler Smith
 */!function($){var e=!0;$.flexslider=function(t,a){var n=$(t);n.vars=$.extend({},$.flexslider.defaults,a);var i=n.vars.namespace,s=window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture,r=("ontouchstart"in window||s||window.DocumentTouch&&document instanceof DocumentTouch)&&n.vars.touch,o="click touchend MSPointerUp keyup",l="",c,d="vertical"===n.vars.direction,u=n.vars.reverse,v=n.vars.itemWidth>0,p="fade"===n.vars.animation,m=""!==n.vars.asNavFor,f={};$.data(t,"flexslider",n),f={init:function(){n.animating=!1,n.currentSlide=parseInt(n.vars.startAt?n.vars.startAt:0,10),isNaN(n.currentSlide)&&(n.currentSlide=0),n.animatingTo=n.currentSlide,n.atEnd=0===n.currentSlide||n.currentSlide===n.last,n.containerSelector=n.vars.selector.substr(0,n.vars.selector.search(" ")),n.slides=$(n.vars.selector,n),n.container=$(n.containerSelector,n),n.count=n.slides.length,n.syncExists=$(n.vars.sync).length>0,"slide"===n.vars.animation&&(n.vars.animation="swing"),n.prop=d?"top":"marginLeft",n.args={},n.manualPause=!1,n.stopped=!1,n.started=!1,n.startTimeout=null,n.transitions=!n.vars.video&&!p&&n.vars.useCSS&&function(){var e=document.createElement("div"),t=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var a in t)if(void 0!==e.style[t[a]])return n.pfx=t[a].replace("Perspective","").toLowerCase(),n.prop="-"+n.pfx+"-transform",!0;return!1}(),n.ensureAnimationEnd="",""!==n.vars.controlsContainer&&(n.controlsContainer=$(n.vars.controlsContainer).length>0&&$(n.vars.controlsContainer)),""!==n.vars.manualControls&&(n.manualControls=$(n.vars.manualControls).length>0&&$(n.vars.manualControls)),""!==n.vars.customDirectionNav&&(n.customDirectionNav=2===$(n.vars.customDirectionNav).length&&$(n.vars.customDirectionNav)),n.vars.randomize&&(n.slides.sort(function(){return Math.round(Math.random())-.5}),n.container.empty().append(n.slides)),n.doMath(),n.setup("init"),n.vars.controlNav&&f.controlNav.setup(),n.vars.directionNav&&f.directionNav.setup(),n.vars.keyboard&&(1===$(n.containerSelector).length||n.vars.multipleKeyboard)&&$(document).bind("keyup",function(e){var t=e.keyCode;if(!n.animating&&(39===t||37===t)){var a=39===t?n.getTarget("next"):37===t?n.getTarget("prev"):!1;n.flexAnimate(a,n.vars.pauseOnAction)}}),n.vars.mousewheel&&n.bind("mousewheel",function(e,t,a,i){e.preventDefault();var s=0>t?n.getTarget("next"):n.getTarget("prev");n.flexAnimate(s,n.vars.pauseOnAction)}),n.vars.pausePlay&&f.pausePlay.setup(),n.vars.slideshow&&n.vars.pauseInvisible&&f.pauseInvisible.init(),n.vars.slideshow&&(n.vars.pauseOnHover&&n.hover(function(){n.manualPlay||n.manualPause||n.pause()},function(){n.manualPause||n.manualPlay||n.stopped||n.play()}),n.vars.pauseInvisible&&f.pauseInvisible.isHidden()||(n.vars.initDelay>0?n.startTimeout=setTimeout(n.play,n.vars.initDelay):n.play())),m&&f.asNav.setup(),r&&n.vars.touch&&f.touch(),(!p||p&&n.vars.smoothHeight)&&$(window).bind("resize orientationchange focus",f.resize),n.find("img").attr("draggable","false"),setTimeout(function(){n.vars.start(n)},200)},asNav:{setup:function(){n.asNav=!0,n.animatingTo=Math.floor(n.currentSlide/n.move),n.currentItem=n.currentSlide,n.slides.removeClass(i+"active-slide").eq(n.currentItem).addClass(i+"active-slide"),s?(t._slider=n,n.slides.each(function(){var e=this;e._gesture=new MSGesture,e._gesture.target=e,e.addEventListener("MSPointerDown",function(e){e.preventDefault(),e.currentTarget._gesture&&e.currentTarget._gesture.addPointer(e.pointerId)},!1),e.addEventListener("MSGestureTap",function(e){e.preventDefault();var t=$(this),a=t.index();$(n.vars.asNavFor).data("flexslider").animating||t.hasClass("active")||(n.direction=n.currentItem<a?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction,!1,!0,!0))})})):n.slides.on(o,function(e){e.preventDefault();var t=$(this),a=t.index(),s=t.offset().left-$(n).scrollLeft();0>=s&&t.hasClass(i+"active-slide")?n.flexAnimate(n.getTarget("prev"),!0):$(n.vars.asNavFor).data("flexslider").animating||t.hasClass(i+"active-slide")||(n.direction=n.currentItem<a?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction,!1,!0,!0))})}},controlNav:{setup:function(){n.manualControls?f.controlNav.setupManual():f.controlNav.setupPaging()},setupPaging:function(){var e="thumbnails"===n.vars.controlNav?"control-thumbs":"control-paging",t=1,a,s;if(n.controlNavScaffold=$('<ol class="'+i+"control-nav "+i+e+'"></ol>'),n.pagingCount>1)for(var r=0;r<n.pagingCount;r++){if(s=n.slides.eq(r),void 0===s.attr("data-thumb-alt")&&s.attr("data-thumb-alt",""),altText=""!==s.attr("data-thumb-alt")?altText=' alt="'+s.attr("data-thumb-alt")+'"':"",a="thumbnails"===n.vars.controlNav?'<img src="'+s.attr("data-thumb")+'"'+altText+"/>":'<a href="#">'+t+"</a>","thumbnails"===n.vars.controlNav&&!0===n.vars.thumbCaptions){var c=s.attr("data-thumbcaption");""!==c&&void 0!==c&&(a+='<span class="'+i+'caption">'+c+"</span>")}n.controlNavScaffold.append("<li>"+a+"</li>"),t++}n.controlsContainer?$(n.controlsContainer).append(n.controlNavScaffold):n.append(n.controlNavScaffold),f.controlNav.set(),f.controlNav.active(),n.controlNavScaffold.delegate("a, img",o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(n.direction=a>n.currentSlide?"next":"prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},setupManual:function(){n.controlNav=n.manualControls,f.controlNav.active(),n.controlNav.bind(o,function(e){if(e.preventDefault(),""===l||l===e.type){var t=$(this),a=n.controlNav.index(t);t.hasClass(i+"active")||(a>n.currentSlide?n.direction="next":n.direction="prev",n.flexAnimate(a,n.vars.pauseOnAction))}""===l&&(l=e.type),f.setToClearWatchedEvent()})},set:function(){var e="thumbnails"===n.vars.controlNav?"img":"a";n.controlNav=$("."+i+"control-nav li "+e,n.controlsContainer?n.controlsContainer:n)},active:function(){n.controlNav.removeClass(i+"active").eq(n.animatingTo).addClass(i+"active")},update:function(e,t){n.pagingCount>1&&"add"===e?n.controlNavScaffold.append($('<li><a href="#">'+n.count+"</a></li>")):1===n.pagingCount?n.controlNavScaffold.find("li").remove():n.controlNav.eq(t).closest("li").remove(),f.controlNav.set(),n.pagingCount>1&&n.pagingCount!==n.controlNav.length?n.update(t,e):f.controlNav.active()}},directionNav:{setup:function(){var e=$('<ul class="'+i+'direction-nav"><li class="'+i+'nav-prev"><a class="'+i+'prev" href="#">'+n.vars.prevText+'</a></li><li class="'+i+'nav-next"><a class="'+i+'next" href="#">'+n.vars.nextText+"</a></li></ul>");n.customDirectionNav?n.directionNav=n.customDirectionNav:n.controlsContainer?($(n.controlsContainer).append(e),n.directionNav=$("."+i+"direction-nav li a",n.controlsContainer)):(n.append(e),n.directionNav=$("."+i+"direction-nav li a",n)),f.directionNav.update(),n.directionNav.bind(o,function(e){e.preventDefault();var t;(""===l||l===e.type)&&(t=$(this).hasClass(i+"next")?n.getTarget("next"):n.getTarget("prev"),n.flexAnimate(t,n.vars.pauseOnAction)),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(){var e=i+"disabled";1===n.pagingCount?n.directionNav.addClass(e).attr("tabindex","-1"):n.vars.animationLoop?n.directionNav.removeClass(e).removeAttr("tabindex"):0===n.animatingTo?n.directionNav.removeClass(e).filter("."+i+"prev").addClass(e).attr("tabindex","-1"):n.animatingTo===n.last?n.directionNav.removeClass(e).filter("."+i+"next").addClass(e).attr("tabindex","-1"):n.directionNav.removeClass(e).removeAttr("tabindex")}},pausePlay:{setup:function(){var e=$('<div class="'+i+'pauseplay"><a href="#"></a></div>');n.controlsContainer?(n.controlsContainer.append(e),n.pausePlay=$("."+i+"pauseplay a",n.controlsContainer)):(n.append(e),n.pausePlay=$("."+i+"pauseplay a",n)),f.pausePlay.update(n.vars.slideshow?i+"pause":i+"play"),n.pausePlay.bind(o,function(e){e.preventDefault(),(""===l||l===e.type)&&($(this).hasClass(i+"pause")?(n.manualPause=!0,n.manualPlay=!1,n.pause()):(n.manualPause=!1,n.manualPlay=!0,n.play())),""===l&&(l=e.type),f.setToClearWatchedEvent()})},update:function(e){"play"===e?n.pausePlay.removeClass(i+"pause").addClass(i+"play").html(n.vars.playText):n.pausePlay.removeClass(i+"play").addClass(i+"pause").html(n.vars.pauseText)}},touch:function(){function e(e){e.stopPropagation(),n.animating?e.preventDefault():(n.pause(),t._gesture.addPointer(e.pointerId),T=0,c=d?n.h:n.w,f=Number(new Date),l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c)}function a(e){e.stopPropagation();var a=e.target._slider;if(a){var n=-e.translationX,i=-e.translationY;return T+=d?i:n,m=T,x=d?Math.abs(T)<Math.abs(-n):Math.abs(T)<Math.abs(-i),e.detail===e.MSGESTURE_FLAG_INERTIA?void setImmediate(function(){t._gesture.stop()}):void((!x||Number(new Date)-f>500)&&(e.preventDefault(),!p&&a.transitions&&(a.vars.animationLoop||(m=T/(0===a.currentSlide&&0>T||a.currentSlide===a.last&&T>0?Math.abs(T)/c+2:1)),a.setProps(l+m,"setTouch"))))}}function i(e){e.stopPropagation();var t=e.target._slider;if(t){if(t.animatingTo===t.currentSlide&&!x&&null!==m){var a=u?-m:m,n=a>0?t.getTarget("next"):t.getTarget("prev");t.canAdvance(n)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?t.flexAnimate(n,t.vars.pauseOnAction):p||t.flexAnimate(t.currentSlide,t.vars.pauseOnAction,!0)}r=null,o=null,m=null,l=null,T=0}}var r,o,l,c,m,f,g,h,S,x=!1,y=0,b=0,T=0;s?(t.style.msTouchAction="none",t._gesture=new MSGesture,t._gesture.target=t,t.addEventListener("MSPointerDown",e,!1),t._slider=n,t.addEventListener("MSGestureChange",a,!1),t.addEventListener("MSGestureEnd",i,!1)):(g=function(e){n.animating?e.preventDefault():(window.navigator.msPointerEnabled||1===e.touches.length)&&(n.pause(),c=d?n.h:n.w,f=Number(new Date),y=e.touches[0].pageX,b=e.touches[0].pageY,l=v&&u&&n.animatingTo===n.last?0:v&&u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:v&&n.currentSlide===n.last?n.limit:v?(n.itemW+n.vars.itemMargin)*n.move*n.currentSlide:u?(n.last-n.currentSlide+n.cloneOffset)*c:(n.currentSlide+n.cloneOffset)*c,r=d?b:y,o=d?y:b,t.addEventListener("touchmove",h,!1),t.addEventListener("touchend",S,!1))},h=function(e){y=e.touches[0].pageX,b=e.touches[0].pageY,m=d?r-b:r-y,x=d?Math.abs(m)<Math.abs(y-o):Math.abs(m)<Math.abs(b-o);var t=500;(!x||Number(new Date)-f>t)&&(e.preventDefault(),!p&&n.transitions&&(n.vars.animationLoop||(m/=0===n.currentSlide&&0>m||n.currentSlide===n.last&&m>0?Math.abs(m)/c+2:1),n.setProps(l+m,"setTouch")))},S=function(e){if(t.removeEventListener("touchmove",h,!1),n.animatingTo===n.currentSlide&&!x&&null!==m){var a=u?-m:m,i=a>0?n.getTarget("next"):n.getTarget("prev");n.canAdvance(i)&&(Number(new Date)-f<550&&Math.abs(a)>50||Math.abs(a)>c/2)?n.flexAnimate(i,n.vars.pauseOnAction):p||n.flexAnimate(n.currentSlide,n.vars.pauseOnAction,!0)}t.removeEventListener("touchend",S,!1),r=null,o=null,m=null,l=null},t.addEventListener("touchstart",g,!1))},resize:function(){!n.animating&&n.is(":visible")&&(v||n.doMath(),p?f.smoothHeight():v?(n.slides.width(n.computedW),n.update(n.pagingCount),n.setProps()):d?(n.viewport.height(n.h),n.setProps(n.h,"setTotal")):(n.vars.smoothHeight&&f.smoothHeight(),n.newSlides.width(n.computedW),n.setProps(n.computedW,"setTotal")))},smoothHeight:function(e){if(!d||p){var t=p?n:n.viewport;e?t.animate({height:n.slides.eq(n.animatingTo).height()},e):t.height(n.slides.eq(n.animatingTo).height())}},sync:function(e){var t=$(n.vars.sync).data("flexslider"),a=n.animatingTo;switch(e){case"animate":t.flexAnimate(a,n.vars.pauseOnAction,!1,!0);break;case"play":t.playing||t.asNav||t.play();break;case"pause":t.pause()}},uniqueID:function(e){return e.filter("[id]").add(e.find("[id]")).each(function(){var e=$(this);e.attr("id",e.attr("id")+"_clone")}),e},pauseInvisible:{visProp:null,init:function(){var e=f.pauseInvisible.getHiddenProp();if(e){var t=e.replace(/[H|h]idden/,"")+"visibilitychange";document.addEventListener(t,function(){f.pauseInvisible.isHidden()?n.startTimeout?clearTimeout(n.startTimeout):n.pause():n.started?n.play():n.vars.initDelay>0?setTimeout(n.play,n.vars.initDelay):n.play()})}},isHidden:function(){var e=f.pauseInvisible.getHiddenProp();return e?document[e]:!1},getHiddenProp:function(){var e=["webkit","moz","ms","o"];if("hidden"in document)return"hidden";for(var t=0;t<e.length;t++)if(e[t]+"Hidden"in document)return e[t]+"Hidden";return null}},setToClearWatchedEvent:function(){clearTimeout(c),c=setTimeout(function(){l=""},3e3)}},n.flexAnimate=function(e,t,a,s,o){if(n.vars.animationLoop||e===n.currentSlide||(n.direction=e>n.currentSlide?"next":"prev"),m&&1===n.pagingCount&&(n.direction=n.currentItem<e?"next":"prev"),!n.animating&&(n.canAdvance(e,o)||a)&&n.is(":visible")){if(m&&s){var l=$(n.vars.asNavFor).data("flexslider");if(n.atEnd=0===e||e===n.count-1,l.flexAnimate(e,!0,!1,!0,o),n.direction=n.currentItem<e?"next":"prev",l.direction=n.direction,Math.ceil((e+1)/n.visible)-1===n.currentSlide||0===e)return n.currentItem=e,n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),!1;n.currentItem=e,n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),e=Math.floor(e/n.visible)}if(n.animating=!0,n.animatingTo=e,t&&n.pause(),n.vars.before(n),n.syncExists&&!o&&f.sync("animate"),n.vars.controlNav&&f.controlNav.active(),v||n.slides.removeClass(i+"active-slide").eq(e).addClass(i+"active-slide"),n.atEnd=0===e||e===n.last,n.vars.directionNav&&f.directionNav.update(),e===n.last&&(n.vars.end(n),n.vars.animationLoop||n.pause()),p)r?(n.slides.eq(n.currentSlide).css({opacity:0,zIndex:1}),n.slides.eq(e).css({opacity:1,zIndex:2}),n.wrapup(c)):(n.slides.eq(n.currentSlide).css({zIndex:1}).animate({opacity:0},n.vars.animationSpeed,n.vars.easing),n.slides.eq(e).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing,n.wrapup));else{var c=d?n.slides.filter(":first").height():n.computedW,g,h,S;v?(g=n.vars.itemMargin,S=(n.itemW+g)*n.move*n.animatingTo,h=S>n.limit&&1!==n.visible?n.limit:S):h=0===n.currentSlide&&e===n.count-1&&n.vars.animationLoop&&"next"!==n.direction?u?(n.count+n.cloneOffset)*c:0:n.currentSlide===n.last&&0===e&&n.vars.animationLoop&&"prev"!==n.direction?u?0:(n.count+1)*c:u?(n.count-1-e+n.cloneOffset)*c:(e+n.cloneOffset)*c,n.setProps(h,"",n.vars.animationSpeed),n.transitions?(n.vars.animationLoop&&n.atEnd||(n.animating=!1,n.currentSlide=n.animatingTo),n.container.unbind("webkitTransitionEnd transitionend"),n.container.bind("webkitTransitionEnd transitionend",function(){clearTimeout(n.ensureAnimationEnd),n.wrapup(c)}),clearTimeout(n.ensureAnimationEnd),n.ensureAnimationEnd=setTimeout(function(){n.wrapup(c)},n.vars.animationSpeed+100)):n.container.animate(n.args,n.vars.animationSpeed,n.vars.easing,function(){n.wrapup(c)})}n.vars.smoothHeight&&f.smoothHeight(n.vars.animationSpeed)}},n.wrapup=function(e){p||v||(0===n.currentSlide&&n.animatingTo===n.last&&n.vars.animationLoop?n.setProps(e,"jumpEnd"):n.currentSlide===n.last&&0===n.animatingTo&&n.vars.animationLoop&&n.setProps(e,"jumpStart")),n.animating=!1,n.currentSlide=n.animatingTo,n.vars.after(n)},n.animateSlides=function(){!n.animating&&e&&n.flexAnimate(n.getTarget("next"))},n.pause=function(){clearInterval(n.animatedSlides),n.animatedSlides=null,n.playing=!1,n.vars.pausePlay&&f.pausePlay.update("play"),n.syncExists&&f.sync("pause")},n.play=function(){n.playing&&clearInterval(n.animatedSlides),n.animatedSlides=n.animatedSlides||setInterval(n.animateSlides,n.vars.slideshowSpeed),n.started=n.playing=!0,n.vars.pausePlay&&f.pausePlay.update("pause"),n.syncExists&&f.sync("play")},n.stop=function(){n.pause(),n.stopped=!0},n.canAdvance=function(e,t){var a=m?n.pagingCount-1:n.last;return t?!0:m&&n.currentItem===n.count-1&&0===e&&"prev"===n.direction?!0:m&&0===n.currentItem&&e===n.pagingCount-1&&"next"!==n.direction?!1:e!==n.currentSlide||m?n.vars.animationLoop?!0:n.atEnd&&0===n.currentSlide&&e===a&&"next"!==n.direction?!1:n.atEnd&&n.currentSlide===a&&0===e&&"next"===n.direction?!1:!0:!1},n.getTarget=function(e){return n.direction=e,"next"===e?n.currentSlide===n.last?0:n.currentSlide+1:0===n.currentSlide?n.last:n.currentSlide-1},n.setProps=function(e,t,a){var i=function(){var a=e?e:(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo,i=function(){if(v)return"setTouch"===t?e:u&&n.animatingTo===n.last?0:u?n.limit-(n.itemW+n.vars.itemMargin)*n.move*n.animatingTo:n.animatingTo===n.last?n.limit:a;switch(t){case"setTotal":return u?(n.count-1-n.currentSlide+n.cloneOffset)*e:(n.currentSlide+n.cloneOffset)*e;case"setTouch":return u?e:e;case"jumpEnd":return u?e:n.count*e;case"jumpStart":return u?n.count*e:e;default:return e}}();return-1*i+"px"}();n.transitions&&(i=d?"translate3d(0,"+i+",0)":"translate3d("+i+",0,0)",a=void 0!==a?a/1e3+"s":"0s",n.container.css("-"+n.pfx+"-transition-duration",a),n.container.css("transition-duration",a)),n.args[n.prop]=i,(n.transitions||void 0===a)&&n.container.css(n.args),n.container.css("transform",i)},n.setup=function(e){if(p)n.slides.css({width : "100%","float":"left",marginRight:"-100%",position :"relative"}),"init"===e&&(r?n.slides.css({opacity:0,display :"block",webkitTransition:"opacity "+n.vars.animationSpeed/1e3+"s ease",zIndex:1}).eq(n.currentSlide).css({opacity:1,zIndex:2}):0==n.vars.fadeFirstSlide?n.slides.css({opacity:0,display :"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).css({opacity:1}):n.slides.css({opacity:0,display :"block",zIndex:1}).eq(n.currentSlide).css({zIndex:2}).animate({opacity:1},n.vars.animationSpeed,n.vars.easing)),n.vars.smoothHeight&&f.smoothHeight();else{var t,a;"init"===e&&(n.viewport=$('<div class="'+i+'viewport"></div>').css({overflow:"hidden",position :"relative"}).appendTo(n).append(n.container),n.cloneCount=0,n.cloneOffset=0,u&&(a=$.makeArray(n.slides).reverse(),n.slides=$(a),n.container.empty().append(n.slides))),n.vars.animationLoop&&!v&&(n.cloneCount=2,n.cloneOffset=1,"init"!==e&&n.container.find(".clone").remove(),n.container.append(f.uniqueID(n.slides.first().clone().addClass("clone")).attr("aria-hidden","true")).prepend(f.uniqueID(n.slides.last().clone().addClass("clone")).attr("aria-hidden","true"))),n.newSlides=$(n.vars.selector,n),t=u?n.count-1-n.currentSlide+n.cloneOffset:n.currentSlide+n.cloneOffset,d&&!v?(n.container.height(200*(n.count+n.cloneCount)+"%").css("position","absolute").width("100%"),setTimeout(function(){n.newSlides.css({display :"block"}),n.doMath(),n.viewport.height(n.h),n.setProps(t*n.h,"init")},"init"===e?100:0)):(n.container.width(200*(n.count+n.cloneCount)+"%"),n.setProps(t*n.computedW,"init"),setTimeout(function(){n.doMath(),n.newSlides.css({width : n.computedW,marginRight:n.computedM,"float":"left",display :"block"}),n.vars.smoothHeight&&f.smoothHeight()},"init"===e?100:0))}v||n.slides.removeClass(i+"active-slide").eq(n.currentSlide).addClass(i+"active-slide"),n.vars.init(n)},n.doMath=function(){var e=n.slides.first(),t=n.vars.itemMargin,a=n.vars.minItems,i=n.vars.maxItems;n.w=void 0===n.viewport?n.width():n.viewport.width(),n.h=e.height(),n.boxPadding=e.outerWidth()-e.width(),v?(n.itemT=n.vars.itemWidth+t,n.itemM=t,n.minW=a?a*n.itemT:n.w,n.maxW=i?i*n.itemT-t:n.w,n.itemW=n.minW>n.w?(n.w-t*(a-1))/a:n.maxW<n.w?(n.w-t*(i-1))/i:n.vars.itemWidth>n.w?n.w:n.vars.itemWidth,n.visible=Math.floor(n.w/n.itemW),n.move=n.vars.move>0&&n.vars.move<n.visible?n.vars.move:n.visible,n.pagingCount=Math.ceil((n.count-n.visible)/n.move+1),n.last=n.pagingCount-1,n.limit=1===n.pagingCount?0:n.vars.itemWidth>n.w?n.itemW*(n.count-1)+t*(n.count-1):(n.itemW+t)*n.count-n.w-t):(n.itemW=n.w,n.itemM=t,n.pagingCount=n.count,n.last=n.count-1),n.computedW=n.itemW-n.boxPadding,n.computedM=n.itemM},n.update=function(e,t){n.doMath(),v||(e<n.currentSlide?n.currentSlide+=1:e<=n.currentSlide&&0!==e&&(n.currentSlide-=1),n.animatingTo=n.currentSlide),n.vars.controlNav&&!n.manualControls&&("add"===t&&!v||n.pagingCount>n.controlNav.length?f.controlNav.update("add"):("remove"===t&&!v||n.pagingCount<n.controlNav.length)&&(v&&n.currentSlide>n.last&&(n.currentSlide-=1,n.animatingTo-=1),f.controlNav.update("remove",n.last))),n.vars.directionNav&&f.directionNav.update()},n.addSlide=function(e,t){var a=$(e);n.count+=1,n.last=n.count-1,d&&u?void 0!==t?n.slides.eq(n.count-t).after(a):n.container.prepend(a):void 0!==t?n.slides.eq(t).before(a):n.container.append(a),n.update(t,"add"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.added(n)},n.removeSlide=function(e){var t=isNaN(e)?n.slides.index($(e)):e;n.count-=1,n.last=n.count-1,isNaN(e)?$(e,n.slides).remove():d&&u?n.slides.eq(n.last).remove():n.slides.eq(e).remove(),n.doMath(),n.update(t,"remove"),n.slides=$(n.vars.selector+":not(.clone)",n),n.setup(),n.vars.removed(n)},f.init()},$(window).blur(function(t){e=!1}).focus(function(t){e=!0}),$.flexslider.defaults={namespace:"flex-",selector:".slides > li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!0,slideshowSpeed:7e3,animationSpeed:600,initDelay:0,randomize:!1,fadeFirstSlide:!0,thumbCaptions:!1,pauseOnAction:!0,pauseOnHover:!1,pauseInvisible:!0,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!0,prevText:"Previous",nextText:"Next",keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",customDirectionNav:"",sync:"",asNavFor:"",itemwidth : 0,itemMargin:0,minItems:1,maxItems:0,move:0,allowOneSlide:!0,start:function(){},before:function(){},after:function(){},end:function(){},added:function(){},removed:function(){},init:function(){}},$.fn.flexslider=function(e){if(void 0===e&&(e={}),"object"==typeof e)return this.each(function(){var t=$(this),a=e.selector?e.selector:".slides > li",n=t.find(a);1===n.length&&e.allowOneSlide===!0||0===n.length?(n.fadeIn(400),e.start&&e.start(t)):void 0===t.data("flexslider")&&new $.flexslider(this,e)});var t=$(this).data("flexslider");switch(e){case"play":t.play();break;case"pause":t.pause();break;case"stop":t.stop();break;case"next":t.flexAnimate(t.getTarget("next"),!0);break;case"prev":case"previous":t.flexAnimate(t.getTarget("prev"),!0);break;default:"number"==typeof e&&t.flexAnimate(e,!0)}}}(jQuery);

// Theia Sticky Sidebar v1.3.0 - https://github.com/WeCodePixels/theia-sticky-sidebar
!function(i){i.fn.theiaStickySidebar=function(t){function o(t,o){var a=e(t,o);a||(console.log("TST: Body width smaller than options.minWidth. Init is delayed."),i(document).scroll(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)),i(window).resize(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)))}function e(t,o){return t.initialized===!0?!0:i("body").width()<t.minWidth?!1:(a(t,o),!0)}function a(t,o){t.initialized=!0,i("head").append(i('<style>.theiaStickySidebar:after {content: ""; display : table; clear: both;}</style>')),o.each(function(){function o(){a.fixedScrollTop=0,a.sidebar.css({"min-height":"1px"}),a.stickySidebar.css({position :"static",width : ""})}function e(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}var a={};a.sidebar=i(this),a.options=t||{},a.container=i(a.options.containerSelector),0==a.container.size()&&(a.container=a.sidebar.parent()),a.sidebar.parents().css("-webkit-transform","none"),a.sidebar.css({position :"relative",overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),a.stickySidebar=a.sidebar.find(".theiaStickySidebar"),0==a.stickySidebar.length&&(a.sidebar.find("script").remove(),a.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(a.sidebar.children()),a.sidebar.append(a.stickySidebar)),a.marginTop=parseInt(a.sidebar.css("margin-top")),a.marginBottom=parseInt(a.sidebar.css("margin-bottom")),a.paddingTop=parseInt(a.sidebar.css("padding-top")),a.paddingBottom=parseInt(a.sidebar.css("padding-bottom"));var n=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight();a.stickySidebar.css("padding-top",1),a.stickySidebar.css("padding-bottom",1),n-=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight()-d-n,0==n?(a.stickySidebar.css("padding-top",0),a.stickySidebarPaddingTop=0):a.stickySidebarPaddingTop=1,0==d?(a.stickySidebar.css("padding-bottom",0),a.stickySidebarPaddingBottom=0):a.stickySidebarPaddingBottom=1,a.previousScrollTop=null,a.fixedScrollTop=0,o(),a.onScroll=function(a){if(a.stickySidebar.is(":visible")){if(i("body").width()<a.options.minWidth)return void o();if(a.sidebar.outerWidth(!0)+50>a.container.width())return void o();var n=i(document).scrollTop(),d="static";if(n>=a.container.offset().top+(a.paddingTop+a.marginTop-a.options.additionalMarginTop)){var r,s=a.paddingTop+a.marginTop+t.additionalMarginTop,c=a.paddingBottom+a.marginBottom+t.additionalMarginBottom,p=a.container.offset().top,b=a.container.offset().top+e(a.container),g=0+t.additionalMarginTop,l=a.stickySidebar.outerHeight()+s+c<i(window).height();r=l?g+a.stickySidebar.outerHeight():i(window).height()-a.marginBottom-a.paddingBottom-t.additionalMarginBottom;var h=p-n+a.paddingTop+a.marginTop,f=b-n-a.paddingBottom-a.marginBottom,S=a.stickySidebar.offset().top-n,u=a.previousScrollTop-n;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(S+=u),"legacy"==a.options.sidebarBehavior&&(S=r-a.stickySidebar.outerHeight(),S=Math.max(S,r-a.stickySidebar.outerHeight())),S=u>0?Math.min(S,g):Math.max(S,r-a.stickySidebar.outerHeight()),S=Math.max(S,h),S=Math.min(S,f-a.stickySidebar.outerHeight());var m=a.container.height()==a.stickySidebar.outerHeight();d=(m||S!=g)&&(m||S!=r-a.stickySidebar.outerHeight())?n+S-a.sidebar.offset().top-a.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==d)a.stickySidebar.css({position :"fixed",width : a.sidebar.width(),top:S,left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))});else if("absolute"==d){var y={};"absolute"!=a.stickySidebar.css("position")&&(y.position="absolute",y.top=n+S-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom),y.width=a.sidebar.width(),y.left="",a.stickySidebar.css(y)}else"static"==d&&o();"static"!=d&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom}),a.previousScrollTop=n}},a.onScroll(a),i(document).scroll(function(i){return function(){i.onScroll(i)}}(a)),i(window).resize(function(i){return function(){i.stickySidebar.css({position :"static"}),i.onScroll(i)}}(a))})}var n={containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minwidth : 0,sidebarBehavior:"modern"};t=i.extend(n,t),t.additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,o(t,this)}}(jQuery);

// TinyNav.JS v1.1 - http://tinynav.com
(function(a,i,g){a.fn.tinyNav=function(j){var b=a.extend({active:"selected",header:"",label:""},j);return this.each(function(){g++;var h=a(this),d="tinynav"+g,f=".l_"+d,e=a("<select/>").attr("id",d).addClass("tinynav "+d);if(h.is("ul,ol")){""!==b.header&&e.append(a("<option/>").text(b.header));var c="";h.addClass("l_"+d).find("a").each(function(){c+='<option value="'+a(this).attr("href")+'">';var b;for(b=0;b<a(this).parents("ul, ol").length-1;b++)c+="- ";c+=a(this).text()+"</option>"});e.append(c);
b.header||e.find(":eq("+a(f+" li").index(a(f+" li."+b.active))+")").attr("selected",!0);e.change(function(){i.location.href=a(this).val()});a(f).after(e);b.label&&e.before(a("<label/>").attr("for",d).addClass("tinynav_label "+d+"_label").append(b.label))}})}})(jQuery,this,0);
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
/*GLOBAL SETTINGS, USER CAN CHANGE*/
var monthFormat = [, "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; 
var noThumbnail = "http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png"; 
var postperPage = 10; 
var labelResults = 10; 
var recentpostsText = "احدث المواضيع"; 
var postnavPrevText = "Previous"; 
var postnavNextText = "Next"; 
var navPrevMsg = "You are seeing the Last Post";
var navNextMsg = "You are seeing the Latest Post";
var relatedTitleText = "Related Posts";
var cmmTitleText = "Post a Comment";
var cmmBloggerText = "Blogger";
var cmmDisqusText = "Disqus";
var cmmFaceText = "Facebook";

// Main Scripts - "NOTE" (Encrypt in free version)
$(document).ready(function($){$("#menu").each(function(){var k=-1,o="",p="";$(this).find("ul").find("li").each(function(){for(var txt=$(this).text(),url=$(this).find("a").attr("href"),x=0,z=0;z<txt.length&&(x=txt.indexOf("_",x),-1!=x);z++)x++;if(level=z,level>k&&(o+="<ul>",p+="<ul>"),level<k){offset=k-level;for(var z=0;z<offset;z++)o+="</ul></li>",p+="</ul></li>"}
txt=txt.replace(/_/gi,""),o+="<li><a href='"+url+"'>"+txt+"</a>",p+="<li><a href='"+url+"'>";for(var z=0;z<level;z++)p+="";p+=txt+"</a>",k=level});for(var x=0;k>=x;x++)o+="</ul>",p+="</ul>",0!=x&&(o+="</li>",p+="</li>");$("#menu .LinkList").html(p);$("#menu > .LinkList > ul").attr("id","nav2");$("#nav2").tinyNav({header:'Main Menu'});$("#menu ul li ul").parent("li").addClass("has-sub");$("#menu .widget").css("display","block");$(this).find("li").each(function(){var $sublist=$(this).find('ul:first');$(this).hover(function(){$sublist.stop().css({overflow:"hidden",height:"auto",display :"none"}).slideDown(200,function(){$(this).css({overflow:"visible",height:"auto"});});},function(){$sublist.stop().slideUp(200,function(){$(this).css({overflow:"hidden",display :"none"});});});});});$("#nav1").tinyNav({header:'Menu'});$("#search-icon").on("click",function(){$("#nav-search").slideToggle(200);});$(".posts-title h2 a").text(recentpostsText);$("#related-wrap .title-wrap h2").text(relatedTitleText);$(".cmm-title h2").text(cmmTitleText);$(".block-image .thumb img, .PopularPosts ul li img").attr("src",function($this,img){if(img.match("hqdefault.jpg")){return img.replace("/hqdefault.jpg","/mqdefault.jpg");}else if(img.match("default.jpg")){return img.replace("/default.jpg","/mqdefault.jpg");}else if(img.match("s72-c")){return img.replace("/s72-c","/s1600");}else if(img.match("w72-h72-p-nu")){return img.replace("/w72-h72-p-nu","/s1600");}else{return img.replace("http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png",noThumbnail);}});$(".sidebar > .widget > h2").wrap("<div class='title-wrap'/>");$('.PopularPosts .widget-content ul li').each(function(){var $this=$(this),getPost=$this.find('.item-title a'),postURL=getPost.attr('href');$.ajax({url:postURL,type:"get",success:function(data){var time=$(data).find('.published').text(),cmm=$(data).find('.post-cmm a').text();getPost.parent().after('<div class="item-meta"><span class="item-date">'+time+'</span><span class="item-cmm">'+cmm+'</span></div>');}});});$('.avatar-image-container img').attr('src',function($this,img){if(img.match("s35")){return img.replace("/s35","/s45");}else{return img.replace('//img1.blogblog.com/img/blank.gif','//4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s45-r/avatar.png');}});$(".Label a").attr("href",function($this,href){return href.replace(href,href+"?&max-results="+labelResults);});$("#sidebar-tabs").each(function(){var textTab1=$("#sidebar-tabs #tab1 .widget > h2").text();$("#sidebar-tabs .select-tab .tab1 > span").text(textTab1);var textTab2=$("#sidebar-tabs #tab2 .widget > h2").text();$("#sidebar-tabs .select-tab .tab2 > span").text(textTab2);var textTab3=$("#sidebar-tabs #tab3 .widget > h2").text();$("#sidebar-tabs .select-tab .tab3 > span").text(textTab3);var sideTabs=$("#sidebar-tabs div.tab-widget");sideTabs.hide();$("#sidebar-tabs .select-tab").show();if($("#sidebar-tabs #tab1").hasClass("no-items")){$("#sidebar-tabs .select-tab").hide();}
$("#sidebar-tabs .select-tab li:first").addClass("active");$("#sidebar-tabs div.tab-widget:first").show();$("#sidebar-tabs li.tab").click(function(){$("#sidebar-tabs .select-tab li").removeClass("active");$(this).addClass("active");sideTabs.hide();var activeTab=$(this).attr("data-tab");$(activeTab).slideDown();return false;});});$('.post-nav').each(function(){$(".prev .nav-inner span").text(postnavPrevText);$(".prev .nav-inner p").text(navPrevMsg);$(".next .nav-inner span").text(postnavNextText);$(".next .nav-inner p").text(navNextMsg);var getURL_prev=$("a.prev-post").attr("href"),getURL_next=$("a.next-post").attr("href");$.ajax({url:getURL_prev,type:"get",success:function(prev){var title=$(prev).find(".post h1.post-title").text();var txt=postnavPrevText;var code="";var thumb=$(prev).find(".post-body img:first").attr("src");if(thumb===undefined){var thumb=noThumbnail;}
code+="<div class='nav-thumb'><img alt='"+title+"' src='"+thumb+"'/></div><div class='nav-content'><span>"+txt+"</span><p>"+title+"</p></div>";$("a.prev-post").html(code);}});$.ajax({url:getURL_next,type:"get",success:function(next){var title=$(next).find(".post h1.post-title").text();var txt=postnavNextText;var code="";var thumb=$(next).find(".post-body img:first").attr("src");if(thumb===undefined){var thumb=noThumbnail;}
code+="<div class='nav-thumb'><img alt='"+title+"' src='"+thumb+"'/></div><div class='nav-content'><span>"+txt+"</span><p>"+title+"</p></div>";$("a.next-post").html(code);}});});$(window).scroll(function(){if($(this).scrollTop()>100){$('.back-top').css({bottom:"25px"});}else{$('.back-top').css({bottom:"-100px"});}});$('.back-top').click(function(){$('html, body').animate({scrollTop:0},800);return false;});$("#menu li").each(function(){var $this=$(this),txt=$this.find("a").attr("href"),sp=txt.split("/"),label=sp[1];ajaxPosts($this,"mega",4,label);});$('.ready-widget .HTML .widget-content').each(function(){var $this=$(this),txt=$this.text(),sp=txt.split("/"),num=sp[0],label=sp[1];ajaxPosts($this,txt,num,label);});$('#slider-sec .HTML .widget-content').each(function(){var $this=$(this),txt=$this.text(),sp=txt.split("/"),num=sp[0],label=sp[1];ajaxPosts($this,txt,num,label);});$('.featured-sec .HTML .widget-content').each(function(){var $this=$(this),txt=$this.text(),sp=txt.split("/"),num=sp[0],label=sp[1];ajaxPosts($this,txt,num,label);});$("#related-ready").each(function(){var $this=$(this),label=$this.text();ajaxPosts($this,"related-posts",3,label);});$("#HTML205 .widget-content").each(function(){var system=$(this).text();cmmType(system);});function getmeta(meta){var d=meta.substring(0,4),f=meta.substring(5,7),m=meta.substring(8,10),h=monthFormat[parseInt(f,10)]+" "+m+", "+d,n=h;return n;}
function ajaxPosts($this,txt,num,label){var jURL="";if(txt.match("recent-posts")||txt.match("recent-comments")||txt.match("post-per-tag")||txt.match("mega")||txt.match("slider-recent")||txt.match("slider-tag")||txt.match("small-col-left")||txt.match("small-col-right")||txt.match("big-col-left")||txt.match("big-col-right")||txt.match("recent-videos")||txt.match("post-grid")||txt.match("related-posts")){if(txt.match("recent-posts")||txt.match("slider-recent")){jURL="/feeds/posts/default?alt=json-in-script&max-results="+num;}else if(txt.match("recent-comments")){jURL="/feeds/comments/default?alt=json-in-script&max-results="+num;}else{jURL="/feeds/posts/default/-/"+label+"?alt=json-in-script&max-results="+num;}
$.ajax({url:jURL,type:"get",dataType:"jsonp",success:function(json){if(txt.match("recent-posts")||txt.match("post-per-tag")){var r='<ul class="custom-widget">';}
if(txt.match("recent-comments")){var r='<ul class="cmm-widget">';}
if(txt.match("mega")){var r='<ul class="mega-widget">';}
if(txt.match("slider-recent")||txt.match("slider-tag")){var r='<div id="slider" class="main-slider"><ul class="slides">';}
if(txt.match("small-col-left")||txt.match("small-col-right")){var r='<ul class="custom-widget small-column">';}
if(txt.match("big-col-left")||txt.match("big-col-right")){var r='<ul class="big-column">';}
if(txt.match("recent-videos")){var r='<ul class="main-videos">';}
if(txt.match("post-grid")){var r='<ul class="post-grid">';}
if(txt.match("related-posts")){var r='<ul class="related-posts">';}
for(var s="",z=0,alt="alternate",feed=json.feed.entry;z<feed.length;z++){for(var x=0;x<feed[z].link.length;x++)
if(feed[z].link[x].rel==alt){s=feed[z].link[x].href;break}
for(var x=0,rpl="replies",tht="text/html";x<feed[z].link.length;x++){if(feed[z].link[x].rel==rpl&&feed[z].link[x].type==tht){var pcm=feed[z].link[x].title.split(" ")[0];break}}
var c=feed[z].published.$t,p=feed[z].content.$t,u=$("<div>").html(p);if(p.indexOf("youtube.com/embed")>-1){var v=feed[z].media$thumbnail.url,b=v.replace("/default.jpg","/mqdefault.jpg"),w=b;}else if(p.indexOf("<img")>-1){var y=u.find("img:first").attr("src"),w=y;}else{var w=noThumbnail;}
var k="";if(txt.match("slider-recent")||txt.match("slider-tag")){if($this.parent().addClass("show-slider")){k+='<li><a class="slider-img" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/><span class="overlay"/></a><div class="slider-entry"><h1 class="post-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h1><div class="slide-cap"><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div><p>'+u.text().substr(0,125)+'...</p></div></div></li>';}}else if(txt.match("mega")){k+='<div class="mega-item"><div class="mega-content"><a class="mega-img" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><h3 class="mega-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></div>';}else if(txt.match("small-col-left")||txt.match("small-col-right")){if(txt.match("small-col-left")){$this.parent().addClass("show-widget column col-left");}else if(txt.match("small-col-right")){$this.parent().addClass("show-widget column col-right");}
k+='<li><a class="custom-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><div class="post-panel"><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>';}else if(txt.match("big-col-left")||txt.match("big-col-right")){if(txt.match("big-col-left")){$this.parent().addClass("show-widget column col-left");}else if(txt.match("big-col-right")){$this.parent().addClass("show-widget column col-right");}
if(z==0){k+='<li class="first-big"><a class="col-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><div class="post-panel"><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div><p class="col-snippet">'+u.text().substr(0,115)+'...</p></div></li>';}else{k+='<li><a class="col-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><div class="post-panel"><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>';}}else if(txt.match("recent-videos")){if($this.parent().addClass("show-widget videos-widget"));k+='<li class="video-item"><div class="video-content"><a class="video-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/><span class="overlay"/></a><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>';}else if(txt.match("post-grid")){if($this.parent().addClass("show-widget grid-widget"));k+='<li class="grid-item"><div class="grid-content"><a class="grid-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>';}else if(txt.match("recent-posts")||txt.match("post-per-tag")){k+='<li><a class="custom-thumb" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a><div class="post-panel"><h3 class="rcp-title"><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>';}else if(txt.match("recent-comments")){if("content"in feed[z])var l=feed[z].content.$t;else if("summary"in b_rc)var l=feed[z].summary.$t;else var l="";var tx=/<\S[^>]*>/g;l=l.replace(tx,""),l.length>90&&(l=""+l.substring(0,70));var av=feed[z].author[0].gd$image.src;if(av.match("http://img1.blogblog.com/img/blank.gif")){var im='http://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s55-r/avatar.png';}else if(av.match("http://img2.blogblog.com/img/b16-rounded.gif")){var im='http://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s55-r/avatar.png';}else{var im=av;}
k+='<li><a class="cmm-avatar" href="'+s+'"><img class="cmm-img" src="'+im+'" alt="'+(feed[z].title.$t,feed[z].author[0].name.$t)+'"/></a><a href="'+s+'">'+(feed[z].title.$t,feed[z].author[0].name.$t)+'</a><span class="cmm-text">'+l+'...</span></li>';}else txt.match("related-posts")&&(k+='<li class="related-item"><div class="related-thumb"><a class="related-img" href="'+s+'"><img class="my-thumb" alt="'+feed[z].title.$t+'" src="'+w+'"/></a></div><div class="related-content"><h3><a href="'+s+'">'+feed[z].title.$t+'</a></h3><div class="item-meta"><span class="item-date">'+getmeta(c)+'</span><span class="item-cmm">'+pcm+'</span></div></div></li>');r+=k}
if(txt.match("slider-recent")||txt.match("slider-tag")){r+='</ul></div>';}else{r+="</ul>";}
if(txt.match("mega")){$this.addClass("has-sub mega-menu").append(r);$("#menu li.mega-menu").each(function(){var $sublist=$(this).find('ul');$(this).hover(function(){$sublist.stop().css({overflow:"hidden",height:"auto",display :"none"}).slideDown(200,function(){$(this).css({overflow:"visible",height:"auto"});});},function(){$sublist.stop().slideUp(200,function(){$(this).css({overflow:"hidden",display :"none"});});});});$("#menu li.mega-menu > a").attr("href",function($this,href){return href.replace(href,"/search/label/"+label+"?&max-results="+labelResults);});}else{$this.html(r);}
if(txt.match("small-col-left")||txt.match("small-col-right")||txt.match("big-col-left")||txt.match("big-col-right")||txt.match("recent-videos")||txt.match("post-grid")){$this.prev("h2").html("<a href='/search/label/"+label+"?&max-results="+labelResults+"'>"+$this.prev("h2").text()+"</a>"),$this.prev("h2").wrap("<div class='title-wrap'/>");}
$(".my-thumb").attr("src",function($this,img){return img.replace("s72-c","s1600");});$('.main-slider').flexslider({controlNav:false,pauseOnAction:false,pauseOnHover:true,animation:'fade',useCSS:false,animationSpeed:800,slideshowSpeed:4500,prevText:'<i class="fa fa-caret-left"></i>',nextText:'<i class="fa fa-caret-right"></i>'});}});}}
function cmmType(system){if(system.match("blogger")||system.match("disqus")||system.match("facebook")||system.match("blogger-disqus")||system.match("blogger-facebook")||system.match("disqus-facebook")||system.match("blogger-disqus-facebook")){$("#comments").wrap("<div class='comment-system'/>");if(system.match("disqus")||system.match("blogger-disqus")||system.match("disqus-facebook")||system.match("blogger-disqus-facebook")){var disqus_url=disqus_blogger_current_url;(function(){var dsq=document.createElement('script');dsq.type='text/javascript';dsq.async=true;dsq.src='//'+disqus_shortname+'.disqus.com/embed.js';(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(dsq);})();}
var cmmCode="";var tabTitle="";var current_url=$(location).attr('href');var disqus="<div id='disqus_thread'/>";var facebook="<div class='fb-comments' data-width='100%' data-href='"+current_url+"' data-numposts='5'></div>";if(system.match("blogger-disqus-facebook")){tabTitle+="<div class='select-tab'><li class='tab active' data-tab='#cmm1'><span>"+cmmBloggerText+"</span></li><li class='tab' data-tab='#cmm2'><span>"+cmmDisqusText+"</span></li><li class='tab' data-tab='#cmm3'><span>"+cmmFaceText+"</span></li></div>";$(".comment-system #comments").show().wrap("<div id='cmm1' class='cmm-tab'/>");cmmCode+="<div id='cmm2' class='cmm-tab'>"+disqus+"</div><div id='cmm3' class='cmm-tab'>"+facebook+"</div>";}else if(system.match("blogger-disqus")){tabTitle+="<div class='select-tab'><li class='tab active' data-tab='#cmm1'><span>"+cmmBloggerText+"</span></li><li class='tab' data-tab='#cmm2'><span>"+cmmDisqusText+"</span></li></div>";$(".comment-system #comments").show().wrap("<div id='cmm1' class='cmm-tab'/>");cmmCode+="<div id='cmm2' class='cmm-tab'>"+disqus+"</div>";}else if(system.match("blogger-facebook")){tabTitle+="<div class='select-tab'><li class='tab active' data-tab='#cmm1'><span>"+cmmBloggerText+"</span></li><li class='tab' data-tab='#cmm2'><span>"+cmmFaceText+"</span></li></div>";$(".comment-system #comments").show().wrap("<div id='cmm1' class='cmm-tab'/>");cmmCode+="<div id='cmm2' class='cmm-tab'>"+facebook+"</div>";}else if(system.match("disqus-facebook")){tabTitle+="<div class='select-tab'><li class='tab active' data-tab='#cmm1'><span>"+cmmDisqusText+"</span></li><li class='tab' data-tab='#cmm2'><span>"+cmmFaceText+"</span></li></div>";$(".comment-system #comments").remove();cmmCode+="<div id='cmm1' class='cmm-tab'>"+disqus+"</div><div id='cmm2' class='cmm-tab'>"+facebook+"</div>";}else if(system.match("disqus")){$(".comment-system #comments").remove();cmmCode+=disqus;}else if(system.match("facebook")){$(".comment-system #comments").remove();cmmCode+=facebook;}else if(system.match("blogger")){$('#comments').show();}
$(".comment-system").append(cmmCode);$(".cmm-title").append(tabTitle);$(".comment-system").each(function(){var cmmTabs=$(".comment-system div.cmm-tab");cmmTabs.hide();$(".comment-system").show();$(".cmm-title .select-tab li:first").addClass("active");$(".comment-system div.cmm-tab:first").show();$(".cmm-title .select-tab li.tab").click(function(){$(".cmm-title .select-tab li").removeClass("active");$(this).addClass("active");cmmTabs.hide();var showTab=$(this).attr("data-tab");$(showTab).slideDown();return false;});});}else{$('#comments').show();}}});
//]]>
</script>
<script type='text/javascript'>
var pageresults=postperPage;
var numshowpage=3;
var upPageWord=&#39;&lt;i class=&quot;fa fa-caret-left&quot;&gt;&lt;/i&gt;&#39;;
var downPageWord=&#39;&lt;i class=&quot;fa fa-caret-right&quot;&gt;&lt;/i&gt;&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
</script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script>
//<![CDATA[
// Page Navigation Scripts
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('6 M;6 i;6 h;6 u;1h();C 1k(15){6 5=\'\';J=I(U/2);4(J==U-J){U=J*2+1}A=h-J;4(A<1)A=1;d=I(15/j)+1;4(d-1==15/j)d=d-1;F=A+U-1;4(F>d)F=d;5+="<3 7=\'1G\'>1D "+h+\' 1C \'+d+"</3>";6 18=I(h)-1;4(h>1){4(h==2){4(i=="o"){5+=\'<3 7="1y"><a b="\'+B+\'">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">\'+13+\'</a></3>\'}}c{4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+18+\');v z">\'+13+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+18+\');v z">\'+13+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="g"><a b="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">1</a></3>\'}}4(A>2){5+=\'  \'}1j(6 k=A;k<=F;k++){4(h==k){5+=\'<3 7="1B">\'+k+\'</3>\'}c 4(k==1){4(i=="o"){5+=\'<3 7="g"><a b="\'+B+\'">1</a></3>\'}c{5+=\'<3 7="g"><a b="/s/r/\'+u+\'?&9-m=\'+j+\'">1</a></3>\'}}c{4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+k+\');v z">\'+k+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+k+\');v z">\'+k+\'</a></3>\'}}}4(F<d-1){5+=\'\'}4(F<d){4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+d+\');v z">\'+d+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+d+\');v z">\'+d+\'</a></3>\'}}6 1b=I(h)+1;4(h<d){4(i=="o"){5+=\'<3 7="g"><a b="#" y="L(\'+1b+\');v z">\'+1g+\'</a></3>\'}c{5+=\'<3 7="g"><a b="#" y="K(\'+1b+\');v z">\'+1g+\'</a></3>\'}}6 D=x.1J("D");6 1d=x.1K("1L-1M");1j(6 p=0;p<D.O;p++){D[p].1i=5}4(D&&D.O>0){5=\'\'}4(1d){1d.1i=5}}C 1e(S){6 Y=S.Y;6 1f=I(Y.1O$1N.$t,10);1k(1f)}C 1h(){6 f=n;4(f.e("/s/r/")!=-1){4(f.e("?X-9")!=-1){u=f.E(f.e("/s/r/")+14,f.e("?X-9"))}c{u=f.E(f.e("/s/r/")+14,f.e("?&9"))}}4(f.e("?q=")==-1&&f.e(".5")==-1){4(f.e("/s/r/")==-1){i="o";4(n.e("#G=")!=-1){h=n.E(n.e("#G=")+8,n.O)}c{h=1}x.1w("<l Q=\\""+B+"N/P/V?9-m=1&11=12-W-l&T=1e\\"><\\/l>")}c{i="r";4(f.e("&9-m=")==-1){j=1H}4(n.e("#G=")!=-1){h=n.E(n.e("#G=")+8,n.O)}c{h=1}x.1w(\'<l Q="\'+B+\'N/P/V/-/\'+u+\'?11=12-W-l&T=1e&9-m=1" ><\\/l>\')}}}C L(H){Z=(H-1)*j;M=H;6 R=x.1x(\'1l\')[0];6 w=x.1u(\'l\');w.1o=\'1n/1m\';w.1v("Q",B+"N/P/V?1p-1q="+Z+"&9-m=1&11=12-W-l&T=1a");R.1t(w)}C K(H){Z=(H-1)*j;M=H;6 R=x.1x(\'1l\')[0];6 w=x.1u(\'l\');w.1o=\'1n/1m\';w.1v("Q",B+"N/P/V/-/"+u+"?1p-1q="+Z+"&9-m=1&11=12-W-l&T=1a");R.1t(w)}C 1a(S){17=S.Y.1I[0];6 1r=17.1s.$t.E(0,19)+17.1s.$t.E(1A,1z);6 16=1F(1r);4(i=="o"){6 1c="/s?X-9="+16+"&9-m="+j+"#G="+M}c{6 1c="/s/r/"+u+"?X-9="+16+"&9-m="+j+"#G="+M}1E.b=1c}',62,113,'|||span|if|html|var|class||max||href|else|maksimal|indexOf|thisUrl|showpageNum|nomerhal|jenis|pageresults|jj|script|results|urlactivepage|page|||label|search||lblname1|return|newInclude|document|onclick|false|mulai|home_page|function|pageArea|substring|akhir|PageNo|numberpage|parseInt|nomerkiri|redirectlabel|redirectpage|nopage|feeds|length|posts|src|nBody|root|callback|numshowpage|summary|in|updated|feed|jsonstart||alt|json|upPageWord||banyakdata|timestamp|post|prevnomer||finddatepost|nextnomer|alamat|blogPager|hitungtotaldata|totaldata|downPageWord|halamanblogger|innerHTML|for|loophalaman|head|javascript|text|type|start|index|timestamp1|published|appendChild|createElement|setAttribute|write|getElementsByTagName|showpage|29|23|showpagePoint|of|Page|location|encodeURIComponent|showpageOf|20|entry|getElementsByName|getElementById|blog|pager|totalResults|openSearch'.split('|'),0,{}))
//]]>
</script>
</b:if>
<script>
//<![CDATA[
// Facebook SDK
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div class='back-top' title='Back to Top'><i class='fa fa-caret-up'/></div>
</body>
</html>

إضافة تعليق

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

info إنضم إلى قناتنا عبر اليوتيوب