Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

ΑΡΧΕΙΟ ΑΝΑΡΤΗΣΕΩΝ GADGET - Blogger Archive with Pagination


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Ένα πολύ ωραίο και χρήσιμο gadget που συγκεντρώνει όλες σας τις αναρτήσεις σε μία μόνο ανάρτηση!
Δείτε πως λειτουργεί στο DEMO 
Αναρτήστε με μια ανάρτηση ή στατική σελίδα τον παρακάτω κώδικα:

<style type="text/css"> .post{ width:600px; margin:50px auto 50px; } #toc-outer { font:normal 11px/14px Arial,Sans-Serif; color:black; text-align:left; margin:0px auto; } #loadingscript { font-weight:bold; font-size:20px; text-align:center; } #loadingscript, .itemposts { margin:0px 0px 2px; height:auto; overflow:hidden; display:block; background-color:#FDC20E; border:1px solid #FC9B05; padding:10px; } .itemposts h6 { margin:0px 0px 10px; font:normal 14px/16px Impact,Arial,Sans-Serif; text-transform:uppercase; color:black; padding:0px 10px; height:24px; line-height:24px; background-color:#FC9B05; position:relative; overflow:hidden; } .itemposts h6 a { color:black; text-decoration:none; } .itemposts h6:after { content:""; width:0px; height:0px; border:12px solid transparent; border-top-color:black; border-right-color:black; position:absolute; top:0px; right:0px; } .itemposts img { float:left; height:72px; width:72px; margin:0px 10px 5px 0px; padding:0px; background-color:white; border:none; -webkit-border-radius:44px; -moz-border-radius:44px; border-radius:0px; -webkit-box-shadow:0px 0px 0px 4px #E52117; -moz-box-shadow:0px 0px 0px 4px #E52117; box-shadow:0px 0px 0px 4px #E52117; } .itemposts .iteminside {} .itemposts .itemfoot { clear:both; padding:5px 10px 5px 20px; margin:10px 0px 0px; background-color:#222; color:white; font-style:italic; position:relative; overflow:hidden; } .itemposts .itemfoot:after { content:""; width:0px; height:0px; border:10px solid transparent; border-left-color:#E52117; border-top-color:#E52117; position:absolute; top:0px; left:0px; } .itemposts .itemfoot a.itemrmore { font-weight:bold; color:#4B9540; float:right; text-decoration:none; } .itemposts .itemfoot a.itemrmore:hover { text-decoration:underline; } #itempager { padding:30px 0px; background-color:black; background-image:-webkit-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-moz-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-ms-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:-o-repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); background-image:repeating-linear-gradient(-45deg, #FDC20E 15px, #FDC20E 15px, #FDC20E 30px, black 30px, black 45px); border:4px solid #ccc; } #pagination, #totalposts { display:block; color:white; text-shadow:0px 1px 0px black; font:bold 10px Verdana,Arial,Sans-Serif; padding:0px; text-align:center; background-color:#FDC20E; padding:10px 15px; } #pagination {border-top:4px solid black;} #totalposts {border-bottom:4px solid black;border-top:1px solid #FC9B05;} #pagination span, #pagination a { color:white; display:inline; margin:0 1px; padding:3px 5px; text-indent:0px; background-color:#316F27; text-decoration:none; text-shadow:none; } #pagination a:hover {background-color:#666;} #pagination span.actual {background-color:black;} #pagination span.hidden {display:none;} </style> <script type="text/javascript"> showPostDate = true; showComments = true; idMode = true; sortByLabel = false; var labelSorter = "JQuery", loadingText = "Loading...", totalPostLabel = "Total Posts:", jumpPageLabel = "Page", commentsLabel = "Comments", rmoreText = "Read more &#9658;", prevText = "Preview", nextText = "Next", siteUrl = "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ", postsperpage = 10, numchars = 370, imgBlank = "http://2.bp.blogspot.com/-11FkySHGB5Y/TpZ6SSbsF2I/AAAAAAAAA94/zK10UaL7jgo/s1600/images.jpeg"; </script><br /> <script type="text/javascript" src="http://yourjavascript.com/4335152193/blogger-archive-with-pagination.js"></script> <div style='clear: both;'></div>

Το μόνο που έχετε να αλλάξετε είναι να βάλετε τη διεύθυνση της σελίδας σας εκεί που λέει "ΤΟ URL ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ"
επίσης στη δεύτερη σειρά μπορείτε να αλλάξετε το πλάτος-width 
αν γνωρίζετε λίγο html καταλαβαίνετε πως μπορείτε να αλλάξετε πολλά ακόμα..

Πηγή: http://www.bloggertipsandtricks.net/2013/05/blogger-archive-with-pagination.html Copyrights: http://www.bloggertips.gr/

Stumble
Delicious
Technorati
Twitter
Facebook

6 comments:

bloggertips.gr είπε...

Κοιτάξτε επίσης και το http://www.bloggertips.gr/2010/01/all-my-posts-widget.html
ειναι παρομοια λειτουργία!

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

@bloggertips.gr giati den ta grafeis stin anartisi kai ta anartas se sxolia? :P

ΘΑΝΟΣ είπε...

Σε gadget HTML μπορει να μπει στην μονιμη στηλη των gadgets;

bloggertips.gr είπε...

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

@ανωνυμε για να σας κανω να διαβαζετε τα σχολια !:)

ΘΑΝΟΣ είπε...

Γιαννη φιλε μου μην νομιζεις οτι εχουμε χαθει...
Σε παρακολουθω συνεχεια απλα τυχαινει μεσα στο χαος του διαδικτυου να μην τα λεμε συχνα...
Θα βρω ενα μπανερακι να το αλλαξω σε ευχαριστω.
Τωρα παντως με φοβισες λιγακι που δεν το εχεις δοκιμασει σε gadget HTML....
Μου αρεσει και ειναι χρησιμο αλλα δεν ξερω αν θα το βαλω.

Ευχαριστω και παλι.

Maaste Blogerrmen είπε...

interesting article.....article like this will help newbies like me in the beginning..... At the same time we expect more and more topics with huge informations,tips, tricksin the future…. Make Money , Blogging Tips

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *