Saturday, July 6, 2013

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. Сега запишете шаблона и проверете вашия блог.

No comments:

Post a Comment

Популярни постове

Powered by Blogger.

Търси в Блога

Etsy

click me to reveal the contact form

Get in touch with us:

Name

Email *

Message *

We're currently under construction!

We`re working hard and believe we`ll launch the website in:

30 days