در این قسمت می خوام کد قالب وبلاگ خودم رو براتون بزارم.
این قالب برای بلاگفا طراحی شده که دارای بنری زیبا می باشد.شما کافی است کد زیر را در قسمت ویرایش قالب خود کپی کند و کار تمام است.نمونه سایت را در زیر براتون گذاشتم که بتونید ببینید.
کد:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD><link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<title> <-BlogTitle-> </title>- <-BlogDescription-> - <-BlogId-> - <-BlogTitle->">">
<style type="text/css" >
<!--
A,A:visited {COLOR:#2b699a; TEXT-DECORATION: none; }
A:hover {COLOR:#a80000; TEXT-DECORATION: none;}
body{padding:0;color:#000;text-align:center;font-family:tahoma,arial;font-size:8pt;line-height:150%;background:#e4f3ff ;}
.page{margin:0;width:762px;direction:rtl;background:#fff url() repeat-y center; }
.header{background:url('http://www.uui.ir/pictures/93eed8744e03df3c3641f0da889cffa9.jpg') center no-repeat;width:762px;height:105px;font-family:verdana;color:#589bd0;}
.blogdesc{font-weight:normal;font-size:12px;line-height:1.3em;font-variant:normal;font-style:normal;font-family:tahoma;padding-left:55px;}
.blogtitle{font-size:17pt;padding-left:10px;text-align:left;}
.post{font-size:9pt;text-align:right;line-height:150%;color:#000;float:right;width:538px;margin:0 auto;overflow:hidden;}
.posttitle{background:url('http://i36.tinypic.com/jpvw5i.jpg') no-repeat center bottom;border:0;height:21px;padding:4px;padding-top:0;padding-bottom:0;padding-right:10px;font-weight:bold;color:#0a497a;line-height:180%; }
.posttext{font-size:9pt;text-align:right;line-height:150%;color:#000;padding:4px;text-direction:rtl;border:1px solid #78aed9;border-bottom:0;}
.ExtendedPost{ text-align:center;display:block; width:55px; background-color:#e4f3ff;padding:1px;font-size:8pt;}
.postdesc {font-size:7pt;font-family:Tahoma,arial;color:#111;padding:4px;border:1px solid #78aed9;border-bottom:0;border-top:0; }
.postdesc A{font-size:7pt;font-family:Tahoma,arial;}
.postbottom{background:url('http://i35.tinypic.com/rk3nea.gif') no-repeat;height:10px;}
.sidebar{float:left;font-size:8pt;text-align:right;line-height:150%;color:#1b1b1b;width:195px;margin:0 auto;font-size:8pt;text-direction:rtl;}
.menutitle{font-weight:bold;color:#0a497a;height:21px;background:url('http://i35.tinypic.com/zjulqp.gif') no-repeat center bottom;padding-right:10px; line-height:200%; }
.menutext{border:1px solid #74acd8;border-bottom:0;padding:4px;margin:0;padding-bottom:0;}
.menubottom{background:url('http://i38.tinypic.com/2ivzg9g.gif') no-repeat;height:13px;}
.bottom{background:url('http://i37.tinypic.com/1zd3ac8.gif') no-repeat ;height:22px; text-align:center;padding-left:5px;font-size:8pt;color:#569ad0;}
.post ul { list-style: none; margin:0; padding: 0;}
.post ul li { background: url('http://i36.tinypic.com/2u5u90l.gif') right center no-repeat; padding-right:10px;padding-bottom:3px; }
.sidebar ul { list-style: none; margin:0; padding: 0;}
.sidebar ul li { background: url('http://i36.tinypic.com/2u5u90l.gif') right center no-repeat; padding-right:10px;padding-bottom:3px; }
h2{font-size:9pt;padding:0;margin:0;}
img{border:0}
-->
</style>
<script lang ="javascript" type="text/javascript" >
function GetBC(lngPostid)
{
intTimeZone=<-BlogTimeZone->;
strBlogId="<-BlogId->";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو نظرات";
if ( intCount==0) strResult="نظر بدهید";
if ( intCount==1) strResult="یک نظر";
if ( intCount>1) strResult=intCount + " نظر" ;
strUrl="http://commenting.blogfa.com/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;
document.write ( strResult ) ;
}
function OpenLD()
{
window.open('LinkDump.aspx','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}
</script>
</HEAD>
<BODY>
<div align="center" >
<DIV class="page">
<div class="header" >
<div style="padding:10px;text-align:left;">
<h1 align="right" class="blogtitle" ><-BlogTitle-></h1>
<div class="blogdesc"> <-BlogDescription-> </div>
</div>
</div>
<div align="center" style="width:742px;padding-top:4px;padding-bottom:4px;">
<div class="post" dir="rtl" lang="fa" >
<BLOGFA>
<div class="posttitle" ><h2 align="right" dir="rtl" ><a href="<-PostLink->" ><-PostTitle-></a> </h2></div>
<div class="posttext" >
<-PostContent->
<BlogExtendedPost><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost>
</div>
<div class="postdesc">
<hr align="center" width="100%" style="color:#c1daee;" size="1" />
<a href="<-PostLink->" >لینک ثابت</a> |
نوشته شده در <-PostDate->ساعت <-PostTime-> توسط <-PostAuthor->
<BlogComment>
|
<span dir="rtl" >
<script type="text/javascript">GetBC(<-PostId->);</script>
</span>
</BlogComment>
</div>
<div class="postbottom"></div>
</BLOGFA>
<BlogPreviousItemsBlock>
<div class="posttitle" ><h2 align="right" dir="rtl">آخرین نوشته ها </h2></div>
<div class="posttext" >
<BlogPreviousItems items="30">
<ul>
<li><span dir="rtl"><a href="<-PostLink->" title="<-PostDate->"><-PostTitle-></a></li>
</ul>
</BlogPreviousItems>
</div>
<div class="postbottom"></div>
</BlogPreviousItemsBlock>
<br/>
</div>
<div class="sidebar">
<blogprofile>
<div class="menutitle"> درباره وبلاگ </div>
<div class="menutext">
<BlogPhoto>
<div style="padding-bottom:2px;padding-top:5px;text-align:center" >
<img src="<-BlogPhotoLink->" >
</div>
</BlogPhoto>
<-BlogAbout->
</div>
<div class="menubottom"></div>
</blogprofile>
<div class="menutitle"> منوی اصلی </div>
<div class="menutext">
<ul>
<li><span dir="rtl"><a href="<-BlogUrl->">صفحه نخست</a> </li>
<li><span dir="rtl"><a href="mailto:<-BlogEmail->">پست الكترونيك</a></li>
<li><span dir="rtl"><a href="<-BlogArchiveLink->">آرشيو مطالب</a></li>
<li><span dir="rtl"><a href="<-BlogUrl->/posts/">عناوین مطالب وبلاگ</a></li>
<li><span dir="rtl"><a href="<-BlogUrl->/profile/">پروفایل مدیر وبلاگ</a></li>
</ul>
</div>
<div class="menubottom"></div>
<div class="menutitle"> آرشیو </div>
<div class="menutext" >
<ul>
<BlogArchive>
<li><span dir="rtl"><a href="<-ArchiveLink->"><-ArchiveTitle-></a><br></span></li>
</BlogArchive>
</ul>
</div>
<div class="menubottom"></div>
<div class="menutitle"> پیوندها </div>
<div class="menutext" >
<ul>
<li><a href="http://par30theme.blogfa.com/" target="_blank" >.:: قالب ساز ::.</a> </li>
<li><a href="http://www.webnevis.net/" target="_blank" >وب نویس</a> </li>
<BlogLinks>
<li><span dir="rtl"><a target="_blank" href="<-LinkUrl->"><-LinkTitle-></a><br></span></li>
</BlogLinks>
</ul>
</div>
<div class="menubottom"></div>
<BlogCategoriesBlock>
<div class="menutitle"> موضوعات </div>
<div class="menutext" >
<ul>
<BlogCategories>
<li><span dir="rtl"><a href="<-CategoryLink->"><-CategoryName-></a><br></span></li>
</BlogCategories>
</ul>
</div>
<div class="menubottom"></div>
</BlogCategoriesBlock>
<BlogLinkDumpBlock>
<div class="menutitle"> پیوندهای روزانه </div>
<div class="menutext" >
<ul>
<BlogLinkDump>
<li><span dir="rtl"><a target="_blank" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a><br></span></li>
</BlogLinkDump>
</ul>
</div>
<div class="menubottom"></div>
</BlogLinkDumpBlock>
<BlogAuthorsBlock>
<div class="menutitle"> نویسندگان </div>
<div class="menutext">
<ul>
<BlogAuthors><li><span dir="rtl"><a href="<-AuthorLink->"><-AuthorName-></a></li></BlogAuthors>
</ul>
</div>
<div class="menubottom"></div>
</BlogAuthorsBlock>
<div class="menutitle"> امکانات</div>
<div class="menutext">
<center>
<a href="<-BlogXmlLink->" target="_blank" ><img src="http://i36.tinypic.com/x2oztw.gif" border="0" align="center" style="display:inline"></a>
<-BlogCustomHtml->
</center>
</div>
<div class="menubottom"></div>
</div>
</div>
<div style="clear:both;"></div>
<div class="bottom" > Powered By <a href="http://www.blogfa.com/" style="color:#569ad0" target="_blank">BLOGFA.COM</a> - Designed By <a href="http://www.par30theme.blogfa.com/" style="color:#569ad0" target="_blank" > Payam salami pargoo</a></div>
</DIV>
</div>
<!----This Template Designed By Payam Salami Pargoo ,www.par30theme.blogfa.com----->
</BODY>
</HTML>
نمونه قالب: