Նկարների համար հետաքրքիր էֆֆեկտ Blogger-ում

Բարև բոլոր Բլոգգերասեր հայերին: Այսօր Blogger-ում միասին կփորձենք մի քիչ ավելի գրավիչ տեսք տալ բլոգում արկա նկարներին: Այս կոդը տեղադրելուց հետո, նկարների վրա մկնիկ պահելու ժամանակ այն կշարժվի: Օրինակը կարող եք տեսնել հենց նյութի նկարների վրա:
Այսպես սկսում ենք քայլերը հերթականությամբ: Նախ, ինչպես միշտ պահպանում ենք բլոգի կրկնօրինակը (դիտեք այստեղ):

Ավելացնում ենք CSS կոդը

Եվ այսպես, կոճակը ավելացնելու համար նախ մտնում ենք բլոգի կառավարման էջ և կատարում ենք հետևյալ քայլերը՝ 

Шаблон › Изменить HTML ›Расширить шаблоны виджета: Հետո բլոգում փնտրեում ենք </b:skin> կոդը (հեշտությամբ գտնելու համար օգտվեք Ctrl+F սեղմակների համադրությունից): Այս կոդը գտնելուց հետո, նրա անմիջապես վերևում ավելացնում ենք ներքևում նշված HTML կոդը:

.FBT-slant:hover{
-moz-transform:rotate(22.5deg) scale(1.20);
-webkit-transform:rotate(22.5deg) scale(1.20);
}

Այս քայլերը անելուց հետո պահպանում ենք փոփոխությունները: 
Ահա և ավարտեցինք առավել «բարդ» մասը: Այժմ, եթե ցանկանում եք, որ բոլոր նկարները ստանան նմանատիպ էֆֆեկտ, ապա նկարի հասցեն տեղադրում եք ներքևում նշված կոդում՝

<img class="FBT-slant" src=" http://4.bp.blogspot.com/-oQKkFPiX0uo/Tk5rq8E6Z1I/AAAAAAAAAf4/njtG_1q_tSU/s1600/blogger_batik_by_mardee.pn"/>