- - - - <data:blog.pageTitle /> - <data:blog.pageName /> - <data:blog.title /> - - - */ #navbar-iframe,#Navbar1{display:none!important} header,nav,section,aside,article,footer{display:block} /* Use this with templates/template-twocol.html */ body,.body-fauxcolumn-outer{background:#272727;background-image:url(http://3.bp.blogspot.com/-2h2oCOg1jtw/UDnI-MMf8bI/AAAAAAAAEkw/wm6ZWFT8Jy8/s1600/transparent-bg.gif);margin:0;padding:0;color:#fff;font: 'Droid Arabic Kufi', serif;font-size /* */:/**/ small;font-size:/**/ small;text-align:center} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} a:link{color:#EBEBEB;text-decoration:none} a:visited{color:#999999;text-decoration:none} a:hover{color:#AD1010;text-decoration:none} a,.infox,a.thumbx img,.tab-widget-menu li,.PopularPosts img,.post,ul#relpost_img_sum li,ul#relpost_img_sum li img{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s} a img{border-width:0} #NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid rgb(51,51,51);border-bottom:2px solid rgb(51,51,51);position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999;opacity:0.9} #NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-right:-30px;margin-top:-18px} /* Header ----------------------------------------------- */ #header-wrapper{margin:0 auto 0;height:150px;padding:10px;color:white;background:#050505;background-color:rgba(0,0,0,0.82)} #header-inner{float:right;max-width:700px;margin-top:25px} #header{color:#666666;margin:0} #header h1,#header p{margin:0;padding:0;line-height:1.2em} #header h1.title,#header p.title{text-transform:uppercase;font-size:300%} #header h1.title,#header p.title a,#header h1.title a{color:#AD1010} #header a{color:#666666;text-decoration:none} #header a:hover{color:#666666} #header .description{margin:0;padding:0;text-transform:capitalize;line-height:1.4em;color:#999999;font-size:120%} #header img{margin-right:auto;margin-left:auto} /* Navigation ----------------------------------------------- */ #navix{background-color:#0A0A0A;height:35px;padding:5px 0;border-bottom:1px solid black;border-top:1px solid black} #navixnya ul{height:25px;margin:0;padding:0;float:right} #navixnya li{list-style:none;display:inline-block;zoom:1;margin:0;padding:0;float:right;border-left:1px solid black;position:relative} #navixnya li a{display:block;line-height:25px;text-decoration:none;color:white;padding:0 15px} #navixnya li a:hover{color:#AD1010} #navixnya ul.subnya{position:absolute;width:170px;background:#0A0A0A;height:auto;z-index:2;top:28px;border:1px solid black;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);display:none} #navixnya ul.subnya.hidden{display:block;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;top:20px} #navixnya ul.subnya li{width:100%;border-left:0;border-bottom:1px solid black} #navixnya ul.subnya li:last-child{border-bottom:0} #navixnya ul.subnya a:hover{padding-right:20px} #navixnya li:hover ul.subnya.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;top:29px} #navtopx{position:relative;background:black;background-color:rgba(0,0,0,0.78);height:50px;margin-bottom:10px;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px} #navtop ul,#navtop li{padding:0;margin:0;list-style:none} #navtop li{display:inline-block;float:right;margin:0 2px} #navtop a{padding:0 10px;line-height:50px;height:49px;display:block} #navtop a:hover{border-bottom:3px solid #920707} #navtop{margin-right:10px} /* Outer-Wrapper ----------------------------------------------- */ #outer-wrapper { width: 990px; margin:0 auto; padding:0; text-align:right; font:normal normal 11px 'Droid Arabic Kufi', serif; } #content-wrapper{background:#141414;background-color:rgba(0,0,0,0.47)} #main-wrapper{width:68%;padding:0;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */} #sidebar-wrapper{width:32%;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */} #sidebar-wrapper h2{background:#070707;background-color:rgba(0,0,0,0.82);color:white;border-bottom:1px solid black;padding:0 10px;margin:0 0 10px;height:34px;line-height:34px;overflow:hidden} #sidebar-wrapper .widget-content{padding:0;margin:0 10px} /* Headings ----------------------------------------------- */ h1,h2,h3,h4,h5,h6,.tab-widget-menu li,#socialme span,#header p.title{font-weight:normal;margin:0;font-family: 'Droid Arabic Kufi', serif} /* Posts ----------------------------------------------- */ .date-header{display:none} .post{margin:.5em 0 1.5em;padding-bottom:1.5em;position:relative} .post h1,.post h2{margin:.25em 0 0;padding:0 0 4px;font-size:140%;font-weight:normal;line-height:1.4em} .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;font-weight:normal} .post-body{margin:0;line-height:1.6em} .post-body blockquote{line-height:1.3em} .post-footer{margin:.75em 0;color:#999999;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% Cuprum;line-height:1.4em} .comment-link{margin-right:.6em} .tr-caption-container img{border:none;padding:0} .post blockquote{margin:15px 10px 15px 0;padding:0 0 0 10px;font-style:italic;border-right:2px solid #535353} .post blockquote p{margin:.75em 0} /* Comments ----------------------------------------------- */ #comments h4{font-size:200%;margin:0} #comments-block{margin:1em 0 1.5em;line-height:1.6em} #comments-block .comment-author{margin:.5em 0} #comments-block .comment-body{margin:.25em 0 0} #comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em} #comments-block .comment-body p{margin:0 0 .75em} .deleted-comment{font-style:italic;color:gray} .comments .avatar-image-container,.comments .avatar-image-container img{max-height:45px;max-width:45px;width:45px;height:45px} .comments .comment-block{margin-right:52px;background:white;padding:5px;color:black;position:relative} .comments .comment-block a{color:#2B2B2B} .comments .comment-block a:hover{color:#AD1010} .comments .comments-content .comment{margin-bottom:5px} .comments .comments-content .inline-thread .comment{background:white;padding:5px;margin-bottom:5px} .comments .inline-thread .comment-block{padding:0} .comments .comments-content .inline-thread{padding:5px 0 5px 20px} .comments .thread-toggle{margin-bottom:10px} .comments .inline-thread .avatar-image-container,.comments .inline-thread .avatar-image-container img{max-height:35px;max-width:35px;width:35px;height:35px} .comments .inline-thread .comment-block{margin-right:42px} .comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;background-image:url(http://4.bp.blogspot.com/-tn--dqKGSi8/UKJNsewKB0I/AAAAAAAAGkk/DisRY8P3ATE/s1600/author.png);background-position:0 0;background-repeat:no-repeat;left:-1px;top:-1px} .comments .comments-content .inline-thread .icon.blog-author{left:-6px;top:-6px} #blog-pager-newer-link{float:right} #blog-pager-older-link{float:left} #blog-pager{text-align:center} .feed-links{display:none} /* Sidebar Content ----------------------------------------------- */ .sidebar{color:#666666;line-height:1.5em} .sidebar ul{list-style:none;margin:0 0 0;padding:0 0 0} .sidebar li{margin:0;padding-top:0;padding-left:0;padding-bottom:.25em;padding-right:15px;line-height:1.5em} .sidebar .widget,.main .widget{margin:0 0 1.5em;padding:0 0 1.5em} .sidebar .widget {padding: 8px 0;} .main .Blog{border-bottom-width:0} /* Profile ----------------------------------------------- */ .profile-img{float:right;margin-top:0;margin-left:5px;margin-bottom:5px;margin-right:0;padding:4px;border:1px solid #cccccc} .profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:normal normal 78% 'Droid Arabic Kufi', serif;color:#999999;font-weight:bold;line-height:1.6em} .profile-datablock{margin:.5em 0 .5em} .profile-textblock{margin:0.5em 0;line-height:1.6em} .profile-link{font:normal normal 78% 'Droid Arabic Kufi', serif;text-transform:uppercase;letter-spacing:.1em} /* Footer ----------------------------------------------- */ #footer-wrapper{text-align:center;padding:10px;background:black} img{max-width:100%;height:auto;width:auto\9} .infox{position:absolute;background:#090909;background-color:#090909;background-position:6px 4px;background-repeat:no-repeat;background-image:url(http://2.bp.blogspot.com/-7l77vGTMbG8/UIw_v6jTn0I/AAAAAAAAGTY/_lxMl0QJg70/s16/24_info.png);top:8px;width:30px;height:24px;min-height:24px;right:4px;text-indent:-9999px;overflow:hidden;padding:0;color:white;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.63);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.63);-o-box-shadow:0 1px 1px rgba(0,0,0,0.63);box-shadow:0 1px 1px rgba(0,0,0,0.63);cursor:help;hidden;font-size:0} .infox div{font-size:10px} .infox:hover{background-position:-20px 4px;width:115px;height:auto;text-indent:0;padding:5px} .infox a{display:block;padding:2px;margin:2px 0;font-size:100%} .post-author.vcard span,.d-header span{cursor:default} .infox a:hover{background-color:rgba(0,0,0,0.35)} .post-author.vcard,.d-header,.d-kmtr{padding:2px 0 2px 16px} .infox:hover .post-author.vcard{background-image:url(http://4.bp.blogspot.com/-sgHtWKa8xzA/UIztluIdOiI/AAAAAAAAGU0/6YkwzwlnHOA/s14/user.png);background-position:0 50%;background-repeat:no-repeat} .infox:hover .d-header{background-image:url(http://2.bp.blogspot.com/-dV57Tem3FqI/UIzthIzMGlI/AAAAAAAAGUM/K_bG2kJcq8w/s14/calender.png);background-position:0 50%;background-repeat:no-repeat} .infox:hover .d-kmtr{background-image:url(http://1.bp.blogspot.com/-FaMUGrJ5htw/UIztjE5WCCI/AAAAAAAAGUc/RG6h6E9IbTY/s16/komentar-putih.png);background-position:0 3px;background-repeat:no-repeat} .d-kmtr a{padding:0;margin:0} .tab-widget-menu{background:#070707;background-color:rgba(0,0,0,0.82);padding:8px 5px 0;margin-bottom:10px} .tab-widget-menu ul,.tab-widget-menu li{padding:0;list-style:none;margin:0} .tab-widget-menu li{font-size:140%;display:inline-block;float:right;margin:0 1%;width:31%;text-align:center;cursor:pointer;height:30px;line-height:30px} .tab-widget-menu li.selected,.tab-widget-menu li:hover{background:#920707} .Label li{display:inline-block;float:right;padding:5px 8px;margin:0 0 2px 2px;background:#292929} #mobinav,#mobinavtop{display:none} #rpnrk ul,#rpnrk li{list-style:none;padding:0;margin:0} #rpnrk li{margin:0 5px;display:inline-block;float:right;position:relative} ul.rpostx,ul.rcommentsx{position:absolute;z-index:2;width:250px;left:-20px;background-color:#0A0A0A;border:1px solid black;border-top:0;top:27px;-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);display:none} ul.rpostx.hidden,ul.rcommentsx.hidden{display:block;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s} #rpnrk li:hover ul.rpostx.hidden,#rpnrk li:hover ul.rcommentsx.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible} #rcpnreccom{float:left;height:25px} #rpnrk,.rss{display:inline-block;height:25px;float:right} a.rpost,a.rkmtr{display:block;width:25px;height:25px;cursor:pointer} a.rpost span,a.rkmtr span{position:absolute;width:90px;top:-15px;right:-120px;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s} a.rpost:hover span,a.rkmtr:hover span{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible;right:-50px} a.rkmtr span{width:120px} ul.rpostx li,ul.rcommentsx li{overflow:hidden;width:100%} a.thumrc,.kmtrimg{width:50px;height:50px;display:block;float:right;margin-left:5px} a.thumrc img,.kmtrimg img{display:block;width:100%;height:100%} .infrent a,.ketkomt a{display:block;margin-bottom:4px} span.footer-outer,.ketkomt span{display:block;font-size:75%} .ketkomt span{font-size:82%} a.rpost{background-image:url(http://3.bp.blogspot.com/-Z5JvXmwBzLI/UKKAum8HPXI/AAAAAAAAGmA/yGxinNC42xo/s23/Clock.png);background-position:50% 50%;background-repeat:no-repeat} a.rkmtr{background-image:url(http://4.bp.blogspot.com/-oK3GDoUA2z4/UKKAvy-rzEI/AAAAAAAAGmI/r39USKRmCHo/s23/Conversation.png);background-position:50% 50%;background-repeat:no-repeat} #rpnrk ul.rpostx li,#rpnrk ul.rcommentsx li{padding:5px;margin:0;border-bottom:1px solid black} #rpnrk img:hover{-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4} .rss a{width:25px;text-indent:-9999px;margin-left:30px;margin-right:5px;height:25px;background-image:url(http://3.bp.blogspot.com/-Zj5V8hsw6xQ/UKKH7740TMI/AAAAAAAAGm8/al3U4nh2sdk/s20/48_rss.png);background-repeat:no-repeat;background-position:50% 50%;display:block} #socialme{float:left} #socialme ul,#socialme li{padding:0;margin:0;list-style:none} #socialme li{margin-bottom:7px} #socialme li:last-child{margin-bottom:0} #socialme a{display:block;width:140px;height:38px;padding-right:25px} #socialme a:hover{padding-right:30px} #socialme span{line-height:38px;font-size:150%} #socialme a.fb{background-image:url(http://3.bp.blogspot.com/-ZKzqkwp3_nU/UKN5AYUdG5I/AAAAAAAAGnw/bSN_Se7BrEU/s38/Facebook.png);background-repeat:no-repeat;background-position:0 0} #socialme a.tw{background-image:url(http://2.bp.blogspot.com/-XIQ6HL3bH5Q/UKN5EjAa2JI/AAAAAAAAGoA/Q4AZLyp8dVc/s38/Twitter.png);background-repeat:no-repeat;background-position:0 0} #socialme a.go{background-image:url(http://3.bp.blogspot.com/-BQnHIZLTGHU/UKN5DYXCIyI/AAAAAAAAGn4/bBdHiu2JKcM/s38/Google+.png);background-repeat:no-repeat;background-position:0 0} a#top-nav{display:none;width:38px;height:138px;position:fixed;bottom:56px;left:0;background-image:url(http://3.bp.blogspot.com/-IXy9mQ6Fzx0/UKPm9CIyE9I/AAAAAAAAGo0/un9TiwH3Cac/s1600/return-top.png);background-position:0 0;background-repeat:no-repeat;cursor:pointer} a#top-nav:hover {background-position: -38px 0;} ]]> - - - - - -

