Από μονή της η πλατφόρμα του blogger έχει την δυνατότητα να βάλετε τους τίτλους (labels) τον ποστ σας και το widget να εμφανίζονται τα tags στο πλάι της σελίδας σας.
Όλοι θέλουμε το blog μας να δείχνει ωραίο για τους επισκέπτες έτσι πρέπει να δώσουμε ένα ωραίο στιλ στους τίτλους μας.
Τα βήματα ειναι άπλα και εύκολα θα μπορέσετε να αποκτήσετε το δικό σας tag cloud
Αλλά ας ξεκινήσουμε
1. Συνδεθείτε με τον λογαριασμό σας στο blogger
2. Πηγαίνετε : Διάταξη > επεξεργασία HTML
3. Τσεκάρετε το Επέκταση προτύπων γραφικών στοιχείων
4. Βρείτε το παρακάτω κώδικα (μπορείτε να χρησιμοποιήσετε το find του browser σας ctrl+f)
<b:section class='sidebar' id='sidebar' preferred='yes'>
5. Αντιγράψετε το παρακάτω άμεσος μετά
<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObjectundefined"http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParamundefined"wmode", "transparent");
so.addVariableundefined"tcolor", "0x333333");
so.addVariableundefined"mode", "tags");
so.addVariableundefined"distr", "true");
so.addVariableundefined"tspeed", "100");
so.addVariableundefined"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.addParamundefined"allowScriptAccess", "always");
so.writeundefined"flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObjectundefined"http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParamundefined"wmode", "transparent");
so.addVariableundefined"tcolor", "0x333333");
so.addVariableundefined"mode", "tags");
so.addVariableundefined"distr", "true");
so.addVariableundefined"tspeed", "100");
so.addVariableundefined"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.addParamundefined"allowScriptAccess", "always");
so.writeundefined"flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
6. Σώστε το template σας και απολαύστε το νέο σας tag cloud
TIP. Μποριτε να αλλάξετε τις διάστασις και τα χρώματα του widget σας προσαρμόζοντας στις ανάγκες σας το παρακάτω μέρος του κώδικα.
α. Κόκκινο = διάστασης
β. Μπλέ = Φόντο του cloud
γ, Πρασινο = χρώμα τον γραμμάτον
Για οποιαδήποτε απορία σας μην διστάσετε να με ρωτήσετε
Αναρτήσεις
.jpg)
0 comments:
Δημοσίευση σχολίου