header-wrapper {

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

שלב 1

גש ל- Blogger באמצעות כתובת וסיסמה של Gmail. בחר את הבלוג שברצונך לערוך מרשימת הבלוגים.

שלב 2

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

שלב 3

לחץ והחזק את המקש "Ctrl" ואת המקש "F" במקלדת כדי לפתוח את שדה החיפוש. חפש "header-wrapper" ולחץ על כפתור "הבא". Blogger יסמן את המילים בירוק כדי להקל על הגישה. בהתאם לעיצוב Blogger שבו אתה משתמש, קוד "עטיפת הראש" שלך עשוי להיראות כך:

header-wrapper {

רקע: #ffffff url (http: // imageaddress); גובה: 375px; רוחב: 1000px; שוליים: 0 אוטומטי 0px; הגבול: 0px מוצק bordercolor; }

שלב 4

שים לב כי "header-wrapper" יש גובה ורוחב. שנה את הגובה והרוחב כך שיתאימו לגודל הכותרת. אז אם הכותרת שלך היא 900 פיקסלים רחב ו 200 פיקסלים גבוה, לשנות את הקוד בהתאם.

שלב 5

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

שלב 6

חזור אל "עריכת HTML" של העיצוב שלך ולעשות חיפוש אחר "החיצוני-עטיפה". אתה צריך לראות משהו כזה:

החיצוני-עטיפה {

רוחב: 1000px; שוליים: 0 אוטומטי; ריפוד: 0px; border: 2px solid # 696CB3; רקע: # E6ECF7; text-align: $ startSide; font: $ bodyfont; }

שלב 7

ודא רוחב של "החיצוני-עוטף" תואם את זה של הכותרת שלך אם אתה רוצה התאמה מושלמת. הפוך את רוחב של "החיצוני-עוטף" 900 פיקסלים אם התמונה של הכותרת היא 900 פיקסלים רחב. שנה את הגובה של "Out-wrapper" אם החלק התחתון של הכותרת ממשיך להיעלם בגלל סרגל הניווט או התוכן הראשי של הבלוג שלך.

שלב 8

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