תבניות עברית עבור בלוגר: מרץ 2005

שלח תגובה

נשלח על ידי ds!lnW ביום שבת, מרץ 05, 2005-12:51

בתבנית הבלוג מופיע הטקסט Post a Comment שדרכו יכולים הגולשים לשלוח תגובות. ניתן להחליף את הטקסט ל"שלח תגובה" ע"י שינוי קטן בקוד התבנית.
כיצד עושים זאת?
על מנת לבצע את השינוי הזה יש לדעת את ה-BlogID של הבלוג שלכם. נכנסנים ל- Blogger ובוחרים ב-Dashboard את הבלוג שרוצים לדעת את ה-BlogID שלו. בכל אחד מהפעולות שתבצעו עכשיו יופיע בראש המסך ה-BlogID של הבלוג שאותו אתם עורכים.

במקרה הזה ה-BlogID הוא 5910562
כעת אחרי שה-BlogID שלכם ידוע לכם כנסו לתבנית הבלוג וחפשו את התגית
<$BlogItemCreate$> ברגע שאתם מוצאים אותה יש להחליפה בקטע הקוד הבא:

מה שנותר לבצע הוא החלפה של מספר ה- BlogID 123456 במקרה זה ב-BlogID אותו מצאתם בשלב הראשון.
מרגע זה יופיע הטקסט "שלח תגובה" במקום Post a Comment

אין תגובות

החלפת תבנית

נשלח על ידי ds!lnW ב-12:26

אחרי רישום והקמת בלוג ב-Blogger יש להיכנס ל-Template תחת Edit current יש להחליף את הקוד הקיים בקוד התבנית המצוי כאן קליק ימיני save target as.... בסיום שומרים על ידי לחצן Save template changes ועל מנת לגרום לשינוי להופיע בבלוג יש לבצע republish your blog לסיום.
ניתן להחליף את התבנית גם אחרי שהבלוג פעיל. אין השפעה של התבנית על תוכן הפוסטים שכתבתם או על תגובות הגולשים. השינוי של התבנית משפיע על דרך הצגת המידע ולא על תוכנו כך שתרגישו חופשיים לעשות זאת גם אם הבלוג שלכם פעיל זמן מה.
חשוב: אני ממליץ לפני החלפת קוד התבנית לבצע גיבוי שלו על מנת שאם תחליטו בסופו של דבר שנוח לכם עם התבנית הקודמת תוכלו לחזור אליה. איך עושים את זה?
לפני הדבקת קוד התבנית מהאתר הזה בוחרים את הקוד הקיים ב-Template מעתיקים אותו ל-Notepad ושומרים כגיבוי על המחשב. רק לאחר מכן מבצעים את הדבקת הקוד החדש. כך תוכלו בכל שלב לקחת חזרה את הגיבוי ששמרתם להדביקו חזרה ב-Template והנה הבלוג כפי שהיה לפני השינוי.

אין תגובות

תבנית להורדה

