News Ticker widget for Blogger (UPDATE)

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Ένας φίλος της Σελίδας μας με έκανε να καταλάβω ότι η ανάρτηση News Ticker widget for Blogger είχε ένα πρόβλημα. Όχι ότι δε λειτουργεί σε όποιον το έχει εγκαταστήσει, αλλά στη διαδικασία εύρεσης του API Key υπάρχει πρόβλημα, αφού οι συγγραφείς -γράφει- έχουν μετακινήσει τη Σελίδα. Πού την πήγαν δε μπορώ να βγάλω άκρη.
Το έψαξα λοιπόν και μπορείτε κάλλιστα να χρησιμοποιήσετε την παρακάτω μορφή που είναι ευκολότερη η διαδικασία.
  • Σύνδεση στον Blogger
  • Σχεδίαση /Επεξεργασία HTML
  • Βρείτε την </head>
  • Επικολλήστε πριν από αυτήν τον παρακάτω κώδικα:
<style>
.headline-wrapper{background:#000;width:
950px;height:22px;border-bottom:1px solid #022f36;margin:0 auto;padding:0 auto}
.headline{width:
950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:13px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}
.headline a:hover{color:#eace12;text-decoration:underline}
</style>
<script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/>
<script src='http://yourjavascript.com/1532494522/btt_newsticker.txt.js' type='text/javascript'/>
  • Βρείτε τώρα την <div id='header-wrapper'>
    ή <div id='content-wrapper'>
  • Επικολλήστε πριν από οποιαδήποτε θέλετε τον παρακάτω κώδικα:
<div class='headline-wrapper'>
<div class='headline'>
<div style='float:left;padding:2px 5px 5px 10px;font:bold 14px Arial;color:#fff;text-transform:none;'>
Τελευταία νέα :
</div>
<div style='float:left;width:800px;padding:2px 0; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://
ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
</div><div style='clear:both;'/>
</div>
  • Αντικαταστήστε ΤΟ ΟΝΟΜΑ ΤΟΥ BLOG ΣΑΣ με το δικό σας όνομα (μόνο το αρχικό, χωρίς το .blogspot.com) και πατήστε προεπισκόπηση. Αν όλα πήγαν καλά και το βλέπετε στη θέση που θέλετε πατήστε "Αποθήκευση προτύπου"

1 comment:

 
back to top