Hi! Welcome...

Premium Blogger Template
FREE Premium Blogger Templates
Μοναδικά Free Blogger πρότυπα για το blog σας
Slimbox 2.02 με jquery-1.3.2 στο Bloggspot .
Πώς να εγκαταστήσετε SlimBox σε Blogger
ΙmgBox
Για να παρουσιάσετε τις εικόνες σας με στυλ !!!
31 καλυτέρα Blogger Widgets και addon
Κατάλογος συνδέσμων όπου μπορείτε να ανακαλύψετε περισσότερα widgets για το blog σας.
1 2 3 4 5

Τετάρτη, Μαΐου 26

12

Recent posts widget για blogger με thumbnails

Προσθέστε ένα όμορφο recen posts  widget στο blog σας εύκολα και γρήγορα .
Recent posts widget
Αυτό το συγκεκριμένο 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  σας .
tablewidth = 300;
  • Για να προσαρμόσετε το χρώμα του πλαισίου ( border ) και το χρώμα υπόβαθρου ( background ) του widget .
borderColor = "#f3f3f3";
bgTD = "#f3f3f3";
  • Για να προσαρμόσετε το width και το height από το thumbnail image .
imgwidth = 40;
imgheight = 40;
  • Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς Τίτλου .
fntsize = 12;
acolor = "#073763";
  • Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς Σχολίων και Ημερομηνίας
fsize= "11";
  • Για να προσαρμόσετε το χρώμα και το μέγεθος γραμματοσειράς  Κειμένου .
summaryFontsize = 11;
summaryColor = "#0b3e61";
  • Για να προσαρμόσετε το νούμερο των αναρτήσεων που θα εμφανίζονται
 numposts = 5;
  • Και το πιο σημαντικό :  Μην ξεχάσετε να αλλάξετε το http://yourblog.blogspot.com/  με το url του blog σας .
 Καλή επιτυχία σε όλους :)  
   

12:

post2.soo είπε...

Ωραίο! Ένα τέτοιο χρειαζόμουν γιατί αυτό που έχω δεν μου έδινε δυνατότητες να αλλάξω μερικά πράγματα! Ευχαλιστώ κυλία χιχι :-P >:o :*

post2.soo είπε...

Για κάποιο λόγο δεν δουλεύει... έβαλα κανονικά τον κώδικα και το μόνο που εμφανίζεται είναι Take this Widget *DONT_KNOW* >:o :-P

bloggertrics είπε...

Δικό μου το λάθος !! Σνιφ σνιφ =-X :'( :'( :'(
Έσβησα μάλλον κατά λάθος το javascript από το server μου , γι αυτό δεν εμφανιζόταν τίποτα >:o :-[
Το ξανά ανέβασα και άλλαξα και τον κώδικα .
Τώρα δουλεύει κανονικά

post2.soo είπε...

χαχαχα χαζό :-P :-P

Dionysios Papachristodoulou είπε...

Προσπαθώ να σου στείλω 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

bloggertrics είπε...

Καλησπερα σου :-D

Το μενου που χρισημοποιω εγω ειναι καθαρα CSS δεν χρησιμοποιειται καθολου javascript .
Αν θελεις να δεις καποια μενου ,εχουμε αρκετα μεγαλη συλλογη απο μενου στο αλλο μας blog .
Mπορεις να δεις εδω  εχει αρκετα σχεδια για να διαλεξεις . :-D

Αν δεν σε ικανοποιησουν αυτα μπορεις να μου πεις πως ακριβως θελεις να ειναι , να δουμε τι μπορουμε να κανουμε .

bloggertrics είπε...

:'( :'( :'( :-[ =-X

Φουρνιωτης είπε...

Σοφια καλημερα μπορω να το βαλω σε μια νεα αναρτηση?

Angela είπε...

to evala ki ayto,pl wraio!  :-D

bloggertrics είπε...

Καλησπέρα σου :-P

Αυτό το widget εμφανίζει τις πρόσφατες αναρτήσεις του blog .
Όταν λες να το βάλεις σε μια νεα ανάρτηση , δηλαδή τι εννοείς ?

bloggertrics είπε...

Να είσαι καλά :-D :*

Χαίρομαι που σου αρέσει ! ;)

Ανώνυμος είπε...

το εβαλα.. ειναι ωραιο... μόνο που δεν βγαζει τις εικονες των αναρτησεων μου.. στο σχετικο εικονιδιο διπλα σε καθε αναρτηση βγαζει ενα ερωτιματικο.. κανω κατι λαθος???

 

© 2010 Bloggertrics

WordPress Theme by: WooThemes. | Converted into Blogger Templates by : Bloggertrics

ΑΡΧΙΚΗ| Sitemap| Posts RSS