Προσθέστε Flash Tag Cloud στο Blog σας

Οδηγός για το πως μπορούμε να βάλουμε ένα animated tag cloud. Η αλήθεια είναι ότι δε μπαίνει σαν widget αλλά πρέπει να πειράξουμε τον κώδικα. Η διαδικασία είναι απλή. (100% tested & working)

Μπαίνουμε στο λογαριασμό μας στο Blogger, πάμε Πίνακας Ελέγχου, Πρότυπο και επεξεργασία HTML. Παίρνουμε πρώτα ένα αντίγραφο ασφαλείας(back up) του κώδικα μας για λόγους ασφαλείας και συνεχίζουμε. Πατάμε Ctrl+F στον browser και ανοίγει ένα πεδίο αναζήτησης. Μέσα στο πλαίσιο βάζουμε το παρακάτω κομμάτι του κώδικα:

<b:section class='sidebar' id='sidebar' preferred='yes'>

ή

<b:section-contents id='sidebar-right-1'>

ή

<b:section-contents id='sidebar-left-1'>


Μόλις το βρούμε αμέσως κάτω απ' αυτή τη γραμμή κάνουμε αντιγραφή - επικόλληση (copy - paste) τον παρακάτω κώδικα:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>flash tag cloud </div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


Πατήστε προεπισκόπηση για να δείτε το flash tag cloud που προσθέσατε και μετά αποθήκευση (save).

Το widget είναι ρυθμισμένο ως:

Πλάτος: 240px
Ύψος: 300px
Χρώμα φόντου: άσπρο [#ffffff] 
Χρώμα γραμματοσειράς: γκρι
Μέγεθος γραμματοσειράς: 12

Αν θέλετε να αλλάξετε το χρώμα και το μέγεθος του widget, το μόνο που πρέπει να κάνετε είναι να αλλάξετε τις τιμές με τα μαύρα γράμματα στον κώδικα
Next Post Previous Post Home
Related Posts Plugin for WordPress, Blogger...
back to top