Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html>
- <HTML class='no-js'>
- <head>
- <b:if cond='data:blog.metaDescription != ""'>
- <meta expr:content='data:blog.metaDescription' name='description'/>
- </b:if>
- <b:include data='blog' name='all-head-content'/>
- <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
- <b:if cond='data:blog.pageType == "index"'>
- <title><data:blog.pageTitle/></title>
- <!-- m3WUFHQw6dd2avZ4GPnk2ZCZI2s -->
- <b:else/>
- <title>| عالم التكنولوجيا |</title>
- </b:if>
- <!-- deskripsi dan keyword -->
- <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
- <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
- <b:if cond='data:blog.isMobile'>
- <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
- <b:else/>
- <meta content='width=1100' name='viewport'/>
- </b:if>
- <meta content='drFegSHmQ6RNOahGznBm93sNl6yDECBcgNL7jFPBXng' name='google-site-verification'/>
- <meta content='18yV28QkDrnwkKNysyaMmDAKn9g' name='alexaVerifyID'/>
- <meta content='4EAB61576A04F73FDB246992AD48C2AD' name='msvalidate.01'/>
- <meta content='مختلف المواضيع التي تخص حياتك المعلوماتية. بالإضافة إلى اخبار التكنولوجيا والإعلاميات على مدار الساعة' name='description'/>
- <meta content='index, follow' name='robots'/>
- <meta content=' وورد بريس ، العاب ، بلوجر ، انترنت ، اخبار , برامج تحميل ،العاب ، قوالب ، إضافات بلوجر ، html ، ayoub touil ، css ،cinema 4d , دورات ، دروس ، photoshop ، blogger ، wordpress ، internet ، new ' name='keywords'/>
- <meta content='ayoub touil' name='author'/>
- <meta content='ALL' name='ROBOTS'/>
- <meta content='blogger' name='generator'/>
- <meta content='ar' name='language'/>
- <meta content='2012' name='copyright'/>
- <meta content='index,follow,all' name='robots'/>
- <meta content='blogger' name='generator'/>
- <meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
- <meta content='index, follow, ydir, odp, archive' name='slurp'/>
- <meta content='2 hours' name='revisit-after'/>
- <meta content='document' name='resource-type'/>
- <meta content='all' name='audience'/>
- <meta content='general' name='rating'/>
- <meta content='all' name='robots'/>
- <b:skin><![CDATA[/*
- -----------------------------------------------
- Blogger Template Style
- Name: lahn al hyat & Mr_AbuSalah
- Updated by: www.3almtech.co.vu/
- URL1: http://www.3almtech.co.vu/
- ----------------------------------------------- */
- .wrapper{
- position: relative;
- width: 100%;
- }
- .wrapper p{
- clear: both;
- font-size: 24px;
- line-height: 40px;
- text-align: center;
- }
- /* Variable definitions
- ====================
- <Variable name="bgcolor" description="Page Background Color"
- type="color" default="#fff" value="#777777">
- <Variable name="textcolor" description="Text Color"
- type="color" default="#333" value="#333333">
- <Variable name="linkcolor" description="Link Color"
- type="color" default="#58a" value="#5588aa">
- <Variable name="pagetitlecolor" description="Blog Title Color"
- type="color" default="#666" value="#666666">
- <Variable name="descriptioncolor" description="Blog Description Color"
- type="color" default="#999" value="#999999">
- <Variable name="titlecolor" description="Post Title Color"
- type="color" default="#c60" value="#cc6600">
- <Variable name="bordercolor" description="Border Color"
- type="color" default="#ccc" value="#cccccc">
- <Variable name="sidebarcolor" description="Sidebar Title Color"
- type="color" default="#999" value="#999999">
- <Variable name="sidebartextcolor" description="Sidebar Text Color"
- type="color" default="#666" value="#666666">
- <Variable name="visitedlinkcolor" description="Visited Link Color"
- type="color" default="#999" value="#999999">
- <Variable name="bodyfont" description="Text Font"
- type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
- <Variable name="headerfont" description="Sidebar Title Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
- <Variable name="pagetitlefont" description="Blog Title Font"
- type="font"
- default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
- <Variable name="descriptionfont" description="Blog Description Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
- <Variable name="postfooterfont" description="Post Footer Font"
- type="font"
- default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
- <Variable name="startSide" description="Side where text starts in blog language"
- type="automatic" default="left" value="left">
- <Variable name="endSide" description="Side where text ends in blog language"
- type="automatic" default="right" value="right">
- */
- .published.updated{border-bottom: 0 none;}
- .infox1 {
- float: right;
- }
- .fullinfo {
- margin-top: 16px;
- }
- .postauthor {
- background: none repeat scroll 0 0 #F5F5F5;
- border: 1px solid #E1E1E0;
- overflow: hidden;
- padding: 0.7em;
- margin-bottom: 45px;
- }
- .postauthor img {
- border: 5px solid #E2DEDE;
- float: right;
- margin-left: 1em;
- }
- .postauthor h3 {
- color: #666666;
- font-size: 1.2em;
- margin-bottom: 5px;
- margin-top: 0;
- }
- .postauthor p {
- color: #515151;
- font-size: 12px;
- margin-bottom: 10px;
- margin-top: 0;
- }
- .redmo a {
- background: none repeat scroll 0 0 #00D1B0;
- border-radius: 3px 3px 3px 3px;
- box-shadow: 0 -3px 0 0 #037260 inset;
- color: #FFFFFF !important;
- font-size: 12px;
- float: left;
- padding: 6px 14px 8px;
- }
- .redmo a:hover {
- background: none repeat scroll 0 0 #0F6457;
- }
- @font-face {
- font-family: "DroidKufi-Bold";
- font-style: normal;
- font-weight: 700;
- src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf") format("truetype");
- }
- @font-face {
- font-family: "DroidKufi-regular";
- font-style: normal;
- font-weight: 400;
- src: url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix") format("embedded-opentype"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2") format("x-woff2"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff") format("woff"), url("//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf") format("truetype");
- }
- #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: url("http://4.bp.blogspot.com/-rm6FRY7oimU/UYi4k7h4btI/AAAAAAAACJs/iLJtOhWdk9A/s1600/grey.png") repeat 50% 50% #F8F8F8;margin:0;padding:0;color:#333333;font: 13px/20px 'DroidKufi-regular', tahoma;}
- *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
- a:link{color:#B6B6B6;text-decoration:none}
- a:visited{color:#B6B6B6;text-decoration:none}
- a:hover{color:#00D1B0;text-decoration: none;}
- a img{border-width:0}
- a,.tab-widget-menu li,img,#ajax-search-form input{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
- #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;left: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-left:-30px;margin-top:-18px}
- /* Header
- -----------------------------------------------
- */
- #header-wrapper{margin:15px auto 0;padding:0;color:white;background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);border-top:3px solid ##00D1B0;position:relative}
- #header-wrapper{-moz-box-shadow:inset 0 0 2px #FFF,0 0 5px #cacaca;-webkit-box-shadow:inset 0 0 2px white,0 0 5px #CACACA;box-shadow:inset 0 0 2px white,0 0 5px #CACACA}
- /*- Logo -*/
- #b33dani h1{background:url("http://im47.gulfup.com/LkTtzH.gif") no-repeat scroll 0 0 transparent;loat: right;
- margin-right: 12px;
- width: 240px;}
- #b33dani h1 {
- height: 110px;
- margin-right: 30px;
- margin-top: 25px;
- margin-bottom: -5px;
- }
- #header{color:#666666;margin:0}
- #headtitle{display:inline-block;margin:15px 0;width:300px;float:right}
- #headads{width:468px;display:inline-block;float:left;margin-top:20px;margin-left:10px}
- #isihead{overflow:hidden}
- .titlewrapper{padding:0;margin:10px 15px 0 0px}
- .descriptionwrapper{margin:0 15px 15px 0}
- #header h1,#header p{margin:0;padding:0;line-height:1.2em;text-transform:uppercase}
- #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:#999}
- #header img{margin-left:auto;margin-right:auto}
- .titlewrapper p.title{font:18px droidkufi-bold,Arial,Verdana,sans-serif;}
- /* Navigation
- ----------------------------------------------- */
- #nav{background-image:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);background-repeat:repeat-x;height:57px;border-bottom:5px solid #000;padding-right:10px}
- #nav ul{height:52px;margin:0;padding:0;border-bottom: 5px solid #2B2B2B;}
- #nav li{position:relative;display:inline-block;float:right;border:1px solid #535353;border-width:0 0 0 1px;height:47px;margin-top:5px}
- #nav li a{display:block;line-height:45px;height:45px;text-decoration:none;color:#D5D5D5;padding:0 15px;text-shadow:0 1px 1px black;border-left:1px solid #383838}
- #nav li:last-child a{border-right:0 none}
- #nav li a:hover{color:#fff}
- #nav ul.submenu li{float:none;width:100%;margin:0;border-bottom:1px solid #222;border-top:1px solid #383838;border-left:0 none;height:30px}
- #nav ul.submenu{right: 0;display:none;padding:0;position:absolute;top:42px;width:180px;z-index:99;float:left;background:#2D2D2D!important;-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);-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-bottom-right-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;height:auto}
- #nav ul.submenu.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}
- #nav li:hover ul.submenu.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
- #nav ul.submenu li:first-child{border-top:0 none}
- #nav ul.submenu a{height:30px;line-height:1em;padding:7px 10px}
- #nav ul.submenu a:hover{padding-left:15px}
- #nav li.mhome{border:0;margin-top:0;height:52px}
- #nav li.mhome a{border-bottom: 5px solid #038570;direction: ltr;text-align: left;height:52px;border-left:0 none;text-indent:-9999px;width:55px;background-color:#00D1B0;background-image:url('http://4.bp.blogspot.com/-BPpsKK84W2w/UJV6sFxkqDI/AAAAAAAAGgc/3TwsYkMwxsE/s1600/home+(1).png');background-repeat:no-repeat;background-position:50% 9px}
- #nav li.mhome a:hover{background-color:#FFBD68;}
- #nav li.mhome a:active {
- border-bottom:0
- }
- #nav li.mhome:active {
- margin-top: 5px;
- }
- #menuatas{height: 30px;color:#EBEBEB;background-image:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);padding:3px 0;border-bottom:2px solid #00D1B0;border-top: 3px solid #00D1B0;}
- #menuatas a:hover{text-decoration:none}
- #ktuskrg{display:inline-block;height:18px;float:right;line-height:18px;padding:0 10px;border-right:1px solid #ACACAC}
- #navtop{float: right;display:inline-block;margin-right:5px}
- #navtop ul,#navtop li{padding:0;margin:0;list-style:none}
- #navtop li{float:right;height:18px;position:relative}
- #navtop li a{height:18px;padding:0 10px;line-height:18px;display:block}
- #navtop li.dgnsubtop{padding-left:10px;background-image:url(http://4.bp.blogspot.com/-NTKXiugkHrs/UIeVQmEzDjI/AAAAAAAAGJ4/G92p5n8hgvY/s7/downarrow-dark.png);background-repeat:no-repeat;background-position:10% 50%}
- #navtop ul.sub-menu-top{right: 0;display:none;position:absolute;width:140px;background:#F1F1F1;top:23px;-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);box-shadow:0 3px 4px 1px rgba(0,0,0,0.2);z-index:2}
- #navtop ul.sub-menu-top.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}
- #navtop li:hover ul.sub-menu-top.hidden{-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
- #navtop ul.sub-menu-top li{width:100%;height:22px;border-bottom:1px solid white;border-top:1px solid lightGrey}
- #navtop ul.sub-menu-top li:first-child{border-top:0 none}
- #navtop ul.sub-menu-top a:hover{padding-left:15px}
- /* Outer-Wrapper
- ----------------------------------------------- */
- #outer-wrapper{direction: rtl;width:1000px;margin:0 auto;padding:0 0 15px;text-align:right}
- #isifooternya{width:990px;margin:15px auto 10px;overflow:hidden}
- #content-wrapper{padding-top:15px}
- #main-wrapper{width:675px;float:right;word-wrap:break-word;overflow:hidden}
- #sidebar-wrapper{width:320px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */}
- #sidebar-wrapper h2,#related_posts h4,#comments .komhead h4,#footer-wrapper h2{color:black;padding:0;margin:0 0 0 10px;text-transform:uppercase;font-size:140%;/*float:right*/}
- #sidebar-wrapper h2,#footer-wrapper h2{width:100%}
- #sidebar-wrapper .widget-content{padding:10px;margin:0}
- #sidebar-wrapper .widget-content,#breakinfnewsjp{box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;background-color:white;border:1px solid #DDD;overflow:hidden;border-bottom:4px solid #00D1B0;border-top:4px solid #383838}
- /* Headings
- ----------------------------------------------- */
- h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;font:18px droidkufi-bold,tahoma,Arial,Verdana,sans-serif}
- #sidebar-wrapper h2,#related_posts h4,#comments .komhead h4{font:12px droidkufi-bold,tahoma,Arial,Verdana,sans-serif}
- /* Posts
- -----------------------------------------------
- */
- .item-snippet {
- font-size: 12px;
- }
- .date-header{display:none}
- .post-outer{border-bottom: 4px solid #00D1B0;
- padding: 10px 15px;}
- .post{margin:0}
- .post h1,.post h2{ color: #33B0EA;
- font-weight: normal;
- line-height: 25px;
- margin: 0 0 25px;
- }
- .post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{text-decoration:none;font-weight:normal;color:#33B0EA}
- .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#00D1B0}
- .post-body{margin:0;line-height:26px}
- .post-body blockquote{line-height:1.3em}
- .post-footer{margin:.75em 0;color:#999999;line-height:1.4em;display:none}
- .comment-link{margin-left:.6em}
- .tr-caption-container img{border:none;padding:0}
- .post blockquote{margin:1em 20px}
- .post blockquote p{margin:.75em 0}
- /* Comments
- ----------------------------------------------- */
- #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}
- .comments .comments-content .comment-thread,.comments .comments-content .comment-thread ol{margin:0}
- .comments .comments-content .comment,.comments .comments-content .comment:first-child{padding:8px 0}
- .comments .comments-content .comment{margin:0 0 8px;border:1px solid #DDD}
- .comments .comments-content .comment:last-child{border-bottom:1px solid #DDD;padding-bottom:8px}
- .comments .avatar-image-container{padding:3px;border:1px solid #DDD;width:55px;height:55px;max-width:55px;max-height:55px}
- .comments .avatar-image-container img{width:100%;height:46px;max-width:55px}
- .comments .comment-block{margin-left:65px;position:relative}
- .comments .comments-content .inline-thread .avatar-image-container{width:40px;padding:2px;height:40px;max-width:40px;max-height:40px}
- .comments .comments-content .inline-thread .avatar-image-container img{height:33px}
- .comments .comments-content .inline-thread .comment-block{margin-left:0px}
- .comments .comments-content .comment-replies{margin-left:5px}
- .comments .comments-content .inline-thread{padding:0}
- .comments .comments-content .inline-thread .comment{padding-left:8px;border:1px solid #DDD;background-color:#F3F3F3;border-top:0}
- .comments .comments-content .inline-thread .comment:first-child{border-top:1px solid #DDD}
- .comments .comments-content .comment-thread.inline-thread ol{padding-top:8px}
- .comments .comments-content .icon.blog-author{ background: url("https://lh6.googleusercontent.com/-VrK-ftGt6AY/UTZ1UsBpoZI/AAAAAAAAANE/cBSoveNWZ7o/s36/author.png") repeat scroll 0 0 transparent;
- display: block;
- height: 36px;
- position: absolute;
- right: -56px;
- top: -10px;
- width: 36px;}
- .comments .comments-content .comment-content{padding:0 10px 0 0}
- .deleted-comment{font-style:italic;color:gray}
- #blog-pager-newer-link{float:left}
- #blog-pager-older-link{float:right}
- #blog-pager{text-align:center}
- .feed-links{display:none}
- /* Sidebar Content
- ----------------------------------------------- */
- .sidebar,.footer{color:#666666;line-height:1.5em;text-align: right;}
- .sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
- .sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em}
- .sidebar .widget,.main .widget,.footer .widget{margin:0 0 1.5em;padding:0}
- .main .Blog{border-bottom-width:0}
- /* Profile
- ----------------------------------------------- */
- .profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
- .profile-data{margin:0;color:#999999;line-height:1.6em}
- .profile-datablock{margin:.5em 0 .5em}
- .profile-textblock{margin:0.5em 0;line-height:1.6em}
- .profile-link{letter-spacing:.1em}
- /* Footer
- ----------------------------------------------- */
- #footer-wrapper{text-align:left;overflow:hidden;background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);margin-bottom:15px;color:whiteSmoke;border-top:8px solid #00D1B0;font:12px/20px 'DroidKufi-regular',tahoma}
- #isifooter{overflow:hidden;background:#1B1B1B;border-top:1px solid black;padding:5px 0}
- #isifooternya .footer-wrap{width:32.3%;float:right}
- #footx2{margin:0 1.5%}
- #footer-wrapper .widget{color:#D6D6D6}
- #footer-wrapper h2{color:white}
- .footer .Label .list-label-widget-content li{background:#00D1B0;border:1px solid #181818}
- .footer .Label .list-label-widget-content li a{color:white}
- #footer-wrapper .widget-content{background-color:#202020;border:1px solid #161616;border-bottom:4px solid #00D1B0;padding:10px;box-shadow:0 1px 3px 0 #1D1D1D;-moz-box-shadow:0 1px 3px 0 #1D1D1D;-webkit-box-shadow:0 1px 3px 0 #1D1D1D;}
- #kredit{margin:0 auto;width:990px;}
- .botleft{font: 13px/14px 'DroidKufi-regular',tahoma;float:right;text-align:right}
- .botright {
- float: left;
- font: 16px/14px 'DroidKufi-regular',tahoma;
- margin: 2px 0 0px 10px;
- }
- .whit{min-height:40px;border-top:1px solid black;border-bottom:1px solid #3D3D3D}
- /* Other
- ----------------------------------------------- */
- img{max-width:100%;}
- a.thumbx,.post-body img{box-shadow:0 0 2px #B5B5B5;-moz-box-shadow:0 0 2px #b5b5b5;-webkit-box-shadow:0 0 2px #B5B5B5}
- a.thumbx,.infox{border-radius:1px;-moz-border-radius:1px;-webkit-border-radius:1px}
- .post-body img{margin:8px 0 0 8px;background-color:white;border:1px solid #E0E0E0;padding:5px}
- .post-author.vcard,.d-header{display:inline-block;padding:2px 0 2px 17px}
- .post-author.vcard{ background-color: #F7F7F7;
- background-image: url("http://1.bp.blogspot.com/-xNAEen8ZchE/UJP6nKf8dfI/AAAAAAAAGds/flfcN7VnpfU/s12/13.png");
- background-position: 98px 50%;
- background-repeat: no-repeat;
- margin-right: 3px;
- padding: 0 19px}
- .d-header{background-color: #EDEDED;
- background-image: url("http://1.bp.blogspot.com/-nuqGzN8406c/UJP6qzqo9eI/AAAAAAAAGeE/_srJJf734HY/s12/70.png");
- background-position: 77px 50%;
- background-repeat: no-repeat;
- padding: 0 29px;}
- #sidebartengah{margin-bottom:15px;box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;border-bottom:4px solid #00D1B0}
- .tab-widget-menu{background:#F7F7F7;height:46px;padding:8px 0 0 2px;margin:0}
- #sidebartengah .widget{margin-bottom:0;padding-bottom:0}
- #sidebartengah .h2title{display:none}
- #sidebartengah .widget-content{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:0;border-top:1px solid #DDD}
- .tab-widget-menu ul,.tab-widget-menu li{list-style:none;padding:0;margin:0}
- .tab-widget-menu li{float:right;padding:0;text-align:center;margin:0 1px 0 2px;width:23.5%;cursor:pointer;height:38px;position:relative;z-index:2;bottom:-2px;line-height:38px;color:#727272}
- .tab-widget-menu li.selected{background:white;border:1px solid #DDD;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:2px}
- .tab-widget-menu li:hover{color:black;text-decoration:underline}
- .tab-widget-menu li a{display:block}
- .Label .list-label-widget-content li{float:right;background:#F7F7F7;border:1px solid #DDD;padding:5px 6px;margin:0 5px 5px 0}
- a.thumbx,.PopularPosts .item-thumbnail a,ul.recntpst .thumbp a,ul.rcomnetspy .kmtimg a,#search-result span,#related_posts span{background-image:url(http://2.bp.blogspot.com/-7ORuDEv06UQ/UJVR5DN3kVI/AAAAAAAAGfs/8aVj8u6y2-s/s30/link-overlay.png);background-repeat:no-repeat;background-position:50% 50%;display:block}
- ::selection{background:#00D1B0;color:#fff;text-shadow:none}
- ::-moz-selection{background:#00D1B0;color:#fff;text-shadow:none}
- .post-body blockquote{margin:15px;padding-left:10px;border-left:2px solid #00D1B0;font-style:italic;color:#00D1B0}
- .selectnav{text-align: right;display:none}
- #recentpostxx .loadingxx, #rcentcomnets .loadingxx, #related_posts .loadingxx {display:block;width:100%;background:transparent url(http://3.bp.blogspot.com/-F6JpSb0NCbU/UOkW50S0IfI/AAAAAAAAHwU/WeapyJjGYb4/s1600/progress_ani.gif) no-repeat 50% 50%;min-height:24px;text-indent:-9999px;}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK{background-color:#7FA6BD}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.5}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG{outline:1px solid #0E749C}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG:hover{opacity:1}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_FILMSTRIP{background-color:#569DC5;background-color:rgba(22,105,145,0.18)}
- .CSS_LIGHTBOX .CSS_LIGHTBOX_INDEX_INFO{color:#353535}
- #alwansd{
- height: 428px;
- margin: 0 0 0px 0px;
- padding: 15px 28px 15px 16px;
- width: 672px;
- background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);
- border-bottom: 4px solid #00D1B0;
- }
- .alwanw{
- position: relative;
- height:385px;
- }
- .alwanw .contentdiv{
- visibility: hidden;
- position: absolute;
- opacity: 1;
- }
- .alwan-ps{
- text-align: right;
- float: left;
- width: 670px;
- height: 11px;
- margin-left:-43px;
- }
- .alwan-ps .toc{
- font-size: 0px;
- width: 102px;
- height: 11px;
- float: right;
- background: #5b5b5b;
- margin-left: 1px;
- }
- .alwan-ps a.selected{
- background:#dfdfdf;
- }
- .alwan-ps .prev, .alwan-ps .next {display:none; }
- .alwanip{
- width: 618px;
- padding: 10px !important;
- bottom: 0;
- float: left !important;
- position: absolute;
- background:url(http://2.bp.blogspot.com/-RUhGZ8ZLkaY/UfoZDppksDI/AAAAAAAAC8E/KbqCHnluZOU/s1600/denim.png);
- }
- .alwanip a{
- color:#dcdcdc;
- font: 12px droidkufi-bold;
- margin:0;
- padding:0;
- line-height: 19px;
- }
- .alwanip h6{margin: 0;}
- .alwanip h6 a:hover {color:#c2df00;}
- .alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5; }
- .alwanip p{font-size: 13px;
- margin: 0;
- color: #a5a5a5;
- line-height: 23px;
- }
- .alwansf a img{float: right !important; }
- .alwansf {float: right !important; width:680px!important;}
- .column-center-outer {
- width: 680px;
- }
- .ikonz-social span{float:right;font-size:150%;text-transform:uppercase;font-family:'DroidKufi-regular',sans-serif;padding:5px 5px 2px;background:#00D1B0;margin-left:5px;color:white}
- #blog-pager a{display:block;padding:7px 10px;background:#00D1B0;color:white;border:1px solid #DDD}
- #blog-pager a:hover{background:#F7F7F7;color:#00D1B0;text-decoration:none}
- #sidebar-wrapper{width:320px}
- .post-body h1{font-size:180%}
- .post-body h2{font-size:160%}
- .post-body h3{font-size:140%}
- .post-body h4{font-size:130%}
- .post-body h5{font-size:120%}
- .post-body h6{font-size:110%}
- .h2title,.relhead,.komhead{overflow:hidden;margin-bottom:5px;padding:2px 0}
- .stripe-line{background:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s1600/stripe.png);height:12px;overflow:hidden;margin-top:2px}
- .relhead .stripe-line,.komhead .stripe-line{margin-top:5px}
- #sidebartengah .h2title,#sidebartengah h2{display:none}
- .PopularPosts .item-thumbnail img,ul.recntpst li img,ul.rcomnetspy li img{padding:2px;border:1px solid lightGrey;width:60px;height:60px;background-color:white}
- .rpostx li,.rcommentsx li,#sidebartengah .popular-posts li{padding:10px 0;border-bottom:1px solid #E9E9E9;overflow:hidden}
- .rpostx li .thumrc,.rcommentsx .kmtrimg{float:left;margin-right:5px;display:block;width:60px;height:60px}
- .infrent a,.ketkomt a{display:block}
- .PopularPosts .item-thumbnail{float: right;margin:0 0 0 5px}
- #sidebartengah li:last-child{border-bottom:0}
- #comments{overflow:visible}
- #comments h4{display:inline;padding:10px;line-height:40px}
- #comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
- #comments h4,.comments .continue a{background:#}
- #comments h4,.comments .user a,.comments .continue a{font-size:16px}
- #comments h4,.comments .continue a{font-weight:normal;color: #647275; font-family: tahoma}
- #comments h4:after{content:"";position:absolute;bottom:-10px;left:10px;border-top:10px solid #;border-right:20px solid transparent;width:0;height:0;line-height:0}
- #comments .avatar-image-container img{border:0;margin: 0 5px 0 20px;float: right;}
- .comment-thread{color:#111}
- .comment-thread a{color:#777}
- .comment-thread ol{margin:0 0 20px}
- .comment-thread .comment-content a,.comments .user a,.comments .comment-thread.inline-thread .user a{color: #00abe3 }
- .comments .avatar-image-container,.comments .avatar-image-container img{width:60px;max-width:60px;height:60px;max-height:60px}
- .comments .comment-block,.comments .comments-content .comment-replies,.comments .comment-replybox-single{margin-right:70px}
- .comments .comment-block,.comments .comment-thread.inline-thread .comment{border:1px solid #B5B4B4;background:#f9f9f9;padding:10px}
- .comments .comments-content .comment{margin:15px 0 0;padding:0;width:100%;line-height:1em}
- .comments .comments-content .icon.blog-author{position:absolute;top:-12px;left:-12px;margin:0;background-image: url(http://1.bp.blogspot.com/-ekYziJ41B7Q/T-Efrs_LeoI/AAAAAAAAHXw/faYFUOm0jHw/s1600/author-red.png);width:50px;height:44px}
- .comments .comments-content .inline-thread{padding:0 0 0 20px}
- .comments .comments-content .comment-replies{margin-top:0}
- .comments .comment-content{padding:5px 0;line-height:1.4em}
- .comments .comment-thread.inline-thread{border-left:1px solid #ddd;background:transparent}
- .comments .comment-thread.inline-thread .comment{width:auto}
- .comments .comment-thread.inline-thread .comment:after{content:"";position:absolute;top:10px;left:-20px;border-top:1px solid #ddd;width:10px;height:0px}
- .comments .comment-thread.inline-thread .comment .comment-block{border:0;background:transparent;padding:0}
- .comments .comment-thread.inline-thread .comment-block{margin-right:48px;}
- .comments .comment-thread.inline-thread .user a{font-size:13px}
- .comments .comment-thread.inline-thread .avatar-image-container,.comments .comment-thread.inline-thread .avatar-image-container img{width:60px;max-width:60px;height:60px;max-height:60px}
- .comments .continue{border-top:0;width:100%}
- .comments .continue a{padding:10px 0;text-align:center}
- .comment .continue{display:none}
- #comment-editor{width:103%!important}
- .comment-form{width:100%;max-width:100%}
- .comments .comments-content .datetime a{color:#111111;font-size:12px;text-decoration:none;position: absolute;left: 100px;}
- .ins{
- width: 100%;
- height:63px;
- margin-top:19px;
- }
- .ins .txt2 {
- border: none;
- background: url(http://4.bp.blogspot.com/-PPfPZFpcXjo/UYTqJ3NRiyI/AAAAAAAAECA/GDiObw5yJRM/s1600/back-sub.png);
- font: 13px Tahoma, Geneva, sans-serif;
- color: #adadad;
- padding: 24px 7px 23px;
- float: right;
- margin: 0;
- text-align: right;
- width: 243px;
- }
- .ins .btn2 {
- background: #ffb546 url(http://3.bp.blogspot.com/-d8eQ8rSvhWA/UYTqKVVVYNI/AAAAAAAAECU/K5pd3UWuVjQ/s1600/btn-sub.png) center no-repeat;
- float: right;
- border: none;
- border-right: 3px solid #ffa116;
- width: 63px;
- height: 63px;
- cursor: pointer;
- }
- .ins .btn2:hover {
- background: #ffb546 url(http://1.bp.blogspot.com/-oaztEXDEOoE/UYTqKDFwZNI/AAAAAAAAECM/g2lFrj4kpmI/s1600/back-sub2.png) center no-repeat;
- }
- .status-msg-wrap{display:none !important;}
- /* CSS Image Morph http://www.abu-iyad.com */
- .post img{border:10px solid #fff;overflow:hidden;-webkit-box-shadow:5px 5px 5px #111;box-shadow:5px 5px 5px #111;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;margin:20px}
- .post img:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
- /* CSS Image Morph http://www.abu-iyad.com */
- #header img
- { width:243px; /* عرض صورة الشعار قبل المرور بالماوس عليها */
- height:99px; /*ارتفاع صورة الشعار قبل المرور بالماوس عليها */
- -moz-transition: all 1s;
- -webkit-transition: all 1s;
- -o-transition: all 1s; }
- #header img:hover
- { width:514px; /*العرض عند وقوف الماوس على صورة الشعار*/
- height:134px; /* الارتفاع عند وقوف الماوس على صورة الشعار */
- -moz-transition: all 1s;
- -webkit-transition: all 1s;
- -o-transition: all 1s; }
- .label-size {
- float: left;
- margin: 0 0 7px 20px;
- position: relative;
- font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-size: 0.75em;
- font-weight: bold;
- text-decoration: none;
- color: #996633;
- text-shadow: 0px 1px 0px rgba(255,255,255,.4);
- padding: 0.417em 0.417em 0.417em 0.917em;
- border-top: 1px solid #d99d38;
- border-right: 1px solid #d99d38;
- border-bottom: 1px solid #d99d38;
- -webkit-border-radius: 0 0.25em 0.25em 0;
- -moz-border-radius: 0 0.25em 0.25em 0;
- border-radius: 0 0.25em 0.25em 0;
- background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
- -webkit-box-shadow: inset 0 1px 0 #faeaba,
- 0 1px 1px rgba(0,0,0,.1);
- -moz-box-shadow: inset 0 1px 0 #faeaba,
- 0 1px 1px rgba(0,0,0,.1);
- box-shadow: inset 0 1px 0 #faeaba,
- 0 1px 1px rgba(0,0,0,.1);
- z-index: 1;
- }
- .label-size:before {
- content: '';
- width: 1.30em;
- height: 1.39em;
- background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
- background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
- position: absolute;
- left: -0.69em;
- top: .2em;
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- transform: rotate(45deg);
- border-left: 1px solid #d99d38;
- border-bottom: 1px solid #d99d38;
- -webkit-border-radius: 0 0 0 0.25em;
- -moz-border-radius: 0 0 0 0.25em;
- border-radius: 0 0 0 0.25em;
- z-index: 1;
- }
- .label-size:after {
- content: '';
- width: 0.5em;
- height: 0.5em;
- background: #fff;
- -webkit-border-radius: 4.167em;
- -moz-border-radius: 4.167em;
- border-radius: 4.167em;
- border: 1px solid #d99d38;
- -webkit-box-shadow: 0 1px 0 #faeaba;
- -moz-box-shadow: 0 1px 0 #faeaba;
- box-shadow: 0 1px 0 #faeaba;
- position: absolute;
- top: 0.667em;
- left: -0.083em;
- z-index: 9999;
- }
- #Label1 {
- height: 210px;
- }
- .label-size:hover {
- background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
- border-color: #e1b160;
- }
- .label-size:hover:before {
- background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
- background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
- filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
- border-color: #e1b160;
- }
- /* from tech4all.com */
- /* <scrollbar> */
- ::-webkit-scrollbar
- {
- width:10px;
- height:10px;
- }
- ::-webkit-scrollbar-thumb
- {
- background: #0BE3A9;
- -webkit-box-shadow: inset 1px 1px 2px rgba(160, 160, 160, 0.5);
- }
- ::-webkit-scrollbar-track {
- background: #fff;
- -webkit-box-shadow: inset 1px 1px 2px #C1C1C1;
- }
- ::-webkit-scrollbar-thumb:hover
- {
- -webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.5);
- }
- ::-webkit-scrollbar-thumb:active
- {
- background: #0BE3A9;
- -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.5);
- }
- /* </scrollbar> */
- #scroll { display: none; position: fixed; top: 0; right: 20px; z-index: 500; padding: 3px 8px; background-color: #2187e7; color: #fff; border-radius: 3px; } #scroll:after { content: ” ”; position: absolute; top: 50%; right: -8px; height: 0; width: 0; margin-top: -4px; border: 4px solid transparent; border-left-color: #2187e7; } - See more at: http://bloggerinar.blogspot.com/2014/05/how-to-add-percentage-value-to-scrollbar-in-blogger.html#sthash.jfqe1NYc.dpuf
- ]]></b:skin>
- <style type='text/css'>
- ul#relpost_img_sum li img:hover,a.thumbx img:hover,.PopularPosts img:hover,.PopularPosts .item-thumbnail img:hover,ul.recntpst li img:hover,ul.rcomnetspy li img:hover,#search-result img:hover,#related_posts img:hover{-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4}
- ul.recntpst,ul.recntpst li,ul.rcomnetspy,ul.rcomnetspy li{overflow:hidden;list-style:none;margin:0;padding:0}
- ul.recntpst li{height:110px}
- ul.rcomnetspy li{height:90px}
- ul.recntpst .thumbp,ul.rcomnetspy .kmtimg{float:left;margin:0 5px 0 0}
- ul.recntpst h4,ul.rcomnetspy .ketkomt a{font-size:12px;margin:0 0 2px;overflow:hidden;max-height:32px}
- ul.rcomnetspy .ketkomt a{max-height:16px}
- ul.recntpst .datex,ul.rcomnetspy .ketkomt span{font-size:9px}
- ul.rcomnetspy .komtsum,ul.recntpst .contxisi{margin:3px 0 0}
- ul.recntpst .cm{margin:0 0 0 5px;padding:0 0 0 5px;border-left:1px solid #AAA}
- .comment-form{width:100%;max-width:100%;background:white}
- .comment-form h4#comment-post-message{font-size:14px;padding:5px 10px}
- .comment-form p{margin:10px}
- .comment-form #comment-editor,.comment-form .emoWrap{padding:15px}
- #searchnya{float:left;padding:0;margin:-3px 0 0}
- #ajax-search-form{position:relative;font:normal normal 11px Arial,Sans-Serif}
- #ajax-search-form input{text-align: right;border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0 0;padding:5px 8px;line-height:15px;height:27px;font-size:10px;border-top-color:#999;width:100px;float:right}
- #ajax-search-form input:focus{width:200px}
- #ajax-search-form::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #00D1B0;position:absolute;top:8px;left:27px}
- #ajax-search-form input[type="submit"]{direction: ltr;text-align: left;width:27px;height:27px;text-indent:-9999px;background-color:#00D1B0;background-image:url(http://4.bp.blogspot.com/-RXzuxzvwYR4/UJYop47uvbI/AAAAAAAAGhM/9Dft6eOVayQ/s1600/search-button.png);background-repeat:no-repeat;background-position:5px 4px;border:none;float:left;color:white;font-weight:bold;cursor:pointer}
- #search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:280px;height:auto;position:absolute;top:27px;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
- #search-result *{margin:0 0 0 0;padding:0 0 0 0}
- #search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
- #search-result ol{list-style:none;overflow:hidden;height:450px}
- #search-result ol:hover{overflow:auto}
- #search-result ol a:hover{text-decoration:underline}
- #search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
- #search-result li{padding:5px 0;border-bottom:1px solid #CFCBCB}
- #search-result li:last-child{border-bottom:0}
- #search-result strong{color:#B75252}
- #search-result span{float:left;display:block;margin:0 5px 0 0}
- #search-result b{margin:0 0 3px 0;display:block}
- #search-result img{padding:2px;border:1px solid #D5D5D5;border-radius:2px}
- .footer .stripe-line{background-image:url(http://2.bp.blogspot.com/-hXfZtHjopCw/UOiA5zZrF1I/AAAAAAAAHvY/oovWlz4k--k/s1600/stripe.png)}
- @media only screen and (min-width:768px) and (max-width:983px){
- #outer-wrapper,#kredit,#isifooternya{width:754px}
- #main-wrapper{width:480px;padding:5px}
- #sidebar-wrapper{width:270px}
- #headtitle{width:260px}
- #footer-wrapper{font-size:10px}
- }
- @media only screen and (max-width:767px){
- #outer-wrapper,#kredit,#isifooternya{width:420px}
- #main-wrapper{width:100%;padding:5px;float:none;margin-bottom:15px}
- #sidebar-wrapper,#isifooternya .footer-wrap{width:100%;float:none}
- #footx2{margin:0 0}
- #headtitle{float:none;margin:15px auto;display:block;text-align:center}
- #headads,#ktuskrg{display:none}
- #kredit{font-size:9px}
- .botleft,.botright{float:none;text-align:center}
- .post-body img{max-width:100%}
- .selectnav{display:block}
- #menuhlng,#menuhlng1{display:none}
- #nav{height:50px}
- #selectnav1{width:150px;cursor:pointer}
- #selectnav2{position:absolute;bottom:12px;width:90%;left:5%;background:#252525;color:white;outline:none;border:1px solid black;cursor:pointer}
- #selectnav1 option,#selectnav2 option{cursor:pointer}
- #menuatas{padding:1px 0}
- #searchnya{margin:-2px 0 0}
- }
- @media only screen and (max-width:479px){
- #outer-wrapper,#kredit,#isifooternya{width:300px}
- #selectnav1{width:100px}
- #ajax-search-form input:focus{width:140px}
- }
- </style>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- <style type='text/css'>
- #main-wrapper{box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5}
- #main-wrapper{border:1px solid #DDD}
- #main-wrapper{background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);
- border-bottom: 4px solid #383838;
- border-top: 4px solid ;}
- a.thumbx{display:block;padding:4px;float:right;width:200px;height:145px;overflow:hidden;margin-left:10px;background-color:white;border:1px solid #E0E0E0}
- a.thumbx img{display:block;width:100%;height:100%;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
- .post{margin:0 0 15px 0;overflow:hidden}
- .post-body p{margin:10px 0 0;font-size:105%}
- .showpageArea{float:left}
- #blog-pager .showpageArea a{background:whiteSmoke;color:#292929;border:1px solid #DDD;display:inline-block}
- #blog-pager .showpageArea a:hover,#blog-pager .showpagePoint{background:#00D1B0;color:white;display:inline-block;padding:7px 10px;border:1px solid #046A83}
- .blog-posts.hfeed{overflow:hidden}
- .post.grid{width:31.3%;float:left;margin:0 1% 10px;height:270px}
- .post.grid a.thumbx{float:none;width:100%;margin:0 0 5px}
- .post.grid h2.post-title{overflow:hidden;max-height:40px;font-size:150%}
- .post.grid .infox{font-size:8px}
- @media only screen and (min-width:768px) and (max-width:959px){
- .post-body p{margin:5px 0 0;font-size:100%}
- a.thumbx{width:150px;height:100px}
- .post h2{font-size:140%}
- }
- @media only screen and (max-width:767px){
- .blog-posts.hfeed{overflow:hidden}
- a.thumbx{width:100px;height:100px;margin:0 8px 0 0}
- .post-body p{font-size:110%;margin:5px 0 0}
- .post.grid{width:50%;float:left;padding:0 10px;height:170px;margin:0 0 10px}
- .post.grid a.thumbx{width:100%;height:110px;margin:0;margin-bottom:5px}
- .post h2,.post.grid h2.post-title{font-size:140%;max-height:53px}
- .post.grid .post-body,.infox{position:absolute;left:-9999px}
- }
- @media only screen and (max-width:479px){
- a.thumbx{width:80px;height:80px;padding:2px}
- .post-body p{font-size:100%}
- .post.grid{padding:0 7px;height:150px}
- .post.grid a.thumbx{padding:2px;height:80px}
- .post h2,.post.grid h2.post-title{font-size:120%;max-height:46px}
- }
- </style>
- <b:else/>
- <style type='text/css'>
- .infox{float:left;padding:2px 5px;position:absolute;top:5px;left:5px;margin-top: 4px;}
- .breadcrumbs{margin-top:25px;font-size:80%;margin-bottom:10px;padding:0 0 5px;border-bottom:2px solid #c9c9c9}
- #main-wrapper{padding:0;overflow:visible}
- #related_posts ul,#related_posts li{list-style:none;padding:0;margin:0;overflow:hidden}
- #related_posts span{margin:0 5px 0 0;float:left}
- #related_posts strong{max-height:26px;overflow:hidden;display:block}
- #related_posts img{padding:3px;border:1px solid lightGrey}
- #related_posts p{margin:5px 0 0}
- #related_posts li{width:50%;float:left;padding:7px 0;height:100px}
- .post,#comments .comments-content,#related_posts ul{padding:15px;background-image:url(http://3.bp.blogspot.com/-sG8Uj1SiGOg/UfoVcIte-tI/AAAAAAAAC7s/_Hi7f0CTgdU/s1600/debut_light.png);box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;border-bottom:4px solid ;overflow:hidden;position:relative;border-top:4px solid #383838}
- .labelatas{position:absolute;left:5px;bottom:5px}
- .labelatas a{float:left;display:block;padding:2px 6px;background-color:#EBEBEB;margin-right:2px;border:1px solid #DDD}
- .pager-isi{background:white;overflow:hidden;border:1px solid #DDD}
- .pager-isi h5{font-size:11px}
- .pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%}
- .pager-isi a:hover,.pager-isi .linkgrey{background-color:#F7F7F7;text-decoration:none}
- .pager-isi h6{color:#575757;font-size:105%;font-weight:bold}
- a.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
- a.blog-pager-older-link{background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}
- .pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
- .pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}
- .post-body{margin-bottom:35px;font-size:17px;font-weight: 300;}
- ul#social-ikonzs li{float:left;position:relative;list-style:none}
- #social-ikonzs a{width:19px;height:20px;display:block;margin:0 3px;background-image:url(http://3.bp.blogspot.com/-GnsWJY-Hblo/UIbck16A3BI/AAAAAAAAGJM/qdog-XGwwQE/h20/sprite+images.png);background-position:0 0;background-repeat:no-repeat}
- ul#social-ikonzs li.facebook a{background-position:-19px 0}
- ul#social-ikonzs li.twitter a{background-position:-116px 0}
- ul#social-ikonzs li.google a{background-position:-39px 0}
- ul#social-ikonzs li.stumbleupon a{background-position:-97px 0}
- ul#social-ikonzs li.digg a{background-position:0 0}
- ul#social-ikonzs li.delicious a{background-position:-136px 0}
- ul#social-ikonzs li.linkedin a{background-position:-58px 0}
- ul#social-ikonzs li.reddit a{background-position:-78px 0}
- ul#social-ikonzs li.technorati a{background-position:-155px 0}
- #social-ikonzs strong{display:block;width:auto;padding:4px 7px;position:absolute;background-color:#00D1B0;color:white;right:200%;bottom:40px;-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;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}
- #social-ikonzs li:hover strong{right:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
- .ikonz-social{height:32px;position:absolute;bottom:0;right:0}ul#social-ikonzs{float:left;margin:7px 0 0;padding:0}
- @media only screen and (min-width:768px) and (max-width:959px){
- .labelatas{right:-9999px}
- .infox{top:2px;right:2px}
- #related_posts li{padding:7px 5px 7px 0;height:120px}
- }
- @media only screen and (max-width:767px){
- .pager-isi a,.pager-isi .linkgrey,#related_posts li{width:100%}
- a.blog-pager-older-link{padding-right:25px}
- a.blog-pager-newer-link{padding-left:25px}
- .labelatas{right:-9999px}
- .infox{top:2px;right:2px}
- .post h1{font-size:140%}
- }
- @media only screen and (max-width:479px){
- .post h1{font-size:120%}
- }
- </style>
- </b:if>
- <b:else/>
- <style type='text/css'>
- #main-wrapper{padding:0;overflow:visible}
- .post,#comments .comments-content{padding:15px;background:white;box-shadow:0 1px 3px 0 #B5B5B5;-moz-box-shadow:0 1px 3px 0 #b5b5b5;-webkit-box-shadow:0 1px 3px 0 #B5B5B5;border:1px solid #DDD;overflow:hidden;position:relative}
- .post-body{margin-bottom:25px;font-size:12px}
- @media only screen and (max-width:767px){
- .post h2{font-size:140%}
- }
- @media only screen and (max-width:479px){
- .post h2{font-size:120%}
- }
- </style>
- </b:if>
- <style>
- /*.follow-box {
- border:0 none;
- clear:both;
- margin:0;
- padding:0;
- position: fixed;
- top:40%;
- left:0;
- z-index:95;
- }*/
- </style>
- <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
- <script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js' type='text/javascript'/>
- <b:if cond='data:blog.pageType != "item"'>
- <script type='text/javascript'>
- var thumbnail_mode = "yes"; //yes= اظهار الصورة المصغرة, no= بدون صورة مصغرة
- summary_noimg = 320; //طول الموجز (عدد الاحرف) في التدوينات الخالية من الصور
- summary_img = 270; //طول الموجز (عدد الاحرف) في التدوينات مع وجود صور
- img_thumb_height = 160; //ارتفاع الصورة
- img_thumb_width = 210; //عرض الصورة
- </script>
- </b:if>
- <script type='text/javascript'>
- //<![CDATA[
- function removeHtmlTag(strx,chop){
- if(strx.indexOf("<")!=-1)
- {
- var s = strx.split("<");
- for(var i=0;i<s.length;i++){
- if(s[i].indexOf(">")!=-1){
- s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
- }
- }
- strx = s.join("");
- }
- chop = (chop < strx.length-1) ? chop : strx.length-2;
- while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
- strx = strx.substring(0,chop-1);
- return strx+'...';
- }
- function createSummaryAndThumb(pID){
- var div = document.getElementById(pID);
- var imgtag = "";
- var img = div.getElementsByTagName("img");
- var summ = summary_noimg;
- if(thumbnail_mode == "yes") {
- if(img.length>=1) {
- imgtag = '<span class="postimge" style="float:right; padding:0px 0px 5px 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'" height="'+img_thumb_height+'"/></span>';
- summ = summary_img;
- }
- }
- var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
- div.innerHTML = summary;
- }
- //]]>
- </script>
- <script>
- /* Script from:http://alb33dani.blogspot.com/ */
- imgr = new Array();
- imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
- showRandomImg = true;
- aBold = true;
- summaryPost = 150;
- numposts1 = 6;
- label1 = "Tech News";
- function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
- function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
- if ("content" in entry) {
- var postcontent = entry.content.$t;}
- else
- if ("summary" in entry) {
- var postcontent = entry.summary.$t;}
- else var postcontent = "";
- postdate = entry.published.$t;
- if(j>imgr.length-1) j=0;
- img[i] = imgr[j];
- s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
- if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
- var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
- }}
- var daystr = day+ ' ' + m + ' ' + y ;
- var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'
- +removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
- document.write(trtd);
- j++;
- }}
- </script>
- <link href='https://dl.dropboxusercontent.com/s/1fb3nq1vwahkm87/red.css' media='screen' rel='alternate stylesheet' title='red' type='text/css'/>
- <link href='https://dl.dropboxusercontent.com/s/4lnuii7xm3j0lpx/green.css' media='screen' rel='alternate stylesheet' title='green' type='text/css'/>
- <script src='https://guide-b.googlecode.com/svn/trunk/rafidain/js/jquery.js'/>
- <script src='https://guide-b.googlecode.com/svn/trunk/rafidain/js/styleswitch.js' type='text/javascript'/>
- <script type='text/javascript'>
- //<![CDATA[
- var relatedTitles = new Array();
- var relatedTitlesNum = 0;
- var relatedUrls = new Array();
- function related_results_labels(json) {
- for (var i = 0; i < json.feed.entry.length; i++) {
- var entry = json.feed.entry[i];
- relatedTitles[relatedTitlesNum] = entry.title.$t;
- for (var k = 0; k < entry.link.length; k++) {
- if (entry.link[k].rel == 'alternate') {
- relatedUrls[relatedTitlesNum] = entry.link[k].href;
- relatedTitlesNum++;
- break;}}}}
- function removeRelatedDuplicates() {
- var tmp = new Array(0);
- var tmp2 = new Array(0);
- for(var i = 0; i < relatedUrls.length; i++) {
- if(!contains(tmp, relatedUrls[i])) {
- tmp.length += 1;
- tmp[tmp.length - 1] = relatedUrls[i];
- tmp2.length += 1;
- tmp2[tmp2.length - 1] = relatedTitles[i];}}
- relatedTitles = tmp2;
- relatedUrls = tmp;}
- function contains(a, e) {
- for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
- return false;}
- function printRelatedLabels() {
- var r = Math.floor((relatedTitles.length - 1) * Math.random());
- var i = 0;
- document.write('<ul>');
- while (i < relatedTitles.length && i < 20) {
- document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
- if (r < relatedTitles.length - 1) {
- r++;
- } else {
- r = 0;
- }
- i++;}
- document.write('</ul>');
- }
- //]]>
- </script>
- <style>
- #related-posts {
- float : right;
- width : 600px;
- margin-top:20px;
- margin-right: 0px;
- margin-bottom:20px;
- font : 11px Arial;
- margin-bottom:10px;
- }
- #related-posts .widget {
- list-style-type : none;
- margin : 5px 0 5px 0;
- padding : 0;
- }
- #related-posts .widget h2, #related-posts h2 {
- background:#00D1B0 url(https://lh6.googleusercontent.com/-B7Vkw9_qc8Y/TkAfDi4z6DI/AAAAAAAAAoU/s0oPtRH3Vok/s000/widget-title-bg.png) right top repeat-y;
- color : #222222;
- font-size:16px;line-height:16px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold;margin:0 0 10px 0;padding:10px;text-transform:uppercase;text-shadow:0 1px 0 #fff;
- }
- #related-posts a {
- color : #054474;
- font-weight:bold;
- font-family: Arial;
- font-size : 14px;
- text-decoration : none;
- }
- #related-posts a:hover {
- color : #00D1B0;
- text-decoration : none;
- }
- #related-posts ul {
- border : medium none;
- margin : 10px;
- padding : 0;
- }
- #related-posts ul li {
- display : block;
- background : url("http://i263.photobucket.com/albums/ii150/mohamedrias/newconcept_bullet.png") no-repeat 0 0;
- margin : 0;
- padding-top : 0;
- padding-right : 0;
- padding-bottom : 1px;
- padding-left : 16px;
- margin-bottom : 5px;
- line-height : 2em;
- border-bottom:1px dotted #cccccc;
- }
- </style>
- <link href='http://www.4youtech.com/favicon.ico' rel='icon' type='image/x-icon'/>
- <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
- <script type='text/javascript'>
- //<![CDATA[
- jQuery('a').each(function() {
- // Let's make external links open in a new tab.
- var href = jQuery(this).attr('href');
- if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
- jQuery(this).attr("target", "_blank");
- }
- });
- //]]>
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- jQuery('a').each(function() {
- // Let's make external links nofollow.
- var href = jQuery(this).attr('href');
- if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
- jQuery(this).attr("rel", "nofollow");
- }
- });
- //]]>
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function() {
- $('img').each(function(){
- var $img = $(this);
- var filename = $img.attr('src')
- $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
- });
- });
- //]]>
- </script>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function() {
- $('img').each(function(){
- var $img = $(this);
- var filename = $img.attr('src')
- $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
- });
- });
- //]]>
- </script>
- </head>
- <div id='scroll'/>
- <body>
- <div id='outer-wrapper'>
- <header id='header-wrapper'>
- <div id='menuatas'>
- <div id='ktuskrg'>
- <script type='text/javascript'>
- //<![CDATA[
- function makeArray() {
- for (i = 0; i<makeArray.arguments.length; i++)
- this[i + 1] = makeArray.arguments[i];
- }
- var months = new makeArray('يناير','فبراير','مارس','ابريل','ماي',
- 'يونيو','يوليو','اغسطس','سبتمبر','October','نوفمبر','ديسمبر');
- var date = new Date();
- var day = date.getDate();
- var month = date.getMonth() + 1;
- var yy = date.getYear();
- var year = (yy < 1000) ? yy + 1900 : yy;
- document.write(months[month]+ " " +day + ", " + year);
- //]]></script>
- </div>
- <div id='navtop'>
- <ul id='menuhlng'>
- <li><a href='http://technol-world.blogspot.com/#'>من نحن</a></li>
- <li><a href='http://technol-world.blogspot.com/#'>اتصل بنا</a></li>
- <li class='dgnsubtop'><a href='http://technol-world.blogspot.com/#'>اكثر</a>
- <ul class='sub-menu-top hidden'>
- <li><a href='#'>قائمة فرعية</a></li>
- <li><a href='#'>قائمة فرعية</a></li>
- <li><a href='#'>قائمة فرعية</a></li>
- <li><a href='#'>قائمة فرعية</a></li>
- </ul></li>
- </ul>
- </div>
- <div id='searchnya'>
- <form action='/search' id='ajax-search-form'>
- <input name='q' onblur='if (this.value == "") {this.value = "البحث...";}' onfocus='if (this.value == "البحث...") {this.value = "";}' type='text' value='ابحث في عالم التكنولوجيا'/>
- <input type='submit' value='Search'/>
- </form>
- </div>
- </div>
- <div id='isihead'>
- <div id='headtitle'>
- <b:section addelement='no' class='header' id='header' maxwidgets='1'>
- <b:widget id='Header1' locked='true' title='( Tech World ) (رأس الصفحة)' type='Header'>
- <b:includable id='main'>
- <b:if cond='data:useImage'>
- <b:if cond='data:imagePlacement == "BEHIND"'>
- <!--
- 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'>
- <b:if cond='data:blog.pageType != "item"'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- <b:else/>
- <p class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </p>
- </b:if>
- </div>
- <b:include name='description'/>
- </div>
- <b:else/>
- <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
- <div class='titlewrapper' style='background: transparent'>
- <b:if cond='data:blog.pageType != "item"'>
- <h1 class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </h1>
- <b:else/>
- <p class='title' style='background: transparent; border-width: 0px'>
- <b:include name='title'/>
- </p>
- </b:if>
- </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'>
- <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
- </a>
- <!--Show the description-->
- <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
- <b:include name='description'/>
- </b:if>
- </div>
- </b:if>
- <b:else/>
- <!--No header image -->
- <div id='header-inner'>
- <div class='titlewrapper'>
- <b:if cond='data:blog.pageType != "item"'>
- <h1 class='title'>
- <b:include name='title'/>
- </h1>
- <b:else/>
- <p class='title'>
- <b:include name='title'/>
- </p>
- </b:if>
- </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 id='headads'>
- <b:section class='header' id='headerads1' maxwidgets='1'>
- <b:widget id='HTML4' locked='false' title='' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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>
- <nav id='nav'>
- <ul id='menuhlng1'>
- <li class='mhome'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Windows'>Windows</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Linux'>Linux</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Android?'>Android</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Apple'>Apple</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Programs'>Programs</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/App'>App</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Security'>Security</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Social Media'>Social Media</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Videos'>Videos</a></li>
- <li><a href='http://technol-world.blogspot.com//search/label/Tech News'>Tech News</a></li>
- </ul>
- </nav>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function(){
- selectnav('menuhlng', {
- label: 'اذهب الى... ',
- nested: true,
- autoselect: false,
- indent: '-'
- });
- selectnav('menuhlng1', {
- label: 'اذهب الى ',
- nested: true,
- autoselect: false,
- indent: '-'
- });
- });
- //]]></script>
- <script type='text/javascript'>
- //<![CDATA[
- $('#nav li ul, #navtop li ul').removeClass('hidden');
- $('#nav li, #navtop li').hoverTimeout(100, function() {
- $('ul', this).filter(':not(:animated)').slideDown(600, 'easeOutBounce');
- }, 500, function() {
- $('ul', this).slideUp(800, 'easeInExpo');
- });
- //]]></script>
- </header>
- <div id='content-wrapper'>
- <div id='main-wrapper'>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <div id='alwansd'>
- <div class='alwanw' id='slider1'>
- <script>
- document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
- </script>
- </div>
- <div class='alwan-ps' id='paginate-slider1'>
- </div>
- </div>
- </b:if>
- <b:section class='main' id='main' showaddelement='no'>
- <b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'>
- <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'/>
- <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'>
- <script src='//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);
- </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='"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'/>
- </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'> </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 + "_backlinks-create-link"' 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 + "_comment-editor-toggle-link"' 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/>
- <h4 id='comment-post-message'><data:postCommentMsg/></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='' width='100%'/>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </script>
- </div>
- </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'/>
- </a>
- </b:if>
- </span>
- </b:includable>
- <b:includable id='comment_count_picker' var='post'>
- <b:if cond='data:post.forceIframeComments'>
- <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <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-url='data:post.canonicalUrl'>
- </span>
- <b:else/>
- <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
- <data:post.commentLabelFull/>:
- </a>
- </b:if>
- </b:if>
- </b:includable>
- <b:includable id='comment_picker' var='post'>
- <b:if cond='data:post.forceIframeComments'>
- <b:include data='post' name='iframe_comments'/>
- <b:if cond='data:post.showThreadedComments'>
- <b:include data='post' name='threaded_comments'/>
- <b:else/>
- <b:include data='post' name='comments'/>
- </b:if>
- <b:else/>
- <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:if>
- </b:includable>
- <b:includable id='comments' var='post'>
- <div class='comments' id='comments'>
- <a name='comments'/>
- <b:if cond='data:post.allowComments'>
- <div class='komhead'>
- <h4>
- <b:if cond='data:post.numComments == 1'>
- 1 <data:commentLabel/>:
- <b:else/>
- <data:post.numComments/> <data:commentLabelPlural/>:
- </b:if>
- </h4>
- <div class='stripe-line'/>
- </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>
- <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'/>
- <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'>
- </iframe>
- </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='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='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.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
- <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='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;'/>
- </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='mobile-main' var='top'>
- <!-- posts -->
- <div class='blog-posts hfeed'>
- <b:include data='top' name='status-message'/>
- <b:if cond='data:blog.pageType == "index"'>
- <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 + "_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'/>
- <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;'/> <!-- 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);'><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='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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
- </span>
- </b:if>
- <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'>
- <article class='post hentry' expr:id='data:post.id'>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='infox'>
- <div class='post-author vcard'>
- <b:if cond='data:post.authorProfileUrl'>
- <span class='fn'>
- <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
- <data:post.author/>
- </a>
- </span>
- <b:else/>
- <span class='fn'><data:post.author/></span>
- </b:if>
- </div>
- <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
- </div>
- <div class='breadcrumbs'>
- <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
- »
- <b:loop values='data:posts' var='post'>
- <b:if cond='data:post.labels'>
- <b:loop values='data:post.labels' var='label'>
- <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
- <a expr:href='data:label.url' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
- <b:if cond='data:label.isLast != "true"'> » </b:if>
- </b:loop>
- <b:else/>
- »Unlabelled
- </b:if>
- » <span><data:post.title/></span>
- </b:loop>
- </div>
- </b:if>
- <b:if cond='data:blog.pageType != "item"'>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:post.title'>
- <h2 class='post-title entry-title'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
- <b:else/>
- <b:if cond='data:post.url'>
- <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </b:if>
- </h2>
- </b:if>
- <b:else/>
- <h2 class='post-title entry-title'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </h2>
- </b:if>
- <b:else/>
- <h1 class='post-title entry-title'>
- <b:if cond='data:post.link'>
- <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
- <b:else/>
- <data:post.title/>
- </b:if>
- </h1>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='labelatas'>
- <b:loop values='data:post.labels' var='label'>
- <b:if cond='data:label.name != "Guest Posts"'>
- <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
- </b:if>
- </b:loop>
- </div>
- </b:if>
- <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
- <!-- اقرأ المزيد - البداية -->
- <b:if cond='data:blog.pageType == "item"'>
- <data:post.body/>
- <b:if cond='data:blog.pageType == "item"'>
- <div id='related-posts'>
- <h2>مواضيع ذات صله<div style='display:none;'> <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
- <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop></div> </h2>
- <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
- </div>
- </b:if>
- <b:else/>
- <div expr:id='"summary" + data:post.id'><data:post.body/></div>
- <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
- </script>
- <div class='fullinfo'>
- <div class='infox1'>
- <div class='infox'>
- <div class='post-author vcard'>
- <b:if cond='data:post.authorProfileUrl'>
- <span class='fn'>
- <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
- <data:post.author/>
- </a>
- </span>
- <b:else/>
- <span class='fn'><data:post.author/></span>
- </b:if>
- </div>
- <div class='d-header'><span class='timestamp-link'><abbr class='published updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></span></div>
- </div>
- </div>
- <div class='redmo'><a class='more' expr:href='data:post.url'>اقرأ المزيد</a></div>
- </div>
- </b:if>
- <!-- اقرأ المزيد - النهاية -->
- <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'>
- <data:top.authorLabel/>
- <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> <span class='post-icons'>
- <!-- email post links -->
- <b:if cond='data:post.emailPostUrl'>
- <span class='item-action'>
- <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
- <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
- </a>
- </span>
- </b:if>
- <!-- quickedit pencil -->
- <b:include data='post' name='postQuickEdit'/>
- </span> <div class='post-share-buttons goog-inline-block'>
- <b:if cond='data:post.sharePostUrl'>
- <b:include data='post' name='shareButtons'/>
- </b:if>
- </div> </div>
- <div class='post-footer-line post-footer-line-3'><span class='post-location'>
- <b:if cond='data:top.showLocation'>
- <b:if cond='data:post.location'>
- <data:postLocationLabel/>
- <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
- </b:if>
- </b:if>
- </span> </div>
- </div>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='postauthor'>
- <img alt='AbuSalah' height='80' src='http://im63.gulfup.com/i8wZFx.jpg' width='80'/>
- <h3>كاتب الموضوع : <a href='http://fb.com/Anon.BluE.MaXX'> AbuSalah </a></h3>
- <p> مدون مهتم بجديد التكنولوجيا و التقنيات , مواليد الاردن ، ادرس بالمرحلة الثانوية ، ، أحب التقنية وأتابعها أول بأول لدي خبرة جيدة في هذا المجال مكتسبة من الإنترنت ، احاول دائما افادة الناس عن طريق هذه المدونة ،، ، يمكنك متابعتي على <a href='http://fb.com/Anon.BluE.MaXx'> الفايسبوك</a></p>
- </div>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='ikonz-social'><span> شارك مواضيعنا:</span>
- <ul class='social-ikonz' id='social-ikonzs'>
- <li class='facebook'>
- <a expr:href='"http://www.facebook.com/share.php?v=4&src=bm&u=" + data:post.url + "&t=" + data:post.title' onclick='window.open(this.href,"sharer","toolbar=0,status=0,width=626,height=436"); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
- </li>
- <li class='twitter'>
- <a expr:href='"http://twitter.com/home?status=" + data:post.title + " -- " + data:post.url' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
- </li>
- <li class='google'>
- <a expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");return false;' rel='nofollow' title='Share this on Google+'><strong>Google+</strong></a>
- </li>
- <li class='stumbleupon'>
- <a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Stumble upon something good? Share it on StumbleUpon'><strong>StumbleUpon</strong></a>
- </li>
- <li class='digg'>
- <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
- </li>
- <li class='delicious'>
- <a expr:href='"http://delicious.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
- </li>
- <li class='linkedin'>
- <a expr:href='"http://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + "&title=" + data:post.title + "&summary=&source="' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
- </li>
- <li class='reddit'>
- <a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
- </li>
- <li class='technorati'>
- <a expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='nofollow' title='Share this on Technorati'><strong>Technorati</strong></a>
- </li>
- </ul>
- </div>
- </b:if>
- </article>
- <b:if cond='data:blog.pageType == "item"'>
- <div class='blog-pager' id='blog-pager'>
- <div class='pager-isi'>
- <b:if cond='data:newerPageUrl'>
- <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
- <b:else/>
- <span class='linkgrey left'><h6>التالي</h6><h5>هذا احدت موضوع.</h5></span>
- </b:if>
- <b:if cond='data:olderPageUrl'>
- <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
- <b:else/>
- <span class='linkgrey right'><h6>السابق</h6><h5>هذا آخر موضوع.</h5></span>
- </b:if>
- </div>
- </div>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function () {
- var newerLink = $('a.blog-pager-newer-link').attr('href');
- $('a.blog-pager-newer-link').load(newerLink + ' .post-title:first', function () {
- var newerLinkTitle = $('a.blog-pager-newer-link').text();
- $('a.blog-pager-newer-link').html('<h6>التالي</h6><h5>' + newerLinkTitle + '<h5>');
- });
- var olderLink = $('a.blog-pager-older-link').attr('href');
- $('a.blog-pager-older-link').load(olderLink + ' .post-title:first', function () {
- var olderLinkTitle = $('a.blog-pager-older-link').text();
- $('a.blog-pager-older-link').html('<h6>السابق</h6><h5>' + olderLinkTitle + '</h5>');
- });
- });
- //]]>
- </script>
- <div id='relatedpostsjp'/>
- <!-- Related Posts Code Start-->
- <!-- Related Posts Code End-->
- </b:if>
- </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' width='18'/>
- </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 + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
- </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'>
- <div id='form-wrapper'>
- <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%'/>
- </div>
- <b:else/>
- <div id='form-wrapper'>
- <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%'/>
- </div>
- </b:if>
- <data:post.friendConnectJs/>
- <data:post.cmtfpIframe/>
- <script type='text/javascript'>
- BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
- </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(document.getElementById('form-wrapper'), 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'/>
- <div class='komhead'>
- <h4>
- <b:if cond='data:post.numComments == 1'>
- 1 <data:commentLabel/>:
- <b:else/>
- <data:post.numComments/> <data:commentLabelPlural/>:
- </b:if>
- </h4>
- <div class='stripe-line'/>
- </div>
- <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 + "_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",200);
- //]]></script>
- </b:if></b:if>
- <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'});
- //]]></script>
- <aside id='sidebar-wrapper'>
- <div id='sidebaratas'>
- <b:section class='sidebar' id='sidebar-atas' preferred='yes'>
- <b:widget id='HTML3' locked='false' title='قناتنا على اليوتيوب' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='HTML12' locked='false' title='صفحتنا على الفيسبوك' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='AdSense1' locked='false' title='' type='AdSense'>
- <b:includable id='main'>
- <div class='widget-content'>
- <b:if cond='data:blog.disableAdSenseWidget != "true"'>
- <data:adCode/>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='HTML7' locked='false' title='اختر لونك المفضل لتصفح مدونتنا' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='FollowByEmail1' locked='false' title='الاشتراك بالقائمة البريدية' type='FollowByEmail'>
- <b:includable id='main'>
- <b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
- <div class='widget-content'>
- <div class='follow-by-email-inner'>
- <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' 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='HTML10' locked='false' title='تصفح مدونتنا بلغتك' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='HTML11' locked='false' title='آخر مواضيع المدونة' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='AdSense2' locked='false' title='' type='AdSense'>
- <b:includable id='main'>
- <div class='widget-content'>
- <b:if cond='data:blog.disableAdSenseWidget != "true"'>
- <data:adCode/>
- </b:if>
- <b:include name='quickedit'/>
- </div>
- </b:includable>
- </b:widget>
- <b:widget id='Feed1' locked='false' title='Last Posts' type='Feed'>
- <b:includable id='main'>
- <h2><data:title/></h2>
- <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>
- <span style='filter: alpha(25); opacity: 0.25;'>
- <a expr:href='data:feedUrl'><data:loadingMsg/></a>
- </span>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML2' locked='false' title='' type='HTML'>
- <b:includable id='main'>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </b:includable>
- </b:widget>
- <b:widget id='HTML6' locked='false' title='' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='HTML9' locked='false' title='' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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='' type='HTML'>
- <b:includable id='main'>
- <div class='widget-content'>
- <data:content/>
- </div>
- <b:include name='quickedit'/>
- </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 -->
- </div> <!-- end outer-wrapper -->
- <footer id='footer-wrapper'>
- <div class='whit'>
- <div id='isifooternya'>
- <div class='footer-wrap' id='footx1'>
- <b:section class='footer' id='footer1'>
- <b:widget id='HTML5' locked='false' title='عن الموقع' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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 class='footer-wrap' id='footx2'>
- <b:section class='footer' id='footer2'>
- <b:widget id='HTML14' locked='false' title='معلومات الزائر' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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 class='footer-wrap' id='footx3'>
- <b:section class='footer' id='footer3'>
- <b:widget id='HTML13' locked='false' title='قــم بزيــارة مدونتـنا بمتصفحك المفضل' type='HTML'>
- <b:includable id='main'>
- <!-- only display title if it's non-empty -->
- <b:if cond='data:title != ""'>
- <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>
- <div id='isifooter'>
- <div id='kredit'>
- <div class='botleft' style='margin-top: 10px;'>
- <div id='creditxx'>
- <div class='cpright'>
- جميع الحقوق محفوظة ©2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
- </div>
- </div></div>
- <style>
- #social img {
- height:25px;
- width:25px;
- margin-right: 2px;
- margin-left: 0px;
- }
- #social img:hover {
- opacity: 0.6;
- }
- </style>
- <div id='social' style='height: 50px; width: 180px;'>
- <h10>تصميم : <a href='https://www.facebook.com/lahnxx'> لحن الحياة الموت </a> </h10>
- <br/> <h10>تجميع الاضافات : <a href='https://www.facebook.com/Anon.BluE.MaXx'>ابوصلاح </a> </h10>
- </div>
- <div style='clear: both'/>
- <div class='botright'>
- </div>
- </div>
- </div>
- </footer>
- <script type='text/javascript'>
- //<![CDATA[
- $('#sidebar-wrapper h2, #footer-wrapper h2').wrap('<div class="h2title" />').css('width', 'auto');
- $('.h2title').append('<div class="stripe-line"></div>');
- //]]></script>
- <b:if cond='data:blog.pageType != "static_page"'>
- <b:if cond='data:blog.pageType != "item"'>
- <script type='text/javascript'>
- //<![CDATA[
- var pageCount=6;
- var displayPageNum=2;
- var upPageWord ='« Previous'
- var downPageWord ='Next »';
- function showpageCount(x){var C=home_page_url;var E=new Array();var y=1;var H=1;var v=0;var p=0;var G=0;var F="";var J="";var w="";for(var z=0,A;A=x.feed.entry[z];z++){var u=A.published.$t.substring(0,19)+A.published.$t.substring(23,29);timestamp=encodeURIComponent(u);var i=A.title.$t;if(i!=""){if(v==0||(v%pageCount==(pageCount-1))){if(C.indexOf(timestamp)!=-1){y=H}if(i!=""){H++}E[E.length]="/search?updated-max="+timestamp+"&max-results="+pageCount}}v++}for(var D=0;D<E.length;D++){if(D>=(y-displayPageNum-1)&&D<(y+displayPageNum)){if(p==0&&D==y-2){if(y==2){J='<span class="showpage"><a href="/">'+upPageWord+"</a></span>"}else{J='<span class="showpage"><a href="'+E[D]+'">'+upPageWord+"</a></span>"}p++}if(D==(y-1)){F+='<span class="showpagePoint">'+y+"</span>"}else{if(D==0){F+='<span class="showpageNum"><a href="/">1</a></span>'}else{F+='<span class="showpageNum"><a href="'+E[D]+'">'+(D+1)+"</a></span>"}}if(G==0&&D==y){w='<span class="showpage"> <a href="'+E[D]+'">'+downPageWord+"</a></span>";G++}}}if(y>1){F=""+J+" "+F+" "}F='<div class="showpageArea">'+F;if(y<(H-1)){F+=w}if(H==1){H++}F+="</div>";var I=document.getElementsByName("pageArea");var B=document.getElementById("blog-pager");if(H<=2){F=""}for(var D=0;D<I.length;D++){I[D].innerHTML=F}if(I&&I.length>0){F=""}if(B){B.innerHTML=F}}function showpageCount2(A){var F=home_page_url;var G=new Array();var J=F.indexOf("/search/label/")!=-1;var M=J?F.substr(F.indexOf("/search/label/")+14,F.length):"";M=M.indexOf("?")!=-1?M.substr(0,M.indexOf("?")):M;var B=1;var L=1;var y=0;var p=0;var K=0;var I="";var P="";var z="";var N='<span class="showpageNum"><a href="/search/label/'+M+"?&max-results="+pageCount+'">';var F=home_page_url;for(var C=0,D;D=A.feed.entry[C];C++){var x=D.published.$t.substring(0,19)+D.published.$t.substring(23,29);timestamp=encodeURIComponent(x);var i=D.title.$t;if(i!=""){if(y==0||(y%pageCount==(pageCount-1))){if(F.indexOf(timestamp)!=-1){B=L}if(i!=""){L++}G[G.length]="/search/label/"+M+"?updated-max="+timestamp+"&max-results="+pageCount}}y++}for(var H=0;H<G.length;H++){if(H>=(B-displayPageNum-1)&&H<(B+displayPageNum)){if(p==0&&H==B-2){if(B==2){P=N+upPageWord+"</a></span>"}else{P='<span class="showpage"><a href="'+G[H]+'">'+upPageWord+"</a></span>"}p++}if(H==(B-1)){I+='<span class="showpagePoint">'+B+"</span>"}else{if(H==0){I=N+"1</a></span>"}else{I+='<span class="showpageNum"><a href="'+G[H]+'">'+(H+1)+"</a></span>"}}if(K==0&&H==B){z='<span class="showpage"> <a href="'+G[H]+'">'+downPageWord+"</a></span>";K++}}}if(B>1){if(!J){I=""+P+" "+I+" "}else{I=""+P+" "+I+" "}}I='<div class="showpageArea">'+I;if(B<(L-1)){I+=z}if(L==1){L++}I+="</div>";var O=document.getElementsByName("pageArea");var E=document.getElementById("blog-pager");if(L<=2){I=""}for(var H=0;H<O.length;H++){O[H].innerHTML=I}if(O&&O.length>0){I=""}if(E){E.innerHTML=I}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('')}else{document.write('<script src="'+home_page+"feeds/posts/full/-/"+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}};
- //]]>
- </script>
- </b:if></b:if>
- <script type='text/javascript'>
- //<![CDATA[
- window.emoticonx=(function(){var a=function(c){var f=c||{},d=f.emoRange||"#comments p, div.emoWrap",e=f.putEmoAbove||"iframe#comment-editor",b=f.emoMessage||"لإدراج تعبيرات الوجه يجب إضافة ما لا يقل عن مسافة واحدة قبل رمز.";$(e).before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>اضغط على الابتسامة لظهور الكود الخاص بها</b><br/>'+b+"</div>");var g=function(j,i,h){$(d).each(function(){$(this).html($(this).html().replace(/<br>:/g,"<br> :").replace(/<br>;/g,"<br> ;").replace(/<br>=/g,"<br> =").replace(/<br>\^/g,"<br> ^").replace(j," <img style='max-height:24px' src='"+i+"' class='emo delayLoad' alt='"+h+"' />"))})};g(/\s:\)\)+/g,"https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif",":))");g(/\s;\(\(+/g,"https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif",";((");g(/\s:\)+/g,"https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif",":)");g(/\s:-\)+/g,"https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif",":-)");g(/\s=\)\)+/g,"https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif","=))");g(/\s;\(+/g,"https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif",";(");g(/\s;-\(+/g,"https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif",";-(");g(/\s:d/ig,"https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif",":d");g(/\s:-d/ig,"https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif",":-d");g(/\s@-\)+/g,"https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/HloTeaRIdyQ/s36/09.gif","@-)");g(/\s:p/ig,"https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif",":p");g(/\s:o/ig,"https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif",":o");g(/\s:>\)+/g,"https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif",":>)");g(/\s\(o\)+/ig,"https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif","(o)");g(/\s\[-\(+/g,"https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif","[-(");g(/\s:-\?/g,"https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif",":-?");g(/\s\(p\)+/ig,"https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif","(p)");g(/\s:-s/ig,"https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif",":-s");g(/\s\(m\)+/ig,"https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif","(m)");g(/\s8-\)+/ig,"https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif","8-)");g(/\s:-t/ig,"https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif",":-t");g(/\s:-b/ig,"https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif",":-b");g(/\sb-\(+/ig,"https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif","b-(");g(/\s:-#/ig,"https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif",":-#");g(/\s=p~/ig,"https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif","=p~");g(/\s\$-\)+/ig,"https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif","$-)");g(/\s\(b\)+/ig,"https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif","(b)");g(/\s\(f\)+/ig,"https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'","(f)");g(/\sx-\)+/ig,"https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif","x-)");g(/\s\(k\)+/ig,"https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif","(k)");g(/\s\(h\)+/ig,"https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif","(h)");g(/\s\(c\)+/ig,"https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif","(c)");g(/\scheer/ig,"https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif","cheer");$("div.emoWrap").one("click",function(){if(b){alert(b)}});$(".emo").css("cursor","pointer").live("click",function(h){$(".emoKey").remove();$(this).after('<input class="emoKey" type="text" size="'+this.alt.length+'" value=" '+this.alt+'" />');$(".emoKey").trigger("select");h.stopPropagation()});$(".emoKey").live("click",function(){$(this).focus().select()})};return function(b){a(b)}})();
- //]]>
- </script>
- <b:if cond='data:blog.pageType == "item"'>
- <script type='text/javascript'>
- //<![CDATA[
- jQuery(document).ready(function () {emoticonx()});
- //]]>
- </script>
- </b:if>
- <b:if cond='data:blog.pageType == "static_page"'>
- <script type='text/javascript'>
- //<![CDATA[
- jQuery(document).ready(function () {emoticonx()});
- //]]>
- </script>
- </b:if>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function () {
- searchxx({summaryLength:100, scrthumbSize:50});
- });
- //]]>
- </script>
- <b:if cond='data:blog.pageType == "item"'>
- <script type='text/javascript'>
- //<![CDATA[
- $(document).ready(function () {
- breakingnews({breakingpostx:10,
- breakingcmtext: "Comments"
- });
- });
- //]]>
- </script>
- </b:if>
- <b:include data='blog' name='google-analytics'/>
- <script src='http://dl.dropbox.com/u/12924430/contentslider.js'/>
- <script>
- featuredcontentslider.init({
- id: "slider1", //id of main slider DIV
- contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
- toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
- nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" to hide.
- enablefade: [true, 0.5], //[true/false, fadedegree]
- autorotate: [true, 6000], //[true/false, pausetime]
- onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
- //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
- //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
- }
- })
- </script>
- <script type='text/javascript'> /*<![CDATA[*/ var scrollTimer = null; $(window).scroll(function() { var viewportHeight = $(this).height(), scrollbarHeight = viewportHeight / $(document).height() * viewportHeight, progress = $(this).scrollTop() / ($(document).height() - viewportHeight), distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2; $('#scroll') .css('top', distance) .text(' (' + Math.round(progress * 100) + '%)') .fadeIn(100); if (scrollTimer !== null) { clearTimeout(scrollTimer); } scrollTimer = setTimeout(function() { $('#scroll').fadeOut(); }, 1500); }); /*]]>*/ </script>
- </body>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement