
Αυτό το συγκεκριμένο widget είναι βασισμένο στο Mlxperience's -- "Recent Posts Widget" .
Στο οποίο όμως έχουν προστεθεί μερικά χαρακτηριστικά , όπως το Read More , Comment Bubble και Ημερομηνία ανάρτησης .
Παρακάτω είναι ο πλήρες κώδικας.
Μπορείτε να το δείτε σε λειτουργία εδώ :
Για να το βάλετε στο blog σας :
Πηγαίνετε Στοιχεία Σελίδας –> Προσθήκη Gadget –> HTML/JavaScript και απλά αντιγράψτε και επικολλήστε αυτόν τον κώδικα στο περιεχόμενο widget , σε όποιο σημείο εσείς θέλετε να εμφανιστεί .
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://4.bp.blogspot.com/_L116RpGjEMY/S-3gwCzotYI/AAAAAAAABvc/FtxiJvmYDmw/s1600/no-image.jpg";
imgr[1] = "http://4.bp.blogspot.com/_L116RpGjEMY/S-3gwCzotYI/AAAAAAAABvc/FtxiJvmYDmw/s1600/no-image.jpg";
imgr[2] = "http://4.bp.blogspot.com/_L116RpGjEMY/S-3gwCzotYI/AAAAAAAABvc/FtxiJvmYDmw/s1600/no-image.jpg";
imgr[3] = "http://4.bp.blogspot.com/_L116RpGjEMY/S-3gwCzotYI/AAAAAAAABvc/FtxiJvmYDmw/s1600/no-image.jpg";
imgr[4] = "http://4.bp.blogspot.com/_L116RpGjEMY/S-3gwCzotYI/AAAAAAAABvc/FtxiJvmYDmw/s1600/no-image.jpg";
showRandomImg = true;
tablewidth = 300;
cellspacing = 5; borderColor = "#f3f3f3";
bgTD = "#f3f3f3";
imgwidth = 40;
imgheight = 40;
fntsize = 12;
acolor = "#073763";
aBold = true;
icon = " ";
text = "";
fsize= "11";
showPostDate = true;
summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#0b3e61";
icon2 = " ";
numposts = 5;
home_page =
"http://yourblog.blogspot.com/";
</script>
<script type="text/javascript" src="http://sites.google.com/site/mybloggerscripts/js/recentposts.js"></script>
<span style="font-size:10px;float:right;"> <a href="http://bloggertrics.blogspot.com/2010/05/recent-posts-widget-blogger-thumbnails.html" target="_blank">Take This widget</a></span>
Πριν αποθηκεύσετε το widget σας ίσως θέλετε να το επεξεργαστείτε :
- Για να προσαρμόσετε το πλάτος (width) του widget ανάλογα με το πλάτος (width) του sidebar σας .
- Για να προσαρμόσετε το χρώμα του πλαισίου ( border ) και το χρώμα υπόβαθρου ( background ) του widget .
bgTD = "#f3f3f3";
- Για να προσαρμόσετε το width και το height από το thumbnail image .
imgheight = 40;
- Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς Τίτλου .
acolor = "#073763";
- Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς Σχολίων και Ημερομηνίας
- Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς Κειμένου .
summaryColor = "#0b3e61";
- Για να προσαρμόσετε το νούμερο των αναρτήσεων που θα εμφανίζονται
- Και το πιο σημαντικό : Μην ξεχάσετε να αλλάξετε το http://yourblog.blogspot.com/ με το url του blog σας .
Ωραίο! Ένα τέτοιο χρειαζόμουν γιατί αυτό που έχω δεν μου έδινε δυνατότητες να αλλάξω μερικά πράγματα! Ευχαλιστώ κυλία χιχι :-P >:o :*
Για κάποιο λόγο δεν δουλεύει... έβαλα κανονικά τον κώδικα και το μόνο που εμφανίζεται είναι Take this Widget *DONT_KNOW* >:o :-P
Δικό μου το λάθος !! Σνιφ σνιφ =-X :'( :'( :'(
Έσβησα μάλλον κατά λάθος το javascript από το server μου , γι αυτό δεν εμφανιζόταν τίποτα >:o :-[
Το ξανά ανέβασα και άλλαξα και τον κώδικα .
Τώρα δουλεύει κανονικά
χαχαχα χαζό :-P :-P
Προσπαθώ να σου στείλω email από το Contact Us αλλά δεν δουλεύει. Θέλω να σε ρωτήσω το παρακάτω:
Πώς μπορώ να βάλω στο μπλογκ μου ένα javascript μενού (scrolldown) σαν αυτό που έχεις στο δικό σου;
* Home
* My Blogger Templates
o Blogger Templates
o PREMIUM BLOGGER TEMPLATES
o magazine style templates
o 1 Columns templates
o 2 Columns templates
o 3 Columns templates
o 4 Columns templates
........
Διονύσης Παπαχριστοδούλου
http://dip88.blogspot.com/
http://www.facebook.com/dip88
http://www.youtube.com/dip800
Καλησπερα σου :-D
Το μενου που χρισημοποιω εγω ειναι καθαρα CSS δεν χρησιμοποιειται καθολου javascript .
Αν θελεις να δεις καποια μενου ,εχουμε αρκετα μεγαλη συλλογη απο μενου στο αλλο μας blog .
Mπορεις να δεις εδω εχει αρκετα σχεδια για να διαλεξεις . :-D
Αν δεν σε ικανοποιησουν αυτα μπορεις να μου πεις πως ακριβως θελεις να ειναι , να δουμε τι μπορουμε να κανουμε .
:'( :'( :'( :-[ =-X
Σοφια καλημερα μπορω να το βαλω σε μια νεα αναρτηση?
to evala ki ayto,pl wraio! :-D
Καλησπέρα σου :-P
Αυτό το widget εμφανίζει τις πρόσφατες αναρτήσεις του blog .
Όταν λες να το βάλεις σε μια νεα ανάρτηση , δηλαδή τι εννοείς ?
Να είσαι καλά :-D :*
Χαίρομαι που σου αρέσει ! ;)
το εβαλα.. ειναι ωραιο... μόνο που δεν βγαζει τις εικονες των αναρτησεων μου.. στο σχετικο εικονιδιο διπλα σε καθε αναρτηση βγαζει ενα ερωτιματικο.. κανω κατι λαθος???