ΠΩΣ ΒΑΖΩ ΣΤΑΤΙΚΑ ΕΙΚΟΝΙΔΙΑ ΜΕ LINKS
Με τους παρακάτω κώδικες μπορείτε να βάλετε στατικά εικονίδια με links που να ανοίγουν σε νέα καρτέλα ή ακόμα και σε νέο pop up window, όπως αυτά που έχω βάλει εγώ στο πάνω αριστερό μέρος του blog αυτού. Υπάρχει ανεκμετάλευτος χώρος στην navbar του blogger πρίν και μετά το κουμπί +1 του google+.
Εκεί είναι η κατάλληλη θέση να τοποθετηθούν μερικά sosial icons με links. Το ύψος τους πρέπει να είναι 30px για να καλύπτει τη navbar του blogger. Το πλάτος τους μπορεί να είναι όσο θέλετε αρκεί να υπολογίσετε ότι εκεί που θα τελειώνει το πρώτο εικονίδιο π.χ. με πλάτος 50px το επόμενο πρέπει να αρχίζει στη θέση 51. Αυτό θα το ρυθμίσετε αλλάζοντας το left:0px; Το ύψος και το πλάτος του νέου pop up window αλλάζει αντικαθιστώντας τα γαλάζια νούμερα του width=1000 & height=750. Το ύψος και το πλάτος του εικονιδίου αλλάξει και αυτό αντικαθιστώντας τα γαλάζια νούμερα του width=30px & height=30px.
Με τους παρακάτω κώδικες μπορείτε να βάλετε στατικά εικονίδια με links που να ανοίγουν σε νέα καρτέλα ή ακόμα και σε νέο pop up window, όπως αυτά που έχω βάλει εγώ στο πάνω αριστερό μέρος του blog αυτού. Υπάρχει ανεκμετάλευτος χώρος στην navbar του blogger πρίν και μετά το κουμπί +1 του google+.
Εκεί είναι η κατάλληλη θέση να τοποθετηθούν μερικά sosial icons με links. Το ύψος τους πρέπει να είναι 30px για να καλύπτει τη navbar του blogger. Το πλάτος τους μπορεί να είναι όσο θέλετε αρκεί να υπολογίσετε ότι εκεί που θα τελειώνει το πρώτο εικονίδιο π.χ. με πλάτος 50px το επόμενο πρέπει να αρχίζει στη θέση 51. Αυτό θα το ρυθμίσετε αλλάζοντας το left:0px; Το ύψος και το πλάτος του νέου pop up window αλλάζει αντικαθιστώντας τα γαλάζια νούμερα του width=1000 & height=750. Το ύψος και το πλάτος του εικονιδίου αλλάξει και αυτό αντικαθιστώντας τα γαλάζια νούμερα του width=30px & height=30px.
Αντικαταστήστε
το link με τα πράσινα γράμματα με το δικό σας link που θέλετε
να ανοίγει σε νέο pop up window.
Αντικαταστήστε το link του ειονιδίου με τα μώβ
γράμματα με το δικό σας link εικονιδίου που έχετε
ανεβάσει σε κάποιο λεύκωμα του google+.
ΣΤΑΤΙΚΑ ΕΙΚΟΝΙΔΙΑ
ΜΕ LINKS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW. 1ος κώδικας.
<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">
<a href="http://public.bookmax.net/dikefalos/bookmarks/824240"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Bookmax" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmGgA5YrQqalWf8pL1EdCsWtzxS-nl8jzzqiQhp_WfLz7QwJe7ZVjWOFsYCMp_9Do87zfNrEch88REXMPOya2qCbGvQclnPLMkneJawvzPiQLXYlCMLWhF-UoMrzwK7vYCkkUJKEtlHk/s48-no/bookmax-48.JPG"/></a></div>
<div id="static-icons" style="top:0px;left:30px;position:fixed;z-index:999;">
<a href="https://delicious.com/dikefalos"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Delicius" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj08AKrrjyRoo5paMRWYc4CggyKyCe19IuTlQqWvOj_RMuI2eZPeDJZ0hHRtRw9vkzn4OMxUC4uojGYuMdq8AfglxaQ3Is6BHMq0o1wxAu92_LqtNXlBjgE6jrwed3tJgzy64D55R6jRBI/s48-no/delicious-42.png"/></a></div>
<div id="static-icons" style="top:0px;left:60px;position:fixed;z-index:999;">
<a href="https://www.diigo.com/profile/dikefalos"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Diigo" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZYU0vQTpK71pZ0UQA7NGy8r52y2XNbo-9sl8iVU8OGGdbOdz_sb8xt25ungcjCHiL9z0_vXYcVqTeVv8V5B8zfsKcnD0gs3U8X1rnNgL0cQxTOpMbmFg7dsMCMzCn485y-TDUL0EcDE/s48-no/diigo-48.ico"/></a></div>
<div id="static-icons" style="top:0px;left:90px;position:fixed;z-index:999;">
<a href="http://s1300.photobucket.com/user/Arxigopoulo/profile"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Photobucket" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwv2I7zHzWsrdV-aLi4PDqCmFcha9obmXe8l-EBmhz8i7fHwsOoIjlGQmJCA9AsPiW1IaDg1vFlw3jsQPBrDThSf6-LN0kSQQmY6v-BrlBH7J7JNTvB0dODX-qopnC9QsqoJw5slMVlMs/s48-no/photobucket-48.png"/></a></div>
<div id="static-icons" style="top:0px;left:120px;position:fixed;z-index:999;">
<a href="http://myphotos77.imgur.com"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Imgur" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2lFv7S6c5OhczKVeAOcPsMREex51wvoBgCqsgZ4R5UkYtxXiO89AHvazl6BV-pCogeP8ZiKm4nIrBmO81_Ciy73Hn9pslUZ9oRsyJ_YLfZC5x1S1Qk6H6UEZXKU5sPzZLdkLKBZWo6c/s48-no/imgur-48.png"/></a></div>
<div id="static-icons" style="top:0px;left:150px;position:fixed;z-index:999;">
<a href="http://www.netvibes.com/dikefalos-aetos"
target="_blank" onclick="window.open(this.href, 'popupwindow',
'width=1000, height=750,
resizable=no, scrollbars=yes, menubar=no, toolbar=no, status=no'); return
false;">
<img border="0" alt="Netvibes" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjJzhWZLpSddAFCUqqHsemBIZv3w176jdotcAMQucA_2jJsLQ3z1WpudyA9fmcjVvDsyjJPSFKHc2LGdFRLHfQNhZbg5Hn0PMg3reFNl65UOxat3nxgRz9nEgkv5lwg7A6qXni2lZfK8/s48-no/Netvibes-48.png"/></a></div>
ΣΤΑΤΙΚΑ ΕΙΚΟΝΙΔΙΑ
ΜΕ LINKS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ ΝΕΑ ΚΑΡΤΕΛΑ. 2ος κώδικας.
<div id="static-icons" style="top:0px;left:0px;position:fixed;z-index:999;">
<a href="http://public.bookmax.net/dikefalos/bookmarks/824240"
target="_blank">
<img border="0" alt="Bookmax" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUmGgA5YrQqalWf8pL1EdCsWtzxS-nl8jzzqiQhp_WfLz7QwJe7ZVjWOFsYCMp_9Do87zfNrEch88REXMPOya2qCbGvQclnPLMkneJawvzPiQLXYlCMLWhF-UoMrzwK7vYCkkUJKEtlHk/s48-no/bookmax-48.JPG"/></a></div>
<div id="static-icons" style="top:0px;left:30px;position:fixed;z-index:999;">
<a href="https://delicious.com/dikefalos"
target="_blank">
<img border="0" alt="Delicius" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj08AKrrjyRoo5paMRWYc4CggyKyCe19IuTlQqWvOj_RMuI2eZPeDJZ0hHRtRw9vkzn4OMxUC4uojGYuMdq8AfglxaQ3Is6BHMq0o1wxAu92_LqtNXlBjgE6jrwed3tJgzy64D55R6jRBI/s48-no/delicious-42.png"/></a></div>
<div id="static-icons" style="top:0px;left:60px;position:fixed;z-index:999;">
<a href="https://www.diigo.com/profile/dikefalos"
target="_blank">
<img border="0" alt="Diigo" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggZYU0vQTpK71pZ0UQA7NGy8r52y2XNbo-9sl8iVU8OGGdbOdz_sb8xt25ungcjCHiL9z0_vXYcVqTeVv8V5B8zfsKcnD0gs3U8X1rnNgL0cQxTOpMbmFg7dsMCMzCn485y-TDUL0EcDE/s48-no/diigo-48.ico"/></a></div>
<div id="static-icons" style="top:0px;left:90px;position:fixed;z-index:999;">
<a href="http://s1300.photobucket.com/user/Arxigopoulo/profile"
target="_blank">
<img border="0" alt="Photobucket" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwv2I7zHzWsrdV-aLi4PDqCmFcha9obmXe8l-EBmhz8i7fHwsOoIjlGQmJCA9AsPiW1IaDg1vFlw3jsQPBrDThSf6-LN0kSQQmY6v-BrlBH7J7JNTvB0dODX-qopnC9QsqoJw5slMVlMs/s48-no/photobucket-48.png"/></a></div>
<div id="static-icons" style="top:0px;left:120px;position:fixed;z-index:999;">
<a href="http://myphotos77.imgur.com"
target="_blank">
<img border="0" alt="Imgur" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc2lFv7S6c5OhczKVeAOcPsMREex51wvoBgCqsgZ4R5UkYtxXiO89AHvazl6BV-pCogeP8ZiKm4nIrBmO81_Ciy73Hn9pslUZ9oRsyJ_YLfZC5x1S1Qk6H6UEZXKU5sPzZLdkLKBZWo6c/s48-no/imgur-48.png"/></a></div>
<div id="static-icons" style="top:0px;left:150px;position:fixed;z-index:999;">
<a href="http://www.netvibes.com/dikefalos-aetos"
target="_blank">
<img border="0" alt="Netvibes" style="width: 30px; height: 30px;"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjJzhWZLpSddAFCUqqHsemBIZv3w176jdotcAMQucA_2jJsLQ3z1WpudyA9fmcjVvDsyjJPSFKHc2LGdFRLHfQNhZbg5Hn0PMg3reFNl65UOxat3nxgRz9nEgkv5lwg7A6qXni2lZfK8/s48-no/Netvibes-48.png"/></a></div>