בלוגר בעברית

איך לעבור מרשימות לבלוגר?

2009-11-25T10:13:00.003+02:00

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

בקרוב יתאפשר לכותבים ב"רשימות" לייצא את כל התכנים שלהם מאתר רשימות לקובץ XML של וורדפרס. באמצעות הקובץ, יוכל כל כותב לייבא את הבלוג שלו בשלמותו (פוסטים ותגובות) אל מערכת וורדפרס.

וורדפרס אמנם הרבה יותר טובה מהמערכת הנוכחית של "רשימות", אבל לדעתי הרבה מהכותבים ברשימות יתקשו להתמודד עם התקנה של מערכת כזו ועם התחזוקה השוטפת שלה (עדכון, אבטחה וכו').

נכון, יש שירותים שמאפשרים להשתמש בוורדפרס בלי לדאוג לתחזוקה (לדוגמא: wordpress.com או blogli.co.il) אבל יש גם להם חסרונות משלהם. בלוגלי, עם כל הרצון הטוב וההשקעה של המקימים, סובל מבעיות יציבות ונופל לעתים קרובות מדי. השירות של וורדפרס אמנם מצויין, אבל תידרשו לשלם על אפשרויות מתקדמות כמו: בלוג ללא פרסומות, עיצוב מותאם אישית, ועוד.

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

כרגע רשימות לא מאפשרים לייצא את הבלוג לבלוגר, אבל חשוב לומר שהאפשרות קיימת. כך תעשו זאת:

ייצאו את תוכן הבלוג שלכם מרשימות באמצעות הכלי שצוות רשימות מספקים. שמרו את קובץ הXML שקיבלתם על המחשב שלכם.
הכנסו אל כלי ההמרה הזה לחצו על הכפתור עיון ונווטו אל קובץ הXML ששמרתם בשלב הקודם.
לחצו על convert והמתינו מספר שניות. יפתח חלון שמירת קובץ, בחרו מקום מתאים לשמירה ואשרו. שימו לב: שמרו את הקובץ לצד הקובץ הקודם! אל תמחקו את הקבצים עד שתהיו בטוחים לחלוטין שהבלוג הועבר ועובד בצורה מושלמת!
כעת הכנסו אל בלוגר ולחצו על הקישור "צור בלוג".
הזינו את הפרטים שלכם (דוא"ל, סיסמה לבלוגר, שם לתצוגה) ולחצו על "המשך".
כעת הזינו את פרטי הבלוג (שם הבלוג, כתובת רצויה לבלוג וכו') ולחצו על "המשך".
בשלב זה עליכם לבחור עיצוב לבלוג. (תוכלו להחליף את העיצוב מאוחר יותר באחד מהעיצובים הרבים המופצים חינם באינטרנט.) בחרו את אחד העיצובים והמשיכו.
כעת תועברו אל מסך כתיבת פוסט חדש. נתעלם ממסך זה כרגע, ונלחץ בתפריט שבראש העמוד על "הגדרות".
במסך ההגדרות לחצו על "יבא בלוג" בעמוד שקיבלתם לחצו על "עיון" ונווטו אל הקובץ שקיבלתם בשלב 3. לאחר מכן העתיקו את התווים המופיעים בקאפצ'ה.
אם תרצו שהפריטים המיובאים יפורסמו אוטומטית בבלוג, סמנו את התיבה ליד "פרסם באופן אוטומטי את כל הרשומות המיובאות". אם לא תסמנו תיבה זו, תצטרכו לפרסם ידנית כל פוסט בנפרד. לסיום, לחצו על הכפתור"יבא בלוג".

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

קישורים נוספים:

מדריך: הוספת טופס תגובה מתחת לפוסטים

2008-11-25T14:02:00.003+02:00

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

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

חלק ראשון:

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

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

חלק שני:

מומלץ מאוד לגבות את התבנית לפני חלק זה.

חפשו את שורת הקוד הבאה:

<b:include data='post' name='comments' />

מיד לאחריה הוסיפו את השורה:

<b:include data='post' name='comment-form'/>

שמרו את התבנית. כעת טופס התתגובה אמור להופיע מתחת לפוסטים.

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

מדריך: הצגת כותרות בלבד בעמודי התגים

2008-11-22T20:03:00.003+02:00

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

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

<b:include data='post' name='post'/>

והחליפו אותה בקוד הבא:

<b:if cond='data:blog.homepageUrl !=data:blog.url'>

<b:if cond='data:blog.pageType != "item"'>

<a expr:href='data:post.url'>

<data:post.title/></a><hr/>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:else/>

<b:include data='post' name='post'/>

</b:if>

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

RTL Pepper

2008-10-23T11:19:00.005+02:00

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

התבנית הומרה לכתיבה מימין לשמאל וניתן להעתיק את התבנית מכאן.

BT Dark Green

2008-08-03T13:28:00.003+03:00

התבנית BT Dark Green היא תבנית בצבעים כהים ומיועדת בעיקר למי שמפרסם בבלוג פוסטים קצרים וידאו ותמונות.

התבנית המקורית באנגלית פורסמה בבלוג Blogger Buster והומרה לכתיבה מימין לשמאל.

לבלוג ההדגמה של התבנית (אנגלית)

את התבנית המתורגמת אפשר להעתיק מכאן.

חדש! טופס תגובה מהירה בבלוגר

2008-06-27T14:26:00.001+03:00

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

היום שיחררו בBlogger In Draft כמה אפשרויות חדשות ובינהם האפשרות לטופס תגובה משולב מתחת לפוסט.

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

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

כדי להוסיף את הטופס מתחת לפוסט הכנסו לממשק של Blogger In Draft ובחרו הגדרות> תגובות ושם סמנו את התיבה המתאימה.

עוד אפשרויות שנוספו לBlogger In Draft: ממשק חדש לעריכת פוסטים, Webmaster Tools For Blogger, ווידג'ט לדירוג פוסטים, פידים לתגובות לבלוגים דרך FTP, אפשרות לייצוא וייבוא של הבלוג, ומרכז שליטה חדש. כל האפשרויות החדשות נמצאות בנסיון ועתידות להשתחרר בקרוב לכל משתמשי בלוגר.

מדריך: הוספת אפשרות הדפסת פוסטים

2008-05-30T18:41:00.008+03:00

ניסיתם פעם להדפיס פוסט מהבלוג שלכם? משימה שאמורה להיות כל כך פשוטה, הופכת למורכבת כאשר מדובר בבלוגים.

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

בעצם לא מדובר בבעיה שקשה כל כך לפתור. כל מה שצריך לעשות הוא להוסיף כמה שורות קוד לעיצוב של הבלוג שמתייחסות למצב שבו הגולש ירצה להדפיס את העמוד.

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

מדריך: הוספת אפשרות הדפסה לבלוגר

חפשו את התגית הסוגרת הבאה:

</head>

את הקוד הבא עליכם להכניס שורה אחת לפני התגית שמצאתם בשלב הקודם:

<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 600px; float:right}
</style>

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

הוספת כפתור הדפסה בסוף כל פוסט

ישנם כמה אפשרויות להוספת כפתור הדפסה. אסביר על שניים מהם:
1. קישור עם טקסט "הדפסה" (אפשר לשנות את הטקסט) שמקפיץ את חלון ההדפסה של הדפדפן. קוד:

<b:if cond='data:blog.pageType == "item"'>
<a href='javascript:window.print()'>הדפסה</a>
</b:if>

2. כפתור עם המילה "הדפסה" (אפשר לשנות את הטקסט) שמקפיץ את חלון ההדפסה של הדפדפן. קוד:

<b:if cond='data:blog.pageType == "item"'>
<form>
<input type="button" value="הדפסה" onClick="window.print()" />
</form>
</b:if>

איך משתמשים בקוד?

חפשו בתבנית שלכם את הקוד הבא:

ומיד לאחריו הוסיפו את כפתור ההדפסה.

ווידג'ט: פוסט אקראי

2008-04-25T16:52:00.005+03:00

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

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

<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; window.location = entry.link[0].href;} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'פוסט אקראי'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

לאחר ששמרתם את הווידג'ט החדש, תוכלו לגרור אותו אל המיקום הרצוי במסך הפריסה ולשמור את הפריסה החדשה.

כפתורי שליחה לאתרי שיתוף

2008-04-21T09:20:00.008+03:00

החתולה של שרודינגר שאלה בקבוצת הדיון על בלוגר בעברית איך אפשר להוסיף כפתור שליחה לשווה קריאה?

הכנתי כמה כפתורי שלייחה שעשויים לעניין אתכם והוראות שימוש:

הכנסו למסך עריכת התבנית > ערוך HTML וסמנו את התיבה הרחב תבניות יישומון. חפשו את הקוד הבא:

<p><data:post.body/></p>
<div style='clear: both;'/>

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

שווה קריאה:

<a class='theaddToolTip' expr:href='"http://shaveh.co.il/submit.php?url=" + data:post.url' title='שלח לשווה קריאה'>
<img alt='שווה קריאה' border='0'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCI_VbiildVFtQ4hajU30b2DqN-n8mb1kCU_iqa7hiT_LKAT6gX4F5TygRT-mXvW4PufPIYuV13iyuOERzXGqryv6heoD9nDRInfJVyesmNxlv9xg2L1pmzKzBVyKv_UmsHuRU_ifLAfY/s320/shaveh-icon.jpg'/>
</a>

חדש-הוט:

<a class='theaddToolTip' expr:href='"http://www.hadash-hot.co.il/submit?url=" + data:post.url' title='שלח לחדש-הוט'>
<img alt='חדש-הוט' border='0' src='http://farm1.static.flickr.com/67/230970657_1bd7626473_o.png'/>
</a>

Digg:

<a class='theaddToolTip'
expr:href='"http://digg.com/submit?phase=2&url=" +
data:post.url + "&title=" + data:post.title'
title='DiggIt!'>
<img alt='DiggIt!' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/digg.gif'/>
</a>

reddit:

<a expr:href='"http://reddit.com/submit?url=" + data:post.url +
"&title=%20" + data:post.title' title='Add to Reddit'>
<img alt='Reddit' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/reddit.png'/>
</a>

דלישס:

<a class='theaddToolTip'
expr:href='"http://del.icio.us/post?url=" + data:post.url +
"&title=" + data:post.title' title='Add to Del.icio.us'>
<img alt='Del.icio.us' border='0'
src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/delicious.gif'/>
</a>

טכנוראטי:

<a class='theaddToolTip' expr:href='"http://technorati.com/faves?add=" + data:post.url' title='Add to Technorati'>
<img alt='Technorati' border='0'
src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/technorati.gif'/>
</a>

My Yahoo:

<a class='theaddToolTip'
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" +
data:post.url + "&t=" + data:post.title' title='Add to Yahoo
web'>
<img alt='Yahoo' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/yahoo.gif'/>
</a>

furl:

<a class='theaddToolTip' expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&t=" + data:post.title' title='Add to Furl'>
<img alt='Furl' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/furl.gif'/>
</a>

ma.gnolia:

<a class='theaddToolTip' expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&title=" + data:post.title' title='Add to Ma.gnolia'>
<img alt='Ma.gnolia' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/magnolia.png'/>
</a>

BlinkBits:

<a class='theaddToolTip' expr:href='"http://blinkbits.com/bookmarklets/save.php?v=1&source_url=" + data:post.url + " &Title=" + data:post.title' title='Add to Blinkbits'>
<img alt='Blinkbits' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/blinkbits.png'/>
</a>

Simpy:

<a class='theaddToolTip' expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&title=" + data:post.title' title='Add to Simpy'>
<img alt='Simpy' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/simpy.png'/>
</a>

BlinkList:

<a class='theaddToolTip' expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url=" + data:post.url + "&Title=" + data:post.title' title='Add to Blinklist'>
<img alt='Blinklist' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/blinklist.png'/>
</a>

NetVouz:

<a class='theaddToolTip' expr:href='"http://www.netvouz.com/action/submitBookmark?url=" + data:post.url + "&title=" + data:post.title + "&popup=no"' title='Add to Netvouz'>
<img alt='Netvouz' border='0' src='http://photos1.blogger.com/blogger2/2699/816266557257661/400/netvouz.png'/>
</a>

ווידג'ט: פוסטים פופולריים לבלוגר

2008-04-14T12:29:00.010+03:00

Amanda יצרה ווידג'ט נחמד שמאפשר לכם להציג את הפוסטים הפופולריים ביותר.

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

אם אתם מעוניינים לנסות: ווידג'ט פוסטים פופולריים לבלוגר.

Blue Steel

2008-04-07T21:40:00.004+03:00

התבנית Blue Steel היא תבנית בסגנון מגזין עם 3 עמודות.

התבנית כוללת סרגל ניווט עליון, קישורים בתחתית העמוד (ניתנים לעריכה בקלות), ענן תגים ותיבת חיפוש מובנית.

את התבנית אפשר להעתיק מכאן.

RTL - Free Premium

2008-02-26T18:48:00.014+02:00

תבנית מקצועית שמיועדת במקור לוורדפרס והומרה לבלוגר על ידי Jacky Supit מהבלוג jackbook מתורגמת לעברית ולעבודה מימין לשמאל (RTL).

אפשר לראות את התבנית לוורדפרס אנגלית בפעולה כאן (demo).

התבנית מכילה המון אפשרויות מתקדמות וכוללת בין השאר: חיפוש מובנה, מקום לפרסומות, RSS מובנה ועדכונים במייל (באמצעות פידברנר).

הורואת לשימוש:

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

בנוסף עליכם לערוך את הקישור להרשמה במייל. אם אתם רשומים לפידברנר ומפעילים כבר עידכונים במייל הכנסו לעמוד עריכת התבנית (פריסה > ערוך HTML) וחפשו את האיזור שמתחיל בקוד:

<div class='subscribeform'>

באיזור זה מופיעות השורות הבאות:

YOUR-FEED-ID-HERE
YOUR BLOG NAME HERE

עליכם להחליף את השורה הראשונה בFEED-ID שמופיע בפידברנר שלכם ואת השורה השניה בשם הבלוג שלכם.

את התבנית ניתן למצוא כאן.

עברית רשמית בבלוגר

2008-01-18T12:12:00.000+02:00

היום הושקה רשמית הגרסה העברית של בלוגר (עם הגרסאות הערבית והפרסית). אם עדיין לא עברתם לעברית רוצו להחליף שפה.

בגרסה העברית: הממשק הומר ומיושר לימין, נוספו כפתורי כיווניות במסך הכתיבה, מספר תבניות הומרו לכתיבה מימין לשמאל ותוקנו מספר בעיות תרגום שהופיעו בגרסה הראשונית.

Parchment

2008-01-18T10:43:00.001+02:00

תבנית חדשה מיושרת לימין ומתאימה לכתיבה מימין לשמאל.
אפשר להעתיק את התבנית מכאן
.

עדכוני בלוג במייל דרך פידברנר

2007-12-24T13:35:00.000+02:00

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

Minima White

2007-12-09T22:05:00.001+02:00

Minima White היא תבנית פשוטה ונקייה וכאן נוספה לה עמודה שלישית, ענן תגים ותרגום לעברית.

את התבנית אפשר להעתיק מכאן.

ממשק עברי לבלוגר

2007-11-19T19:48:00.001+02:00

מעכשיו גם דוברי עברית יכולים ליהנות משירות בלוגר (לפרטים נוספים).

בינתיים בלוגר בעברית זמין רק דרך Blogger Draft אבל כנראה שבקרוב האפשרות תצא מבטא ותעבור לממשק הכללי של בלוגר.

קבוצת דיון על בלוגר בעברית

2007-10-18T11:43:00.000+02:00

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

מקווה שתיעזרו בה.

מדריך: איך להתקין ולהגדיר ענן תגים לבלוג שלכם

2007-09-03T15:59:00.008+03:00

חשוב לקרוא:

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

המדריך מתייחס לבעלי בלוג בגרסה החדשה של בלוגר שמשתמשים בתבניות המתקדמות בלבד (לא מתאים למי שמשתמש בתבניות הישנות או מפרסם באמצעות FTP).

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

גבו את הבלוג לפני שתבצעו את השינויים.

התחברו למערכת בלוגר וגשו לאיזור התבניות (layouts). בעמוד Page Elements וודאו שכבר מותקן אצלכם ווידג'ט להצגת תגים (תגיות). בחרו בסרגל הניווט ב Edit HTML. אין לסמן וי בתיבה Expand Widget.

הקוד מחולק לשלושה חלקים: עיצוב, הגדרות, והווידג'ט עצמו. כעת נתעסק עם קוד העיצוב.

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

את הקוד יש להעתיק אל התבנית בחלק העיצוב. הדרך הקלה לעשות זאת היא למצוא את התגית הסוגרת של העיצוב ]]></b:skin> ולהכניס את הקוד לפניה.

