פוסט זה הוא פוסט המשך בסדרה "טיפים וטריקים: כתיבת פוסטים באתר הבלוגים".

שאלה: מה משותף לבלוג של שחר, גיא, גיל, עומר, צוות SRL, מירון ועוד רבים אחרים?

תשובה: כולם נראים בדיוק אותו הדבר.

לעומת זאת הבלוגים של אוהד ושל קהילת מומחי המחשוב נראים טיפה אחרת, וזה עושה את ההבדל...

בעיני מאד חשוב לתת לבלוג שלך מראה ייחודי, שיבחין אותו מבלוגים אחרים. משהו שיתן חוויה נעימה יותר לקורא, יוסיף טיפה פן אישי לתוך הדף ועל הדרך גם יפתור מספר בעיות תצוגה של ה- Themes הקיימים.

כדי לשנות את הגדרות הסגנון של הבלוג שלך, אפשר לגשת ל- Control Panel, משם תחת Global Settings, לגשת ל- Change How my Blog Looks, ואחרי שבוחרים את ה- Theme שנראה לכם, אפשר לגשת לטאב ששמו CSS Overrides ולדרוס הגדרות סגנון שבאות עם ה- Theme כברירת מחדל בהגדרות משלכם.

לדוגמא ה- CSS Overrides של הבלוג שלי (מומלץ לצפיה דרך browser ולא דרך RSS Reader) מכיל את השינויים הבאים:

#content
{
    width: 1016px;
}

#masthead
{
    background-image: url(http://blogs.microsoft.co.il/photos/bursteg/images/original/Title1.aspx);
    width: 1028px;
}
#main
{
    width: 758px;
}
#nav
{
    width: 1016px;
}

.post
{
    font-family : Verdana;
    margin: 0 0 20px 0;
}

.posthead
{
    color: #c60;
}

.posthead a:link, .posthead a:visited, .posthead a:active
{
    color: #c60;
}

.posthead a:hover
{
    color: #c60;
}

.pageTitle
{
    color: #c60;
}

legend
{
    color: #c60;
}

#comments h2
{
    color: #c60;
}

fieldset textarea
{
    width: 674px;
}

fieldset .smallbox
{
    width: 674px;
}

שימו לב שאחד השינויים שביצעתי, היה להחליף את התמונה שמגיעה כברירת מחדל עם ה- Paper Clip Theme. בעבר פרסמתי פוסט על איך ליצור תמונה מתאימה לשימוש עם Paper Clip.

דבר נוסף שביצעתי הוא לשנות את רוחב הבלוג. כיוון שאני מפרסם קטעי קוד רבים, רוחב ברירת המחדל של הבלוג היה צר מדי והביא לאי נוחות בעת קריאת קטעי קוד. כיום זה הרבה יותר נוח...

לשימושכם...