الخميس، 25 أبريل 2013

آلاف الزوار عن طريق مدونة بلوجر..مرفق قالب بلوجر رائع - سوهاج سيتي SohaG CitY

آلاف الزوار عن طريق مدونة بلوجر..مرفق قالب بلوجر رائع - سوهاج سيتي SohaG CitY







يمكنك الحصول على المزيد من الزوار عن طريق مدونة بلوجر الخاصة بك,والتى توفرها لك جوجل بالمجان.

فعن طريق تلك المدونة يمكنك إضافة إعلان خاص بموقعك أو منتداك .
علماً بأن مدونات بلوجر عالية الأرشفة لأنها مرتبطة بصورة مباشره مع جوجل ومحركات البحث الخاصة به.

حاول التجديد دوماً فى أسلوبك فى التدوين,ولكن اجعل مدونتك خاصه بشئ محدد,واستخدم قوالب خاصه,بعيداً عن استايلات وقوالب البلوجر العاديه.



وهاهو قالب بلوجر أقدمه لكم ,وإن احتجتم لأى تعديل فأنا معكم فى أى وقت.

صوره للقالب::




كود بلغة 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> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*
/*
Theme Name: WpStream
Theme URL: http://newwpthemes.com/wordpress-theme/wpstream/
Description: WpStream is a free premium WordPress theme with theme options page and featured content. Suitable for any niche
Author: NewWpThemes.com
Author URI: http://newwpthemes.com/
converter: Blogger Template Place
Author URI: http://www.bloggertemplateplace.com/
Version: 1.0 
Tags: Black,Tech,Technology, Ads Ready, Two Columns, left Sidebar, Fixed Width, Blogging, Options Page
*/
/* LAYOUT */
#navbar-iframe{display:none;height:0;visibility:hidden;}
body {
background: url(http://sites.google.com/site/bloggertemplateplace/wpstream/background.png) top right;
}
#wrapper {
padding:0;
}
#container {
}
#contentwrap {
background: url(http://sites.google.com/site/bloggertemplateplace/wpstream/content-wrap.png) top right repeat-y;
}
a {
color: #c9483d;
}
a:hover {
color: #e02312;
}
/* HEADER */
#header {
height: 90px;
padding-top:10px;
}
#header h1 {
margin-bottom: 0px !important;
padding:2px 0px 0 0;
font-weight: normal;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
font-size: 48px;
text-transform: uppercase;
}
#header h1 a, #header h1 a:visited {
color: #c9483d;
text-decoration: none;
}
#header h2 {
color: #ababab;
font-size: 14px;
font-family: Arial, Helvetica, Sans-serif;
}
.logoimg {
margin:0 0px 0 0;
}
/* NAVIGATION MENUS */
#pagemenucontainer {
height: 30px;
margin-top: 15px;
float: left;
}
#pagemenu {
height: 30px;
float: left;
}
#pagemenu, #pagemenu ul { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#pagemenu {
margin-bottom: 1px;
}
#pagemenu ul {
float: right;
list-style: none;
margin:0px 0px 0px 0px;
padding: 0px;
}
#pagemenu li {
float: right;
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#pagemenu li a, #pagemenu li a:link {
color: #fff;
display: block;
margin:0px 3px 0px 3px;
padding:7px 12px 7px 12px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0 1px 0 #000;
}
#pagemenu li a:hover, #pagemenu li a:active {
background: #1e1d1d;
color: #fff;
display: block;
text-decoration: none;
}
#pagemenu  li.current_page_item a {
background: #1e1d1d;
color: #fff;
}
#pagemenu li:hover, #pagemenu li.sfhover { 
position: static;
}
.topleft {
text-align: right;
margin:20px 0 0 0;
}
.topleft a {
color: #fff;
text-decoration: none;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
text-transform: uppercase;
text-shadow: 0 1px 0 #000;
}
.navcontainer {
height: 42px;
}
#nav {
height: 38px;
}
#nav, #nav ul { 
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#nav {
margin-bottom: 1px;
padding-right: 0px;
}
#nav ul {
float: right;
list-style: none;
margin:0px 0px 0px 0px;
padding: 0px;
}
#nav li {
float: right;
list-style: none;
margin: 0px;
padding: 0px;
}
#nav ul li {
list-style: none;
margin: 0px;
padding: 0px;
}
#nav li a, #nav li a:link {
color: #fff;
display: block;
margin:0px 0px 0px 20px;
padding:11px 0px 5px 0px;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0 1px 0 #0d0d0d;
border-bottom: 3px solid #282828;
}
#nav li a:hover, #nav li a:active {
color: #d55a4f;
display: block;
text-decoration: none;
border-bottom: 3px solid #282828;
}
#nav  li.current-cat a {
color:#d55a4f;
border-bottom: 3px solid #d55a4f;
}
#nav li:hover, #nav li.sfhover { 
position: static;
}
/* CONTENT */
#content {
background-color: #fff;
padding:15px 15px 15px 5px;
}
pre { overflow: auto; 
width: 470px; 
}
.post {
padding-bottom: 15px;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.post p {
margin-bottom: 10px;
}
.title {
margin:0 0 2px 0;
padding: 0px;
font-family: Arial, Verdana;
color: #313030;
font-weight: bold;
}
.title a {
text-decoration: none;
color: #313030;
}
.title a:hover {
text-decoration: none;
color: #c9483d;
}
.pagetitle {
margin-bottom: 20px;
line-height: 22px;
font-family: Arial, Verdana;
text-decoration: underline;
}
.readmorecontent {
text-align: left;
}
a.readmore {
padding: 4px 15px;
background: #585858;
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 #3f3d3d;
}
a.readmore:hover {
background-color: #373636;
}
.postdate {
font-size: 11px;
padding: 1px 4px;
font-family: Arial, Verdana;
background: #d4d4d4;
color: #5b5b5b;
}
.postmeta {
font-size: 11px;
padding: 2px 4px;
font-family: Arial, Verdana;
color: #474747;
}
.postdate img, .postmeta img {
border: none;
vertical-align: middle;
margin:2px;
}
.entry {
text-align: right;
line-height: 20px;
padding-top: 8px;
font-family: Arial, Verdana;
font-size: 14px;
color: #474747;
}
.navigation {
padding: 10px 0;
}
blockquote {
overflow: hidden;
padding-right: 9px;
font-style: normal;
color: #666;
border-right: 3px solid #CADAE7;
}
.post img {
max-width: 680px;
}
img.wp-smiley {
max-height: 12px;
margin: 0;
padding: 0;
border: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* wp-pagenavi */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
color: #686868 !important;
background:#dfdfdf !important;
border: 1px solid #989898 !important;
font-size: 15px !important;
padding:  4px 8px !important;
}
.wp-pagenavi span.current {
color: #434343 !important;
background:#fff !important;
border: 1px solid #b6b5b5 !important;
font-size: 15px !important;
padding:  4px 8px !important;
font-weight: bold;
}
.wp-pagenavi a:hover {
color: #494949 !important;
background:#dfdfdf !important;
border: 1px solid #626262 !important;
}
.wp-pagenavi span.pages {
color: #676767 !important;
background:#fff !important;
border: 1px solid #b6b5b5 !important;
font-size: 15px !important;
padding:  4px 8px !important;
}
.wp-pagenavi span.extend {
background:transparent !important;
font-size: 15px !important;
padding:  4px 8px !important;
color: #676767 !important;
background:#fff !important;
border: 1px solid #b6b5b5 !important;
font-weight: bold;
}
/* SIDEBAR(S) */
.sidebaradbox {
margin-top: 5px; 
text-align:center;
}
.ad125 {
margin: 5px;
}
.sidebar {
margin:0 10px 10px 10px;
font-size: 13px;
color: #e0e0e0;
}
.sidebar a {
text-decoration: none;
color: #e0e0e0;
}
.sidebar a:hover {
text-decoration: underline;
color:#fff;
}
#search {
border: 1px solid #525050;
height: 30px;
padding: 0;
background: #848484;
text-align: left;
}
#search input {
border: 0;
background: none;
color: #eee;
}
#s {
width: 202px;
padding: 4px;
margin:3px 0 0 0;
background: none;
}
#topsearch {
margin-top: 15px;
}
/* Social icons */
.addthis_toolbox {
padding:15px 0 5px 0;
text-align: center;
}
.addthis_toolbox .custom_images a
{
width: 32px;
height: 32px;
margin:0 2px 0 2px;
padding: 0;
}
.addthis_toolbox .custom_images a:hover img
{
opacity: 1;
}
.addthis_toolbox .custom_images a img
{
opacity: 0.85;
}
.sidebarvideo {
}
.sidebar h2 {
margin:10px 0 0 0;
padding:4px 10px 4px 0;
background: #2e2e2e;
font-size: 16px;
font-family: Arial, Helvetica, Sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #fff;
text-shadow: 0 1px 0 #000;
}
.sidebar .sidebarwidget {
list-style-type: none;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.sidebar .sidebarwidget ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.sidebar .sidebarwidget li {
background: url(http://sites.google.com/site/bloggertemplateplace/wpstream/bullet.gif) no-repeat top right;
padding:2px 15px 2px 0px;
margin: 2px 0;
}
.sidebar .sidebarwidget ul li {
background: url(http://sites.google.com/site/bloggertemplateplace/wpstream/bullet.gif) no-repeat top right;
padding:2px 15px 2px 0px;
margin: 2px 0;
}
/* FOOTER */
#footer {
border-top: 10px solid #fff;
background: #222222;
padding: 22px;
text-align: center;
color: #fff;
font-size: 13px;
}
#footer a {
color: #fff;
} 
#footer a:hover {
text-decoration: none;
} 
#footer2 {
color: #696767;
font-size: 11px;
text-align: center;
padding: 10px;
}
#footer2 a {
color: #696767;
text-decoration: none;
} 
/* COMMENTS */
#comments h3 {
margin-bottom: 10px; 
}
#commentform input {
width: 170px;
padding: 2px;
margin:5px 0 1px 5px;
}
#commentform {
margin:5px 0 0 10px;
}
#commentform textarea {
width: 100%;
padding: 2px;
}
#respond:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#commentform #submit {
margin:0 auto 5px 0;
float: left;
}
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: right;
}
.commentlist li {
margin: 15px 0 10px;
padding:5px 10px 10px 5px;
list-style: none;
}
.commentlist li ul li { 
margin-left: -5px;
margin-right: 10px;
}
.commentlist p {
margin:10px 0 10px 5px;
}
.children { padding: 0; }
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.post_thumbnail {
padding: 6px;
background: #eee;
border: 1px solid #ddd;
margin:0 0 10px 10px;
}
/* -----------------------------------------------------------------------
Blueprint CSS Framework 0.8
http://blueprintcss.org
* copyright (c) 2007-Present. See LICENSE for more info.
* See README for instructions on how to use Blueprint.
* For credits and origins, see AUTHORS.
* This is a compressed file. See the sources in the 'src' directory.
----------------------------------------------------------------------- */
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:right;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.right {float:right;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:normal;}
strong {font-weight:bold;}
em, dfn {font-style:normal;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:normal;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-right:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 5px 4px 10px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:normal;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-right:0;padding-right:0;}
.last {margin-left:0;padding-left:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:right;margin-left:10px;}
.last, div.last {margin-left:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-right-width:1px!important;border-left-width:1px!important;padding-right:5px!important;padding-left:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-left:40px;}
.append-2 {padding-left:80px;}
.append-3 {padding-left:120px;}
.append-4 {padding-left:160px;}
.append-5 {padding-left:200px;}
.append-6 {padding-left:240px;}
.append-7 {padding-left:280px;}
.append-8 {padding-left:320px;}
.append-9 {padding-left:360px;}
.append-10 {padding-left:400px;}
.append-11 {padding-left:440px;}
.append-12 {padding-left:480px;}
.append-13 {padding-left:520px;}
.append-14 {padding-left:560px;}
.append-15 {padding-left:600px;}
.append-16 {padding-left:640px;}
.append-17 {padding-left:680px;}
.append-18 {padding-left:720px;}
.append-19 {padding-left:760px;}
.append-20 {padding-left:800px;}
.append-21 {padding-left:840px;}
.append-22 {padding-left:880px;}
.append-23 {padding-left:920px;}
.prepend-1 {padding-right:40px;}
.prepend-2 {padding-right:80px;}
.prepend-3 {padding-right:120px;}
.prepend-4 {padding-right:160px;}
.prepend-5 {padding-right:200px;}
.prepend-6 {padding-right:240px;}
.prepend-7 {padding-right:280px;}
.prepend-8 {padding-right:320px;}
.prepend-9 {padding-right:360px;}
.prepend-10 {padding-right:400px;}
.prepend-11 {padding-right:440px;}
.prepend-12 {padding-right:480px;}
.prepend-13 {padding-right:520px;}
.prepend-14 {padding-right:560px;}
.prepend-15 {padding-right:600px;}
.prepend-16 {padding-right:640px;}
.prepend-17 {padding-right:680px;}
.prepend-18 {padding-right:720px;}
.prepend-19 {padding-right:760px;}
.prepend-20 {padding-right:800px;}
.prepend-21 {padding-right:840px;}
.prepend-22 {padding-right:880px;}
.prepend-23 {padding-right:920px;}
div.border {padding-left:4px;margin-left:5px;border-left:1px solid #eee;}
div.colborder {padding-left:24px;margin-left:25px;border-left:1px solid #eee;}
.pull-1 {margin-right:-40px;}
.pull-2 {margin-right:-80px;}
.pull-3 {margin-right:-120px;}
.pull-4 {margin-right:-160px;}
.pull-5 {margin-right:-200px;}
.pull-6 {margin-right:-240px;}
.pull-7 {margin-right:-280px;}
.pull-8 {margin-right:-320px;}
.pull-9 {margin-right:-360px;}
.pull-10 {margin-right:-400px;}
.pull-11 {margin-right:-440px;}
.pull-12 {margin-right:-480px;}
.pull-13 {margin-right:-520px;}
.pull-14 {margin-right:-560px;}
.pull-15 {margin-right:-600px;}
.pull-16 {margin-right:-640px;}
.pull-17 {margin-right:-680px;}
.pull-18 {margin-right:-720px;}
.pull-19 {margin-right:-760px;}
.pull-20 {margin-right:-800px;}
.pull-21 {margin-right:-840px;}
.pull-22 {margin-right:-880px;}
.pull-23 {margin-right:-920px;}
.pull-24 {margin-right:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:right;position:relative;}
.push-1 {margin:0 40px 1.5em -40px;}
.push-2 {margin:0 80px 1.5em -80px;}
.push-3 {margin:0 120px 1.5em -120px;}
.push-4 {margin:0 160px 1.5em -160px;}
.push-5 {margin:0 200px 1.5em -200px;}
.push-6 {margin:0 240px 1.5em -240px;}
.push-7 {margin:0 280px 1.5em -280px;}
.push-8 {margin:0 320px 1.5em -320px;}
.push-9 {margin:0 360px 1.5em -360px;}
.push-10 {margin:0 400px 1.5em -400px;}
.push-11 {margin:0 440px 1.5em -440px;}
.push-12 {margin:0 480px 1.5em -480px;}
.push-13 {margin:0 520px 1.5em -520px;}
.push-14 {margin:0 560px 1.5em -560px;}
.push-15 {margin:0 600px 1.5em -600px;}
.push-16 {margin:0 640px 1.5em -640px;}
.push-17 {margin:0 680px 1.5em -680px;}
.push-18 {margin:0 720px 1.5em -720px;}
.push-19 {margin:0 760px 1.5em -760px;}
.push-20 {margin:0 800px 1.5em -800px;}
.push-21 {margin:0 840px 1.5em -840px;}
.push-22 {margin:0 880px 1.5em -880px;}
.push-23 {margin:0 920px 1.5em -920px;}
.push-24 {margin:0 960px 1.5em -960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.quickedit{display:none;}
#myGallery, #myGallerySet, #flickrGallery
{
width: 610px;
height: 320px;
z-index:5;
margin-bottom: 20px;
}
.jdGallery a
{
outline:0;
}
#flickrGallery
{
width: 500px;
height: 334px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
display: none;
}
.jdGallery
{
overflow: hidden;
position: relative;
}
.jdGallery img
{
border: 0;
margin: 0;
}
.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://sites.google.com/site/bloggertemplateplace/wpstream/loading-bar-black.gif');
}
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #000;
background-repeat: no-repeat;
background-position: center center;
background-image: url('http://sites.google.com/site/bloggertemplateplace/wpstream/loading-bar-black.gif');
}
.jdGallery .slideInfoZone
{
position: absolute;
z-index: 10;
width: 100%;
margin: 0px;
right: 0;
bottom: 0;
height: 120px;
background: #111111;
color: #fff;
text-indent: 0;
overflow: hidden;
}
* html .jdGallery .slideInfoZone
{
bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
padding: 0;
font-size: 14px;
margin: 0;
margin: 2px 5px;
font-weight: bold;
color: #fff !important;
}
.jdGallery .slideInfoZone p
{
padding: 0;
font-size: 12px;
margin: 2px 5px;
color: #eee;
}
.jdGallery div.carouselContainer
{
position: absolute;
height: 135px;
width: 100%;
z-index: 10;
margin: 0px;
right: 0;
top: 0;
}
.jdGallery a.carouselBtn
{
position: absolute;
bottom: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
}
.jdGallery .carousel
{
position: absolute;
width: 100%;
margin: 0px;
right: 0;
top: 0;
height: 115px;
background: #333;
color: #fff;
text-indent: 0;
overflow: hidden;
}
.jdExtCarousel
{
overflow: hidden;
position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
position: absolute;
width: 100%;
height: 78px;
top: 10px;
right: 0;
overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
background: #000;
background-position: center center;
float: right;
border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
font-size: 13px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 0;
margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 1px 2px;
margin: 0;
background: #222;
border: 1px solid #888;
cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #b5b5b5;
}
.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: #fff;
}
.jdGallery a.left, .jdGallery a.right
{
position: absolute;
height: 99%;
width: 25%;
cursor: pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity: 0.2;
opacity: 0.2;
}
* html .jdGallery a.left, * html .jdGallery a.right
{
filter:alpha(opacity=50);
}
.jdGallery a.left:hover, .jdGallery a.right:hover
{
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.jdGallery a.right
{
right: 0;
top: 0;
background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/fleche1.png') no-repeat center right;
}
* html .jdGallery a.right { background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/fleche1.gif') no-repeat center right; }
.jdGallery a.left
{
left: 0;
top: 0;
background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/fleche2.png') no-repeat center left;
}
* html .jdGallery a.left { background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/fleche2.gif') no-repeat center left; }
.jdGallery a.open
{
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.withArrows a.open
{
position: absolute;
top: 0;
right: 25%;
height: 99%;
width: 50%;
cursor: pointer;
z-index: 10;
background: none;
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.withArrows a.open:hover { background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/open.png') no-repeat center center; }
* html .withArrows a.open:hover { background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/open.gif') no-repeat center center;
filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('http://sites.google.com/site/bloggertemplateplace/wpstream/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
background: #333;
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background: #000;
}
.jdGallery .gallerySelector h2
{
margin: 0;
padding:10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff !important;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-right: 10px;
margin-top: 10px;
border: 1px solid #888;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: right;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
background: #000;
background-position: center center;
float: right;
border: none;
width: 40px;
height: 40px;
margin-left: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color:  #fff;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #fff !important;
}
.avatar-stock img{
width:40px;
height:40px;
float: right;
margin-left:10px;
}
.avatar-image-container img{
width:40px;
height:40px;
float: right;
margin-left:10px;
}
]]></b:skin> <script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 550;
summary_img = 450;
img_thumb_height = 150;
img_thumb_width = 200;
</script> <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(img.length>=1) { 
imgtag = '<span style="background:#99995C; float:right; padding:10px; margin:0px 0 10px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//--><!]]></script> <script src='http://sites.google.com/site/bloggertemplateplace/wpstream/mootools-1.2.1-core-yc.txt' type='text/javascript'/> <script src='http://sites.google.com/site/bloggertemplateplace/wpstream/mootools-1.2-more.txt' type='text/javascript'/> <script src='http://sites.google.com/site/bloggertemplateplace/wpstream/jd.gallery.txt' type='text/javascript'/> <script src='http://sites.google.com/site/bloggertemplateplace/wpstream/jd.gallery.transitions.txt' type='text/javascript'/> </head> <body> <div id='wrapper'> <div class='container' id='container'> <div class='span-20'> <div id='pagemenucontainer'> <ul id='pagemenu'> <li class='current_page_item'><a href='/'>الرئيسية</a></li> <li class='page_item'><a href='' title='عن المدونة'>عن المدونة</a></li> <li class='page_item'><a href='' title='تعديل'>تعديل</a></li> <li class='page_item'><a href='' title='تعديل'>تعديل</a></li> <li class='page_item'><a href='' title='تعديل'>تعديل</a></li> </ul> </div> </div> <div class='span-4 last'> <div class='topleft'> <a href='/feeds/posts/default'><img src='http://sites.google.com/site/bloggertemplateplace/wpstream/rss.png' style='margin:0 0 0 2px; vertical-align:top;'/> RSS Feed</a> <a href='http://twitter.com/Your_Twitter_ID' title='تابعني على twitter'><img src='http://sites.google.com/site/bloggertemplateplace/wpstream/twitter.png' style='margin:0 0 0 2px; vertical-align:top;' title='تابعني على twitter'/> Twitter</a> </div> </div> <div class='span-24' id='header'> <div class='span-12'> <a href='/'><img alt='New WP Themes' class='logoimg' src='http://sites.google.com/site/bloggertemplateplace/wpstream/logo.png'/></a> </div> <b:section class='span-12 last' id='span-12 last' style='padding-top: 0px; text-align:left;'/> </div> <div class='span-24'> <div class='navcontainer'> <ul id='nav'> <li class='current-cat'><a href='/'>الرئيسية</a></li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> <li class='cat-item'><a href='' title='تعديل'>تعديل</a> </li> </ul> </div> </div> <div class='span-24' id='contentwrap'> <div class='span-16'> <div id='content'> <script type='text/javascript'>
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 6000,
slideInfoZoneOpacity: 0.8,
showCarousel: false, 
slideInfoZoneSlide: false 
});
}
window.addEvent('domready', startGallery);
</script> <div class='fullbox_excerpt'> <div class='fullbox_content'> <b:section class='smooth_gallery' id='smooth_gallery' showaddelement='yes'/> </div> </div> <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a> →
</span> </b:if> <b:if cond='data:blog.homepageUrl != data:blog.url'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:else/> <b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </b:if> </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 + &quot;&amp;rel="nofollow" target=email&quot;' expr:title='data:top.emailThisMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.emailThisMsg/></span> </a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.blogThisMsg/></span> </a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span> </a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span> </a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.shareToOrkutMsg/></span> </a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;rel="nofollow" target=buzz&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=415,width=690\&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' rel="nofollow" target='_blank'> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></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='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 + &quot;_backlinks-create-link&quot;' rel="nofollow" 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 == &quot;index&quot;'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='post' var='post'> <div class='post' id='post'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h2 class='title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <div class='postdate'><img src='http://sites.google.com/site/bloggertemplateplace/wpstream/date.png'/> <b:if cond='data:post.dateHeader'> <script>var ultimaFecha = '<data:post.dateHeader/>';</script> <data:post.dateHeader/> <b:else/> <script>document.write(ultimaFecha);</script> </b:if> <img src='http://sites.google.com/site/bloggertemplateplace/wpstream/user.png'/> <data:post.author/> </div> <div class='entry'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <p><data:post.body/></p> <div style='clear: both;'/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <p><data:post.body/></p> </div> <script type='text/javascript'>
createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script> <div style='clear: both;'/> <div class='readmorecontent'> <a class='readmore' expr:href='data:post.url' rel='bookmark'>تابع القراءة </a> </div> </b:if> </div> <div class='clear'/> <div class='postmeta'><img src='http://sites.google.com/site/bloggertemplateplace/wpstream/folder.png'/> تصنيف  <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + &quot;?&amp;max-results=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if></div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> </div> <div class='post-footer-line post-footer-line-2'> </div> <div class='post-footer-line post-footer-line-3'> </div> </div> </div> </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 id='respond'> <a name='comment-form'/> <h3>ضع تعليقك</h3> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='100%'/> <data:post.iframeColorizer/> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template'> <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='&quot;post-body-&quot; + 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'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </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 != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <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();'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> </a> </span> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:adStart/> <b:loop values='data:posts' var='post'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <b:if cond='data:top.showStars'> <script src='http://www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script> </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + data:comment.adminClass'> <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='http://www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <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='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' rel="nofollow" target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='comments' var='post'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h3 id='comments'>تعليقات &quot;<data:post.title/>&quot;</h3> <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> <ol class='commentlist'> <b:loop values='data:post.comments' var='comment'> <li class='comment' id='comment'> <div class='comment-body' id='div'> <div class='comment-author vcard'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' float='right' 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> <cite class='fn'> <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> </cite> <span class='says'>يقول :</span> </div> <div class='comment-meta commentmetadata'> <a expr:href='data:comment.url' rel='nofollow' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </div> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p><data:comment.body/></p> </b:if> </div> </li> </b:loop> </ol> <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:include data='post' name='comment-form'/> <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> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </b:includable> </b:widget> </b:section> </div> </div> <div class='span-8 last'> <div class='sidebar'> <div id='topsearch'> <div id='search'> <form action='/search/' id='searchform' method='get'> <input id='s' name='s' onblur='if (this.value == &quot;&quot;)  {this.value = &quot;Search&quot;;}' onfocus='if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}' type='text' value='بحث'/> <input src='http://sites.google.com/site/bloggertemplateplace/wpstream/search.gif' style='border:0; vertical-align: top;' type='image'/> </form> </div> </div> <div class='addthis_toolbox'> <div class='custom_images'> <a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/twitter.png' width='32'/></a> <a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/delicious.png' width='32'/></a> <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/facebook.png' width='32'/></a> <a class='addthis_button_digg'><img alt='Digg' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/digg.png' width='32'/></a> <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/stumbleupon.png' width='32'/></a> <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/favorites.png' width='32'/></a> <a class='addthis_button_more'><img alt='More' height='32' src='http://sites.google.com/site/bloggertemplateplace/wpstream/more.png' width='32'/></a> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94' type='text/javascript'/> </div> <div class='sidebaradbox'> <a href='/' rel="nofollow" target='_new'><img class='ad125' src='http://sites.google.com/site/bloggertemplateplace/images/Snap_2010.01.1921.32.46_001.bmp'/></a> <a href='/' rel="nofollow" target='_new'><img class='ad125' src='http://sites.google.com/site/bloggertemplateplace/images/Snap_2010.01.1921.32.46_001.bmp'/></a> <a href='/' rel="nofollow" target='_new'><img class='ad125' src='http://sites.google.com/site/bloggertemplateplace/images/Snap_2010.01.1921.32.46_001.bmp'/></a> <a href='/' rel="nofollow" target='_new'><img class='ad125' src='http://sites.google.com/site/bloggertemplateplace/images/Snap_2010.01.1921.32.46_001.bmp'/></a> </div> <b:section class='sidebarwidget' id='sidebarwidget' showaddelement='yes'> <b:widget id='Followers1' locked='false' title='المتابعون' type='Followers'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <b:if cond='data:codeSnippet != &quot;&quot;'> <h2 class='title'><data:title/></h2> <b:else/> <b:if cond='data:totalFollowerCount != &quot;&quot;'> <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2> </b:if> </b:if> </b:if> <div class='widget-content'> <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'> <b:if cond='data:codeSnippet != &quot;&quot;'> <div style='margin-right:2px;'> <data:codeSnippet/> </div> <b:else/> <b:if cond='data:totalFollowerCount == &quot;&quot;'> <span class='item-control following-not-admin'> <b><data:failureSnippet/></b> </span> <span class='item-control blog-admin'> <b><data:adminFailureSnippet/></b> </span> <b:else/> <b:if cond='data:followingLinkPresent'> <div class='follow-this profile-link item-control following-follow-this'> <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'> <data:followThisMessage/> </a> </div> <div class='follow-this profile-link item-control following-stop-following-this'> <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'> <data:stopFollowingMessage/> </a> </div> </b:if> <div class='followers-grid'> <b:if cond='data:totalFollowerCount == 0'> <div class='profile-link item-control following-follow-this'> <data:emptyFollowersMessage/> </div> </b:if> <!--
Relies on the js written out in navbar.gxp
--> <b:loop values='data:followers' var='follower'> <div class='follower'> <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'> <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/> </a> </div> </b:loop> <div class='clear'/> </div> <div class='followers-canvas profile-link'> <data:followersFooterMessage/> <span class='item-control following-not-admin'> <a expr:href='data:followersUri'> <data:viewAllMessage/> </a> </span> <span class='item-control blog-admin'> <a expr:href='data:manageFollowersUri'> <data:manageFollowersMessage/> </a> </span> </div> </b:if> </b:if> </div> <b:include name='quickedit'/> </div> </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 != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='sidebaradbox' id='sidebaradbox' showaddelement='yes'/> </div> </div> </div> <div class='span-24'> <div id='footer'>copyright  <a expr:href='data:blog.Homepageurl'><data:blog.title/></a>  - Free Themes by <a href='http://newwpthemes.com/livedemo'>NewWpThemes.com</a> |  <a href='http://www.bloggertemplateplace.com/' title='قوالب بلوجر'>قوالب بلوجر</a> by <a href='http://www.bloggertemplateplace.com/' title='Blogger Template Place'>Blogger Template Place</a></div> <div id='footer2'>Powered by <a href='http://Blogger.com/'><strong>Blogger</strong></a><a href='http://sohagcity.com' title='تعريب سوهاج سيتى'> تعريب : s.h </a></div> </div> </div> </div> </body> </html>

ولتركيب القالب.
أدخل على لوحة تحكم المدونة ,وادخل على قوالب ,ثم تحرير html

ثم ضع القالب الذى وضعته لكم.


مثال من مدونة صديق على إحدى القوالب هنـــــــــــــــــا

ليست هناك تعليقات:

:a * :b * :c * :d * :e * :f * :g * :h * :i * :j * :k * :l * :m * :n * :o * :p * :q * :r * :s * :t

إرسال تعليق

;
Related Posts Plugin for WordPress, Blogger...