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

11 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....
Μου αρεσει και ειναι χρησιμο αλλα δεν ξερω αν θα το βαλω.

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

myslot είπε...

เบื่อมั้ยที่ต้องเดินทางไปเล่นสล็อตxo ไกลๆ ต้องนี่เลยเกมสล้อตออนไลน์ slotxo เล่นสล็อตมือถือที่นี่ https://www.slot4u.com/slotxo

Travel Blog είπε...

American Airlines Booking
United Airlines Booking
Delta Airlines Booking
Allegiant Airlines Reservations
Copa Airlines Reservations
Allegiant Airlines Reservations
Hawaiian Airlines Reservations

Airlines Policy είπε...

TUI Airline, Just amazing — they’ve never been late for me, but TUI Cancellation Policy is a little bit difficult to understand. After searching so much about modification policy, finally, I got a solution by {Airlinespolicy.com}. They have crisp, short, and relevant information about modification, cancellation, check-in, Baggage, and Pet policy. They helped me a lot during the harsh Covid-19 time. I am very thankful to the team of airlinespolicy.

jetBlue Airlines είπε...

There’s lot of posts on the net that claim to explain how to book cheapest flight tickets. Most of them simply advise you to book early while others subtly try to promote their own booking sites/services. Others propose booking on particular day of the week and time of the day. Lot of people approach me stating they need to go somewhere and if I have a way to get them cheap tickets. I don’t have any secret sauce for getting cheap tickets particularly when someone has a date and destination fixed and doesn’t have any flexibility. On the other hand if you’re flexible with date and destination, there’s a lot that can be done to fly at much cheaper price.
book jetblue airlines flights

FlightTripsMart είπε...

JetBlue Airways is known for having the largest legroom of any airline platform in the United States. The airline also pioneered the concept of live television on all seats and became the only US airline to offer this type of in-flight relaxation on all of its aircraft. For these reasons, JetBlue Airways is often at the top of the rankings for US airlines.
jetblue airlines flights booking
jetblue airlines booking

Confirm flight united airlines είπε...

Many thanks for the efforts you have put into writing this site.

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

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

ΟΧΙ 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 *