נשלח על ידי ds!lnW ב-11:47

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><$BlogPageTitle$></title> <$BlogMetaData$> <meta http-equiv="imagetoolbar" content="no" /> <style type="text/css" media="screen"> /* Begin Typography and Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: url("http://official.site.free.fr/kubrickbgcolor.jpg") #d5d6d7; color: #333; text-align: center; } #page { background: url("http://official.site.free.fr/kubrickbgwide.jpg") repeat-y top white; border: none; border: 1px solid #959596; text-align: left; } #kheader { background: url("http://official.site.free.fr/kubrickheader.jpg") no-repeat bottom center #73a0c5; } #kcontent { font-size: 1.1em } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .graybox { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #footer { background: url("http://official.site.free.fr/kubrickfooter.jpg") no-repeat bottom; border: none #eee; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } .description { font-size: 1.2em; text-align: center; } h2 { font-size: 1.6em; } h2.pagetitle { font-size: 1.6em; } #sidebar h2 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h3 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none; color: white; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #b85b5a; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } /* End Typography and Colors */ /* Begin Structure */ body { margin: 0; padding: 0; } #page { background-color: white; margin: 40px auto 0; padding: 0; width: 760px; border: 1px solid #959596; } #kheader { padding: 0; margin: 0 auto; height: 200px; width: 100%; background-color: #73a0c5; } #headerimg { margin: 0; height: 200px; width: 100%; } .narrowcolumn { float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 450px; } .widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; text-align: right; } .post { margin: 0 0 40px; text-align: justify; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } #footer { padding: 0; margin: 0 auto; width: 760px; clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* End Structure */ /* Begin Headers */ h1 { padding-top: 70px; margin: 0; } .description { text-align: center; } h2 { margin: 30px 0 0; } h2.pagetitle { margin-top: 30px; text-align: center; } #sidebar h2 { margin: 5px 0 0; padding: 0; } h3 { padding: 0; margin: 30px 0 0; } h3.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ .entry img { padding:10px; margin: 10px 0; border:1px solid #ccc; } p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "\00BB \0020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0 10px 0 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ /* Begin Comments*/ .graybox { margin: 0; padding: 10px; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { padding: 30px 0 10px 0; margin-left: 545px; width: 190px; text-align: right } #sidebar form { margin: 0; } /* End Sidebar */ /* Begin Various Tags and Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } </style> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<$BlogURL$>/atom.xml" /> </head> <body> <div id="page" dir="rtl"> <div id="kheader"> <div id="headerimg"> <h1><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a></h1> <div class="description"><$BlogDescription$></div> </div> </div> <hr /> <MainOrArchivePage> <div id="kcontent" class="narrowcolumn"> <Blogger> <div class="post"> <h2 id="post-<$BlogItemNumber$>"><a href="<$BlogItemPermalinkUrl$>" rel="bookmark" title="Permanent Link to <$BlogItemTitle$>"><$BlogItemTitle$></a></h2> נשלח ע"י <$BlogItemAuthorNickname$> ב<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>-<$BlogItemDateTime$> <div class="entry"> <$BlogItemBody$> </div> <$BlogItemControl$> <BlogItemCommentsEnabled> <a href="<$BlogItemPermalinkURL$>#comments"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('אין תגובות');} else if(a == 1) {document.write('תגובה אחת');}else{document.write(a+' תגובות');}</script></a> </BlogItemCommentsEnabled> </div> </Blogger> </div> </MainOrArchivePage> <ItemPage> <Blogger> <div id="kcontent" class="widecolumn"> <div class="post"> <h2 id="post-<$BlogItemNumber$>"><$BlogItemTitle$></h2> <div class="entrytext"> <$BlogItemBody$> פורסם ב<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> בשעה <$BlogItemDateTime$>. <BlogItemCommentsEnabled> שלח תגובה לקטע ע"י לחיצה על 'הוסף תגובה' </BlogItemCommentsEnabled> <$BlogItemControl$> </Blogger><div class="center">« <a href="<$BlogURL$>">דף הבית</a><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>">הקודם</a> »</div><div style="display:none"></BloggerPreviousItems></div><Blogger> </div> </div> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4> <script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('אין תגובות');} else if(a == 1) {document.write('תגובה אחת:');}else{document.write(a+' תגובות:');}</script> </h4> <BlogItemComments> <a name="c<$BlogCommentNumber$>"></a> <a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentAuthor$>: <$BlogCommentBody$>   <$BlogCommentDeleteIcon$> </BlogItemComments> <$BlogItemCreate$> » </BlogItemCommentsEnabled> </div> </div> </Blogger> </ItemPage> <MainOrArchivePage> <div id="sidebar"> <ul> <ArchivePage><li><a href="<$BlogURL$>"><<דף הבית</a></li></ArchivePage> <li><h2>אודות</h2> <$BlogOwnerAboutMe$> <ul> <li><a href="<$BlogOwnerProfileUrl$>">פרופיל</a></li> </ul> </li> <li><h2>פרסומים קודמים</h2> <ul> <BloggerPreviousItems> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> </li> <li><h2>ארכיון</h2> <ul> <BloggerArchives> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li> </BloggerArchives> </ul> </li> <li><h2>קישורים</h2> <ul> <li><a href="http://your-link-url-here/">קישור 1</a></li> <li><a href="http://your-link-url-here/">קישור 2</a></li> <li><a href="http://your-link-url-here/">קישור 3</a></li> </ul> </li> <li><h2>מנהל</h2> <ul> <li><a href="http://www.blogger.com/start">כניסה</a></li> </ul> </li> </ul> </div> </MainOrArchivePage> <hr /> <div id="footer"> Powered for <a href="http://www.blogger.com/">Blogger</a> by <a href="http://blogger-templates.blogspot.com">Blogger Templates</a> - Original design by <a href="http://binarybonsai.com/kubrick/">Michael Heilemann</a> Hebrew By <a href="http://hebrew-templates.blogspot.com/">Hebrew Templates</a> © </div> </div> </body> </html>

4 תגובות

תבנית תומכת עברית

נשלח על ידי ds!lnW ביום שישי, מרץ 04, 2005-10:16

Blogger, מערכת הבלוגים של Google, תומכת ב-9 שפות שונות (עברית איננה אחת מהן). אולם בשל העובדה כי ניתן להכניס שינויים בתבנית הבלוגים הקיימים נוצרו תבניות חדשות ע"י משתמשים אשר תומכות בשפות נוספות. מאחר ובעקבות חיפוש שערכתי לא מצאתי תבנית תומכת עברית החלטתי להעלות אחת כזאת לרשת.
כמה הערות:
1. התבנית הנ"ל עוצבה ע"י Michael Heilemann והורדתי אותה מהאתר Blogger Templates.
2. כדי להתאים אותה לעברית ביצעתי מספר שינויים בקוד. ייתכן ותמצאו שם דברים שניתן לעשות אחרת. אם לדעתכם ניתן לעשות את הדברים בצורה טובה יותר אני אשמח לשמוע, להכניס את השינויים בקוד וכמובן גם לתת לכם קרדיט על כך.

בלוג, בלוגים, עברית, תבנית, תבניות, בלוגר

אין תגובות

תבניות עברית עבור בלוגר

שלח תגובה

החלפת תבנית

תבנית להורדה

תבנית תומכת עברית

אודות

פוסטים קודמים

ארכיון

קישורים

מנהל