Home   |   Eagles   |   Mashaheer   |   PhotoShop7 Tutorial   |   Guest Book   |   Contact

 

شنبه 24 می 2003

کالبد شکافی قالب بلاگ اسکای

 

 

بلاگ اسکای یکی دیگر از سرویسهای وبلاگ میباشد. این سایت حدوداً چند ماه قبل کار خود را شروع کرد در ابتدا کار خود توسط هکری به نام مش قاسم و پسران حک شد, خوشبختانه بعد از حدود یک ماه دوباره برگشت. از امکانات خوب این سایت می توان به موارد زیر نام برد:

1- بدون بنر و نامحدود فضا
۲- داشتن سرويس نظرخواهي و امکان گذاشتن کامنت بروي هرکدام از نوشته ها که دوست داريد.
۳- داشتن کانتر (آمار بازديد کننده)
۴- فرمي براي ارسال ايميل به زبان فارسي بدون هيچ مشکلي
۵- نصب تاريخ شمسي و ميلادي
۶- آپلود کردن عکس بروي همان سايت بلاگ سکاي
۷- اديتوري قوي WYSIWYG
۸- طرحي جديد براي آرشيو
۹- عوض کردن ساده زبانها (فارسي <=> انگليسي)
و .....

 

این سایت همانند دیگر سرویس دهندگان وبلاگ (بلاگر, پرشین بلاگ) Template Based می باشد. قالبهای این سایت به سه بخش صفحه اصلی, آرشیو, و نظر خواهی تقسیم شده اند.

 

کالبد شکافی قالب اصلی:

بعد از اینکه شما در این سایت ثبت نام کردید به صورت خودکار یک قالب برای وبلاگ شما ساخته میشود که شما می توانید در آینده قالب را تغییر داد. تگهای این قالب به صورت زیر می باشد.

