Σημερα θα δούμε το Automatic content slider, ένα αυτόματο slider το οποίο παρουσιάζει τις 20 πιο πρόσφατες αναρτήσεις με τίτλους, χωρίς να χρειάζεται καμία άλλη παρέμβαση πλήν της αρχικής προσθήκης του gadget HTML/Javascript.
Για να το βάλετε ακολουθήστε τα παρακάτω αριθμημένα βήματα:
1. Σύνδεση στον blogspot λογαριασμό σας
2. Layout > Add a Gadget > HTML/Javascript
3. Επικολλούμε τον παρακάτω κώδικα
Είναι απόλυτα παραμετροποιήσιμο όσων αφορά τις διαστάσεις απεικόνισης και το μέγεθος των τίτλων, και αυτό που πρέπει να γίνει αμέσως μετά την τοποθέτηση είναι η αλλαγή της διεύθυνσης του URL, ώστε να φαίνονται οι δικές σας τελευταίες 20 αναρτήσεις.
Αλλαγή με την δική σας διεύθυνση:
url: = "http://programerblogs.blogspot.gr/";
πηγή: bloggertips.gr
Για να το βάλετε ακολουθήστε τα παρακάτω αριθμημένα βήματα:
1. Σύνδεση στον blogspot λογαριασμό σας
2. Layout > Add a Gadget > HTML/Javascript
3. Επικολλούμε τον παρακάτω κώδικα
<link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
<div id="slider-rotator" class="slider-rotator loading"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
<script type="text/javascript">
makeSlider({
url: "http://programerblogs.blogspot.gr/" // Add your blog URL
});
</script>
Είναι απόλυτα παραμετροποιήσιμο όσων αφορά τις διαστάσεις απεικόνισης και το μέγεθος των τίτλων, και αυτό που πρέπει να γίνει αμέσως μετά την τοποθέτηση είναι η αλλαγή της διεύθυνσης του URL, ώστε να φαίνονται οι δικές σας τελευταίες 20 αναρτήσεις.
Αλλαγή με την δική σας διεύθυνση:
url: = "http://programerblogs.blogspot.gr/";
πηγή: bloggertips.gr


0 comments:
Δημοσίευση σχολίου