-

Please enable javascript to view this site.
-

- - - -
-
Searching...
- -
- - - - - - -
-

-

- - - - - -
-
- -

-

 

-
-
- -

-

 

- -
- - -
- -
-
- -

-

 

- - - -
-
-
    -
  • - ��� ��������� -
-
-
- - - -
- - - - - - - -
- - - - - - - - - - - - -
- -

- -
- -
- - - - - : - - - -
- - -
- - - - - - - - - no image - -
- -
- -
- -
- - -
- - - -

- - - -

-

- -

-

- -

-
-
- - -

-

-
- - - - -
- -
-
- - -
�������� �������
��� �� �������� �������
- - -
�������� �������
��� �� �������� �������
- - - - - - - - - -
-
-
-
-
- -
- -

-

-

 

<b:else /> - <h4 id="comment-post-message"> <data:postCommentMsg /> </h4> - <p> <data:blogCommentMessage /> </p> <data:blogTeamBlogMessage /> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" ></a> <iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post" frameborder="0" height="410" id="comment-editor" name="comment-editor" src="" _mce_src="/ramyshahen1/" width="100%" /> </b:if> <data:post.friendConnectJs /> <data:post.cmtfpIframe /> - <mce:script type="text/javascript"><!-- BLOG_CMT_createIframe(' <data:post.appRpcRelayPath /> ', ' <data:post.communityId /> '); // --></mce:script> </div> </b:includable> - <b:includable id="threaded_comments" var="post"> - <div class="comments" id="comments"> <a name="comments" ></a> - <h4> - <b:if cond="data:post.numComments == 1"> 1 <data:commentLabel /> : <b:else /> <data:post.numComments /> <data:commentLabelPlural /> : </b:if> </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" /> </div> </b:if> - <div id="backlinks-container"> - <div expr:id="data:widget.instanceId + "_backlinks-container""> - <b:if cond="data:post.showBacklinks"> <b:include data="post" name="backlinks" /> </b:if> </div> </div> </div> </b:includable> - <b:includable id="backlinkDeleteIcon" var="backlink"> - <span expr:class=""item-control " + data:backlink.adminClass"> - <a expr:href="data:backlink.deleteUrl" expr:title="data:top.deleteBacklinkMsg"> <img src="//www.blogger.com/img/icon_delete13.gif" _mce_src="http://www.blogger.com/img/icon_delete13.gif" /> </a> </span> </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 + "_blog-pager-newer-link"" expr:title="data:newerPageTitle">&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 + "_blog-pager-older-link"" expr:title="data:olderPageTitle">&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"> - <div class="date-header"> <data:post.dateHeader /> </div> </b:if> - <div class="date-posts"> - <div class="post-outer"> - <div class="post hentry uncustomized-post-template"> <a expr:name="data:post.id" ></a> - <b:if cond="data:post.title"> - <h3 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"> - <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=""post-body-" + data:post.id"> <data:post.body /> <div style="clear: both;" _mce_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"> - <a expr:href="data:post.authorProfileUrl" rel="author" title="author profile"> <data:post.author /> </a> </span> <b:else /> - <span class="fn"> <data:post.author /> </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"> - <a class="timestamp-link" expr:href="data:post.url" rel="bookmark" title="permanent link"> - <abbr class="published" expr:title="data:post.timestampISO8601"> <data:post.timestamp /> </abbr> </a> </b:if> </b:if> </span> - <span class="post-comment-link"> - <b:if cond="data:blog.pageType != "item""> - <b:if cond="data:blog.pageType != "static_page""> - <b:if cond="data:post.allowComments"> - <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"> - <b:if cond="data:post.numComments == 1"> 1 <data:top.commentLabel /> <b:else /> <data:post.numComments /> <data:top.commentLabelPlural /> </b:if> </a> </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);" _mce_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 == "static_page""> - <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:if cond="data:blog.pageType == "item""> - <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> </div> </div> </div> </b:includable> - <b:includable id="postQuickEdit" var="post"> - <b:if cond="data:post.editUrl"> - <span expr:class=""item-control " + 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" _mce_src="http://img2.blogblog.com/img/icon18_edit_allbkg.gif" width="18" /> </a> </span> </b:if> </b:includable> - <b:includable id="main" var="top"> - <b:if cond="data:mobile == "false""> - <!-- posts --> - <div class="blog-posts hfeed"> <b:include data="top" name="status-message" /> <data:defaultAdStart /> - <b:loop values="data:posts" var="post"> - <b:if cond="data:post.isDateStart"> <b:if cond="data:post.isFirstPost == "false""></div></div></b:if> </b:if> <b:if cond="data:post.isDateStart"><div class="date-outer"></b:if> - <b:if cond="data:post.dateHeader"> - <div class="date-header"> <data:post.dateHeader /> </div> </b:if> <b:if cond="data:post.isDateStart"><div class="date-posts"></b:if> - <div class="post-outer"> <b:include data="post" name="post" /> - <b:if cond="data:blog.pageType == "static_page""> - <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:if cond="data:blog.pageType == "item""> - <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> </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> <b:if cond="data:numPosts != 0"></div></div></b:if> <data:adEnd /> </div> - <b:if cond="data:blog.pageType != "static_page""> - <b:if cond="data:blog.pageType != "item""> - <!-- navigation --> <b:include name="nextprev" /> </b:if> </b:if> - <!-- feed links --> <b:include name="feedLinks" /> - <b:if cond="data:top.showStars"> <mce:script _mce_src="http://www.google.com/jsapi" type="text/javascript" /><!-- - <script type="text/javascript"> google.load("annotations", "1", {"locale": " <data:top.languageCode /> "}); function initialize() { google.annotations.setApplicationId( <data:top.blogspotReviews /> ); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); // --></mce: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="commentDeleteIcon" var="comment"> - <span expr:class=""item-control " + 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="//www.blogger.com/img/icon_delete13.gif" _mce_src="http://www.blogger.com/img/icon_delete13.gif" /> </a> </b:if> </span> </b:includable> - <b:includable id="feedLinks"> - <b:if cond="data:blog.pageType != "item""> - <!-- 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="threaded-comment-form" var="post"> - <div class="comment-form"> <a name="comment-form" ></a> - <b:if cond="data:mobile"> - <div id="form-wrapper"> - <p> <data:blogCommentMessage /> </p> <data:blogTeamBlogMessage /> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" ></a> <iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post" frameborder="0" height="410" id="comment-editor" name="comment-editor" src="" _mce_src="/ramyshahen1/" style="display: none" _mce_style="display: none;" width="100%" /> </div> <b:else /> - <div id="form-wrapper"> - <p> <data:blogCommentMessage /> </p> <data:blogTeamBlogMessage /> <a expr:href="data:post.commentFormIframeSrc" id="comment-editor-src" ></a> <iframe allowtransparency="true" class="blogger-iframe-colorize blogger-comment-from-post" frameborder="0" height="410" id="comment-editor" name="comment-editor" src="" _mce_src="/ramyshahen1/" width="100%" /> </div> </b:if> <data:post.friendConnectJs /> <data:post.cmtfpIframe /> - <mce:script type="text/javascript"><!-- BLOG_CMT_createIframe(' <data:post.appRpcRelayPath /> ', ' <data:post.communityId /> '); // --></mce:script> </div> </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"> <data:post.dateHeader /> </div> </b:if> - <div class="mobile-post-outer"> - <a expr:href="data:post.url"> - <h3 class="mobile-index-title entry-title"> <data:post.title /> </h3> <div class="mobile-index-arrow">&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;" _mce_style="clear: both;" /> </a> - <div class="mobile-index-comment"> - <b:if cond="data:blog.pageType != "static_page""> - <b:if cond="data:post.allowComments"> - <b:if cond="data:post.numComments != 0"> - <a class="comment-link" expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"> - <b:if cond="data:post.numComments == 1"> 1 <data:top.commentLabel /> <b:else /> <data:post.numComments /> <data:top.commentLabelPlural /> </b:if> </a> </b:if> </b:if> </b:if> </div> </div> </div> </b:includable> - <b:includable id="iframe_comments" var="post"> - <b:if cond="data:post.allowIframeComments"> <mce:script expr:_mce_src="data:post.iframeCommentSrc" type="text/javascript" /><!-- <div class="cmt_iframe_holder" /> - <b:if cond="data:post.embedCommentForm == "false""> - <a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"> <data:postCommentMsg /> </a> </b:if> </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="comments" var="post"> - <div class="comments" id="comments"> <a name="comments" ></a> - <b:if cond="data:post.allowComments"> - <h4> - <b:if cond="data:post.numComments == 1"> 1 <data:commentLabel /> : <b:else /> <data:post.numComments /> <data:commentLabelPlural /> : </b:if> </h4> - <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> <data:post.commentRangeText /> - <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> - <div expr:id="data:widget.instanceId + "_comments-block-wrapper""> - <dl expr:class="data:post.avatarIndentClass" id="comments-block"> - <b:loop values="data:post.comments" var="comment"> - <dt expr:class=""comment-author " + 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" ></a> - <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"> <data:comment.timestamp /> </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> <data:post.commentRangeText /> - <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" /> </div> </b:if> - <div id="backlinks-container"> - <div expr:id="data:widget.instanceId + "_backlinks-container""> - <b:if cond="data:post.showBacklinks"> <b:include data="post" name="backlinks" /> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div> - <b:if cond="data:blog.pageType != "item""> - <b:if cond="data:blog.pageType != "static_page""> - <script type="text/javascript"> // - <![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b}}resizeThumb("main",180); // --></mce:script> </b:if> </b:if> - <mce:script type="text/javascript"><!-- // - <![CDATA[ $('.post-body a[href$=".jpg"], .post-body a[href$=".png"], .post-body a[href$=".gif"], .post-body a[href$=".bmp"]').attr({'class':'pirobox','data-pirobox':'gallery'}); // --></mce:script> - <aside id="sidebar-wrapper"> - <div id="sidebaratas"> - <b:section class="sidebar" id="sidebar" preferred="yes"> - <b:widget id="Profile1" locked="false" title="�� ���" type="Profile"> - <b:includable id="main"> - <b:if cond="data:title != """> - <h2> <data:title /> </h2> </b:if> - <div class="widget-content"> - <b:if cond="data:team == "true""> - <!-- team blog profile --> - <ul> - <b:loop values="data:authors" var="i"> - <li> - <a class="profile-name-link g-profile" expr:href="data:i.userUrl" expr:style=""background-image: url(" + data:i.profileLogo + ");""> <data:i.display-name /> </a> </li> </b:loop> </ul> <b:else /> - <!-- normal blog profile --> - <b:if cond="data:photo.url != """> - <a expr:href="data:userUrl"> <img class="profile-img" expr:alt="data:photo.alt" expr:height="data:photo.height" expr:src="data:photo.url" expr:width="data:photo.width" /> </a> </b:if> - <dl class="profile-datablock"> - <dt class="profile-data"> - <a class="profile-name-link g-profile" expr:href="data:userUrl" expr:style=""background-image: url(" + data:profileLogo + ");"" rel="author"> <data:displayname /> </a> </dt> - <b:if cond="data:showlocation == "true""> - <dd class="profile-data"> <data:location /> </dd> </b:if> - <b:if cond="data:aboutme != """> - <dd class="profile-textblock"> <data:aboutme /> </dd> </b:if> </dl> - <a class="profile-link" expr:href="data:userUrl" rel="author"> <data:viewProfileMsg /> </a> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> - <b:widget id="Navbar1" locked="true" title="Navbar" type="Navbar"> <b:includable id="main"><mce:script type="text/javascript"><!-- function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } // --></mce:script> <div id="navbar-iframe-container"></div> <mce:script type="text/javascript" _mce_src="https://apis.google.com/js/plusone.js"></mce:script> <mce:script type="text/javascript"><!-- gapi.load("iframes-styles-bubble", function() { if (window.iframes && iframes.open) { iframes.open( '//draft.blogger.com/navbar.g?targetBlogID\0752642359581765735127\46blogName\75%D9%82%D8%A7%D9%84%D8%A8+DarkRed+%D8%A7%D9%84%D9%85%D8%B9%D8%B1%D8%A8\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://ar-darkred.blogspot.com/search\46blogLocale\75ar\46v\0752\46homepageUrl\75http://ar-darkred.blogspot.com/\46vt\0752069457627135200691', { container: "navbar-iframe-container", id: "navbar-iframe" }, { }); } }); // --></mce:script><mce:script type="text/javascript"><!-- (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); // --></mce:script></b:includable> </b:widget> - <b:widget id="Attribution1" locked="true" title="" type="Attribution"> - <b:includable id="main"> - <b:if cond="data:feedbackSurveyLink"> - <div class="mobile-survey-link" style="text-align: center;" _mce_style="text-align: center;"> <data:feedbackSurveyLink /> </div> </b:if> - <div class="widget-content" style="text-align: center;" _mce_style="text-align: center;"> - <b:if cond="data:attribution != """> <data:attribution /> </b:if> </div> <b:include name="quickedit" /> </b:includable> </b:widget> </b:section> </div> - <div id="sidebartngh"> - <div id="tab"> - <div class="tab-widget-menu clear"> - <ul> <li class="tab1">������ �����</li> <li class="tab2">��������</li> <li class="tab3">�������</li> </ul> <div class="clear" /> </div> - <div class="widget1" id="tab1"> - <b:section class="sidebar" id="tab1-popular-posts" showaddelement="yes"> - <b:widget id="PopularPosts2" locked="false" title="Popular Posts" type="PopularPosts"> - <b:includable id="main"> - <b:if cond="data:title"> - <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 == "false""> - <b:if cond="data:showSnippets == "false""> - <!-- (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 /> - <b:if cond="data:showSnippets == "false""> - <!-- (3) Show only thumbnails --> - <div class="item-thumbnail-only"> - <b:if cond="data:post.thumbnail"> - <div class="item-thumbnail"> - <a expr:href="data:post.href" target="_blank"> <img alt="" border="0" 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> </div> <div style="clear: both;" _mce_style="clear: both;" /> <b:else /> - <!-- (4) Show snippets and thumbnails --> - <div class="item-content"> - <b:if cond="data:post.thumbnail"> - <div class="item-thumbnail"> - <a expr:href="data:post.href" target="_blank"> <img alt="" border="0" 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> - <div class="item-snippet"> <data:post.snippet /> </div> </div> <div style="clear: both;" _mce_style="clear: both;" /> </b:if> </b:if> </li> </b:loop> </ul> <b:include name="quickedit" /> </div> </b:includable> </b:widget> </b:section> </div> - <div class="widget1" id="tab2"> - <b:section class="sidebar" id="tab2-labels" showaddelement="yes"> - <b:widget id="Label1" locked="false" title="Labels" type="Label"> - <b:includable id="main"> - <b:if cond="data:title"> - <h2> <data:title /> </h2> </b:if> - <div expr:class=""widget-content " + data:display + "-label-widget-content""> - <b:if cond="data:display == "list""> - <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="ltr"> ( <data:label.count /> ) </span> </b:if> </li> </b:loop> </ul> <b:else /> - <b:loop values="data:labels" var="label"> - <span expr:class=""label-size label-size-" + 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="ltr"> ( <data:label.count /> ) </span> </b:if> </span> </b:loop> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> </b:section> </div> - <div class="widget1" id="tab3"> - <b:section class="sidebar" id="tab3-archive" showaddelement="yes"> - <b:widget id="BlogArchive1" locked="false" title="Blog Archive" type="BlogArchive"> - <b:includable id="main"> - <b:if cond="data:title"> - <h2> <data:title /> </h2> </b:if> - <div class="widget-content"> - <div id="ArchiveList"> - <div expr:id="data:widget.instanceId + "_ArchiveList""> - <b:if cond="data:style == "HIERARCHY""> <b:include data="data" name="interval" /> </b:if> - <b:if cond="data:style == "FLAT""> <b:include data="data" name="flat" /> </b:if> - <b:if cond="data:style == "MENU""> <b:include data="data" name="menu" /> </b:if> </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="menu" var="data"> - <select expr:id="data:widget.instanceId + "_ArchiveMenu""> - <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="interval" var="intervalData"> - <b:loop values="data:intervalData" var="i"> - <ul class="hierarchy"> - <li expr:class=""archivedate " + data:i.expclass"> <b:include data="i" name="toggle" /> - <a class="post-count-link" expr:href="data:i.url"> <data:i.name /> </a> - <span class="post-count" dir="ltr"> ( <data:i.post-count /> ) </span> - <b:if cond="data:i.data"> <b:include data="i.data" name="interval" /> </b:if> - <b:if cond="data:i.posts"> <b:include data="i.posts" name="posts" /> </b:if> </li> </ul> </b:loop> </b:includable> - <b:includable id="toggle" var="interval"> - <b:if cond="data:interval.toggleId"> - <b:if cond="data:interval.expclass == "expanded""> - <a class="toggle" href="javascript:void(0)" _mce_href="javascript:void(0)"> <span class="zippy toggle-open">▼ </span> </a> <b:else /> - <a class="toggle" href="javascript:void(0)" _mce_href="javascript:void(0)"> - <span class="zippy"> - <b:if cond="data:blog.languageDirection == "rtl""> ◄ <b:else /> ► </b:if> </span> </a> </b:if> </b:if> </b:includable> - <b:includable id="posts" var="posts"> - <ul class="posts"> - <b:loop values="data:posts" var="i"> - <li> - <a expr:href="data:i.url"> <data:i.title /> </a> </li> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> </div> <div style="clear: both;" _mce_style="clear: both;" /> - <mce:script type="text/javascript"><!-- // - <![CDATA[ $(document).ready(function(){ $('#tab .widget1').hide(); $('#tab .widget1:first').show(); $('.tab-widget-menu ul li:first').addClass('selected'); $('.tab-widget-menu ul li').click(function(){ $('.tab-widget-menu ul li').removeClass('selected'); $(this).addClass('selected'); $('#tab .widget1').hide(); $('#tab .widget1').eq($('.tab-widget-menu ul li').index(this)).slideDown()(500); }); }); // --></mce:script> </div> - <div id="sidebarbwh"> - <b:section class="sidebar" id="sidebarbwh1" preferred="yes"> - <b:widget id="Label2" locked="false" title="Labels" type="Label"> - <b:includable id="main"> - <b:if cond="data:title"> - <h2> <data:title /> </h2> </b:if> - <div expr:class=""widget-content " + data:display + "-label-widget-content""> - <b:if cond="data:display == "list""> - <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="ltr"> ( <data:label.count /> ) </span> </b:if> </li> </b:loop> </ul> <b:else /> - <b:loop values="data:labels" var="label"> - <span expr:class=""label-size label-size-" + 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="ltr"> ( <data:label.count /> ) </span> </b:if> </span> </b:loop> </b:if> <b:include name="quickedit" /> </div> </b:includable> </b:widget> </b:section> </div> </aside> - <!-- spacer for skins that want sidebar and main to be the same height --> <div class="clear"> </div> </div> - <!-- end content-wrapper --> - <footer id="footer-wrapper"> - <div class="cpleft"> ���� ����� <data:blog.title /> • �� ����� ������ ����� <a href="http://ar-blogger-tips.blogspot.com" _mce_href="http://ar-blogger-tips.blogspot.com">����� ��������</a> . </div> - <div class="cpleft"> Copyright © 2012 • - <a expr:href="data:blog.homepageUrl"> <data:blog.title /> </a> • All right Reserved </div> - <div class="kreditx"> Designed by <a href="http://www.ivythemes.com" _mce_href="http://www.ivythemes.com">ivythemes</a> • <a href="http://mkr-site.blogspot.com" _mce_href="http://mkr-site.blogspot.com">MKR Site</a> </div> </footer> <a id="top-nav" title="���� �����" ></a> - <mce:script type="text/javascript"><!-- // - <![CDATA[ $(window).scroll(function() { if($(this).scrollTop() > 200) { $('#top-nav').fadeIn(); } else { $('#top-nav').fadeOut(); } }); $('#top-nav').click(function() { $('html, body').animate({scrollTop:0}, 1000); return false; }); // --></mce:script> </div> - <!-- end outer-wrapper --> - <mce:script type="text/javascript"><!-- // - <![CDATA[ /** * Name: PiroBox Extended v.1.3 * Date: August 2012 * Autor: Diego Valobra (http://www.pirolab.it) * Version: 1.3 * Licence: CC-BY-SA http://creativecommons.org/licenses/by-sa/3/it/ **/ (function($){var flag_scroll=null;$.pirobox_ext=function(opt){opt=jQuery.extend({piro_speed:700,zoom_mode:true,move_mode:"mousemove",zoom_animation:true,bg_alpha:0.5,piro_scroll:true,share:true,padding:null,attribute:"data-pirobox",resize:false},opt);flag_scroll=opt.piro_scroll;if(opt.piro_speed<400){opt.piro_speed=400}var piro_capt_cont='<div class="piro_caption"></div>';$(".piro_html,.piro_overlay").remove();var struct=('<div class="piro_overlay"></div><table class="piro_html" cellpadding="0" cellspacing="0"><tr><td class="h_t_l"></td><td class="h_t_c"></td><td class="h_t_r"></td></tr><tr><td class="h_c_l"></td><td class="h_c_c"><div class="resize"><div class="piro_loader" title="close"><span></span></div><div class="nav_big"><a href="#close" class="piro_close" title="close"></a><a href="#next" class="piro_next" title="�������� �������"></a><a href="#prev" class="piro_prev" title="�������� �������"></a></div><div class="div_reg"></div></div></td><td class="h_c_r"></td></tr><tr><td class="h_mb_l"></td><td class="h_mb_c"><div class="nav_container"><div class="nav_container_hide"><a href="#next" class="piro_next" title="�������� �������"></a><div class="piro_next_fake"></div><div class="piro_close" title="close"></div><a href="#prev" class="piro_prev" title="�������� �������"></a><div class="piro_prev_fake"></div><a href="" target="_blank" class="piro_twitter" title="share on twitter"></a><a href="" target="_blank" class="piro_facebook" title="share on facebook"></a><a href="#ZoomIn" class="piro_zoomIn" title="ZoomIn"></a><a href="#ZoomOut" class="piro_zoomOut" title="ZoomOut"></a></div></div></td><td class="h_mb_r"></td></tr><tr><td class="h_b_l"></td><td class="h_b_c"></td><td class="h_b_r"></td></tr></table>');$("body").append(struct);$("body").append('<div class="piro_thumbs"></div>');var wrapper=$(".piro_html"),zoomIn=$(".piro_zoomIn"),zoomOut=$(".piro_zoomOut"),twitter=$(".piro_twitter"),facebook=$(".piro_facebook"),piro_next=$(".piro_next"),piro_prev=$(".piro_prev"),piro_next_big=$(".nav_big .piro_next"),piro_prev_big=$(".nav_big .piro_prev"),piro_next_fake=$(".piro_next_fake"),piro_prev_fake=$(".piro_prev_fake"),piro_close=$(".piro_close"),piro_bg=$(".piro_overlay"),piro_nav=$(".nav_container"),piro_nav_in=$(".nav_container_hide"),div_reg=$(".div_reg"),piro_loader=$(".piro_loader"),resize=$(".resize"),y=$(window).height(),x=$(window).width(),rz_img=0.9,position=-50;var my_gall_obj=$('*[class*="pirobox"]');var map=new Object();for(var i=0;i<my_gall_obj.length;i++){var it=$(my_gall_obj[i]);map["."+it.attr("class").match(/^pirobox\w*/)]=0}var gall_settings=new Array();for(var key in map){gall_settings.push(key)}for(var i=0;i<gall_settings.length;i++){if(gall_settings[i]==".pirobox"||gall_settings[i]==1){$(gall_settings[i]).addClass("single_fix")}else{if(gall_settings.length>1){$(gall_settings[i]+":first").attr("my_id","first");$(gall_settings[i]+":last").attr("my_id","last");$('*[class*="pirobox_gall"]').each(function(rev){this.rev=rev+0})}}}$.fn.piroFadeIn=function(speed,callback){$(this).fadeIn(speed,function(){if(jQuery.browser.msie){$(this).get(0).style.removeAttribute("filter")}if(callback!=undefined){callback()}})};$.fn.piroFadeOut=function(speed,callback){$(this).fadeOut(speed,function(){if(jQuery.browser.msie){$(this).get(0).style.removeAttribute("filter")}if(callback!=undefined){callback()}})};if(opt.zoom_animation==true){$("head").append('')}var piro_gallery=$(my_gall_obj);opt.padding=$(".piro_html .h_t_l").width();$(".piro_html .h_mb_c,.nav_container").animate({height:0},0);wrapper.css({right:(x/2)-(wrapper.width()/2),top:parseInt($(document).scrollTop())+(y-wrapper.height())/2});$(window).scroll(function(){wrapper.css({right:(x/2)-(wrapper.width()/2),top:parseInt($(document).scrollTop())+(y-wrapper.height())/2})});$(wrapper).add(piro_bg).hide();$(".nav_big").hide();piro_bg.css({opacity:opt.bg_alpha});$(piro_prev).add(piro_next).bind("click",function(c){$(".piro_html .h_mb_c, .nav_container").animate({height:0},0);$(".nav_big").hide();$(".div_reg").children().fadeOut(200);zoomOut.css("visibility","hidden");$(".piro_caption").remove();c.preventDefault();var obj_count=parseInt($('*[class*="pirobox_gall"]').filter(".item").attr("rev"));var start=$(this).is(".piro_prev")?$('*[class*="pirobox_gall"]').eq(obj_count-1):$('*[class*="pirobox_gall"]').eq(obj_count+1);start.click()});$("html").bind("keyup",function(c){if(c.keyCode==27){c.preventDefault();if($(piro_close).is(":visible")){close_all()}}});$("html").bind("keyup",function(e){if($(".item").attr("my_id")=="first"){}else{if($(".item").attr(opt.attribute)=="single"){piro_nav.show()}else{if(e.keyCode==37){e.preventDefault();if($(piro_close).is(":visible")){piro_prev_big.click()}}}}});$("html").bind("keyup",function(z){if($(".item").attr("my_id")=="last"){}else{if($(".item").attr(opt.attribute)=="single"){piro_nav.show()}else{if(z.keyCode==39){z.preventDefault();if($(piro_close).is(":visible")){piro_next_big.click()}}}}});function get_position(){var new_y=$(window).height(),new_x=$(window).width(),new_h=wrapper.outerHeight(true),new_w=wrapper.outerWidth(true);if(flag_scroll==false){wrapper.css({right:((new_x/2)-(new_w/2))+"px"})}else{if(flag_scroll==true){wrapper.css({right:((new_x/2)-((new_w)/2)),top:parseInt($(document).scrollTop())+(new_y-new_h)/2})}}}$(piro_gallery).each(function(){function nav_position(){piro_nav_in.each(function(){var nav_children=$(this).children(":visible").not(".piro_caption");var nav_children_not=$(this).children().not(".piro_caption").not(":visible");var increase=0;$(nav_children).each(function(){increase+=$(this).width()+6;$(this).css({visibility:"visible"});$(this).css({left:increase,"margin-left":"-20px"});zoomIn.css("margin-left","-30px");var zoom_pos=zoomIn.position();zoomOut.css({left:increase,visibility:"hidden","margin-left":"-30px"});$(nav_children_not).css("visibility","hidden")})})}var descr=$(this).attr("title"),params=$(this).attr(opt.attribute).split("-"),p_link=$(this).attr("href");$(this).unbind();$(this).bind("click",function(e){piro_bg.css({opacity:opt.bg_alpha});e.preventDefault();piro_next.add(piro_prev).hide();piro_next_fake.add(piro_prev_fake).hide();$(piro_gallery).filter(".item").removeClass("item");$(this).addClass("item");open_all();if(opt.share==true){twitter.add(facebook).show()}else{twitter.add(facebook).remove()}if($(this).attr("my_id")=="first"){piro_prev.add(piro_next_fake).hide();piro_next.add(piro_prev_fake).show()}else{piro_next.add(piro_prev).show();piro_next_fake.add(piro_prev_fake).hide()}if($(this).attr("my_id")=="last"){piro_prev.add(piro_next_fake).show();piro_next.add(piro_prev_fake).hide()}if($(this).is(".pirobox")||$(this).is(".single_fix")){piro_next.add(piro_prev).hide();$(".nav_big,.nav_big .piro_next,.nav_big .piro_prev").css("height",0).hide();piro_next_fake.add(piro_prev_fake).hide()}if($(this).attr("my_id")=="last"&&$(this).attr("my_id")=="first"){piro_next.add(piro_prev).hide();piro_next_fake.add(piro_prev_fake).hide();$(".nav_big .piro_next,.nav_big .piro_prev").css("height",0).hide()}});function open_all(){$.fn.hasAttr=function(name){return this.attr(name)!==undefined};wrapper.add(piro_bg).add(div_reg).add(piro_loader).show();function animate_html(){piro_nav_in.add(".piro_caption").hide();$(".nav_big").hide();$(".piro_zoomOut,.piro_zoomIn").css("visibility","hidden").hide();$(".nav_big").css("height",0);if(descr==""||descr===undefined||descr===false){$(".piro_caption").hide()}else{$(piro_capt_cont).appendTo(piro_nav_in)}if(params[1]=="full"){params[2]=$(window).height()-opt.padding*4;params[1]=$(window).width()-opt.padding*3}if(params[1]<=1&&params[2]<=1){params[2]=Math.ceil($(window).height()*(params[2]));params[1]=Math.ceil($(window).width()*(params[1]))}var y=$(window).height();var x=$(window).width();if(parseFloat(params[2])+70>y){var top=0;flag_scroll=false}else{if(params[1]=="full"){flag_scroll=opt.piro_scroll;var top=(parseInt($(document).scrollTop())+(y-params[2])/2+position)}else{var top=(parseInt($(document).scrollTop())+(y-params[2])/2+position);flag_scroll=opt.piro_scroll}}piro_close.hide();resize.add(div_reg).animate({height:+(params[2]),width:+(params[1])},opt.piro_speed);wrapper.animate({height:+(params[2])+(opt.padding*2),top:top,width:+(params[1])+(opt.padding*2),right:((x/2)-((params[1])/2+opt.padding))},opt.piro_speed,function(){$(".nav_big").hide();$(".piro_caption").html("<p>"+descr+"</p>").hide();$(".piro_html .h_mb_c,.nav_container").animate({height:41},300);piro_nav_in.show();piro_loader.hide();piro_close.show();div_reg.fadeIn(400);$(window).resize(function(){get_position()});$(window).scroll(function(){get_position()});$(".piro_caption").fadeIn(100,function(){if($(".piro_caption p").height()>28){$(".piro_caption p").css({background:"url(css_pirobox/style_12/caption_up_down.png) top left no-repeat","padding-left":"18px"});var piro_nav_length=piro_nav_in.children(":visible").not(".piro_caption").length;$(".piro_caption").css("width",params[1]-(45*piro_nav_length));$(".piro_caption").live("mouseenter",function(){$(this).stop().animate({height:$(this).children("p").outerHeight(true)},400)});$(".piro_caption").live("mouseleave",function(){$(this).animate({height:28},200)})}else{$(".piro_caption p,.piro_caption").removeAttr("style")}});nav_position()})}function animate_image(){flag_scroll=opt.piro_scroll;piro_nav_in.hide();$(".nav_big").hide();$(".nav_container, .h_mb_c").css("height",0);if(descr==""||descr===undefined||descr===false){$(".piro_caption").hide()}else{$(piro_capt_cont).appendTo(piro_nav_in)}var img=new Image();$(".div_reg img").remove();img.onerror=function(){$(".piro_caption").remove();twitter.add(facebook).hide();img.src="js/error.jpg";img.width="368";img.height="129"};img.onload=function(){var this_h=img.height,this_w=img.width,y=$(window).height(),x=$(window).width(),imgH=img.height,imgW=img.width;if(imgH+100>y||imgW+100>x){var _x=(imgW+opt.padding*2)/x,_y=(imgH+opt.padding*2)/y;if(_y>_x){imgW=Math.round(img.width*(rz_img/_y));imgH=Math.round(img.height*(rz_img/_y))}else{imgW=Math.round(img.width*(rz_img/_x));imgH=Math.round(img.height*(rz_img/_x))}if(opt.zoom_mode==true){$(".piro_zoomIn").css("visibility","visible").show();$(".piro_zoomOut").css("visibility","hidden").hide()}else{$(".piro_zoomOut,.piro_zoomIn").remove()}}else{imgH=img.height;imgW=img.width;$(".piro_zoomOut,.piro_zoomIn").css("visibility","hidden").hide()}var top=parseInt($(document).scrollTop())+(y-imgH)/2+position;if(this_h+100>y&&opt.resize==false){$(".piro_zoomOut,.piro_zoomIn").css("visibility","hidden").hide();imgH=this_h;imgW=this_w;top=30;flag_scroll=false}if(this_w+100>x&&opt.resize==false){$(".piro_zoomOut,.piro_zoomIn").css("visibility","hidden").hide();var ratio=this_h/this_w;imgH=x*ratio-100;imgW=x-100;top=30;flag_scroll=false}var y=$(window).height(),x=$(window).width();$(img).height(imgH).width(imgW);$(img).addClass("immagine");resize.add(div_reg).animate({height:imgH,width:imgW},opt.piro_speed);wrapper.animate({height:imgH+(opt.padding*2),width:imgW+(opt.padding*2),top:top,right:((x/2)-((imgW/2)+opt.padding))},opt.piro_speed,function(){facebook.attr("href","http://www.facebook.com/sharer.php?u="+img.src);twitter.attr("href","http://twitter.com/share?url="+img.src);piro_loader.hide();var cap_w=resize.width();$(".nav_big,.nav_container").show();$(".piro_caption").html("<p>"+descr+"</p>").hide();$(".nav_big,.nav_big .piro_next,.nav_big .piro_prev").css({height:imgH});$(".nav_big .piro_close").css({height:26});$(".nav_big").css({width:imgW});div_reg.append(img);$(img).fadeIn(700,function(){$(".nav_container, .h_mb_c").animate({height:41},200);piro_nav_in.show();$(window).scroll(function(){get_position();if($(".piro_zoomOut").is(":visible")){div_reg.unbind("mousemove");$(img).css({width:imgW,height:imgH,top:0,right:0},0,function(){$(".immagine").css("cursor","auto");$(img).draggable({disabled:true});zoomOut.css("visibility","hidden");zoomIn.css("visibility","visible")})}});if(opt.move_mode=="drag"){$(".immagine").attr("title","Double click to resize").add(zoomOut).bind("dblclick",function(h){h.preventDefault();$(".nav_big").show();div_reg.unbind("mousemove");$(img).draggable({disabled:true});zoomOut.css("visibility","hidden");$(".immagine").css({cursor:"auto",visibility:"visible"});zoomIn.css({visibility:"visible"});$(img).animate({width:imgW,height:imgH,top:0,right:0},600)})}else{if(opt.move_mode=="mousemove"){$(".immagine").attr("title","Click to resize").add(zoomOut).bind("click",function(h){h.preventDefault();$(".nav_big").show();div_reg.unbind("mousemove");$(img).draggable({disabled:true});zoomOut.css("visibility","hidden");$(".immagine").css({cursor:"auto",visibility:"visible"});zoomIn.css({visibility:"visible"});$(img).animate({width:imgW,height:imgH,top:0,right:0},600)})}}zoomIn.bind("click",function(w){w.preventDefault();$(this).css("visibility","hidden");zoomOut.css({visibility:"visible"}).show();$(img).draggable({disabled:false});$(img).animate({width:this_w,height:this_h,top:-(this_h-imgH)/2,right:-(this_w-imgW)/2},600,function(){if(opt.move_mode=="drag"){$(".immagine").css("cursor","move");$(".nav_big").hide();var imgPos=div_reg.offset(),x1=(imgPos.right+imgW)-this_w,y1=(imgPos.top+imgH)-this_h,x2=imgPos.right,y2=imgPos.top;if(opt.zoom_animation==true){$(img).draggable({containment:[x1,y1,x2,y2],helper:function(){return $("<div></div>").css("opacity",0)},drag:function(event,ui){var p=ui.helper.position();$(this).stop().animate({top:p.top,right:p.right},1000,"easeOutCirc")}})}else{$(img).draggable({containment:[x1,y1,x2,y2]})}}else{if(opt.move_mode=="mousemove"){$(img).draggable({disabled:true});$(".immagine").css("cursor","crosshair");$(".nav_big").hide();var div_reg_w=div_reg.width(),div_reg_h=div_reg.height(),perc_x=(this_w-div_reg_w)/div_reg_w,perc_y=(this_h-div_reg_h)/div_reg_h,last_x=0,last_y=0;div_reg.bind("mousemove",function(e){var pos_x=e.pageX-div_reg.offset().right;var pos_y=e.pageY-div_reg.offset().top;if(Math.abs(last_x-pos_x)<=1&&Math.abs(last_y-pos_y)<=1){return}last_x=pos_x;last_y=pos_y;if(opt.zoom_animation==true){$(img).stop().animate({right:-(perc_x*pos_x),top:-(perc_y*pos_y)},500,"easeOutCirc")}else{$(img).css({right:-(perc_x*pos_x),top:-(perc_y*pos_y)})}})}}})});piro_close.show();$(".piro_caption").show(0,function(){var piro_nav_length=piro_nav_in.children(":visible").not(".piro_caption").length;if($(".piro_caption p").height()>28||$(".piro_caption p").width()>imgW-(43*piro_nav_length)){$(".piro_caption p").css({background:"url(css_pirobox/style_10/caption_up_down.png) top left no-repeat","padding-left":"18px"});$(".piro_caption").css("width",imgW-(43*piro_nav_length));$(".piro_caption").live("mouseenter",function(){$(this).stop().animate({height:$(this).children("p").outerHeight(true)},400)});$(".piro_caption").live("mouseleave",function(){$(this).animate({height:28},200)})}else{$(".piro_caption p,.piro_caption").removeAttr("style")}$(this).fadeTo(200,1)});nav_position()})})};img.src=p_link;var new_h=img.height,new_w=img.width;$(window).resize(function(){get_position()})}switch(params[0]){case"iframe":div_reg.html("").css("overflow","hidden");animate_html();div_reg.piroFadeIn(300,function(){div_reg.append('<iframe id="my_frame" class="my_frame" src="'+p_link+'" frameborder="0" allowtransparency="true" scrolling="auto" align="top">');$(".my_frame").css({height:+(params[2])+"px",width:+(params[1])+"px"});twitter.add(facebook).hide().css("visibility","hidden")});break;case"content":div_reg.html("").css("overflow","auto");$(".my_frame").remove();animate_html();div_reg.piroFadeIn(300,function(){div_reg.load(p_link);twitter.add(facebook).hide().css("visibility","hidden")});break;case"inline":div_reg.html("").css("overflow","auto");$(".my_frame").remove();animate_html();div_reg.piroFadeIn(300,function(){$(p_link).clone(true).appendTo(div_reg).addClass("clone");$(".clone").css("margin-top","0").piroFadeIn(300);twitter.add(facebook).hide().css("visibility","hidden")});break;case"flash":$(".my_frame").remove();div_reg.html("").css("overflow","hidden");animate_html();var flash_cont=(' ');div_reg.piroFadeIn(300,function(){$(flash_cont).appendTo(div_reg);twitter.add(facebook).hide().css("visibility","hidden")});break;case"gallery":div_reg.css("overflow","hidden");$(".my_frame").remove();animate_image();break;case"single":$(".my_frame").remove();div_reg.html("").css("overflow","hidden");animate_image();break}}});function close_all(){$(".my_frame").add(".piro_caption").remove();$(".piro_thumbs").html("");wrapper.add(div_reg).add(resize).stop();var ie_sucks=wrapper;if($.browser.msie){ie_sucks=div_reg.add(piro_bg);$(".div_reg img").remove()}else{ie_sucks=wrapper.add(piro_bg)}ie_sucks.piroFadeOut(200,function(){div_reg.html("");piro_loader.hide();piro_nav_in.hide();$(".piro_html .h_mb_c,.nav_container").animate({height:0},0);piro_bg.add(wrapper).hide().css("visibility","visible")})}piro_close.add(piro_loader).add(piro_bg).bind("click",function(y){y.preventDefault();close_all()})}})(jQuery); // --> - - - - - - -