طراحی وبلاگ
سلام
دو نفر از دوستانم رو دیدم و گفتن بهم که " تو زدی رو وبت آموزش طراحی قالب وبلاگ را می دهی ولی ما که چیزی نمی بینیم!" و من ناگهان یاد اون پست افتادم و خواستم جبران این یک ماه را کنم.
با این آموزش که بخش یک است می توانید قسمتی از وبلاگ خود رو شروع به طراحی کنید:
در اول نرم افزار Dreamweaver نسخه cs3 یا 8 را و یا FrontPage را نصب کنید باید به این اشاره کنم که Dreamweaver قویتر می باشد.
پس از نصب نرم افزار Dreamweaver وارد آن شوید و فایل وب سایتی که ذخیره کرده اید را باز کنید و بجای تیتر آن وب سایت کد <-BlogTitle-> را وارد کنید ، تیتر یعنی نامی که در بالای مرورگر وارد می شود این کد باید بین قسمت <title> قرار گیرد به صورت زیر:
<title><-BlogTitle->>
پایین بخش title کد زیر را نیز قرار دهید:
<script language="javascript">
function GetBC(lngPostid)
{
intTimeZone=<-BlogTimeZone->;
strBlogId="<-BlogId->";
intCount=-1;
strResult="";
try {
for (i=0;i)
{
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 ="" + strResult + " >" ;
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;
}
< FONT>script>
خوب چون شما ها زیاد در کد های HTML و CSS وارد نیستید به بخش Design بروید و در قسمتی که پست سایت قرار دارد کلی و کل بخش پست را بگیرید حال به بخش Code بروید و در بالای پست تگ را قرار دهید و در قسمت پایین آن برای اینکه نشان دهد این بخش تمام شده است تگ را قرار دهید و حال بجای تیتر آن پست <-PostTitle-> را قرار دهید و حال بجای نوشته های آن پست تگ <-PostContent-> را قرار دهید و در ادامه بجای نام نویسنده <-PostAuthor-> را قرار دهید و بجای تاریخ آن <-PostDate-> و بجای موضوع آن <-PostCategory-> را قرار دهید حال شما باید بخش نظرات و ادامه مطلب را قرار دهید برای قرار دادن ادامه مطلب کد زیر را قرار دهید:
<BlogExtendedPost></BlogExtendedPost>
و در بین این دو تگ این را قرار دهید:
حال در وسط آن نوشته زیر را قرار دهید:
ادامه مطلب
و یک فاصله بعد از a اول بی اندازید و کد زیر را قرار دهید:
href="<-PostLink->"
و حال بجای بخش نظرات کد زیر را قرار دهید:
<BlogComment">
<script type="text/javascript">GetBC(<-PostId->);>
< FONT>BlogComment>
خوب تا الان شما بخش پست را تکمیل کرده اید و تیتر بلاگ درست شده است بقیه آموزش هفته بعد!
طرح جدیدم دوستان گفتن خوبه فقط به این چند چیز اضافه خواهم کرد همچنین در سایت PersianWeblog مسابقه ای برای انتخاب برترین وبلاگ برگزار است که شما می توانید 5 وبلاگ را انتخاب کنید لطفا یکی از آدرس ها را آدرس www.blogday.ir قرار دهید. از لطف شما ممنون
آدرس برگزاری مسابقه: http://persianweblog.ir/topblogs/
وبلاگ من: http://blogday.ir
دریافت قالب وبلاگ آماده : www.parstheme.com