איך להוסיף ניווט עם מספרים בתחתית הבלוג

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

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

  1# – נתחבר לבלוג וממשק הבלוג נלחץ על טאב פריסה.

2# – נלחץ על הוסף גאדג'ט ונבחר מהרשימה HTML/JavaScript.

3# – נבחר את אחד משלושת הקודים הבאים שנרצה להשתמש נעתיק ונדביק לתוך תיבת HTML/JavaScript.

• #ירוק

<style>
#blog-pager{
 clear: both;
 font-size: 12px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
}
#blog-pager-newer-link{
 float: right;
}
#blog-pager-older-link{
 float: left;
}
#blog-pager-older-link a,#blog-pager-newer-link a,
a.home-link,.showpageNum a,.showpage a{
 border: 1px solid #006600;
 color: #fff;
 margin: 2px;
 padding: 6px 10px 5px;
 text-decoration: none;
 text-shadow: 1px 0 1px #000;
 background-color: #333333;
}
#blog-pager-older-link a:hover,
#blog-pager-newer-link a:hover,
a.home-link:hover,.showpageOf,
.showpagePoint,.showpageNum a:hover,.showpage a:hover{
 border: 1px solid #333333;
 color: #fff;
 margin: 2px;
 padding: 6px 10px 5px;
 text-shadow: 1px 0 1px #000;
 background-color: #009900;
}
</style>
<a href="http://h2d-manual.blogspot.co.il/"
 target="_blank">H2D - מדריכים, טיפים וטריקים</a>
<script type='text/javascript'>
var postperpage=7;
var numshowpage=6;
var upPageWord="חדשות";
var downPageWord="ישנות";
var urlactivepage=location.href;
var home_page="/";
</script>
<script src='https://dl.dropboxusercontent.com/u/23093041/
_H2D/pager-script/pager-script-h2d-orang.js' type='text/javascript'>
</script>

• #כחול

<style>
#blog-pager{
 clear: both;
 font-size: 12px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
}#blog-pager-newer-link{
 float: right;
}#blog-pager-older-link{
 float: left;
}


#blog-pager-older-link a,#blog-pager-newer-link a,
a.home-link,.showpageNum a,.showpage a{
 border: 1px solid #0066FF;
 color: #fff;
 margin: 2px;
 padding: 6px 10px 5px;
 text-decoration: none;
 text-shadow: 1px 0 1px #000;
 background-color: #333333;
}#blog-pager-older-link a:hover,
#blog-pager-newer-link a:hover,
a.home-link:hover,.showpageOf,.showpagePoint,
.showpageNum a:hover,.showpage a:hover{
 border: 1px solid #333333;
 color: #fff;
 margin: 2px;
 padding: 6px 10px 5px;
 text-shadow: 1px 0 1px #000;
 background-color: #0066FF;
}
</style>
<a href="http://h2d-manual.blogspot.co.il/"
 target="_blank">H2D - מדריכים, טיפים וטריקים</a>
<script type='text/javascript'>
var postperpage=7;
var numshowpage=6;
var upPageWord="חדשות";
var downPageWord="ישנות";
var urlactivepage=location.href;
var home_page="/";
</script>
<script src='https://dl.dropboxusercontent.com/u/23093041/
_H2D/pager-script/pager-script-h2d-orang.js' type='text/javascript'>
</script>

• #אפור

<style>
#blog-pager{
 clear: both;
 font-size: 12px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
}
#blog-pager-newer-link{
 float: right;
}
#blog-pager-older-link{
 float: left;
}
#blog-pager-older-link a,#blog-pager-newer-link a,
a.home-link,.showpageNum a,.showpage a{
 border: 1px solid #666666;
 color: #000;
 margin: 2px;
 padding: 6px 10px 5px;
 text-decoration: none;
 background-color: #CCCCCC;
}
#blog-pager-older-link a:hover,
#blog-pager-newer-link a:hover,
a.home-link:hover,.showpageOf,
.showpagePoint,.showpageNum a:hover,.showpage a:hover{
 border: 1px solid #999999;
 color: #FFF;
 margin: 2px;
 padding: 6px 10px 5px;
 text-shadow: 1px 0 1px #000;
 background-color: #333333;
}

</style>
<a href="http://h2d-manual.blogspot.co.il/"
 target="_blank">H2D - מדריכים, טיפים וטריקים</a>
<script type='text/javascript'>
var postperpage=7;
var numshowpage=6;
var upPageWord="חדשות";
var downPageWord="ישנות";
var urlactivepage=location.href;
var home_page="/";
</script>
<script src='https://dl.dropboxusercontent.com/u/23093041/
_H2D/pager-script/pager-script-h2d-orang.js' type='text/javascript'>
</script>

4# – נשמור את השינויים ונציג את הבלוג.
5# - את הצבעים של ניתן לשנות ע"י החלפת מספרי הצבע :

1. background-color - צבע רקע.
2. color - צבע טקסט.
3. border - צבע מסגרת.

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

איך לדגום כל צבע מאתר אינטרנט

בחירת צבע לאתר

כתבן ווינדוס לייב

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

החלפת קרא עוד לתמונה מעוצבת

הוספת תפריט נפתח לגוגל בלוגר CSS3

מעברי צבעים