<html>
<head>
<title>:: [#blog title] ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
Body { background: #FFFFFF; font-family: Tahoma, times new roman, sans-serif; font-size: 8pt; margin: 0px }
A { font-family: Tahoma, times new roman, sans-serif; color:#0069C3; text-decoration: none }
A:hover { font-family: Tahoma, times new roman, sans-serif; color:#FF0000 }
A.postedby {font-size: 7pt; color: #999999; text-decoration: none }
.blogtitle { font-family: Arial, times new roman, sans-serif; color: #FFFFFF; font-size: 36px; font-weight: bold;
margin:2px; width:450; height:50; filter:glow(Color=#000000,Strength=2) }
.links { font-size: 8pt; color: #000095; line-height: 170%; text-decoration: none }
.date { font-family: Tahoma, times new roman, sans-serif; color: #FF9C00; font-size: 10pt; font-weight: bold }
.posts { font-family: Tahoma, times new roman, sans-serif; color: #000000; font-size: 8pt; line-height: 170% }
</style>
</head>
<body>

<table width="620" bgcolor="#000000" cellspacing="1" cellpadding="10" align="center">
<tr height="10">
<td bgcolor="#B0B0B0"></td>
</tr>
<tr height="80">
<td bgcolor="#A6A8BF" align="center">
<p class="blogtitle">[#blog title]</p>
</td>
</tr>
<tr height="40">
<td bgcolor="#B0B0B0"></td>
</tr>
</table>

<br><br>

<table width="620" border="0" cellspacing="0" cellpadding="10" align="center">
<tr>
<td valign="top" dir="rtl" width="70%">
[+blogsky]
<span class="date">[#date]</span><BR><BR>
<span class="posts"><strong>[#headline]</strong></span>
<div class="posts">
[#text]<BR><BR>
<a class="postedby" href=[#bookmark]>+ نوشته شده توسط [#author] در ساعت [#time]</a><BR><BR>
[+comment] نظرات [[#comment count]] [-comment]<BR>
</div>
<font size=2 color=#B0B0B0>........................................................................................</font>
<br><br><br>
[-blogsky]
</td>
<td width="5%"></td>
<td valign="top" width="25%" bgcolor="#F0F0F0">
<div class="links" align="center"><br>
<a href="http://[#blogsky id].blogsky.com">صفحه اصلي</a><br>
<a href="http://[#blogsky id].blogsky.com/archive.asp">آرشيو يادداشت ها<br>
</a>
<a onclick="window.open ('http://[#blogsky id].blogsky.com/email.asp',null,'width=370, height=400, scrollbars=yes, resizable=yes');" href="javascript:void(0)"><span dir='rtl'>مكاتبه با [#admin name]</span></a><br><br>
<hr>
تعداد بازديدكنندگان<br>
<b>[#counter]</b><br>
<hr>
<p align="center"><a target="_blank" href="http://www.blogsky.com">[#blogsky logo]</a></p><br>
</div>
</td>
</tr>
</table>

</body>
</html>

همان طوری که در بالا دیدید این قالب, یک قالب ساده می باشد که با HTML نوشته شده است که شما می توانید با راحتی قالب خود را در فرونت پیج طراحی کرده و سپس تگهای مخصوص بلاگ اسکای را در آن قرار دهید.

 

تگهای مخصوص بلاگ اسکای:

 در این قالب به شرح زیر می باشند که بین دو تگ [+blogsky] و [-blogsky] قرار دارند. :

[+blogsky]
<span class="date">[#date]</span><BR><BR>
<span class="posts"><strong>[#headline]</strong></span>
<div class="posts">
[#text]<BR><BR>
<a class="postedby" href=[#bookmark]>+ نوشته شده توسط [#author] در ساعت [#time]</a><BR><BR>
[+comment] نظرات [[#comment count]] [-comment]<BR>
</div>
<font size=2 color=#B0B0B0>........................................................................................</font>
<br><br><br>
[-blogsky]

تگها به صورت خلاصه شده

[+blogsky]

[#date]

[#headline]

[#text]

[#bookmark]

[#author]

[#time]

[+comment]

[#comment count]

[-comment]

[-blogsky]

کاربرد این تگها به ترتیب به شرح زیر میباشد:

1- این تگ تاریخ پست شما را نمایش می دهد.

2- این تگ هم تیتر مقاله شما رو نمایش میدهد.

3- این تگ متن مقالات شما را به نمایش میگذارند.

4- این تگ هم برای لینک مقاله شما می باشد. (همان لینک ثابت مقاله و یا آرشیو)

5- این تگ نام نویسنده را نشان می دهد.

6- این تگ هم ساعت پست مقالات را نشان میدهد.

7,8,9- این تگها مخصوص نظر خواهی میباشند. که تگ شماره 8 تعداد نظرات را نمایش میدهد.

 

لینک به خانه, آرشیو و تماس:

برای لینک دادن به صفحه اصلی, آرشیو یادداشتها و ایمیل به ترتیب می توانید از تگهای زیر استفاده کنید:

<a href="http://[#blogsky id].blogsky.com">صفحه اصلي</a>

<a href="http://[#blogsky id].blogsky.com/archive.asp">آرشيو يادداشت ها</a>

<a onclick="window.open ('http://[#blogsky id].blogsky.com/email.asp',null,'width=370, height=400, scrollbars=yes, resizable=yes');" href="javascript:void(0)"><span dir='rtl'>مكاتبه با [#admin name]</span></a>

 

دیگر تگهای موجود در قالب:

[#blog title]

[#counter]

[#blogsky logo]

این تگها به ترتیب برای نمایش عنوان وبلاگ, شمارنده بازدیدکننده و نمایش لوگوی بلاگ اسکای میباشند.

 

کالبد شکافی قالب آرشیو:

یکی از خوبیها دیگر بلاگ اسکای داشتن دو نوع آرشیو ماهیانه و روزانه می باشد, که آشیو روزانه به صورت تقویم و آرشیو ماهیانه به صورت لیستی از ماهها سال می باشد.

<html>
<head>
<title>:: آرشيو ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
Body { background: #FFFFFF; font-family: Tahoma, times new roman, sans-serif; font-size: 8pt; margin: 0px }
A { font-family: Tahoma, times new roman, sans-serif; color:#0069C3; text-decoration: none }
A:hover { font-family: Tahoma, times new roman, sans-serif; color:#FF0000 }
A.postedby {font-size: 7pt; color: #999999; text-decoration: none }
.blogtitle { font-family: Arial, times new roman, sans-serif; color: #FFFFFF; font-size: 36px; font-weight: bold;
margin:2px; width:450; height:50; filter:glow(Color=#000000,Strength=2) }
.links { font-size: 8pt; color: #000095; line-height: 170%; text-decoration: none }
.date { font-family: Tahoma, times new roman, sans-serif; color: #FF9C00; font-size: 10pt; font-weight: bold }
.posts { font-family: Tahoma, times new roman, sans-serif; color: #000000; font-size: 8pt; line-height: 170% }
Td { font-Size: 8pt; color: #464646; Font-Family: Tahoma, times new roman, sans-serif }
.calendar { background : #FFFFFF; width : 270}
.calendardays { background : #E9E9EF}
</style>
</head>
<body>

<table width="620" bgcolor="#000000" cellspacing="1" cellpadding="10" align="center">
<tr height="10">
<td bgcolor="#B0B0B0"></td>
</tr>
<tr height="80">
<td bgcolor="#A6A8BF" align="center">
<p class="blogtitle"><span dir='rtl'>آرشيو [#blog title]</span></p>
</td>
</tr>
<tr height="40">
<td bgcolor="#B0B0B0"></td>
</tr>
</table>

<br><br>

<table width="620" border="0" cellspacing="0" cellpadding="10" align="center">
<tr>
<td valign="top" dir="rtl" width="70%">
<div align="center">
[#calendar]
</div>
<BR><BR>
[+blogsky]
<span class="date">[#date]</span><BR><BR>
<span class="posts"><strong>[#headline]</strong></span>
<div class="posts">
[#text]<BR><BR>
<a class="postedby" href=[#bookmark]>+ نوشته شده توسط [#author] در ساعت [#time]</a><BR><BR>
[+comment] نظرات [[#comment count]] [-comment]<BR>
</div>
<font size=2 color=#B0B0B0>........................................................................................</font>
<br><br><br>
[-blogsky]
</td>
<td width="5%"></td>
<td valign="top" width="25%" bgcolor="#F0F0F0">
<div class="links" align="center"><br>
<a href="http://[#blogsky id].blogsky.com">صفحه اصلي</a><br>
<a href="http://[#blogsky id].blogsky.com/archive.asp">آرشيو يادداشت ها<br>
</a>
<a onclick="window.open ('http://[#blogsky id].blogsky.com/email.asp',null,'width=370, height=400, scrollbars=yes, resizable=yes');" href="javascript:void(0)"><span dir='rtl'>مكاتبه با [#admin name]</span></a><br><br>
<hr>
<b>ليست آرشيوها</b>
<p align="right"><span dir='rtl'>[#archive list]</span><br>
<hr>
<p align="center"><a target="_blank" href="http://www.blogsky.com">[#blogsky logo]</a></p><br>
</div>
</td>
</tr>
</table>
<p>

</body>
</html>

تگهای به کاربرده شده بلاگ اسکای به صورت خلاصه شده در این قالب به شرح زیر میباشند.

[#blog title]

[#calendar]

 

[+blogsky]
[#date]

[#headline]

[#text]

[#bookmark]

[#author]

[#time]

[+comment]

[#comment count]

[-comment]

[-blogsky]

 

[#archive list]

همانطور که توجه دارید در این تگها دو تگ جدید [#calendar] و [#archive list] داریم که هر دو آنها برای نمایش آرشیو به صورت تقویمی و ماهیانه می باشند.

 

کالبد شکافی قالب نظرخواهی:

یکی دیگر از خوبیهای این سرویس وبلاگ داشتن فرم نظرخواهی میباشد که در حالت عادی به صورت زیر میباشد:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>نظرات</title>
<style type="text/css">
Body { color: white; background-color: #B0B0B0; font-size: 8pt; font-family: Tahoma, times new roman, sans-serif;
padding: 0; margin-left: 9px; margin-right: 9px; margin-top: 9px; margin-bottom: 0 }
Form { border: 1px dotted #EEEEEE }
Textarea { font-size: 8pt; font-family: Tahoma, times new roman, sans-serif; border-right: #000000 1px solid;
border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; border-color: #000000 }
input { font-size: 8pt; font-family: Tahoma, times new roman, sans-serif; border-right: #000000 1px solid;
border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid; border-color: #000000 }
Td { font-Size: 8pt; color: #FFFFFF; Font-Family: Tahoma, times new roman, sans-serif }
A { text-decoration: none }
A:link { color: #0069C3 }
A:hover { color: #FF0000 ; text-decoration: underline }
A:visited {color: #0069C3 }
.box { background: #EDEDED; color: #000000; padding: 4px; border: thin solid #000000; align: center; text-align: right }
.headline { font-family: Tahoma, times new roman, sans-serif; font-size: 10pt; font-weight: bold }
</style>
</head>
<body>

<div align="center" class="headline">
[#headline]
<br><br>
</div>

[+blogsky]
<div class="box">
<div>
<small>[<a title=[*email] href=mailto:[*email]>email</a><font color="#A31A1A"> | </font><a title=[*homepage] href =[*homepage] target=__new >web</a>] </small> <b>[*author]</b>
</div><br>
<div dir="rtl" align="justify">[*text][*reply]</div><br>
<div><span dir='rtl'><small>[*date] در ساعت [*time]</small></span></div>
</div><br>
[-blogsky]

</body>
</html>

در این قالب هم تگهای به کار برده شده است که مخصوص به بلاگ اسکای می باشند که به شرح زیر میباشند:

[#headline]

 

[+blogsky]

[*email]

[*homepage]

[*author]

[*text]

[*reply]

[*date]

[*time]

[-blogsky]

کاربرد تگهای بالا به شرح زیر میباشند:

1- این تگ همان تگ تیتر دز قالب اصلی میباشد که در اینجا بالا صفحه قرار می گیرد.

2,9- این تگهای ابتدایی و پایانی بلاگ اسکای میباشند که دیگر تگها باید بین این دو تگ قرار گیرند.

3,4- این تگها همانطور که مشخص هست برای نمایش ایمیل و صفحه شخصی نظر دهنده میباشد.

5- این تگ هم نام نویسنده نظر را به نمایش خواهد گذاشت.

6,7- این تگها هم متن نوشته شده توسط نظر دهنده را به نمایش می گذارد.

8,9- این تگها هم تاریخ و ساعت نظر نوشته شده را نشان می دهند.

 

این آموزش هم با اینکه خیلی خلاصه بود به پایان رسید. امیدوارم این راهنمایی ساده و خلاصه بتواند به شما دوستان کمک کند تا بتوانید قالبها دلخواه خود را طراحی کرده و استفاده کنید و اگر هم دوست داشتید می توانید این قالب را برای سایت بفرستید تا به اسم خودتان ثبت شود و دیگران هم بتوانند از آن استفاده کنند.

 

موفق باشید.

 

 


نوشته شده توسط طاها ابراهیمی در ساعت 12:10

 

برگشت به اول صفحه