Ստեղծում ենք կոնտեյներ բլոգգերի համար

Շատ հետաքրքիր JQurei կոնտեներ:Կոնտեիների մեջ կարող եք տեղադրել ձեր ցանկացած գադջիթը:





1. Փնտրում ենք ներքևում գրված կոդը`


<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>

2. Կոդը գտնելուց հետո նրա ներքևում տեղադրում եք ներքևում գրված կոդը`


<style type='text/css'>
ul.tabs-widget{padding:0}.tabs-widget li{margin:0 10px 10px 0;background:#fff;float:left;list-style-type:none;display:block;height:30px;line-height:30px;width:60px;border:4px solid #3c5670;text-align:center}
.tabs-widget li a{display:block;color:#3c5670;font-size:14px;text-decoration:none}.tabs-widget li a:hover,.tabs-widget li a.tabs-widget-current{background:#ff8053;color:#fff}
#sidebartab1 h2, #sidebartab2 h2, #sidebartab3 h2{display:none}
</style>

<script src='http://k3nvil.googlecode.com/files/jquery.min1.4.3.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li:first a&quot;).addClass(&quot;tabs-widget-current&quot;).show();$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id:first&quot;).show();$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).click(function(){$(&quot;ul.tabs-widget-widget-themater_tabs-1432447472-id li a&quot;).removeClass(&quot;tabs-widget-current a&quot;);$(this).addClass(&quot;tabs-widget-current&quot;);$(&quot;.tabs-widget-content-widget-themater_tabs-1432447472-id&quot;).hide();var activeTab=$(this).attr(&quot;href&quot;);$(activeTab).fadeIn();return false;});});
</script>

<h2><ul class='tabs-widget tabs-widget-widget-themater_tabs-1432447472-id'>
<li><a href='#widget-themater_tabs-1432447472-id1'>Tab 1</a></li>
<li><a href='#widget-themater_tabs-1432447472-id2'>Tab 2</a></li>
<li><a href='#widget-themater_tabs-1432447472-id3'>Tab 3</a></li>
</ul></h2>
<div class='clear'/>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id1'>
<b:section class='sidebar' id='sidebartab1' maxwidgets='1' preferred='yes'/>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id2'>
<b:section class='sidebar' id='sidebartab2' maxwidgets='1' preferred='yes'/>
</div>

<div class='tabs-widget-content tabs-widget-content-widget-themater_tabs-1432447472-id' id='widget-themater_tabs-1432447472-id3'>
<b:section class='sidebar' id='sidebartab3' maxwidgets='1' preferred='yes'/>
</div>

Պատուհանի չափսերը գրված են կարմիր գույնով:

Պատուհանի եզրագծերի գույները գրված են կապույտ 

գույնով:

Նարնջագույնով գրված կոդը ցույց է տալիս պատուհանին

սեղմած գույնը:

Կանաչ գույնով գրվածը պատուհանների անվանումներն 

են:

Գադջիթների բաժնում ստացվում է մի այսպիսի բան`

Քանի որ նյութում պատճենելն արգելված է, կոդը ստանալու համար մեկնաբանություններում գրեք ձեր էլ. փոստի հասցեն և ես կուղարկեմ կոդը:

Հեռացնում ենք 4 հարց

1.Հեռացնում ենք <<Navbar>> հարթակը:

1. Մտնում ենք բլոգի կառավարման էջ` Шаблон>Изменить HTML:

2. Փնտրում ենք (Ctrl+F) ներքևում գրված կոդը:

/* Variable definitions

3. Որից հետո նրա վերևում տեղադրում ենք ներքևում գրված կոդը:

#navbar {

height: 0px;

visibility: hidden;

display: none;

.feed-links {display: none; } 

2. Հեռացնում ենք <<Подписаться на: Соабщения (Atom)>>

1. Մտնում ենք բլոգի կառավարման էջ` Шаблон>Изменить HTML:

2. Փնտրում ենք (Ctrl+F) ներքևում գրված կոդը և այն ջնջում:

<div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:if>

</b:loop>

</div>

3. Հեռացնում ենք <<Показаны сообщения сярлыком>>

1. Մտնում ենք բլոգի կառավարման էջ` Шаблон>Изменить HTML:

2. Փնտրում ենք (Ctrl+F) ներքևում գրված կոդը և այն ջնջում:

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

<div style='clear: both;'/>

</b:if>

4.Հեռացնում ենք <<Технологии Blogger>>

1. Մտնում ենք բլոգի կառավարման էջ` Шаблон>Изменить HTML:

2. Փնտրում ենք (Ctrl+F) footer-3 կոդը:

3. Նրա ներքևում գրված է locked='true', այն փոխարինում եք ներքևում գրված կոդով:

      locked='false'

4. Մտնում ենք Дизаин>Atribution, այնտեղ ավելանում է ջնջելու կոճակը:

Ներբեռնեք Google Chrome 18

Նոր Google Chrome 18 բրաուզերը աշխատում է ավելի արագ,որակյալ:
Մեկ պատուհանում կարող եք բացել անհավանական քանակությամբ կայքեր:Կայքերի գրելու տեղում կարող եք կատարել որոնումներ, որոնումները կատարվում են Google կայքում:
Լեզուն: Տարբեր+ռուսերեն
Չափսը: 24.2 Mb

Ինչպես արագ պատրաստել Google Chrome-ի թեմաներ

Հարգելի՛ այցելուներ, այսօր ձեզ կներկայացնեմ մի շատ կարևոր և հետաքրքիր հնարք-հավելում, որի միջոցով կարող եք շատ արագ՝ ընդամենը մի քանի րոպեի ընթացքում, պատրաստել Google Chrome-ի թեմաներ:

Քանի որ Google Chrome-ը ներկայումս ամենատարածված բրաուզերն է, հենց այդ է պատճառը, որ որոշեցի ներկայացնել նրա թեմաների պատրաստման եղանակը (հաջորդ նյութերից մեկում կխոսեմ Mozila և Opera բրաուզերների մասին):

«Search» կոճակներ Blogger-ի համար

Այսօր ձեզ կներկայացնեմ հետաքրքիր և շատ կարևոր հավելում Blogger-ի համար: Այս նյութում կներկայացնեմ փնտրել կոճակի 6 տարբեր տեսակներ, որոնք կարող են օգտակար լինել ձեր բլոգի և նրանից օգտվողների համար:

Ասեմ , որ կոճակները շատ հեշտ են ավելացվում և ավելացնելու համար պետք է կատարել ընդամենը մի քանի քայլ ՝

Ինչպես ուղարկել վճարովի սմայլիկները Odnoklassniki.ru կայքում "Անվճար"

Վճարովի սմայլիկները անվճար odnoklassniki.ru կայքում:Դրա համար մտնում ենք մեր էջը, ընտրում ենք այն սմայլիկը, որը պետք է ուղարկենք և սեղմում ենք մկնիկի աջ կոճակը և սեղմում open image in new tab (открыть картинку в новый вкладке):

Սեղմելուց հետո կբացվի նոր էջ` որի հասցեի մասում կտեսնեք սմայլիկի կոդը: 

Մնաց վերջին քայլը կատարել:Մտնում ենք m.odnoklassniki.ru կայքը ևսմայլիկի կոդը տեղադրում ենք այս կոդի մեջ ##u2f238f8ddes#uՍմայլիկի կոդըs# և ուղարկում:

«Կարդալ ավելին» կոճակ Blogger-ի համար

Եթե հիշում եք մի քանի օր առաջ բլոգում տեղադրեցի նմանատիպ վերնագրով ևս մեկ նյութ: Այս նյութում խոսվում է այն մասին, թե ինչպես կարելի է «Read more» կամ նույն ինքը՝ «Կարդալ ավելին» կոճակ տեղադրել Blogger-ում նկարի միջոցով:

Ի տարբերություն անցած նյութի, այս նյութում խոսելու ենք այն մասին, թե ինչպես կարելի է փոխել «Read more» գրվածը առանց նկարի օգնությամբ:

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

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 
</div>
</b:if>

Քայլ 2- այս կոդը գտնելուց հետո, այն ամբողջությամբ փոխարինում ենք ներքևում տեղադրված կոդով:

<b:if cond='data:post.hasJumpLink'><a class='jump-link' expr:href='data:post.url + &quot;#more&quot;'>Կարդալ ավելին </a><b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<a class='jump-link' expr:href='data:post.url' rel='nofollow'>Կարդալ ավելին </a>
</b:if></b:if><div class='clear'/>

Քայլ 3- այս քայլում տեղադրում ենք CSS կոդը, այն տեղադրելու համար փնտրում ենք</b:skin> կոդը և նրա վերևում տեղադրում ենք ներքևում գրված կոդը:

a.jump-link {color:#fff;text-decoration:none}
.jump-link {
float:right;
padding:6px 12px;
margin:20px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
text-align: center;
display:inline-block; 
background: #f48423;
background: -moz-linear-gradient(top, #ffdf9e, #f5b026 5%, #f48423);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd683), color-stop(.03, #f5b026), to(#f48423)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423')"; /* IE8 only */
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
border:1px solid #e6791c;
border-bottom:1px solid #d86f15;
color:#FFF;
text-shadow: 0 1px 1px #6f3a02; }


.jump-link:hover {
background: #eb7d1d;
background: -moz-linear-gradient(top, #ffdf9e, #f1a91a 5%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdf9e), color-stop(.03, #f1a91a), to(#f07810)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810')"; /* IE8 only */
border-bottom:1px solid #d86f15; }


.jump-link:focus {
padding:7px 13px;
color:#FFF;
text-shadow: 0 -1px 1px #894906;
border:none;
background: #e47412;
background: -moz-linear-gradient(top, #f07810, #f1a91a 95%, #f07810);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f07810), color-stop(.9, #f1a91a), to(#f07810)); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a'); /* IE6,IE7 only */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a')"; /* IE8 only */
box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-webkit-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
-moz-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7; }

Ավելացնելուց հետո պահպանում ենք փոփոխությունները և տեսնում ենք արդյունքը:
*Կոճակի գույնը և չափսերը կարող եք փոփոխության ենթարկել: