Animated Tag Cloud притурка за Блогър

Animated Tag Cloud Widget за Блогър е страхотна приставка, която показва етикетите в блога алтернативно. Тази джаджа е предназначена за Word Press, но сега е достъпна и за Blogger.

С тази приставка ние подреждаме етикетите (таговете) произволно и когато посочим с мишката върху обекта, те се анимират и въртят около сфера или т.нар. облак.


Изглед:



Сега ще обясня как да използвате тази приставка за Блогър.


Забележка: Направете си Back Up на темплейта за ваша безопасност, преди да преминете към следващата стъпка!



<b:widget id='Label786' 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='//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js' type='text/javascript'/>
<div id='w2bFlashLabes'>New Flash Labels by <a href='http://www.way2blogging.org'>Way2Blogging</a></div>
<script type='text/javascript'>
var flashvars = {};
flashvars.tcolor = &quot;0x000000&quot;;
flashvars.hicolor = &quot;0x333333&quot;;
flashvars.mode = &quot;tags&quot;;
flashvars.distr = &quot;true&quot;;
flashvars.tspeed = 100;
flashvars.tagcloud = &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;;
var params = {};
params.wmode = &quot;transparent&quot;;
params.bgcolor = &quot;#FFFFFF&quot;;
params.allowscriptaccess = &quot;always&quot;;
var attributes = {};
swfobject.embedSWF(&quot;http://widgets.way2blogging.org/blogger-widgets/way2blogging-tagcloud.swf&quot;, &quot;w2bFlashLabes&quot;, 250, 250, &quot;9.0.0&quot;, &quot;http://swfobject.googlecode.com/svn/trunk/swfobject/expressInstall.swf&quot;, flashvars, params, attributes );
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>




Копирайте кода и следвайте стъпките по-долу:


1. Отидете на Design section > Edit HTML

2. Потърсете този код:



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

Ако не го откриете, пробвайте да намерите този:


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


3. Добавете кода по-горе точно след него
4. Сега запишете шаблона и проверете вашия блог.

Comments

Popular posts from this blog

Как се прави Червено Вино

Как да си направим плик от хартиено сърце

Как да си направим кутия за подарък от хартия, без лепило или тиксо