עכשיו נעבור לחלק הקוד שמגדיר את הווידג'ט.

<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [51,102,153];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

את הקוד יש להעתיק אל ה head אבל לא אל תוך איזור העיצוב. הכניסו את הקוד מיד אחרי התגית ]]></b:skin> ולפני התגית </head>.

את ההגדרות בקוד אפשר לשנות אבל לא נתעסק בהם כעת.

כעת נעבור לווידג'ט עצמו. חפשו בתבנית את הקוד של ווידג'ט התגים שלכם. הוא צריך להיראות דומה לזה:

<b:widget id='Label1' locked='false' title='תגים' type='Label'>

החליפו את שורת הקוד הנ"ל בקוד הבא:

<b:widget id='Label1' locked='false' title='תגים' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div align='center'>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>

// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a>b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}

var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = "<data:label.name/>";
ts[theName] = <data:label.count/>;
</b:loop>

for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] < cloudMin){
continue;
}
for (var i=0;3 > i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' פוסטים ב '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';
a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>

<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

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

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

בהצלחה.

Mr. Moto Rising - Ellington style

2007-07-29T14:52:00.000+03:00

תבנית סולידית מתורגמת ומיושרת לימין כולל ענן תגים.

את התבנית Mr. Moto Rising - Ellington style אפשר למצוא כאן.

הוראות והסברים אפשר למצוא במדריך להגדרת בלוגר בעברית ובמדריכים.

מדריך: הוספת תגובות אחרונות ופוסטים אחרונים לסרגל הצד

2007-07-25T19:28:00.001+03:00

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

תגובות אחרונות
ראשית נוודא שהפיד לתגובות אחרונות פועל. בסרגל הניווט בחרו ב Settings ולאחר מכן ב Site Feed. לחצו על Advanced Mode

ב Blog Comment Feed בחרו Full או Short ואשרו בלחיצה על Save Settings.

כדי להציג את התגובות האחרונות בסרגל הצד בחרו בסרגל הניווט ב Template ולחצו על Add a Page Element במקום שבו תרצו להציג את המידע.

בחלון שנפתח חפשו את האפשרות Feed ולחצו על Add To Blog. בשדה Feed URL הכניסו את הכתובת הבאה:
http://YOURBLOG.blogspot.com/feeds/comments/default
החליפו את YOURBLOG בכתובת הבלוג שלכם בבלוגר. ולחצו על המשך.

בחלון הבא הכניסו בשדה Title את הכותרת: תגובות אחרונות. תחת Show בחרו את מספר התגובות שיוצגו. אם תרצו להציג את התאריך של כל תגובה סמנו את התובה Item dates וכדי להציג את שם המגיב סמנו את Item sources/authors.

לחצו על Save Changes. כעת יופיע בלוק חדש בבלוג שמציג את התגובות האחרונות בבלוג שלכם.

פוסטים אחרונים
ראשית נוודא שהפיד לפוסטים פועל. בסרגל הניווט בחרו ב Settings ולאחר מכן ב Site Feed. לחצו על Advanced Mode.

ב Blog Posts Feed בחרו Full או Short ואשרו בלחיצה על Save Settings.

כדי להציג את הפוסטים האחרונים בסרגל הצד בחרו בסרגל הניווט ב Template ולחצו על Add a Page Element במקום שבו תרצו להציג את המידע.

בחלון שנפתח חפשו את האפשרות Feed ולחצו על Add To Blog. בשדה Feed URL הכניסו את הכתובת הבאה:
http://YOURBLOG.blogspot.com/feeds/posts/default
החליפו את YOURBLOG בכתובת הבלוג שלכם בבלוגר. ולחצו על המשך.

בחלון הבא הכניסו בשדה Title את הכותרת: פוסטים אחרונים. תחת Show בחרו את מספר הפוסטים שיוצגו. אם תרצו להציג את התאריך של כל פוסט סמנו את התובה Item dates וכדי להציג את שם הכותב סמנו את Item sources/authors.

לחצו על Save Changes. כעת יופיע בלוק חדש בבלוג שמציג את הפוסטים האחרונים בבלוג שלכם.

S08

2007-06-09T23:33:00.000+03:00

תבנית חדשה מתורגמת לעברית ומיושרת לימין.
התבנית עוצבה בידי בלוג התבניות Blogger Templates ונקראת S08.

את התבנית ניתן להעתיק מכאן.

קישורים נוספים:
התאמת בלוגר לבלוג בעברית
שינוי צבעי התבנית

שינוי צבעי התבנית

2007-05-15T16:18:00.000+03:00

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

אם תרצו לשנות את צבע הרקע או הכותרות או הטקסט, תוכלו לעשות זאת דרך הממשק הרגיל של בלוגר בדרך הבאה:

הכנסו לממשק ניהול הבלוג שלכם ובסרגל העליון בחרו Template.
בסרגל המשני שנפתח בחרו Fonts and Colors.
קבלתם חלון מחולק לשניים: בחלק העליון חלון ניהול הצבעים ובחלק השני חלון התצוגה המקדימה. בחרו בחלק העליון את הצבעים המועדפים עליכם וצפו בתוצאה שתופיע בחלק התחתון.
הגעתם לתוצאה הרצויה? לחצו על Save Changes. כדי לבטל את השינויים לחצו על Clear Edits או צאו מחלון העריכה. אם כבר שמרתם את השינויים, תוכלו תמיד לחזור למצב ברירת המחדל של העיצוב בלחיצה על Revert to template default.

בהצלחה.

Dots Dark 3c

2007-05-15T15:26:00.000+03:00

התבנית מבוססת על התבנית Dots אבל מאופיינת בצבעים כהים יותר ובנוסף מחולקת ל3 עמודות.

את התבנית ניתן להעתיק מכאן.

מייפל 3c

2007-05-15T15:25:00.000+03:00

התבנית הבאה מתאפיינת בצבעי מייפל עדינים ומותאמת לשימוש במערכת החדשה של בלוגר (new blogger).

התבנית מבוססת על התבנית Dots של Douglas Bowman.

יתרונה הגדול של התבנית בכך שהיא מחולקת ל3 עמודות ובכך מנצלת ייותר את שטח העמוד ויוצרת מראה רציני יותר לבלוג.

את התבנית ניתן להעתיק מכאן.