ΠΩΣ ΦΤΙΑΧΝΩ ΣΕΛΙΔΑ ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ No 3

ΠΩΣ ΦΤΙΑΧΝΩ ΣΕΛΙΔΑ ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ No 3
Με τον παρακάτω κώδικα μπορείτε να εμφανίσετε όλες τις αναρτήσεις του ιστολογίου σας με χρονολογική σειρά και έτσι να εξοικονομήσετε χώρο και να διώξετε την πτυσόμενη αρχειοθήκη του blogger από την πλαϊνή σας μπάρα. Μπορείτε να αλλάξετε τον τίτλο του widget αλλάζωντας τα πορτοκαλί γράμματα ALL MY POSTS επίσης μπορείτε να αλλάξετε την γραματοσειρά του τίτλου και το μέγεθός της εκεί που γράφει font:bold 16px Arial; Το χρώμα του background του τίτλου εκεί που γράφει background-color: #FFFF00; Και τέλος το χρώμα κειμένου του τίτλου εκεί που γράφει color:#000000;

Ο κώδικας αυτός μπαίνει μέσα σε μία στατική σελίδα του blog σας απλά σαν html code. Μην ξεχάσετε να αλλάξετε το link του δικού μου blog με τα πράσινα γράμματα με το link του δικού σας blog. Επίσης πρέπει να βάλετε και τον αριθμό όλων των αναρτήσεων που έχετε κάνει μέχρι τώρα εκεί που λέει max-results=150 γιατί μόνο έτσι θα εμφανίζονται όλες.

<div style="background:#333333; border-radius:5px; height:auto; width:auto; overflow:auto; padding:4px;">

<span style="font:bold 16px Arial; background-color:#FFFF00;color:#000000;">ALL MY POSTS</span>

<script type="text/javascript" src="https://github-codes.github.io/mycodes/javascripts/archive-page-1n.js"></script>
<script src="http://the-best-widgets.blogspot.gr/feeds/posts/summary/?max-results=150&alt=json-in-script&callback=recentpostslist"></script>

ΓΙΑ ΤΑΧΥΤΕΡΗ ΕΜΦΑΝΙΣΗ ΒΑΛΤΕ ΤΟΝ ΠΑΡΑΚΑΤΩ ΚΩΔΙΚΑ ΜΕ ΟΛΟΚΛΗΡΟ ΤΟ SCRIPT ΓΙΑ ΝΑ ΜΗΝ ΣΥΝΔΕΕΤΑΙ ΜΕ ΕΞΩΤΕΡΙΚΗ ΠΗΓΗ ΚΑΙ ΚΑΘΥΣΤΕΡΕΙ.

Στον παρακάτω κώδικα μπορείτε να ρυθμίσετε αν θα ανοίγει σε νέα καρτέλα ή στην ίδια. Αρκεί να αλλάξετε την λέξη με τα πράσινα γράμματα από blank σε parent.

<script>

function recentpostslist(json) {document.write('<ol>');

for (var i = 0; i < json.feed.entry.length; i++)

{for (var j = 0; j < json.feed.entry[i].link.length; j++)

{if (json.feed.entry[i].link[j].rel == 'alternate')

{break;}}

var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs

var entryTitle = json.feed.entry[i].title.$t;

var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";

document.write(item);}

document.write('</ol>');}

</script>

<div style="background:#333333; border-radius:5px; height:auto; width:auto; overflow:auto; padding:4px;">

<span style="font:bold 16px Arial; background-color:#FFFF00;color:#000000;">ALL MY POSTS</span>

<script src="https://the-best-widgets.blogspot.gr/feeds/posts/summary/?max-results=150&alt=json-in-script&callback=recentpostslist"></script>

ALL MY POSTS

