Շարժվող պիտակներ Blogger-ում

Հեղինակ Hayk գրվել է вторник, 8 ноября 2011 г. | 06:57

Հարգելի ~~«Blogger»ցիներ~~ այսօր ձեր ուշադրությանը կներկայացնեմ մի հետաքրքիր հավելում, կապված բլոգի պիտակների հետ: Ինչպես գիտեք, Blogger-ը հնարավորություն է տալիս ստեղեծլ պիտակներ և դրանց միջոցաով կապ հաստատել տարբեր նյութերի միջև: Blogger-ում պիտակների նախնական ձևը շատ պարզ է, այն է՝ Պիտակների անունները դասավորված են միմյանց ներքևում և ոչ ավեին: Այժմ կփորձենք մի փոքրիկ փոփոխություն կատարել, որից հետո այդ պիտակները «կկենդանանան»:

Ինչպես միշտ, նախքան որևէ փոփոխություն անելը կրկնօրինակում ենք բլոգը: Եթե չգիտեք, թե ինչպես դա անել, ապա կարող եք օգտվել այս նյութից:

Քայլ 1-Ավելացնում ենք Css կոդը: Մուտք են գործում Blogger-ի կառավարման էջ և կատարում ենք այս քայլերը՝ Design > Edit Html կամ (Шаблон › Изменить HTML>Расширить шаблоны виджета):

Այս քայլը կատարելուց հետո փորձում ենք գտնել «Blog1» կամ <b:section class='sidebar' id='sidebar' preferred='yes'> այս կոդը:

Եթե գտել եք Blog1 կոդը, ապա ներքևում նշված կոդը ավելացնում եք նրա վերևում, իսկ եթե գտել եք <b:section class='sidebar' id='sidebar' preferred='yes'> կոդը, ապա ներքևում նշված կոդը ավելացնում եք նրա ներքևում:

<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://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Flash Labels by <a href='http://www.mrblogger'>Hayko</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf", "tagcloud", "200", "300", "7", "#FFFFFF");

so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x000000");

so.addVariable("hicolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "150");

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>

Այս կոդը ավելացնելուց հետո մուտք եք գործում գադջիթների համար նախատեսված էջը՝ Дизайн և Labels գադջիթը տեղափոխում ենք այնտեղ, որտեղ որ հարկավոր է:

Վերջում միայն նշեմ, որ կոդի մեջ առկա գունավոր բառերը և թվերը ենթակա են փոփոխության:

Հավանեցի՞ք: Տեղեկացրեք ընկերներին :

MRBlogger