Գլխավոր » » Երկու հետաքրքիր հավելում Blogger-ի համար

Երկու հետաքրքիր հավելում Blogger-ի համար

Հեղինակ Hayk գրվել է среда, 11 апреля 2012 г. | 08:35

Երկու հետաքրքիր հավելում Blogger-ի համար
Շարունակելով  Blogger-ի դասընթացները, այս անգամ Ձեզ կներկայացնեմ երկու հետաքրքիր գադջիթներ, որոնց միջոցով կարող եք գեղեցկացնել Ձեր բլոգը: Մեկնաբանություններում և ինձ ուղարկված նամակներում շատ հաճախակի է տրվում այն հարցը, թե ինչպե՞ս  կարելի է փոխել բլոգի գույնը մկնիկի մեկ սեղմումի միջոցով:
Հաջորդ հարցը, որը ևս շատ հաճախակի է տրվում, նյութերի անվան առաջին տառի մեծացման մասին հարցն է (Գադջիթների օրինակները կարող եք տեսնել հենց www.mrblogger.ru բլոգում):
Նախ ասեմ, որ երկու գադջիթներն էլ շատ հեշտ են տեղադրվում բլոգում, սակայն մինչ տեղադրումը եկեք պահպանենք մեր բլոգի կրկնօրինակը (այդ մասին կարդացեք այստեղ):
Տեղադրում ենք «Փոխել բլոգի գույնը» գադջիթը:
Այցելում ենք բլոգի կառավարման էջ և կատարում ենք հետևյալ քայլերը՝
Дизайн > Элементы страниц > Добавить гаджет ու տեղադրում ենք ներքևում նշված կոդը:


<div class="widget-content">
<center><b>Ընտրեք գույնը</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="100%" height="30">
<tbody><tr>
<td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF">
</td>
<td onclick="bgChange('#2EECF6')" bgcolor="#2EECF6">
</td>
<td onclick="bgChange('#0970E6')" bgcolor="#0970E6">
</td>
<td onclick="bgChange('#6FA928')" bgcolor="#6FA928">
</td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#F8DA15')" bgcolor="#F8DA15">
</td>
<td onclick="bgChange('#10C8C5')" bgcolor="#10C8C5">
</td>
<td onclick="bgChange('#202227')" bgcolor="#202227">
</td>
</tr></tbody></table>
</div>
Հաջորդ գադջիթը տեղադրելու համար պետք է կատարենք մի քանի քայլ ավել և տեղադրենք CSS կոդ բլոգի կաղապարում:
Տեղադրելուց հետո գեղեցիկ կնշվեն նյութի վերնագրի գադջիթների  առաջին տառերը: Տեղադրելու համար կրկին բացում ենք բլոգի կառավարման էջը և կատարում ենք հետևյալ քայլերը՝
Шаблон > Изменить HTML և գտնում ենք  ]]></b:skin> կոդը, որի անմիջապես վերևում տեղադրում ենք ներքևում նշված կոդը:
h2:first-letter {color: #CB941C; font-size: 20px; text-shadow: 0 0 0.1em #BB1818, 0 0 0.1em #BB1818, 0 0 0.1em #BB6006;}
h3.post-title:first-letter{color: #CB941C; font-size: 28px; text-shadow: 0 0 0.1em #BB1818, 0 0 0.1em #BB1818, 0 0 0.1em #BB1818;}

Եթե ցանկանում եք փոփոխել կոդը և տեղադրել ձեր ցանկացած գույնը, ապա կարող եք կատարել փոփոխություններ՝
color: #CB941C;-պատասխանատու է տառի հիմնական գույնի համար
font-size: 18px;- (28 px -երկրորդ դեպքում) - պատասխանատու է տառաչափի համար
text-shadow: 000.1em #BB1818, 000.1em #BB1818, 000.1em #BB1818;տառին ավելացնում է նեոնային գույն:  
Հավանեցի՞ք: Տեղեկացրեք ընկերներին :
0 Comments
Tweets
Comments

Отправить комментарий

 
Այլ կայքերում կամ թերթերում մեջբերում անելիս հղումը MrBlogger-ին պարտադիր Է:
Բոլոր իրավունքները պատկանում են Հայկ Գրիգորյանին:
Copyright © 2012-2013. www.Mrblogger.ru