1. ΑΝΑΔΥΟΜΕΝΟ WIDGET ΜΕ ΣΕΛΙΔΟΔΕΙΚΤΕΣ
2. ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 1
3. ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 2
4. ΠΟΛΛΑΠΛΑ NEWS WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) Νο 3
5. TV ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW
6. ΕΝΣΩΜΑΤΩΣΤΕ ΚΑΙ ΜΟΙΡΑΣΤΕΙΤΕ ΤΟΥΣ ΣΕΛΙΔΟΔΕΙΚΤΕΣ ΣΑΣ ΜΕ ΤΟ TAGPACKER
7. BUTTONS ΜΕ ΕΝΣΩΜΑΤΩΣΕΙΣ ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POPUP WINDOWS
8. ΠΩΣ ΒΑΖΩ SKYPE CALL ME BUTTON ΣΤΟ BLOG ΜΟΥ
9. ΠΩΣ ΑΝΕΒΑΖΩ ΜΙΑ ΑΝΑΡΤΗΣΗ ΤΟΥ BLOGGER ΣΕ HTML ΜΟΡΦΗ ΣΤΟ GITHUB
10. 10 ΔΩΡΕΑΝ SCREEN SHOTS PROGRAMS
11. ΠΡΟΣΑΡΜΟΣΙΜΟ ΠΛΑΤΟΣ BLOG (FLUID WIDTH) ΓΙΑ ΟΛΕΣ ΤΙΣ ΟΘΟΝΕΣ
12. ΚΟΙΝΟΠΟΙΗΣΗ, ΕΝΣΩΜΑΤΩΣΗ ΚΑΙ ΑΠΟΘΗΚΕΥΣΗ ΧΑΡΤΗ ΜΕ ΠΟΛΛΑΠΛΑ ΣΗΜΕΙΑ
13. ΠΩΣ ΦΤΙΑΧΝΩ ΣΤΑΤΙΚΟ SITE ΣΤΟ GLITCH.COM
14. TWITTER FOLLOW FLYING BIRD
15. 20 ΔΩΡΕΑΝ ΥΠΗΡΕΣΙΕΣ ΓΙΑ VOIP VIDEO CALLS
16. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ DOC ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE
17. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PDF ΕΓΓΡΑΦΟ ΑΠΟ ΤΟ ONEDRIVE
18. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ FILES.FM
19. ANIMATED SCROLLING MESSAGE BOX
20. MEGA MENU No 8 ΚΑΘΕΤΟ LIGHT & DARK
21. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΕΝΑ ΕΓΓΡΑΦΟ PDF ME FLIP BOOK EFFECT
22. ΝΕΑ ΠΡΟΤΥΠΑ BLOGGER GRID STYLE “FOREST-2020” DARK & LIGHT
23. FACEBOOK LIST AND GALLERY STYLE RSS FEED WIDGET BY RSS.APP
24. ΠΩΣ ΒΑΖΩ FACEBOOK PAGE RSS FEED WIDGET ΣΤΟ BLOG MOY
25. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ GOOGLE PHOTOS SLIDESHOW ΣΤΟ BLOG ΜΟΥ
26. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ FLICKR SLIDESHOW ΣΤΟ BLOG ΜΟΥ
27. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ PINΤEREST BOARDS ΣΤΟ BLOG ΜΟΥ
28. PHOTO GALLERY WITH GRID AND LIST STYLE
29. ANIMATED BUTTONS
30. IMAGE FLIP EFFECT
31. ΕΜΦΑΝΙΣΗ ΕΙΚΟΝΩΝ ΟΤΑΝ ΠΕΡΝΑTΕ ΤΟ ΠΟΝΤΙΚΙ ΠΑΝΩ ΑΠΟ ΕΙΚΟΝΙΔΙΑ
32. VERTICAL ANIMATED MENU
33. IMAGES WITH FLOATING SCALE EFFECT
34. SIMPLE POSTS SLIDER
35. FLOATING TEXT BOX OPENS WITH MOUSEOVER
36. ANIMATED ΟΡΙΖΟΝΤΙΟ ΜΕΝΟΥ
37. ΑΡΧΕΙΟΘΗΚΗ ΑΝΑΡΤΗΣΕΩΝ (ΜΕ ΒΑΣΗ ΤΗΝ ΗΜΕΡΟΜΗΝΙΑ)
38. ΔΙΑΤΡΟΦΙΚΑ WIDGETS
39. ΠΩΣ ΒΑΖΩ ΒΙΝΤΕΟ ΑΠΟ ΤΟ FACEBOOK ΣΤΟ BLOG ΜΟΥ
40. 20 ΔΩΡΕΑΝ ΥΠΗΡΕΣΙΕΣ FREE HOSTING
41. MEGA MENU WITH COLOR BUTTONS
42. SLIDESHOW WITH THUMBNAILS No 8
43. SLIDESHOW WITH THUMBNAILS No 7
44. SLIDESHOW WITH THUMBNAILS No 6
45. SLIDESHOW WITH THUMBNAILS No 5
46. SLIDESHOW WITH THUMBNAILS No 4
47. SLIDESHOW WITH THUMBNAILS No 3
48. SLIDESHOW WITH THUMBNAILS No 2
49. SLIDESHOW WITH THUMBNAILS No 1
50. ΠΩΣ ΒΑΖΩ FAVICON ΣΤΟ BLOGGER
51. ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 4
52. ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 3
53. ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 2
54. ΠΩΣ ΒΑΖΩ ΠΟΛΛΑ WIDGETS ΜΕΣΑ ΣΕ TABS (ΚΑΡΤΕΛΕΣ) No 1
55. ΠΡΟΣΦΑΤΕΣ ΑΝΑΡΤΗΣΕΙΣ ΜΕ ΟΡΙΖΟΝΤΙΟ SCROLLING
56. ΠΩΣ ΒΑΖΩ DIRECT DOWNLOAD BUTTON ΣΤΟ BLOG ΜΟΥ
57. BODY BACKGROUND SLIDER-7
58. BODY BACKGROUND SLIDER-6
59. BODY BACKGROUND SLIDER-5
60. BODY BACKGROUND SLIDER-4
61. BODY BACKGROUND SLIDER-3
62. BODY BACKGROUND SLIDER-2
63. BODY BACKGROUND SLIDER-1
64. BOOTSTRAP CAROUSEL SLIDESHOW-8
65. BOOTSTRAP CAROUSEL SLIDESHOW-7
66. BOOTSTRAP CAROUSEL SLIDESHOW-6
67. BOOTSTRAP CAROUSEL SLIDESHOW-5
68. BOOTSTRAP CAROUSEL SLIDESHOW-4
69. BOOTSTRAP CAROUSEL SLIDESHOW-3
70. BOOTSTRAP CAROUSEL SLIDESHOW-2
71. BOOTSTRAP CAROUSEL SLIDESHOW-1
72. SLIDESHOW ΜΕ ΚΟΥΜΠΙΑ ΠΛΟΗΓΗΣΗΣ ΚΑΙ LINK ΠΕΡΙΓΡΑΦΗΣ
73. ΠΡΟΒΟΛΗ ΕΙΚΟΝΩΝ ΑΠΟ ΑΝΑΠΤΥΣΟΜΕΝΟ ΜΕΝΟΥ
74. SLIDESHOW ΜΕ ΚΟΥΜΠΙΑ ΠΛΟΗΓΗΣΗΣ, ΠΕΡΙΓΡΑΦΗ ΚΑΙ LINK
75. ZOOM SLIDESHOW
76. ΑΠΛΟ SLIDESHOW ME ΕΝΑΛΛΑΓΗ KEIMENOΥ ΚΑΙ ΕΙΚΟΝΩΝ
77. SLIDESHOW ΜΕ 3 ΕΠΙΛΟΓΕΣ ΠΛΟΗΓΗΣΗΣ
78. SLIDESHOW ΜΕ ΤΙΤΛΟΥΣ ΚΑΙ ΠΕΡΙΓΡΑΦΗ
79. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 6
80. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 5
81. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 4
82. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 3
83. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 2
84. ΠΩΣ ΒΑΖΩ ΑΠΛΟ SLIDESHOW No 1
85. SIMPLE SLIDESHOW WITH NAVIGATION BUTTONS No 2
86. SIMPLE SLIDESHOW WITH NAVIGATION BUTTONS Νο 1
87. ΤΑ 10 ΚΑΛΥΤΕΡΑ SLIDESHOWS
88. ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ POWERPOINT SLIDESHOW ΑΠΟ ΤΟ GOOGLE DRIVE
89. ΠΩΣ ΒΑΖΩ FOLLOW SOSIAL BUTTONS
90. RADIO ICONS ΠΟΥ ΑΝΟΙΓΟΥΝ ΣΕ POP UP WINDOW
91. ΠΩΣ ΑΛΛΑΖΩ ΧΡΩΜΑ ΣΤΗΝ SCROLL BAR TOY BLOG ΜΟΥ
92. ΛΙΣΤΑ ΜΕ 300+ WIDGETS FOR BLOGS
93. ΠΩΣ ΔΗΜΙΟΥΡΓΩ ΚΕΝΗ ΣΕΛΙΔΑ ΣΤΟ BLOGGER
94. POPUP ARCHIVE PAGE No 2
95. POPUP ARCHIVE PAGE No 1
96. 3D ANIMATED TEXT
97. ΚΕΙΜΕΝΟ ΠΟΥ ΑΝΑΒΟΣΒΗΝΕΙ ΚΑΙ ΑΥΞΟΜΕΙΩΝΕΤΑΙ
98. MEGA MENU WITH COLOR HOVER BUTTONS
99. MEGA ΑΠΕΙΡΟ ΣΤΑΤΙΚΟ MENU ΜΕ ΦΥΛΛΑ ECXEL ΚΑΙ ΣΕΛΙΔΟΔΕΙΚΤΕΣ
100. MEGA MENU ΜΕ ΕΓΧΡΩΜΑ BUTTONS ΚΑΙ ΕΓΧΡΩΜΑ ΥΠΟΜΕΝΟΥ