ΣΤΑΤΙΚΗ ΜΠΑΡΑ ΚΥΛΙΟΜΕΝΩΝ LINKS ΜΕ ΠΡΟΣΦΑΤΑ ΑΡΘΡΑ

ΣΤΑΤΙΚΗ ΜΠΑΡΑ ΚΥΛΙΟΜΕΝΩΝ LINKS ΜΕ ΠΡΟΣΦΑΤΑ ΑΡΘΡΑ
ΠΡΟΣΦΑΤΑ ΑΡΘΡΑ
Με τον παρακάτω κώδικα θα εμφανίζεται μία μπάρα στο πάνω ή το κάτω μέρος του ιστολογίου σας που θα περιέχει κυλιόμενα links με πρόσφατα άρθρα από το ιστολόγιό σας. Προτείνω να την βάλετε στη θέση της navbarτου blogger που έχει ύψος 30px. Οι ρυμθίσεις top:0px;
left:0px; width:100%; height:30px; είναι ακριβώς για το επάνω μέρος του ιστολογίου και κάλυψη της navbar του blogger. Αν θέλετε μπορείτε να βάλετε στην αρχή της 5-6 στατικά εικονίδια social networks όπως έχω κάνει εγώ σε αυτό το blog και να αλλάξετε το left:0px; σε left:181px; ή άλλο πλάτος ανάλογα πόσα px είναι τα στατικά εικονίδια που προηγούνται.
Το χρώμα background της μπάρας μπορείτε να το ρυθμίσετε αλλάζοντας το background:#115595;  και το var jnbgcolor="115595"; και γενικώς όπου υπάρχει το σύμβολο # ακολουθούμενο από έναν εξαψήφιο μεικτό αριθμό με γράμματα μαζί, μπορείτε να το αλλάξετε στο χρώμα της αρεσκείας σας. Η ταχύτητα ρυθμίζεται αυξομειώνοντας τα var jnScrollAmount="10"; και var jnScrollDelay="20"; Μην ξεχάσετε να αλλάξετε τον πράσινο σύνδεσμο του δικού μου blog με αυτόν του δικού σας για να εμφανίζει τα δικά σας πρόσφατα άρθρα και όχι μόνο πρόσφατα αλλά και όλα μπορεί να τα εμφανίσει αλλάζοντας το var jnnumPosts="48"; και το max-results=48 που βρίσκετε στο τέλος του κώδικα μπορείτε να προβάλετε όλα τα άρθρα που έχετε μέσα στο blog σας.

<style>
#movingtitles{
top:0px;
left:0px;
z-index:9999999;
position:fixed;
width:100%;
height:30px;
background:#115595;
color:#FFFFFF;
font:14px Arial;}
#movingtext{text-align:center;padding:5px;font-family:Arial;font-size:14px;color:#FFFFFF;}
#movingtext a{color:#FFFFFF;text-decoration:none;font:14px Arial;}
#movingtext a:hover{color:#FFFF00;text-decoration:none;}
</style>
<div id='movingtitles'>
<div id="movingtext">
<script type='text/javascript'>
var jnWidth="100";
var jnScrollAmount="10";
var jnScrollDelay="20";
var jnDirection="left";
var jntargetlink="yes";
var jnnumPosts="48";
var jnBulletchar ="==►";
var jnimagebullet="yes";
var jnimgurl="https://lh6.googleusercontent.com/-Ga-7C6scoV0/U5GNfE8wArI/AAAAAAAALng/jG3sVDpSabc/s15-no/BLOGGER.gif";
var jnfontsize="14";
var jnbgcolor="115595";
var jnlinkcolor="FFFF00";
var jnlinkhovercolor="FFFF00";
</script>
<script type='text/javascript' src='https://dl.dropboxusercontent.com/s/mrvfyay0twvgk7s/scrolling-recent-posts.js' ></script>

<script type='text/javascript' src="http://the-best-widgets.blogspot.gr/feeds/posts/default?alt=json-in-script&callback=jnAdvRecentPostsScrollerv3&max-results=48" ></script>

Δεν υπάρχουν σχόλια:

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

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.