| desperado |
12-12-2012 05:29 AM |
رد: مساعدة بسيطة وسهلة
بس انا عربت ليك القالب ده خده جربه عندك وقولي ايه النتيجة بقي
كود بلغة HTML:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Blogger Template Style
Translate by http://bt.blog4temp.com TBT
Name : Johny Sompret Banget
Author : Maskolis
Url : http://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#b1bb8e">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#000000">
<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="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#444" value="#333333">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#666666">
<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="#000000">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Arial, Serif" value="normal normal 26px 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 12px Lucida Sans, Tahoma, Helvetica, FreeSans, 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 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="right" value="right">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="left" value="left">
*/
body{background:url(http://4.bp.blogspot.com/-CGwCv12DBG8/T8F9vBugAkI/AAAAAAAABUc/CC-GU64e9TY/s1600/body-bg.jpg);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:right;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width : 0}
#header-wrapper{width : 960px;margin:0 auto}
#header-inner{background-position :center;margin-right:auto;margin-left:auto}
#header{float :right;width : 220px;border:0 solid $bordercolor;text-align:right;color:$pagetitlecolor;margin:0}
#header2{float :left;width : 728px;margin:0;text-align:right;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:0px 0 5px}
#header h1{line-height:1.2em;text-transform:none;font: bold 24px Oswald;text-shadow:0 1px 1px #000;margin:0 auto;padding:5px 5px .15em;color:#aaa;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width : 100%;text-transform:uppercase;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
.newsfea{background:url(http://3.bp.blogspot.com/-FNQcD220OXM/UDkEGh3X8DI/AAAAAAAAIis/fgFR73CiHEc/s1600/new.png) no-repeat 0px 8px;margin:0px;padding:5px 45px 5px 0;font:15px Oswald;color:#222;border-bottom:1px solid #ccc;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}
#navbar-iframe{height:0;visibility:hidden;display :none}
#ads-wrapper,#mainpage-wrapper{width : 640px;float :right;word-wrap:break-word;overflow:hidden}
#main-wrapper{background:#fff;width : 640px;float :$startSide;word-wrap:break-word;overflow:hidden}
#midle-wrapper{padding-right:10px;width : 280px;float :$startSide;word-wrap:break-word;overflow:hidden}
.midle ul{list-style:none;margin:0;padding:0}
.midle .widget{margin:0;padding:0}
#sidebar-wrapper{width : 320px;float :$endSide;word-wrap:break-word;overflow:hidden}
h2{font:$headerfont;line-height:1.4em;text-transform:none;color:$sidebarcolor;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 13px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{margin:.5em 0 .1em;padding:15px}
.post .jump-link{display :none}
.post h3{font:21px Oswald;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#f7441a}
.post-body{border-top:2px solid #bbb;font:17px PT Sans Narrow;padding-top:10px;line-height:1.3em;margin:3em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post blockquote{margin:10px 20px 10px 10px;padding:10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-right: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
.comments{padding:0 15px}
#comments h4{font-size:17px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float :left;width : 100%}
.cm_head{width : 60px;float :right;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(http://4.bp.blogspot.com/-POy-pvgzudE/Tz0SPxJXQnI/AAAAAAAAFUI/SlCAfDMFIhg/s1600/anonymous.jpg) center no-repeat;width : 35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position :center;background-repeat:no-repeat;width : 35px;height:35px;margin:0;padding:3px}
.cm_reply a{display :inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-right-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/29px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display :block;width : 9px;height:18px;background:url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position :absolute;margin-right:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:15px;color:#333!important;text-decoration:none;float :right}
.cm_name_a{font:bold 15px Arial;color:#333!important;text-decoration:none;float :right}
.cm_date{font-size:10px;color:#999;text-decoration:none;float :left}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float :left;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
#blog-pager{position :relative;top:10px;width : auto;clear:both;font-family:Arial;font-weight:700;color:#4c502f;font-size:14px;margin:10px;padding:5px 10px}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#e3eef7;font:15px Oswald;color:#026ab5;text-transform:uppercase;margin:10px 10px 0;padding:6px 10px 6px 5px;border-bottom:2px solid #026ab5;}
.sidebar{text-shadow: white 1px 1px 1px;color:#666666;line-height:1.3em;}
.sidebar li{background:url(http://3.bp.blogspot.com/-Qe4UP5Cn9LQ/T3sGU5DTb0I/AAAAAAAAAL8/xJUZ31qQ8B4/s1600/batas.gif) repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid #dcd9d9;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:5px 10px}
.sidebar a:link,.sidebar a:visited{font:bold 14px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#4488dd}
.main .widget{border-bottom:0px dotted $bordercolor;margin:0 0 .5em;padding:0 0 .5em}
.footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:15px Oswald;padding-bottom:5px;margin-bottom:15px;line-height:1.3em;text-transform:uppercase;color:#ddd}
.footer{color:#aaa;line-height:1.3em;font:normal 13px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 5px;font:normal 13px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 17px 3px 0}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 2px #000}
.footer .widget-content{padding:0 auto}
.picfooter{background-color:#222;background-image: -moz-linear-gradient(top,#444 0,#222 100%); background-image: -ms-linear-gradient(top,#444 0,#222 100%); background-image: -o-linear-gradient(top,#444 0,#222 100%); background-image: -webkit-gradient(linear,right top,right bottom,color-stop(0,#444),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#444 0,#222 100%); background-image: linear-gradient(to bottom,#444 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;width : 960px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif}
#footer-wrapper{width : 940px;text-align:right;font:normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;margin:0 auto;padding:10px}
#footer1-wrapper{width : 300px;float :right;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-right:10px;width : 300px;float :right;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width : 300px;float :left;word-wrap:break-word;overflow:hidden}
.creditpic{background:#111;width : 960px;margin:0 auto;padding:0 auto;border-top:1px solid #444;text-shadow:1px 1px 2px #000}
.credit{width : 940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:14px;color:#999;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.credit a:link,.credit a:visited{color:#aaa;text-decoration:none}
.credit a:hover{color:#fff;text-decoration:none}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #01528c;background:#026ab5;color:#fff;margin:2px;padding:3px 6px}
#outer-wrapper{background:#fff;width : 960px;text-align:$startSide;font:$bodyfont;margin:0 auto;padding:0px;-moz-box-shadow: 0 0 15px 1px #aaa;-webkit-box-shadow: 0 0 15px 1px #aaa;box-shadow: 0 0 15px 1px #aaa;padding:10px;}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:14px;color:#333;word-wrap:break-word;padding:5px}
#under-wrapper{float :right;width : 100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}
#related-articles{float :right;width : 275px;border-left:1px solid #ddd;margin:5px 0 0;padding:0 0 0 15px}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 15px Oswald;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#444;font:15px PT Sans Narrow}
#related-articles a:hover{color:#9daf22}
#related-articles li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 10px 2px 0}
#banner-ads{float :left;width : 300px;margin:5px 0}
.comments-area {background: url(http://3.bp.blogspot.com/-yzvjspEVcWU/Tma1oYTAjhI/AAAAAAAABqM/w5U_HyG3m0Y/s1600/comment.png) no-repeat center left;margin:0 5px 0 0;padding:0 0 0 15px;}
.cm_reply{padding-top:5px}
.sidebar ul,#related-articles ul{list-style:none;margin:0;padding:0}
.cm_pagenavi a:hover{text-decoration:underline}
#search{float :left;width : 180px;height:20px;margin-top:3px;}
#search form{float :right}
#search input[type="text"]{background:#fff url(http://1.bp.blogspot.com/-sv3VBy8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scroll 4px center;float :right;border:1px solid #29517b;width : 146px;margin-top:1px;padding:3px 15px;font-size:14px;text-align:left}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display :none}
#nav-wrapper{background:#393939;height:30px;font-family:Arial;overflow:hidden;width : 960px;border-bottom:3px solid #333;text-shadow: -1px -1px 0 #000}
#nav{margin:0 auto;width : 960px;height:30px;padding:0auto}
#nav ul{float :right;width : auto;height:30px;margin:0;padding:0;list-style-type:none}
#nav ul li{float :right;height:30px}
#nav ul li a,#nav ul li a:visited{float :right;height:30px;padding:8px 10px;color:#eee;font:bold 14px Arial;text-transform:none}
#nav ul li a:hover,#nav .selected{color:#ff0;text-decoration:none;}
.menuku{height:41px;background:url(http://3.bp.blogspot.com/-d-aYQ9Wn-bg/UDj-R3vNmeI/AAAAAAAAIhw/dC5tXMDtp-8/s1600/menuwrapper.png) repeat-x top;font:normal 13px Arial;line-height:normal;width : 960px;text-transform:none;color:#f1f1f1;text-decoration:none;margin:0;padding:0;border-bottom: 3px solid #356aa1}
.menuku ul{margin:0;padding:0}
.menuku li{list-style:none;color:#FFF;float :right;display :inline;position :relative;margin:0;padding:0}
.menuku li a{display :block;background:0;background:url(http://2.bp.blogspot.com/-h_vz_AuEcQg/UDj-795v5fI/AAAAAAAAIh4/f4AiOVMtOm4/s1600/menuku+batas.png) no-repeat center left;color:#FFF;text-decoration:none;font:bold 15px Arial;text-shadow: -1px -1px 0 #254b71;outline:none;margin:0;padding:12px 13px}
.menuku li a:hover{background:#2a2a2a;text-shadow: -1px -1px 0 #000}
.menuku li ul{position :absolute;z-index:10;right:0;top:100%;height:30px;width : 170px;display :none;margin:0;padding:0}
.menuku li ul a{background:#2a2a2a;border-right:none;font:13px Arial;border-left:none;border-top:1px solid #484848;border-bottom:1px solid #000;display :block;padding:6px 10px;text-shadow: -1px -1px 0 #000}
.menuku li ul a:hover{background:#484848;}
.menuku li ul li{float :none;display :block;width : auto}
.menuku li ul ul{top:0;right:100%}
.menuku li a:hover,.menuku ul li a:hover{color:#ccc}
.index{background:#e3eef7;float :left;font:13px Tahoma;color:#eee;display :block;margin:6px 5px 0;padding:3px 10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.index a,.index a:visited{color:#0169b5;text-transform:none}
.index a:hover{color:#222;text-decoration:none}
.slide-wrapper {padding:0 auto;margin:0 auto;width : auto;float : right;
word-wrap: break-word; overflow: hidden;}
.slide ul {list-style:none;padding:0;margin:0;}
.slide .widget {margin:0px 0px 0px;padding:0}
#featuredContent {background:#eee;float :right;width : 640px;padding-top:7px}
#slideshow {float :left;margin:0 10px 10px;width : 640px;height:305px; position :relative;}
#slideshow div.cover {float : right;margin:0 8px; }
#slideshowThumbs {background:#393939;padding:10px;overflow: hidden;position : absolute;height: 55px; width : 640px;margin:0 7px;top: 240px;z-index: 99;}
#slideshowThumbs li {display :inline;list-style:none;float : right; margin-left: 6px; }
#slideshowThumbs li a {opacity: 1; }
#slideshowThumbs li a.current, #slideshowThumbs li a:hover {opacity: 0.5;}
#slideshowContent {height:230px; float : none; display : block; position :relative;overflow:hidden;}
#slideshow .post {padding:0 10px; border: none; }
#slideshow .featuredTitle {font:21px Oswald;color:#719429;}
#slideshow .featuredTitle a{color:#026ab5;}
#slideshow .featuredTitle a:hover{color:#333;}
#slideshowContent .featuredPost {display :none;overflow:hidden;}
#slideshowContent .featuredPost .featuredPostContent {padding: 0; }
a.readmore {float :right;border:1px solid #0161a7;background:#026ab5 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top;display :block;;font:bold 14px Arial;text-shadow: -1px -1px 0 #015b9c;margin:10px 0 0 0;padding:4px 10px;color:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;
border-radius:3px;-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);}
a.readmore:hover {color:#ff0}
.headline-wrapper{background:#326394;width : 960px;height:30px;margin:0}
.headline{line-height:1.4em;text-align:right;font-family:Arial;font-size:14px;color:#fff;overflow:hidden;clear:both;padding:0 10px;text-shadow: -1px -1px 0 #2d5985}
.headline a:hover{color:#ffd83b;text-decoration:underline}
#ads1-wrapper,#ads2-wrapper,#ads3-wrapper{width : 640px;float :right;word-wrap:break-word;overflow:hidden}
.ads1 .widget,.ads3 .widget,.box .widget,.box1 .widget{margin:0;padding:0 0 5px}
.ads1 ul,.ads3 ul,.box ul,.box1 ul{list-style:none;margin:0;padding:0}
#box-wrapper{width : 315px;float :right;word-wrap:break-word;overflow:hidden}
#box1-wrapper{padding-right:10px;width : 315px;float :right;word-wrap:break-word;overflow:hidden}
.masGanteng h1{font:bold 15px Arial;text-transform:uppercase;color:#026ab5;line-height:1.2em;background:url(http://3.bp.blogspot.com/-7WcBwBem5LM/UDkEdzwUZ2I/AAAAAAAAIi0/bfKCzMBXo7I/s1600/sidebar.png) no-repeat right;border-bottom:2px solid #026ab5;margin:0 auto;padding:10px 35px 10px 10px}
.masGanteng h1 a:hover{color:#000}
.masGanteng{width : 640px;font:15px PT Sans Narrow;overflow:hidden;margin:5px 0;padding:0}
.masGanteng .right{float :right;padding:10px 5px}
.masGanteng .left{background:#e3eef7;float :left;padding:10px 5px}
.masGanteng_wide{width : 300px}
.masGanteng_wide .thumb{padding-bottom:5px}
.masGanteng_wide img{display :block}
.masGanteng_narrow{width : 315px;padding-bottom:6px}
.masGanteng_narrow .thumb{float :left;margin-right:7px}
.masGanteng_narrow .featuredTitle{font:bold 14px Arial;color:#333}
.masGanteng_narrow .featuredTitle a:hover{color:#0169b5}
.masGanteng_wide .featuredPostMeta{float :left}
.masGanteng h1 a,.masGanteng h1 a:visited{color:#0169b5}
,.masGanteng_narrow .featuredTitle a{color:#333}
.masGanteng1 h1{font:bold 15px Arial;text-transform:uppercase;color:#8d1f79;line-height:1.2em;background:url(http://2.bp.blogspot.com/-x8qlNZtKBAY/UCVA9BJ9mjI/AAAAAAAAILU/amXu1Cw5Hic/s1600/icon.png) no-repeat right;border-bottom:2px solid #8d1f79;margin:0 auto;padding:10px 35px 10px 10px}
.masGanteng1 h1 a:hover{color:#000}
.masGanteng1{width : 640px;font:15px PT Sans Narrow;overflow:hidden;margin:5px 0;padding:0}
.masGanteng1 .left{background:#f7eff6;float :right;padding:10px 5px}
.masGanteng1 .right{float :left;padding:10px 5px}
.masGanteng1_wide{width : 300px}
.masGanteng1_wide .thumb{padding-bottom:5px}
.masGanteng1_wide img{display :block}
.masGanteng1_narrow{width : 315px;padding-bottom:6px}
.masGanteng1_narrow .thumb{float :left;margin-right:7px}
.masGanteng1 h1 a,.masGanteng1 h1 a:visited{color:#8d2079}
.catbox-even{width : 100%;padding-bottom:5px;margin-bottom:10px;}
.catbox-even li{border-bottom:1px solid #eee;font-size:14px;margin:0 0px;padding:3px 0}
.catbox-even li.first{display :block;font-family:Arial,serif;font-size:14px;border-top:0;background:none;padding:0}
.catbox-even .entry-thumb{float :right;margin-left:10px}
.catbox-even h1 a:hover{color:#111}
.catbox-even .entry-excerpt{font:15px PT Sans Narrow;display :block}
.catbox-even h2 a:hover,.catbox-even ul li a:hover{color:#026ab5;text-decoration:none}
.catbox-even ul,{list-style:none;padding:0}
.catbox-even h1{background:url(http://1.bp.blogspot.com/-Sfdyc-5hDcQ/UDkD5lwKdlI/AAAAAAAAIik/88RVd9m2gZA/s1600/label_new.png) no-repeat right;font:bold 15px Arial;text-transform:none;color:#333;line-height:1.2em;border-bottom:2px solid #026ab5;margin:0 auto;padding:6px 25px 6px 0px}
.catbox-even h1 a,.catbox-even h1 a:visited{color:#026ab5}
.catbox-even h2 a,.catbox-even h2 a:visited,.catbox-even ul li a,.catbox-even ul li a:visited{font:bold 14px Arial;color:#444;text-transform:none}
#maskolis h1{background:url(http://2.bp.blogspot.com/-FsS43EzfdfQ/UDkFiXImFUI/AAAAAAAAIi8/ql2Mht1PYos/s1600/video.png) no-repeat right;font:15px Oswald;margin:0px;padding:5px 20px 5px 5px;text-transform:uppercase;border-bottom:2px solid #026ab5}
#maskolis h1 a,#maskolis h1 a:visited{color:#026ab5}
#maskolis h1 a:hover{color:#111}
#maskolis {width : 100%;overflow:hidden;padding-bottom:10px;}
#maskolis .col_maskolis {width : 200px;height:170px;float :right;padding:0;margin:2px 5px 8px 5px;text-align:center;}
#maskolis .col_maskolis .play-button{background:url(http://4.bp.blogspot.com/-x8ViCPVZDpU/T836BIU9p_I/AAAAAAAAGnY/Sp2WhbkRQ-s/s1600/play.png) no-repeat 77px 57px;cursor:pointer;}
#maskolis .maskolis_img {border:4px solid #ccc;margin:10px 3px;width : 194px;height:130px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out}
#maskolis .maskolis_img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
#maskolis .posttitle {height:20px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
#maskolis .posttitle a{color:#111;font:bold 13px Arial}
#maskolis .posttitle a:hover {color:#026ab5}
ul.tabs{float :right;list-style:none;height:32px;border-bottom:1px solid #aaa;border-right:1px solid #aaa;width : 638px;margin:0;padding:0}
ul.tabs li{float :right;height:31px;line-height:31px;border:1px solid #aaa;border-right:none;overflow:hidden;position :relative;background:#eee;margin:0 0 -1px;padding:0}
ul.tabs li a{text-decoration:none;color:#26231c;display :block;border:1px solid #eee;outline:none;font-weight:700;padding:0 15px}
html ul.tabs li.active,html ul.tabs li.active a,html ul.tabs li.active a:hover{background:#eee;color:#026ab5;border-bottom:1px solid #eee}
.tab-wrapper{border:1px solid #aaa;border-top:none;overflow:hidden;clear:both;float :right;width : 638px;background:#eee;margin-bottom:15px}
.tabber{padding:10px 0}
.tabber .column{float :right;display :inline;width : 146px;margin:0 11px 0 0}
.tabber h2{font:bold 14px Arial;line-height:15px;margin:7px 0 5px}
.tabber h2 a{color:#222}
.tabber h2 a:hover{color:#026ab5}
#carousel{width : 960px;height:125px;border-bottom:0px solid #666;position :relative;display :block;background:#484848;}
#carousel h5{color:#555;margin:2px}
#carousel .container{position :absolute;right:24px;width : 940px;height:125px;overflow:hidden}
#carousel .thumb{float :right;margin-left:5px;}
#carousel #previous_button{position :absolute;width : 24px;height:125px;background:url(http://3.bp.blogspot.com/-9vbzapQKyCo/UAflQ9pobYI/AAAAAAAAHvw/h8S8wJedyGc/s1600/prev.png) center;z-index:100;cursor:pointer;}
#carousel #next_button{position :absolute;left:0;width : 24px;height:125px;background:url(http://4.bp.blogspot.com/-YqpmgfG-DEQ/UAflQYagXmI/AAAAAAAAHvo/U59OFOnIfBo/s1600/next.png) center;z-index:100;cursor:pointer;}
#carousel #next_button:hover,#carousel .thumb:hover,#carousel #previous_button:hover{filter:alpha(opacity=70);opacity:.7}
#carousel ul{width : 100000px;position :relative;margin-top:10px}
#carousel ul li{background:#ebebeb;display :inline;float :right;text-align:right;font:bold 11px Arial;border:0px solid #ccc;width : 207px;height:90px;margin:0 6px 20px 2px;padding:6px}
#carousel ul li a.slider_title{color:#423119;display :block;margin-top:0;padding-top:0}
#carousel ul li a.slider_title:hover{color:#e78b14}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#main-wrapper {width : 350px;}
h2.date-header,.post-body, .post-footer, .feed-links {display :none}
.post h3 {font:normal 13px Arial;margin:0 60px 0 0;padding:4px 5px 4px 6px;line-height:1.3em;position :relative;}
.post h3 a, .post h3 a:visited, .post h3 strong {font-weight:normal}
.post h3 strong, .post h3 a:hover {color:#256ead;}
.post {border:none;background:none;}
.post {border-bottom:1px dotted silver;margin:0px;padding:0px;}
#blog-pager {font:normal 11px Arial;text-align:right;margin:6px 0 1px 0;padding:7px 0px 7px 0px;}
.post-timestamp{float :right;width : 60px;padding:4px 0 0 5px;font:bold 14px Arial;color:#333;line-height:1.4em;}
</style>
</b:if></b:if>
<script type='text/javascript'>
var relatedpoststitle="Related Articles";
</script>
<script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/headline.js' type='text/javascript'/>
<style type='text/css'>
.titlefield{text-decoration: none;}
.labelfield{color:#666;font-size: 100%;}
.datefield{color:#e0f2ff;font:normal 13px Arial;}
#example1{width : 900px;height: 12px;padding: 0px;font:bold 15px Arial;text-transform:none;text-align:right;background-color:transparent;}
code{color: #e0f2ff;}
#example1 a:link, #example1 a:visited {color:#fff;text-decoration:none;}
#example1 a:hover {color:#ffd83b;text-decoration:none;}
</style>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/relatedpost.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/carousellite.js' type='text/javascript'/>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/tabview.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg";showRandomImg=true;aBold=true;summaryPost=200;summaryPost1=80;summaryTitle=25;numposts=8;numposts1=6;numposts2=4;numposts3=6;numposts4=4;numposts5=12;Title1="ظ‚ط³ظ…1";Title2="ظ‚ط³ظ…2";Title3="ظ‚ط³ظ…3";Title4="ظ‚ط³ظ…4";Title5="ظ‚ط³ظ…5";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 showrecentposts(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;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='<li><a href="#"><img width="73" height="55" src="'+img[i]+'"/></a></li>';document.write(trtd);j++}}function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;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="featuredPost"><div class="cover"><a href="'+posturl+'"><img width="360" height="240" class=" " src="'+img[i]+'"/></a></div><div class="featuredPostContent"><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div></h2><p>'+removeHtmlTag(postcontent,summaryPost)+' ...</p><a href="'+posturl+'" class="readmore">Read more »</a></div></div>';document.write(trtd);j++}}function showrecentposts2(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts1<=json.feed.entry.length){maxpost=numposts1}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;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]="";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!="")){if(i==0){img[i]='<img width="300" height="225" class="alignone" src="'+d+'"/>'}else{img[i]='<img class="alignleft" height="65" src="'+d+'" width="90"/>'}}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;if(i==0){var trtd='<div class="masGanteng_wide right"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredPost lastPost"><h2 class="postTitle"><a href="'+posturl+'">'+posttitle+'</a></h2> <p>'+removeHtmlTag(postcontent,summaryPost)+'...</p><div class="clear"></div><span class="featuredPostMeta"><a href="'+posturl+'">Read More آ»</a></span></div></div><div class="masGanteng_narrow left">';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<div class="masGanteng_narrow"><div class="thumb"><a href="'+posturl+'">'+img[i]+'</a></div><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div>'+removeHtmlTag(postcontent,summaryPost1)+'...<div class="clear"></div></div>';document.write(trtd)}j++}document.write('</div>')}function showrecentposts3(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;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=["January","February","March","April","May","June","July","August","September","October","November","December"];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;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';if(i==0){var trtd='<li class="first"><div class="entry-thumb"><a href="'+posturl+'"><img width="110" height="80" src="'+img[i]+'"/> </a></div><h2 class="entry-title"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="entry-excerpt"><p>'+removeHtmlTag(postcontent,summaryPost1)+'... <a href="'+posturl+'" class="meta-more">Read more <span class="meta-nav"></span></a></p></div></li>';document.write(trtd)}if((i>0)&&(i<maxpost)){var trtd='<li class="catlist"><a href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd)}j++}}function showrecentposts4(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts3<=json.feed.entry.length){maxpost=numposts3}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;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;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><div class="play-button"><a href="'+posturl+'"><img class="maskolis_img" src="'+img[i]+'"/></a></div><div class="clear"></div></div>';document.write(trtd);j++}}function showrecentposts5(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts4;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="column"><a href="'+posturl+'"><img width="146" height="95" src="'+img[i]+'"/></a><h2><a href="'+posturl+'">'+posttitle+'</a></h2><p>'+removeHtmlTag(postcontent,summaryPost1)+'...</p></div>';document.write(trtd);j++}}function showrecentposts6(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();document.write('<ul>');for(var i=0;i<numposts5;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=["January","February","March","April","May","June","July","August","September","October","November","December"];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='<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="100" height="90" class="alignnone" src="'+img[i]+'"/></a></div><h5>'+daystr+'</h5><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></li>';document.write(trtd);j++}document.write('</ul>')}
//]]>
</script>
</head>
<body>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id='outer-wrapper'><div id='wrap2'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ط£ط®ط¨ط§ط± (Header)' 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'>
<h1 class='title' style='background: transparent; border-width : 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"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'>
<h1 class='title' style='background: transparent; border-width : 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display : block'>
<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'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</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:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div><!-- end header-wrapper -->
<!-- skip links for text browsers -->
<span id='skiplinks' style='display :none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div class='clear'/>
<div class='headline-wrapper'>
<div class='headline'>
<div style='float :right;width : 600px;padding:7px 0; position :relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new")
cssfeed.addFeed("Headline News", "http://shonews1.blogspot.com/feeds/posts/default")
cssfeed.displayoptions("date")
cssfeed.setentrycontainer("div")
cssfeed.filterfeed(10, "date")
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == "") {this.value = "Type and Enter";}' onfocus='if (this.value == "Type and Enter") {this.value ="";}' size='30' type='text' value='Type and Enter'/>
</div>
</form>
</div>
</div><div style='clear:both;'/>
</div>
<div class='menuku'>
<ul>
<li><a href='/'>الرئيسية</a></li>
<li><a href='#'>Drop menu</a>
<ul>
<li><a href='#'>قائمة 1</a></li>
<li><a href='#'>قائمة 2</a></li>
<li><a href='#'>قائمة 3</a></li>
<li><a href='#'>قائمة 4</a></li>
<li><a href='#'>قائمة 5</a></li>
</ul>
</li>
<li><a href='#'>Drop menu 2</a>
<ul>
<li><a href='#'>قائمة 1</a></li>
<li><a href='#'>قائمة 2</a></li>
<li><a href='#'>قائمة 3</a>
<ul>
<li><a href='#'>Menu 3.1</a></li>
<li><a href='#'>Menu 3.2</a></li>
<li><a href='#'>Menu 3.3</a></li>
<li><a href='#'>Menu 3.4</a></li>
</ul>
</li>
<li><a href='#'>قائمة 4</a></li>
<li><a href='#'>قائمة 5</a></li>
</ul>
</li>
<li><a href='#'>Drop menu 3</a>
<ul>
<li><a href='#'>قائمة 1</a></li>
<li><a href='#'>قائمة 2</a></li>
<li><a href='#'>قائمة 3</a></li>
<li><a href='#'>قائمة 4</a></li>
<li><a href='#'>قائمة 5</a></li>
</ul>
</li>
</ul>
</div>
<div id='nav-wrapper'>
<div id='nav'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='carousel'>
<div id='previous_button'/>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
</script>
<div class='clear'/>
</div>
<div id='next_button'/>
</div>
<div id='content-wrapper'>
<div id='mainpage-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='slide-wrapper'>
<b:section class='slide' id='slide' preferred='yes'>
<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>
</b:if>
</b:if>
<div id='main-wrapper'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='newsfea'>
Latest Post
</div></b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='مواضيع المدونة' type='Blog'>
<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"' title='Previous Product'>« Prev Post</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"' title='Next Product'>Next Post »</a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='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=620\"); 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='threaded_comment_js' var='post'>
<script defer='defer' 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;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='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='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='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.pageType != "item"'>
<span class='post-timestamp'><data:post.timestamp/></span>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:0px 0 5px 5px; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #ccc;'>
<a expr:href='data:blog.homepageUrl'>الرئيسية</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
<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>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span>Written By <data:post.author/> on <data:post.dateHeader/> | <data:post.timestamp/></span></h2>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div style='float :right;width : 100%;padding:0;margin:10px 0 5px 0'>
<div class='fb-like' data-send='true' data-show-faces='false' data-width='450'/>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px solid #ccc;border-bottom:1px solid #ddd;width : 100%;height:24px;text-align:right;font:normal 11px Arial;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float :right;padding:1px 0;margin-left:15px;font:bold 15px Arial;color:#777'>
<strong>شارك الموضوع</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='under-wrapper'>
<div id='related-articles'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=6;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div>
<div id='banner-ads'>
</div>
</div>
</b:if>
<div class='post-footer'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='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='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='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></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'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<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' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<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>
</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' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><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'>
<data:post.commentLabelFull/>:
</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:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:if cond='data:top.showDummy'>
<script expr:src='data:top.dummyUrl'/>
</b:if>
<b:if cond='data:mobileindex'>
<!-- mobile index -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
</b:if>
<!-- navigation -->
<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:if>
<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: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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display : none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var url = '<data:post.canonicalUrl/>';
// <![CDATA[
gapi.comments.render('cmt_iframe_holder', {
'href': url,
'view_type': 'UNFILTERED'
});
})();
// ]]>
</script>
<div id='cmt_iframe_holder'/>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<a href='#comment-form' style='float :left; margin-left:5px;'>+ <data:commentLabelPlural/> +</a>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=8044761863899006775&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>تعليق</a>
</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='http://3.bp.blogspot.com/-6Gojb1HMD_E/T6Z2eASl_jI/AAAAAAAABBQ/gtG7c-vY6j0/s1600/admin.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<p><data:comment.body/></p>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>
<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>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='midle-wrapper'>
<b:section class='midle' id='midle' preferred='yes'>
<b:widget id='HTML80' locked='false' title='ظ‚ط³ظ… 1' type='HTML'>
<b:includable id='main'>
<div class='catbox-even'>
<script>
document.write('<h1 class="catbox-title"><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h1>');
</script>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/page%20navigation.js' type='text/javascript'/>
<!--Page Navigation Ends -->
</div>
</b:if></b:if>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<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:widget id='PopularPosts1' locked='false' title='ط§ظ„ط£ظƒط«ط± ظ…ط´ط§ظ‡ط¯ظ‡' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='ads-wrapper'>
<div id='box-wrapper'>
<b:section class='box' id='box' preferred='yes'>
<b:widget id='HTML81' locked='false' title='ظ‚ط³ظ… 2' type='HTML'>
<b:includable id='main'>
<div class='catbox-even'>
<script>
document.write('<h1 class="catbox-title"><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h1>');
</script>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='box1-wrapper'>
<b:section class='box1' id='box1' preferred='yes'>
<b:widget id='HTML82' locked='false' title='ظ‚ط³ظ… 3' type='HTML'>
<b:includable id='main'>
<div class='catbox-even'>
<script>
document.write('<h1 class="catbox-title"><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h1>');
</script>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts2+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='ads1-wrapper'>
<b:section class='ads1' id='ads1' preferred='yes'>
<b:widget id='HTML20' locked='false' title='ظ‚ط³ظ… 4' type='HTML'>
<b:includable id='main'>
<div class='masGanteng'>
<script>
document.write('<span class="index"><a href="/search/label/<data:content/>">See all posts</a></span>');
document.write('<h1><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h1>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='ads2-wrapper'>
<ul class='tabs'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/ظ‚ط³ظ…1?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/ظ‚ط³ظ…2?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/ظ‚ط³ظ…3?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/ظ‚ط³ظ…4?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/ظ‚ط³ظ…5?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts5\"><\/script>");
</script></div>
<div class='clear'>
</div>
</div></div>
<div id='ads3-wrapper'>
<b:section class='ads3' id='ads3' preferred='yes'>
<b:widget id='HTML14' locked='false' title='ظ‚ط³ظ… ط§ظ„ظپظٹط¯ظٹظˆ' type='HTML'>
<b:includable id='main'>
<div id='maskolis'>
<script>
document.write('<span class="index"><a href="/search/label/<data:content/>">See all videos</a></span>');
document.write('<h1><a href="/search/label/<data:content/>?max-results=8"><data:title/></a></h1>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML40' locked='false' title='ظ‚ط³ظ… 5' type='HTML'>
<b:includable id='main'>
<div class='masGanteng1'>
<script>
document.write('<span class="index"><a href="/search/label/<data:content/>">See all posts</a></span>');
document.write('<h1><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h1>');
document.write("<script src=\"/feeds/posts/default/-/<data:content/>?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts2\"><\/script>");
</script>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> <!-- end content-wrapper -->
<b:if cond='data:blog.pageType != "item"'>
<div class='picfooter'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'/>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Test Footer' 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 id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Test Footer 1' 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 id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
<b:widget id='HTML7' locked='false' title='Test Footer 2' 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 style='clear:both;'/>
</div>
</div>
</b:if>
<div class='creditpic'>
<div class='credit'>
<div style='float :right;text-align:right;'>
<strong>Support :</strong>
<a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> | <a href='http://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div style='float :left;text-align:left;'>
Template Created by <a href='http://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> Published by <a href='http://mas-template.blogspot.com/'>Mas Template</a><br/>
Proudly powered by <a href='http://www.blogger.com'>Blogger</a>
</div>
</div>
</div>
<script src='https://masolis-javascript.googlecode.com/svn/trunk/comment.js' type='text/javascript'/>
</div></div> <!-- end outer-wrapper -->
<script type='text/javascript'>
$(function() {
$('.menuku li').hover(function() {
$(this).children('ul').filter(':not(:animated)').show(200);
}, function() {
$(this).children('ul').hide(400);
});
});
</script>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
$(".tabber").hide();
$("ul.tabs li:first").addClass("active").show();
$(".tabber:first").show();
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tabber").hide();
var activeTab = $(this).find("a").attr("href");
$(activeTab).fadeIn();
return false;
});
});
//]]>
</script>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$("#carousel .container").jCarouselLite({
auto:4000,
scroll: 2,
speed: 800,
visible: 4,
start: 0,
circular: true,
btnPrev: "#previous_button",
btnNext: "#next_button"
});
})})(jQuery)
</script>
</body>
</html>
|
