لتقسيم مواضيعك بشكل متساوي
نبحث عن هدا الكود
]]></b:skin> و نضع فوقه تماما هدا الكود
div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
.post-tag{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}كما بامكانك تغيير الألوان الموجودة في كود ال css الان نبحث عن الكود التالي ونضيف الكود بالون الاحمر اسفله
<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>
</h3>
</b:if>
<!-- TAG -->
<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>Tag</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ "?max-results=10"' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
</div>انتهىالطريقة الثانية باستخدام الجيوكري تابع معي
نبحث عن هدا الكود
</head>
و نضيف قبله تماما هدا الكود
<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>
<script src="http://blogspacetech.googlecode.com/files/Expandibles.js" type="text/javascript">
</script>
الان ابحث عن كود مشابه لهدا الكود و عدل فقط الكود بالون المغاير
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr><td width='40px'>
<a expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"' href='javascript:void(0)' style='text-decoration:none' title='Desplegar esta entrada'>[+/-]</a></td>
<td><h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3></td></tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</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:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>انتهى
|
