tag:blogger.com,1999:blog-64741446458509927842024-03-27T11:42:34.087-07:00bloggfastВсе о блогах на блогспот. Как создать и продвигать блог, настроить шаблон придать уникальный дизайн Вашему блогу. Свежие новости блоггер и IT новости.Unknownnoreply@blogger.comBlogger145125tag:blogger.com,1999:blog-6474144645850992784.post-67186676712507115192013-12-09T05:22:00.001-08:002013-12-09T05:22:20.253-08:00Эффект снега в блоге на blogspot<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1fh1Wq04KEVDcQA4DS46Tka2PP-hCwof2NEYBPuZ1nC80mzKHUveeQ-ChMSFlzWjS8UkmHwSu2HzFUjLsQ_O-kUXsb8xAykzg8eZumv9uZsVw19jrhz-HrQ8dj2rzZhuuHAefZar0Ew/s1600/i.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI1fh1Wq04KEVDcQA4DS46Tka2PP-hCwof2NEYBPuZ1nC80mzKHUveeQ-ChMSFlzWjS8UkmHwSu2HzFUjLsQ_O-kUXsb8xAykzg8eZumv9uZsVw19jrhz-HrQ8dj2rzZhuuHAefZar0Ew/s1600/i.jpeg" /></a>В связи с наступлением снежной поры, становится актуальным стилизация блога в зимних манерах, плюс в одном из комментариев спросил о возможности создания гаджета падающих снежинок, так что сегодня речь пойдет о том как добавить эффекты со снегом в блог на блогспот.<br />
<br />
Чтобы заполучить данный эффект необходимо просто зайти в настройки блога, перейти в раздел дизайн. и затем добавить гаджет HTML/Java script , в поле гаджета вставить следующий код:<br />
<br />
<span style="color: lime;"><script src="http://keerthiset2.110mb.com/snow.js" type="text/javascript"></span><span style="color: lime;"><br /></span><span style="color: lime;"></script></span><br />
<span style="color: lime;"><br /></span>
Так же вы можете добавить гаджет падающего снега с курсора, просто добавьте гаджет со следующим кодом:<br />
<br />
<span style="color: lime;"><script type="text/javascript" src="http://dl.dropboxusercontent.com/s/tq54esoill6ci67/017_slate_blue_357ec7_24work.blogspot.com.js"></script><a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" ></a></span><br />
<br />Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-6474144645850992784.post-32201408898045997152013-01-04T02:13:00.000-08:002013-01-04T02:13:04.626-08:00Добавляем красивый гаджет Поделиться<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkc6YtfkaMjFzPuWBvT0hN0kx8sSR3VQidrTY2YgIRDei_8RG5Zz6WXf5jXX4VOwRYc0C2PwV2ibrSrnDFgYDJ6IMBmicpt8G2dlLJzY8NTIJflSG3D51OXE5Mb74CNYghJYLsCvkhAo/s1600/%D0%93%D0%B0%D0%B4%D0%B6%D0%B5%D1%82+%D0%BF%D0%BE%D0%B4%D0%B5%D0%BB%D0%B8%D1%82%D1%8C%D1%81%D1%8F.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOkc6YtfkaMjFzPuWBvT0hN0kx8sSR3VQidrTY2YgIRDei_8RG5Zz6WXf5jXX4VOwRYc0C2PwV2ibrSrnDFgYDJ6IMBmicpt8G2dlLJzY8NTIJflSG3D51OXE5Mb74CNYghJYLsCvkhAo/s320/%D0%93%D0%B0%D0%B4%D0%B6%D0%B5%D1%82+%D0%BF%D0%BE%D0%B4%D0%B5%D0%BB%D0%B8%D1%82%D1%8C%D1%81%D1%8F.png" width="320" /></a></div>
Если Вы регулярно совершенствуете свой блог, то Вам пригодится данная не сложная публикация, о том как добавить красивую кнопку "Поделиться". Ее особенность в том, что при наведение курсора она раскрывается и предлагает несколько сервисов в которых можно разместить ссылку на Ваш блог. <a href="http://abushalehdemoground.blogspot.com/2012/11/css3-ring-menu-demo.html" rel="nofollow" target="_blank">Демо можно посмотреть тут!</a><br />
<br />
<br />
<a name='more'></a><br /><br />
Итак преступим:<br />
1. Зайдите в настройки Вашего блога, а именно в настройки шаблона;<br />
2. Отметьте галочкой пункт "Расширить шаблон";<br />
3. В теле шаблона при помощи комбинации кнопок ctrl+f найдите следующий тэг:<br />
<div class=’post-footer-line post-footer-line-1’><br />
4. Сразу после него вставьте приведенный ниже скрипт:<br />
<br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<style type="text/css"><br />
.ringMenu {<br />
width: 100px;<br />
margin: 150px auto;<br />
}<br />
.ringMenu ul {<br />
list-style: none;<br />
position: relative;<br />
width: 100px;<br />
color: white;<br />
}<br />
.ringMenu ul a {<br />
color: white;<br />
}<br />
.ringMenu ul li {<br />
-webkit-transition: all 0.3s ease-in-out;<br />
-moz-transition: all 0.3s ease-in-out;<br />
-o-transition: all 0.3s ease-in-out;<br />
-ms-transition: all 0.3s ease-in-out;<br />
transition: all 0.3s ease-in-out;<br />
}<br />
.ringMenu ul li a {<br />
display: block;<br />
width: 100px;<br />
height: 100px;<br />
background: rgba(50,50,50,0.7);<br />
text-align: center;<br />
line-height: 100px;<br />
-webkit-border-radius: 50px;<br />
border-radius: 50px;<br />
font-size: 20px;<br />
}<br />
.ringMenu ul li a:hover {<br />
background: rgba(230,150,20,0.7);<br />
text-decoration: none;<br />
}<br />
<br />
.ringMenu ul li:not(.main) {<br />
-webkit-transform: rotate(-180deg) scale(0);<br />
-moz-transform: rotate(-180deg) scale(0);<br />
-o-transform: rotate(-180deg) scale(0);<br />
transform: rotate(-180deg) scale(0);<br />
opacity: 0;<br />
}<br />
.ringMenu:hover ul li {<br />
-webkit-transform: rotate(0) scale(1);<br />
-moz-transform: rotate(0) scale(1);<br />
-o-transform: rotate(0) scale(1);<br />
transform: rotate(0) scale(1);<br />
opacity: 1;<br />
}<br />
.ringMenu ul li.top {<br />
-webkit-transform-origin: 50% 152px;<br />
-moz-transform-origin: 50% 152px;<br />
-o-transform-origin: 50% 152px;<br />
transform-origin: 50% 152px;<br />
position: absolute;<br />
top: -70px;<br />
left: 50px;<br />
}<br />
.ringMenu ul li.bottom {<br />
-webkit-transform-origin: 50% -52px;<br />
-moz-transform-origin: 50% -52px;<br />
-o-transform-origin: 50% -52px;<br />
transform-origin: 50% -52px;<br />
position: absolute;<br />
bottom: -70px;<br />
left: 50px;<br />
}<br />
.ringMenu ul li.right {<br />
-webkit-transform-origin: -52px 50%;<br />
-moz-transform-origin: -52px 50%;<br />
-o-transform-origin: -52px 50%;<br />
transform-origin: -52px 50%;<br />
position: absolute;<br />
top: 10px;<br />
right: -50px;<br />
}<br />
.ringMenu ul li.left {<br />
-webkit-transform-origin: 152px 50%;<br />
-moz-transform-origin: 152px 50%;<br />
-o-transform-origin: 152px 50%;<br />
transform-origin: 152px 50%;<br />
position: absolute;<br />
top: 10px;<br />
left: -50px;<br />
}<br />
</style><br />
<div><br />
<script type="text/javascript">var switchTo5x=false;</script><br />
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><br />
<script type="text/javascript">stLight.options({publisher: "ur-e9856caa-8f3b-40a6-82af-461e390fe167"});</script><br />
<ul><br />
<li><a href="#main"><span style="color: red;">Поделиться</span></a></li><br />
<li><span class='st_fblike_vcount' displayText='Like'></span></li><br />
<li><span class='st_sharethis_vcount' displayText='Share'></span></li><br />
<li><span class='st_plusone_vcount' displayText='+1'></span></li><br />
<li><span class='st_twitter_vcount' displayText='Tweet'></span></li><br />
</ul><br />
</div><br />
</b:if><br />
<br />
5. Нажмите "Сохранить шаблон"<br />
Теперь Ваш гаджет заработает! В скрипте для кнопки указано слово "Поделиться" , Вы можете изменить его по желанию, изменив красное поле в коде.<br />
Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-6474144645850992784.post-3758377267886341202012-12-18T03:45:00.004-08:002012-12-18T03:46:35.733-08:00Украшение колокольчики в блог<span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Привет всем! Сегодня я покажу </span><b style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">как добавить в блог виджет Колокольчики</b><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">. Колокольчики будут располагаются в верхних углах блога. Если хотите Вы можете поменять картинки на,что нибудь другое. Нужно только подобрать необходимые изображения. </span><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Если хотите установить </span><b style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">картинку колокольчики для Blogger</b><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">, тогда войдите </span><b style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Blogger</b><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">/</span><b style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Дизайн</b><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">/</span><b style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;">Добавить гаджет HTML/ JavaScript</b><span style="color: #333333; font-family: Arial, Verdana; font-size: 14px; line-height: 20px;"> и вставьте код приведенный ниже:</span><br />
<div>
<span style="color: #333333; font-family: Arial, Verdana;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #333333; font-family: Arial, Verdana;"><span style="font-size: 14px; line-height: 20px;"><img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/></span></span></div>
<div>
<span style="color: #333333; font-family: Arial, Verdana;"><span style="font-size: 14px; line-height: 20px;"><br /></span></span></div>
<div>
<span style="color: #333333; font-family: Arial, Verdana;"><span style="font-size: 14px; line-height: 20px;">Надеюсь все у Вас получится.</span></span></div>
Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-6474144645850992784.post-42852803444901028032012-10-30T03:13:00.002-07:002012-10-30T03:13:54.734-07:00Базовые SEO техники для Blogspot<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzUKls4KiLXCVQyOuUs3MmEpbjkMZycIsRLHUsph4GEiG7WboxJcdMrlYbzmRH6E3In3QZgarXLFwVp-EKB6PsWPEa9iGQs5AMTLAipcuFcxiBx8OHOzVchSpqWbKKJwvj0Ht_F6act40/s1600/seo-blocks.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzUKls4KiLXCVQyOuUs3MmEpbjkMZycIsRLHUsph4GEiG7WboxJcdMrlYbzmRH6E3In3QZgarXLFwVp-EKB6PsWPEa9iGQs5AMTLAipcuFcxiBx8OHOzVchSpqWbKKJwvj0Ht_F6act40/s320/seo-blocks.gif" width="320" /></a></div>
В этой статье я расскажу о SEO (Search Engine Optimization) для тех кто только начал вести свой блог, чтобы объяснить, что оно под собой подразумевает. Активное использование SEO помогает поднять Ваш сайт в поисковой выдаче, увеличить качественный траффик, а следовательно достичь цель по отдаче от сайта владельцу.<br />
<a name='more'></a><br />
<b>Польза от использования SEO:</b><br />
Позволяет привлечь большое количество траффика (посетителей);<br />
Поднимает Ваш сайт в топ поисковых систем, таких как Google, Yandex, Yahoo и прочих.<br />
Выше позици, больше посетитлей, больше кликов по рекламе, больше прибыли.<br />
<br />
<b><i>SEO можно разделить на две части:</i></b><br />
<b>Внутреннее SEO</b><br />
Внутреннее SEO подразумевает оптимизацию сайта изнутри, наполнение контентом, ключевыми словами, создание перелинковок, создание <a href="http://bloggfast.blogspot.com/2011/07/sitemap-blogger.html" target="_blank">Sitemap</a>, прописание <a href="http://bloggfast.blogspot.com/2011/05/blog-post_9661.html" target="_blank">мета тэгов</a>.<br />
<b>Внешнее SEO</b><br />
Внешнее SEO подразумевает работу вне сайта. А именно создание качественных обратных ссылок с других сайтов, добавление блога в поисковые ситемы <a href="http://bloggfast.blogspot.com/2012/02/google-analytics-blogger.html" target="_blank">Google analytics</a>, Google Webmasters tools, Yandex webmaster tools, прогон блога <a href="http://bloggfast.blogspot.com/2011/06/blog-post_6649.html" target="_blank">по каталогам</a>.<br />
<br />
Более углубленно по каждому вопросу вы сможете ознакомиться в разделе SEO на данном сайте.Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6474144645850992784.post-74518799359015573592012-10-28T01:05:00.004-07:002012-10-28T01:07:53.615-07:00Стильное выпадающее меню CSS3 <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG-LXsIBfyeoRGcebHtuJ2Bh3pg-9P95Nkls1YoKVo3CpShnYpj4PB6BSFEdC7Awa5cpk8gOBmbr-KwRIzTotpA9Hpmq4CaCtXVhyphenhyphenlsgXarZx1N1XcE8f1fkhy0HKtHvSNobPIK3oZOsU/s1600/21.bmp" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="163" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG-LXsIBfyeoRGcebHtuJ2Bh3pg-9P95Nkls1YoKVo3CpShnYpj4PB6BSFEdC7Awa5cpk8gOBmbr-KwRIzTotpA9Hpmq4CaCtXVhyphenhyphenlsgXarZx1N1XcE8f1fkhy0HKtHvSNobPIK3oZOsU/s200/21.bmp" width="200" /></a></div>
<div style="text-align: justify;">
В этой статье еще раз расскажу как сделать красивое выпадающее меню. Оно пригодиться Вам, чтобы связать главную страницу блога с важными разделами. Я уже рассказывал о подобных вещах в статье <a href="http://bloggfast.blogspot.com/2012/03/blog-post.html" target="_blank">"Многоуровневое выпадающее меню"</a> .</div>
<div style="text-align: justify;">
Итак преступим:</div>
<a name='more'></a><br />
1. Зайдите в Ваш аккаунт блоггер и нажмите на выпадающее меню напротив блога в котором хотите вставить гаджет;<br />
<br />
<span id="goog_598646145"></span><img alt="blog-post-option" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyVfnvAgYy9U-iFZxwREVcyVItBlUyh4tPPdVITdff1GwPW6JHnRa8AaRkwtQmMtGGFCZFmCUh5F2ns5o5TGVfGJIV322nagtraOo5Dh7HawfcSV4e2S-ATUIP6NFPzU0cIoZ5Ew_pawZG/s1600/blog-post-option.jpg" /><span id="goog_598646146"></span>
<br />
2. В выпавшем меню выберите <b>Шаблон;</b><br />
<img alt="Select-template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPlblrNLRgwO08mzE84EtiSP0Tn62E8WdFMRKMN-6psxKsJ6QwpZTV-ZbWyNYuvgjY97TGCYln-s9I9nSb2w1Qe4agrmiqFnuuCgmTY-2SbwMUs3cXTe-wwevmYDvrgagmn8LAy8hrLJli/s1600/Select-template.jpg" />
<br />
3.Нажмите на кнопку настройки;<br />
4. Найдите тэг:<span style="background-color: white;"> <b style="border: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 25px; list-style: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span class="Apple-style-span" style="border: 0px; list-style: none; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> </span></b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 25px;">5. Вставьте перед выделенным тэгом приведенный ниже скрипт:</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 25px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 25px;"></span></span><br />
<br />
<pre style="background-color: #9fc5e8; border: 1px solid black; font-family: 'Courier New', monospace; font-size: 13px; height: 1500px; list-style: none; margin-bottom: 10px; outline: 0px; overflow: auto; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">/* The CSS Code for the menu starts here bloggertrix.com */
ul.dropdown li a {
display: block;
padding: 3px 8px;
}
ul.dropdown li {
padding: 0;
}
ul.dropdown li.dir {
padding: 7px 20px 7px 12px;
}
ul.dropdown ul li.dir {
padding-right: 15px;
}
ul.dropdown ul a {
padding: 4px 5px 4px 12px;
}
ul.dropdown ul a:hover {
padding: 3px 5px 3px 11px;
border: solid 1px #ddd;
background-color: #eee;
font-weight: bold;
}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.dropdown {
position: relative;
z-index: 597;
float: left;
}
ul.dropdown li {
float: left;
min-height: 1px;
line-height: 1.3em;
vertical-align: middle;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}
ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}
ul.dropdown ul li {
float: none;
}
ul.dropdown ul ul {
top: 1px;
left: 99%;
}
ul.dropdown li:hover > ul {
visibility: visible;
}
ul.dropdown {
font: bold 12px Arial, Helvetica, sans-serif;
}
ul.dropdown li {
padding: 3px 12px;
background-color: #000;
color: #fff;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
background-color: #222;
}
ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none; }
ul.dropdown a:hover { color: #fff; text-decoration: underline; }
ul.dropdown a:active { color: #fff; }
/* -- level mark -- */
ul.dropdown ul {
margin-left: -6px;
width: 170px;
padding-bottom: 9px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid4Hk-KT3mXBOyohiZD7EjZAA08vN9xpSl5ptxsPZEXbYr_EqfKwMoC4Tryx1hKluipJ84dgOLL8QThXmfz9H0gxolhRAXyPKF_a6bOSK4GeIjkQAqC4FFTlHcZ5WxzRYDjt86NuIXKrg/s1600/dropdown_pane.png) 0 100% no-repeat;
color: #000;
font-size: 11px;
font-weight: normal;
}
ul.dropdown ul li {
background-color: transparent;
color: #000;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
background-color: transparent;
}
ul.dropdown ul li.empty {
padding: 12px 12px 7px !important;
font-weight: bold;
}
ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #000; }
ul.dropdown ul a:hover { color: #000; text-decoration: none; }
ul.dropdown ul a:active { color: #000; }
/* -- level mark -- */
ul.dropdown ul ul {
display: none;
}
/* -- Supporting class `dir` -- */
ul.dropdown *.dir {
padding-right: 12px;
background-image: none;
background-position: 100% 50%;
background-repeat: no-repeat;
}</span></pre>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">6. Теперь зайдите в настройки;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">7. Нажмите в удобном месте <b>Добавить гаджет </b>и выберите <b>HTML/Java Script;</b></span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">8. Вставьте скрипт приведенный ниже:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<br />
<pre style="background-color: #9fc5e8; border: 1px solid black; font-family: 'Courier New', monospace; font-size: 13px; height: 1660px; list-style: none; margin-bottom: 10px; outline: 0px; overflow: auto; padding: 0px; vertical-align: baseline;"><span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><ul class="dropdown dropdown-horizontal" id="nav">
<li><a href="Your Link URL">Home</a></li>
<li><a class="dir" href="Your Link URL">Solutions</a>
<ul>
<li class="empty">Industries</li>
<li><a href="Your Link URL">Broadcast and media</a></li>
<li><a href="Your Link URL">Education</a></li>
<li><a href="Your Link URL">Financial services</a></li>
<li><a href="Your Link URL">Government</a></li>
<li><a href="Your Link URL">Life sciences</a></li>
<li><a href="Your Link URL">Manufacturing</a></li>
<li class="empty">Solutions</li>
<li><a href="Your Link URL">Consumer photo</a></li>
<li><a href="Your Link URL">Mobile</a></li>
<li><a href="Your Link URL">Print publishing</a></li>
<li><a href="Your Link URL">Pro photography</a></li>
<li><a href="Your Link URL">Professional video</a></li>
<li><a href="Your Link URL">Applications</a></li>
<li><a href="Your Link URL">Communication</a></li>
<li><a href="Your Link URL">Learning</a></li>
<li><a href="Your Link URL">Web conferencing</a></li>
<li><a href="Your Link URL">Web publishing</a></li>
<li><a href="Your Link URL">All solutions ›</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Products</a>
<ul>
<li><a href="Your Link URL">Acrobat Connect Pro</a></li>
<li><a href="Your Link URL">Acrobat family</a></li>
<li><a href="Your Link URL">Adobe AIR</a></li>
<li><a href="Your Link URL">After Effects</a></li>
<li><a href="Your Link URL">ColdFusion</a></li>
<li><a href="Your Link URL">Creative Suite family</a></li>
<li><a href="Your Link URL">Dreamweaver</a></li>
<li><a href="Your Link URL">Flash</a></li>
<li><a href="Your Link URL">Flex</a></li>
<li><a href="Your Link URL">Illustrator</a></li>
<li><a href="Your Link URL">InDesign</a></li>
<li><a href="Your Link URL">Enterprise Suite</a></li>
<li><a href="Your Link URL">Mobile products</a></li>
<li><a href="Your Link URL">Photoshop family</a></li>
<li><a href="Your Link URL">Adobe Premiere Pro</a></li>
<li><a href="Your Link URL">Scene7 OnDemand</a></li>
<li><a href="Your Link URL">All products ›</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Support</a>
<ul>
<li><a href="Your Link URL">Support home</a></li>
<li><a href="Your Link URL">Customer Service</a></li>
<li><a href="Your Link URL">Knowledgebase</a></li>
<li><a href="Your Link URL">Books</a></li>
<li><a href="Your Link URL">Training</a></li>
<li><a href="Your Link URL">Support programs</a></li>
<li><a href="Your Link URL">Forums</a></li>
<li><a href="Your Link URL">Documentation</a></li>
<li><a href="Your Link URL">Updates</a></li>
<li><a href="Your Link URL">More ›</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Communities</a>
<ul>
<li class="empty">By user</li>
<li><a href="Your Link URL">Designers</a></li>
<li><a href="Your Link URL">Developers</a></li>
<li><a href="Your Link URL">Educators</a></li>
<li><a href="Your Link URL">Partners</a></li>
<li class="empty">By resource</li>
<li><a href="Your Link URL">Adobe Labs</a></li>
<li><a href="Your Link URL">Adobe TV</a></li>
<li><a href="Your Link URL">Forums</a></li>
<li><a href="Your Link URL">Exchange</a></li>
<li><a href="Your Link URL">Blogs</a></li>
<li><a href="Your Link URL">Experience Design</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Company</a>
<ul>
<li><a href="Your Link URL">About Adobe</a></li>
<li><a href="Your Link URL">Press</a></li>
<li><a href="Your Link URL">Investor Relations</a></li>
<li><a href="Your Link URL">Corporate Affairs</a></li>
<li><a href="Your Link URL">Careers</a></li>
<li><a href="Your Link URL">Showcase</a></li>
<li><a href="Your Link URL">Events</a></li>
<li><a href="Your Link URL">Contact Adobe</a></li>
<li><a href="Your Link URL">Become an affiliate</a></li>
<li><a href="Your Link URL">More ›</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Downloads</a>
<ul>
<li><a href="Your Link URL">Downloads home</a></li>
<li><a href="Your Link URL">Trial downloads</a></li>
<li><a href="Your Link URL">Updates</a></li>
<li><a href="Your Link URL">Exchange</a></li>
<li class="empty">Readers and Players</li>
<li><a href="Your Link URL">Get Adobe Reader</a></li>
<li><a href="Your Link URL">Get Flash Player</a></li>
<li><a href="Your Link URL">Get Adobe AIR</a></li>
<li><a href="Your Link URL">Get Shockwave Player</a></li>
<li><a href="Your Link URL">Get Media Player</a></li>
<li><a href="Your Link URL">More ›</a></li>
</ul>
</li>
<li><a class="dir" href="http://www.bloggertrix.com/">Store</a>
<ul>
<li><a href="Ваша Сс">Главная</a></li>
<li><a href="Your Link URL">СОФТ</a></li>
<li><a href="Your Link URL">Шрифты</a></li>
<li><a href="Your Link URL">Книги</a></li>
<li><a href="Your Link URL">Программы</a></li>
<li><a href="Your Link URL">Ваш аккаунт</a></li>
<li><a href="Your Link URL">Звук</a></li>
<li><a href="Your Link URL">Предложения</a></li>
<li><a href="Your Link URL">Как купить›</a></li>
</ul>
</li>
</ul></span></pre>
<br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">9. Вместо Названий меню впишите свои и вставьте необходимые ссылки.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif; font-size: x-small;">10. Нажмите сохраните и все готово!</span>Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-6474144645850992784.post-85368849673954991862012-10-26T01:17:00.000-07:002012-10-26T01:17:04.348-07:00Аватар анонимных комментаторов<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">В комментариях на платформе Blogger (Blogspot), имеющих линейный формат публикации, для аватара пользователя выделено отдельное место. Но увы, в большинстве случаев это пространство пустует, так как читатели, комментирующие ваши статьи, зачастую подписывают свои комментарии при помощи аккаунтов, не имеющих аватара, или же, вообще, пишут анонимно.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">В этой статье пойдет речь о том, как сделать оформление комментариев, имеющих линейный формат, чуть более красивым за счет использования аватара-заглушки в том случае, если комментирующий статью читатель не имеет собственного аватара.</span><a href="" name="more" style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;"></a><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">Для начала, я думаю, вам стоит ознакомиться с тем, что именно я вам предлагаю. Перед вами картинка, наглядно иллюстрирующая то, что вы имеете сейчас, и то, что получите в результате небольшой модификации шаблона:</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><br /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">Если вам понравилось, и вы решились на доработку своего шаблона, то откройте редактор шаблона (Дизайн->Изменить HTML) и под строкой "</span><i style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">/* Comments</i><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">" и вставьте следующий код:</span><br />
<div style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">
<div class="syntaxhighlighter css" id="highlighter_103979" style="background-color: white !important; font-size: 1em !important; margin: 1em 0px !important; overflow-x: auto !important; overflow-y: hidden !important; position: relative !important; width: 648px;">
<table border="0" cellpadding="0" cellspacing="0" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: 1148px;"><tbody style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(120, 120, 120) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2 highlighted" style="background-color: rgb(212, 208, 200) !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: white !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
01</div>
<div class="line number2 index1 alt1 highlighted" style="background-color: rgb(212, 208, 200) !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: white !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
02</div>
<div class="line number3 index2 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
03</div>
<div class="line number4 index3 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
04</div>
<div class="line number5 index4 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
05</div>
<div class="line number6 index5 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
06</div>
<div class="line number7 index6 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
07</div>
<div class="line number8 index7 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
08</div>
<div class="line number9 index8 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
09</div>
<div class="line number10 index9 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
10</div>
<div class="line number11 index10 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
11</div>
<div class="line number12 index11 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-width: 0px !important; border-left-width: 0px !important; border-right-color: rgb(212, 208, 200) !important; border-right-style: solid !important; border-right-width: 3px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-top-width: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
12</div>
</td><td class="code" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 1108px;"><div class="container" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2 highlighted" style="background-color: rgb(195, 222, 254) !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; color: rgb(63, 95, 191) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">/* Comments</code></div>
<div class="line number2 index1 alt1 highlighted" style="background-color: rgb(195, 222, 254) !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css comments" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; clear: both; color: rgb(63, 95, 191) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">----------------------------------------------- */</code></div>
<div class="line number3 index2 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.avatar-image-container {</code></div>
<div class="line number4 index3 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">background</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">url</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="css string" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(42, 0, 255) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiveOLJ8H5vBUZ9XRnDNNIkhcY7-VKAxyteHyot0x0cn_CHrXD8PqjkLp5IQXVkWarC5avhEOs2OyEwHpPn5E_6gBbal1265WoCPIH8EOVvQ5ZGcaTaXGj_p14-ZZVi__e0cBSq1aY-q08/"</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">no-repeat</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number5 index4 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">border</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">none</code> <code class="css color3" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: red !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">!important</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number6 index5 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number7 index6 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
</div>
<div class="line number8 index7 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">#comments-</code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">block</code> <code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.avatar-image-container.avatar-stock img {</code></div>
<div class="line number9 index8 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">padding</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">23px</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">25px</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code> <code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">0</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number10 index9 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">width</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">12px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number11 index10 alt2" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css spaces" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="css keyword" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(127, 0, 85) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">height</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">: </code><code class="css value" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">12px</code><code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number12 index11 alt1" style="background-color: white !important; background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<code class="css plain" style="background-image: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;">Разумеется, картинку-заглушку в четвертой строке вы можете заменить на свою. Только не забудьте вписаться в размер 35х35 пикселей.</span>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6474144645850992784.post-68686549250699117842012-10-26T00:52:00.002-07:002012-10-26T00:52:52.289-07:00Что нового в продвижении<span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Команда Blogger сделала очень хорошую вещь - добавила полезные фишки, которые помогут нашим блогам выглядеть более индивидуально и грамотно.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Если вы зайдёте в настройки вашего блога, вы увидите новую графу - настройки поиска.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Теперь можно </span><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">добавить к своему блогу описание</b><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">;</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Кроме этого, после того, как вы добавите описание к своему богу - вы сможете </span><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">добавлять краткое описание к каждому своему посту</b><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">! Графа для добавления появится справа. тм же где и "ярлыки", "расписание" и прочее.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Также можно сделать вместо блоггеровского сообщения страницы ошибки "страница не найдена" (типа "страница 404") своё личное.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Вдобавок, авторы "Блогеера" пишут. что добавили удобную возможность добавлять теги alt и title к картинкам в посте (я ещё не пробовал).</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">В окне "добавить ссылку" </span><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">появилась опция добавить тег </b><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;"><b>'rel=nofollow' к ссылке</b>!!!</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #999999; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Пояснение для тех, кто не знает зачем это: это нужно в тех случаях, когда вы не хотите, чтобы поисковая машина Google индексировала ту или иную ссылку, которую вы ставите в вашем посте. Можно также использовать в тех случаях, когда вы не хотите передавать "ссылочный вес" странице. на которую ссылаетесь.</span><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;"> </span><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;"><br /></span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Появились "</span><b style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Пользовательские переадресации</b><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">". Они нужны для того, чтобы добавить пользовательские переадресации для внешних URL, указывающих на ваш блог, и не ведущих на существующие сообщения или страницы.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Есть ещё всякие штуки с файлом robots txt для продвинутых пользователей.</span><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13px; line-height: 18px; text-align: left;">Всё это появилось в этой графе настроек.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-16015135199226611122012-06-11T01:04:00.002-07:002012-06-11T01:04:22.549-07:00Переводим блоги на разные языки<br />
<div align="justify" style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; margin: 0px; padding: 0px;">
<b><span style="font-size: medium;">П</span></b>родолжая рассказывать о том как усовершенствовать свой блог хотел бы рассказать о так называемой языковой панели "Google translate widget", вы наверно видели на зарубежных блогах область где расположены флаги различных стран, кликая на которые мы получаем необходимый нам перевод статьи. Я нахожу этот элемент улучшения блога очень полезным, так ваши статьи смогут читать посетители не владеющие русским языком. Вот так он выглядит.</div>
<img alt="как перевести блог" border="0" id="BLOGGER_PHOTO_ID_5416149148730796850" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNR9sTo3aFxKf79ECp9O2CowauYD7NdT0A3i_rulTg0IRNlwAqE4E5k3r1bmr32HOwcjvW97l2nOWVyQ9rys8RQdHYUrrGRA5XJSGEeLlLu9ukV4aEokbFEt4lDXXwdONyGe-ScGr4mloJ/s400/language+translator+flag+buttons.jpg" style="background-color: white; border: 1px solid rgb(170, 170, 170); color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; height: 30px; margin: 0px; padding: 3px; text-align: left; width: 307px;" title="как перевести блог" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;"> </span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">Так вот расскажу о нескольких способах как сделать такое же у себя в блоге. Два способа практически одинаковы, разница лишь в разном коде виджета. <a name='more'></a></span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><a href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056" name="more" style="background-color: white; color: #3d81ee; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: left; text-decoration: none;"></a><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;"></span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">Итак приступим: </span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><div align="justify" style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; margin: 0px; padding: 0px;">
1.Войдя в свой блог, заходим в настройки вкладка <b>Дизайн</b> / <b>Элементы страницы</b> нажимаем на <b>Добавить Гаджет</b> в том месте где мы хотим видеть наши флажки. Это может быть заметное место около шапки блога либо не заметное как на этом блоге - в низу страницы.<br /><a href="" name="more" style="color: #3d81ee; margin: 0px; padding: 0px;"></a></div>
<img alt="как перевести блог" border="0" id="BLOGGER_PHOTO_ID_5416152733950175394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-DbiIYK9WQfeD_z6XV-27IehP_JbZoNUW3M7QH-hPAQRShxeK8K2ZG2buE5XIAqDjz9Wf953EFspN7t3_bUWgort0D81zeE6wIKq02KvfWtYJi_3qh2E-Yg__yt0Ax1ddCxrHnQBQ-YfJ/s400/2.jpg" style="background-color: white; border: 1px solid rgb(170, 170, 170); color: #444444; cursor: pointer; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; height: 209px; margin: 0px; padding: 3px; text-align: left; width: 400px;" title="как перевести блог" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;"></span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">2. В открывшемся окне выбора гаджетов выбираем </span><b style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">HTML/JavaScript</b><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">(скрипт позволяющий прописывать свои коды гаджетов, либо брать готовые коды, как я вам предлагаю) </span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><img alt="как перевести блог" border="0" id="BLOGGER_PHOTO_ID_5416156554973418658" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsGL1lH_BG97pZGGpzmP0Flkw0erPQ2YIfBuTzwqNmLIfbjShvhXIFZeInc6oLYUEtnnojcVo66pz0FZWOjZpJxYiijiakAEyAnA4aJoNlCbYMU1U-8MDDa7k_o-vvYN6uQRvh5narZ0Rc/s400/3.jpg" style="background-color: white; border: 1px solid rgb(170, 170, 170); color: #444444; cursor: pointer; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; height: 189px; margin: 0px; padding: 3px; text-align: left; width: 400px;" title="как перевести блог" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;"></span><br style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;" /><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left;">3. В появившемся окне, называем нашу панель по желанию (например "Перевести Блог"), а окне ниже копируем и вставляем следующий код: </span>
<br />
<br />
<pre><form action="http://www.google.com/translate"><script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script><input name="u" value="<a href="http://bloggfast.blogspot.com/2011/05/blog-post_6677.html">http://bloggfast.blogspot.com/2011/05/blog-post_6677.html</a>" type="hidden">
<input name="hl" type="hidden" value="en"><input name="ie" type="hidden" value="UTF8"><input name="langpair" type="hidden"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" title="French" type="image" value="en|fr" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" title="German" type="image" value="en|de" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" title="Italian" type="image" value="en|it" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" title="Portuguese" type="image" value="en|pt" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" title="Spanish" type="image" value="en|es" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" title="Japanese" type="image" value="en|ja" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" title="Korean" type="image" value="en|ko" width="30"><input height="20" name="langpair" onclick="this.form.langpair.value=this.value" src="http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" title="Chinese Simplified" type="image" value="en|zh-CN" width="30"><input height="20" name="langpair2" onclick="this.form.langpair.value=this.value" src="http://farm4.static.flickr.com/3043/2347434064_0d36a04624_o.gif" title="Arabic" type="image" value="en|ar" width="30">
</form></pre>
<pre>
</pre>
<pre><div align="justify" style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; margin: 0px; padding: 0px; white-space: normal;">
Теперь ваш переводчик (Google translate gadget) работает.
</div>
<div align="justify" style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; margin: 0px; padding: 0px; white-space: normal;">
Второй переводчик, как по мне, более красивый, так как флажки ярче и принимают прозрачный вид при наведении на них стрелки мыши. А также в нем встроен русско-английский переводчик. В этом коде вам не нужно ничего менять так как этот код сложнее, мы переделали его, чтобы он работал для русских блогов. Процедура создания этого гаджета абсолютно идентична, разве что вам необходимо будет ввести другой код в "HTML/JavaScript". А именно:</div>
</pre>
<pre><pre><style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="English"><img align="absBottom" alt="English" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqeDwD2uDWf7gzxzZaLFTZYM3LU2XE6irDCSUt9cEemv-ITIUyKjxHT38o3rdrGQqNjigRNsbVpyP4Q3B44O2m6CUuV_3JBwKllfytEGk4bGfBjjI6_QvLBRyhgnIwoDzk70M5S68dnBE/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="English" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="French"><img align="absBottom" alt="French" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHYZuRa5LtPFG7Slnbwl9XmpIUuA0q-chkUGrNlDTpDLEu7rHLtyBcx8G88Cm33usifSSEESupGzkGHNqTEzkazlaCGLU-fajhGLCGCXKzz_asRBJ1IlQ_jbCLOkXE_5i1gkH88Z-ih1A/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="French" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="German"><img align="absBottom" alt="German" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUqzpAGxi5tVtQWkN54d6-q_Qo6gQgXfKgLvYs_63KdWmCSCVwqFtdyl22k8fM1UvOzHWSqys3YUxSrOKDv6-BOrQ4yGtOdGcIxvlMY8KFGQ7biIXWPTipEWW84JBUXC7eH4IG8GIH0bkh/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="German" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Spain"><img align="absBottom" alt="Spain" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTmWLIYHw8hH25GByo1yGLGhCIBbTX_z6mS6MXDBy8QjBBddpwKJ0jrRFxHLkY91UHAAJJQiRmmN90Y0kv0CVrtUh_5M9RXC99Tz5jse4LAnsCFth1fzeOvBVZD7nJkQpwL_SVPoM9jEjR/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Spain" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Italian"><img align="absBottom" alt="Italian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4LsJgrAYkZcNviFQ5Q0TsErW3TDoPprgS2lvIApLd6z4ez19gTOQLS3ESmr1VdzokZpi1mM3ddDmWIu7QGBRMvvRM-ApPLOEd-HoWFBXmOL-3qXAOvVzpsQyXvo8Dxy9ISkiGPF6lxuQ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Italian" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Dutch"><img align="absBottom" alt="Dutch" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfbbZtUsRDcmKIcDuOLQVeME1iuB8eNzM0RPwp7tnU5fSq0Cwvoq70SJaE6Q64kkW8Tst2x04MUR8ftEmyPK_qYiuGfsySuD19SWQZ03lu7eI-aiNSpy3q5QuRg6uDMIVg5haSCyTaEkI/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Dutch" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Russian"><img align="absBottom" alt="Russian" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOrwvexNSVtgPOEQ6C9inLlAr29Hinj1GdKSuQu2T3yo7nmN9b3Cfghuz68TTuT5AcvfxhJOcHvKDPS088KVTm0N1Qx7Hz9AoZBXp6Ul6jXVTzLb2lZo-rAfXHuIP0Ppk2bNJWc-j1OQ0/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Russian" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Portuguese"><img align="absBottom" alt="Portuguese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggx0LAd2-ovcgtgCxgQtRQgnmE7WYwSms7FMjBlXyCEavtcLwdE2XNs3xQaCX6yjtMBS1vEICRDL9TfRJ11mVNc1KcS86AAOuUiC9yA43A7qOwS5IlmuY-ejPWkXHcmIKPR3qjxifUZnQ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Portuguese" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Japanese"><img align="absBottom" alt="Japanese" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8gDXwdaHOskamJuxbjhEgpmClKuArk_BRmkLMwBSsTiQhbLBysgBqMvVcZPdTcIjj2uGqQqrqf8n_p_5nxDXyEvWlDOJU2jBjrS8He6fR17GSAGuh87n3iBS7VY-gRzST-BtIIO-IhkB6/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Japanese" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Korean"><img align="absBottom" alt="Korean" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqrSSzvE1VFkkVa97WMyy2CK1hLDzNJlPmFWt9pIr5gvoe6bhvKF2J0fUeJWC6UKjd60D-TzOyRIhWA6Uoxzlprqn9MaQ_cVVTTxbSqi_hiSWSLK-SN_rz2NAPIaql3d2YlFuheP1rZM/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Korean" width="24"></a>
<a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Arabic"><img align="absBottom" alt="Arabic" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKayKeiBMVjr3rjmD4AANmEWps8vnASF_2Lu67791-zSsWg-96l0pM6vink0LFV7Y8ppGhibPtzpgAttEz7lozqMTcyziACtjpZtoEHnlqpL6X3a3LLVvDdyjq-I70W_5a8tk3oYtvulQ/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Arabic" width="24"></a><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=8847484052048236285&postID=5493073594518834056#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absBottom" alt="Chinese Simplified" border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQWVMv9ousGpOsT2HNBVfkkVvjolWRULghskUOKIhEF_zcsKJZc0zIx8w8_tLjDWhiw0XS7sv657KEpI1r_RpOyIYGKdgDaDLh2fF20gBWID9VXVZfHUv_o6lWpP8vzWLk6AgvNwAAWpk/?imgmax=800" style="cursor: pointer; margin-right: 13px;" title="Chinese Simplified" width="24"></a>
</div></pre>
</pre>
<pre><span style="background-color: white; color: #444444; font-family: trebuchet, arial, verdana, sans-serif; font-size: 12px; text-align: left; white-space: normal;">Страницы на иностранном языке индексируются поисковой системой и иногда вы будете иметь посетителей из других стран. Вот и все , пользуйтесь с удовольствием.</span>
</pre>Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-6474144645850992784.post-46763544583725447892012-04-09T01:38:00.001-07:002012-04-09T01:39:44.204-07:00Гаджет “Последние статьи” с изображениямиМногие пользуются гаджетами вроде ссылок на последние статьи, либо самые популярные. Чтобы добавить данному гаджету <a href="http://lh6.ggpht.com/-X0jT_J9JtAA/T4Kf2UPqaHI/AAAAAAAACXc/avDCRHgHfjk/s1600-h/image%25255B7%25255D.png"><img align="left" alt="Гаджет последние статьи blogspot" border="0" height="225" src="http://lh3.ggpht.com/-OZVqiAllQAM/T4Kf33adonI/AAAAAAAACXk/Ite995etVvM/image_thumb%25255B5%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="Гаджет последние статьи blogspot" width="240" /></a> привлекательности можно сделать его с маленькими изображениями подтягиваемыми из статей. Итак чтобы сделать подобный гаджет в свой блог просто скопируйте скрипт и вставьте в удобном месте в HTML/JavaScript.<br />
<a name='more'></a> <br />
1. Зайдите в настройки блоггер.<br />
<a href="http://lh6.ggpht.com/-LmfgbQ5K9Ho/T4Kf5YlC3hI/AAAAAAAACXs/JjbCTzODNtw/s1600-h/image%25255B11%25255D.png"><img alt="image" border="0" height="143" src="http://lh5.ggpht.com/-F1uW7AzD7us/T4Kf6s_w6gI/AAAAAAAACXw/uJaI0raVegQ/image_thumb%25255B7%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="image" width="240" /></a> <br />
2. Зайдите во вкладку дизайн<br />
<a href="http://lh5.ggpht.com/-6G4m8YgnhRs/T4Kf74DDjFI/AAAAAAAACX4/50tgFkRTDwg/s1600-h/image%25255B15%25255D.png"><img alt="image" border="0" height="136" src="http://lh5.ggpht.com/-jiq1ALuwTjk/T4Kf84jnBbI/AAAAAAAACYE/4liZa8EiqjY/image_thumb%25255B9%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="image" width="240" /></a> <br />
3. Нажмите добавить гаджет и выберите HTML/JavaScript<br />
<a href="http://lh4.ggpht.com/-j6P0rvL7U00/T4Kf-hZLjwI/AAAAAAAACYM/4uFVVFgmDFA/s1600-h/image%25255B23%25255D.png"><img alt="image" border="0" height="138" src="http://lh3.ggpht.com/-SVCCaoLdw6U/T4Kf_99xNeI/AAAAAAAACYU/tp9kuf_gaG0/image_thumb%25255B15%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="image" width="240" /></a> <br />
4. Вставьте в поле гаджета приведенный ниже скрипт:<br />
<br />
<script language="JavaScript"> <br />imgr = new Array(); <br />imgr[0] = "http://i43.tinypic.com/orpg0m.jpg"; <br />imgr[1] = "http://i43.tinypic.com/orpg0m.jpg"; <br />imgr[2] = "http://i43.tinypic.com/orpg0m.jpg"; <br />imgr[3] = "http://i43.tinypic.com/orpg0m.jpg"; <br />imgr[4] = "http://i43.tinypic.com/orpg0m.jpg"; <br />showRandomImg = true; <br />boxwidth = 298; <br />cellspacing = 8; <br />borderColor = "#ffffff"; <br />bgTD = "#000000"; <br />thumbwidth = 40; <br />thumbheight = 40; <br />fntsize = 12; <br />acolor = "#666"; <br />aBold = true; <br />icon = " "; <br />text = "comments"; <br />showPostDate = false; <br />summaryPost = 40; <br />summaryFontsize = 10; <br />summaryColor = "#666"; <br />icon2 = " "; <br />numposts = 5; <br />home_page = "http://bloggfast.blogspot.com/"; <br /></script> <br /><script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script><br />
<br />
6. Настройки дизайна гаджета:<br />
boxwidth – ширина гаджета <br />cellspacing – расстояние между буквами<br />
borderColor – цвет границ <br />thumbwidth & thumbheight – высота и ширина картинок<br />
fntsize – Размер шрифта в заголовке <br />acolor – цвет заголовка <br />aBold – жирный заголовок (да или нет) <br />numposts – количество отображаемых статей<br />
home_page : Ссылка на главную страницу вашего блога <br />Скрипты хранятся на зарубежном сервере (http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ). <br />Но рекомендуется загрузить скрипты на свой хостинг и поставить на них свою ссылку.Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-6474144645850992784.post-17379466281902379922012-04-05T01:08:00.001-07:002012-04-05T01:08:52.479-07:00Как сделать ссылку на определенную часть той же страницы.<p>Все блоггеры пользуются ссылками практически в каждой статье, помимо удобства это еще и очень полезно для индексации блога. Сегодня хотел бы описать как сделать ссылку на туже страницу на которой находится Ваш читатель, только ниже, либо Выше, допустим Ваша статья состоит из нескольких частей и читатель, хочет пропустить первую и перейти сразу ко второй.</p> <p><a id="nachalo"></a>Сделать это достаточно просто! </p> <p>1.Для начала нам необходимо присвоить определенной части текста “Якорь”, допустим Вы хотите ссылать на каую-либо часть статьи, перед началом необходимого участка текста вставьте в HTML коде статьи следующий тег :</p> <p><a id="<font color="#ff0000">yakor</font>"></a> <font color="#00ff40">Начало текста или заголовка </font></p> <p>В качестве слова якорь выделенного красным вы можете использовать любое другое, подходящее по смыслу.</p> <p>2. Теперь необходимо сделать ссылку на данный якорь. А именно в HTML коде страницы перед словом которое должно быть ссылкой ставим тэг вида: <br /><a href="#<font color="#ff0000">yakor</font>">Слово</a></p> <p>Покажу как это должно выглядеть на примере данной статьи. Если Вы не разобрались вернитесь <a href="#nachalo">к началу статьи.</a></p> <p>Выглядит ссылка вот так:</p> <p><a href="#nachalo">к началу статьи.</a></p> <p>а якорь присвоенный началу вот так:</p> <p><p><a id="nachalo"></a>Сделать это достаточно просто!</p> Unknownnoreply@blogger.com14tag:blogger.com,1999:blog-6474144645850992784.post-55818106625283228162012-03-22T02:19:00.001-07:002012-03-22T02:21:50.891-07:00Многоуровневое выпадающее меню для блогспот<img align="left" alt="выпадающее меню блогспот" src="http://lh3.ggpht.com/-d0OhY9xBkNc/T2Yx50IJzHI/AAAAAAAAGGo/nIf6dbHbZjQ/image%25255B48%25255D.png?imgmax=800" style="display: inline; margin: 5px;" title="выпадающее меню блогспот" /><br />
Как я уже много кратно писал выпадающее меню да и просто меню позволяют организовать структуру Вашего блога либо сайта. Сегодня на блогспоте доступна функция ссылок, однако подразделов в них не вставишь.<br />
<a name='more'></a> <br />
Сделать меню данного типа не сложно. просто следуйте шагам перечисленным ниже.<br />
1. Зайдите в настройки блога, в раздел “Дизайн”, затем в необходимом месте нажмите добавить гаджет, и выберите HTML/Java Script.<br />
2. В поле гаджета вставьте следующий скрипт:<br />
<br />
<br />
<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script> <br /><style> <br />/* ######### Drop Down Menu by www.MyBloggerTricks.com ######### */<br />
.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/ <br />font: normal 13px Verdana; <br />margin: 0; <br />padding: 0; <br />position: absolute; <br />left: 0; <br />top: 0; <br />list-style-type: none; <br />background: white; <br />border: 1px solid black; <br />border-bottom-width: 0; <br />visibility: hidden; <br />z-index: 100; <br />}<br />
.ddsubmenustyle ul{ <br />margin: 0; <br />padding: 0; <br />position: absolute; <br />left: 0; <br />top: 0; <br />list-style-type: none; <br />border: 0px none; <br />}<br />
.ddsubmenustyle li a{ <br />display: block; <br />width: 170px; /*width of menu (not including side paddings)*/ <br />color: black; <br />background-color: lightyellow; <br />text-decoration: none; <br />padding: 4px 5px; <br />border-bottom: 1px solid black; <br />}<br />
* html .ddsubmenustyle li{ /*IE6 CSS hack*/ <br />display: inline-block; <br />width: 170px; /*width of menu (include side paddings of LI A*/ <br />}<br />
.ddsubmenustyle li a:hover{ <br />background-color: black; <br />color: white; <br />}<br />
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/ <br />padding-left: 4px; <br />border: 0; <br />}<br />
.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/ <br />position: absolute; <br />padding-top: 3px; <br />left: 100px; <br />border: 0; <br />}<br />
.ddiframeshim{ <br />position: absolute; <br />z-index: 500; <br />background: transparent; <br />border-width: 0; <br />width: 0; <br />height: 0; <br />display: block; <br />}<br />
/* ######### Black Strip Main Menu Bar CSS ######### */<br />
.mattblackmenu ul{ <br />margin: 0; <br />padding: 0; <br />font: bold 12px Verdana; <br />list-style-type: none; <br />border-bottom: 1px solid gray; <br /><span style="color: lime;">background: #414141; </span>overflow: hidden; <br />width: 100%; <br />}<br />
.mattblackmenu li{ <br />display: inline; <br />margin: 0; <br />}<br />
.mattblackmenu li a{ <br />float: left; <br />display: block; <br />text-decoration: none; <br />margin: 0; <br />padding: 6px 8px; /*padding inside each tab*/ <br />border-right: 1px solid white; /*right divider between tabs*/ <br />color: white; <br />background: #414141; <br />}<br />
.mattblackmenu li a:visited{ <br />color: white; <br />}<br />
.mattblackmenu li a:hover{ <br />background: black; /*background of tabs for hover state */ <br />}<br />
.mattblackmenu a.selected{ <br />background: black; /*background of tab with "selected" class assigned to its LI */ <br />}<br />
</style><br />
<div id="ddtopmenubar" class="mattblackmenu"> <br /><ul> <br /><li><a href="#"><strong>LINK1</strong></a></li> <br /><li><a href="#" rel="ddsubmenu1"><strong>LINK2</strong></a></li> <br /><li><a href="#" rel="ddsubmenu2"><strong>LINK3</strong></a></li> <br /><li><a href="#"><strong>Link4</strong></a></li> <br /><li><a href="#" rel="ddsubmenu3"><strong>LINK5</strong></a></li> <br /></ul> <br /></div><br />
<script type="text/javascript"> <br />ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar") <br /></script><br />
<ul class='ddsubmenustyle' id='ddsubmenu1'> <br /><li><a href='#'><strong>LINK2 ITEM 1</strong></a></li> <br /><li><a href='#'><strong>LINK2 ITEM 2</strong></a> <br /> <ul> <br /> <li><a href='#'><strong>LINK2 ITEM 2.1</strong></a></li> <br /> <li><a href='#'><strong>LINK2 ITEM 2.2</strong></a></li> <br /> </ul><br />
</li> <br /><li><a href='#'><strong>LINK2 ITEM 3</strong></a> <br /> <ul> <br /> <li><a href='#'><strong>LINK2 ITEM 3.1</strong></a></li> <br /> </ul><br />
</li> <br /><li><a href='#'><strong>LINK2 ITEM 4</strong></a></li><br />
</ul><br />
<ul class='ddsubmenustyle' id='ddsubmenu2'> <br /><li><a href='#'><strong>LINK3 ITEM 1</strong></a></li> <br /><li><a href='#'><strong>LINK3 ITEM 2</strong></a></li> <br /><li><a href='#'><strong>LINK3 ITEM 3</strong></a> <br /> <ul> <br /> <li><a href='#'><strong>LINK3 ITEM 3.1</strong></a></li><br />
<li><a href='#'><strong>LINK3 ITEM 3.2</strong></a></li> <br /> <li><a href='#'><strong>LINK3 ITEM 3.3</strong></a></li> <br /> <li><a href='#'><strong>LINK3 ITEM 3.4</strong></a></li> <br /> </ul> <br /></li> <br /><li><a href='#'><strong>LINK3 ITEM 4</strong></a></li> <br /><li><a href='#'><strong>LINK3 ITEM 5</strong></a> <br /> <ul><br />
<li><a href='#'><strong>LINK3 ITEM 5.1</strong></a></li> <br /> <li><a href='#'><strong>LINK3 ITEM 5.2</strong></a> <br /> <ul> <br /> <li><a href='#'><strong>LINK3 ITEM 5.2 1</strong></a></li> <br /> <li><a href='#'><strong>LINK3 ITEM 5.2 2</strong></a></li> <br /> <li><a href='#'><strong>LINK3 ITEM 5.2 3</strong></a></li><br />
</ul> <br /> </li> <br /> </ul> <br /></li> <br /><li><a href='#'><strong>LINK3 ITEM 6</strong></a></li> <br /></ul><br />
<ul class='ddsubmenustyle' id='ddsubmenu3'> <br /><li><a href='#'><strong>LINK5 ITEM 1</strong></a></li> <br /><li><a href='#'><strong>LINK5 ITEM 2</strong></a></li><br />
<li><a href='#'><strong>LINK5 ITEM 3</strong></a></li> <br /><li><a href='#'><strong>LINK5 ITEM 4</strong></a></li> <br /><li><a href='#'><strong>LINK5 ITEM 5</strong></a></li> <br /></ul><br />
<br />
3. В данном меню просто измените выделенный жирным текст названием меню или подменю, а вместо # вставьте ссылку на нужную страницу.<br />
4. Часть кода выделенная зеленым отвечает за цвет фона, измените его используя шестизначный код цвета. Как менять цвета читайте <a href="http://bloggfast.blogspot.com/2011/05/blog-post_4507.html" title="Изменить цвет шаблона">здесь.</a><br />
5. Чтобы добавить в основном меню выпадающее просто добавьте как в коде вот такую строчку <strong>rel="ddsubmenu1 </strong>и измените номер соответственно количеству выпадающих меню.<br />
Если возникнуть какие либо вопросы пишите в комментариях.Unknownnoreply@blogger.com25tag:blogger.com,1999:blog-6474144645850992784.post-82759327114470923642012-02-28T02:30:00.001-08:002012-02-28T02:30:59.531-08:00Добавляем описание к ярлыкам в блоге<img align="left" alt="Ярлыки блогспот" border="0" src="http://lh4.ggpht.com/-qXvUupSqXPg/TyX_-tdYxSI/AAAAAAAACcU/AIPqoWB-kxo/description-for-labels%25255B4%25255D.png" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 5px;" title="Ярлыки блогспот" /><br />
<div style="text-align: justify;">
Расскажу просто об очень удобном гаджете. Обычно добавляя гаджет Ярлыки в блог на блогспот Вы получаете список названий, очень удобно для читателя увидеть короткое описание, – о чем данный раздел.</div>
<br />
<div style="text-align: justify;">
Если Вы желаете сделать себе такое же, то следуйте описанию ниже:</div>
<a name='more'></a><br />
1. Делаем модифицированный гаджет Ярлыков<br />
<br />
<pre><b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
<span style="color: #00ff40;"><!-- Label Description Start -->
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<b:if cond='data:label.name == "название ярлыка"'>
<span class="labeldesc"> - описание</span>
</b:if>
<!-- Label Description End--></span>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget></pre>
<pre> </pre>
<pre style="text-align: justify;">2. Замените название ярлыков на существующие в Вашем блоге, и допишите к ним описание.</pre>
<pre style="text-align: justify;">3. Теперь добавть классический гаджет Ярлыки в Ваш блог.</pre>
<pre style="text-align: justify;">4. Зайдите в настройки блога, ИЗменить HTML шаблона и найдите следующий код (не отмечайте расширить шаблон)</pre>
<pre> </pre>
<pre><b:widget id='Label1' locked='false' title='Labels' type='Label'/></pre>
<br />
<span style="font-family: 'Courier New';">5. Заменяем данную строчку на код сделанный нами ранее.</span><br />
<br />
<span style="font-family: 'Courier New';">6. Нажимаем сохранить и все готово.</span>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-69286542370979907502012-02-15T04:56:00.001-08:002012-02-15T05:01:15.916-08:00Читатели из facebook в bloggerСегодня опишу как добавить красивый гаджет из facebook в блогспот. Уж очень много сегодня людей пользуются фэйсбуком, так что думаю этот гаджет будет полезен всем.<br />
<a href="http://lh3.ggpht.com/-XCqi1VhwhX4/TzurWLZ3BPI/AAAAAAAACU4/Xn67LjcsUww/s1600-h/image%25255B7%25255D.png"><img align="left" alt="image" border="0" height="178" src="http://lh4.ggpht.com/-iqClSuF5xNg/TzurXSBDf_I/AAAAAAAACVA/v9vXEHuAmwA/image_thumb%25255B5%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 5px;" title="image" width="240" /></a> <br />
Если Вы активно помимо своего блога постите в Facebook то те кто читают Ваш блог смогут присоединиться к Вам и в социальной сети.<br />
Итак преступим :<br />
1. Зайдите в настройки блоггер, в раздел <strong>Изменить шаблон </strong>найдите тэг:<br />
</head><br />
<br />
и перед ним вставьте следующий скрипт:<br />
<a name='more'></a><br />
<br />
<pre><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script></pre>
<pre> </pre>
<pre> </pre>
<pre>2. Зайдите в раздел <strong>Дизайн </strong>нажмите <strong>добавить гаджет выбирите HTML/Java Script и вставьте туда следующий скрипт:</strong></pre>
<br />
<script type="text/javascript"><br />//<!--<br />$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});<br />//--><br /></script><br /><style type="text/css"><br />.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEVmu0eMRrpLdXYWc4D8yuZ4dNzXNWFRMPKdUDn2TZNFHS045h7ZjL84HEvbXY6ceUTG75zk7HSCl2EIR49LbHwV4kC968KWB_QG5WRuKphHjqGNlVjW6WU5hcm7wX6QOFr9pUi1Y267E/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}<br />.floatinglikebox div{border:none;position:relative;display:block;}<br />.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}<br />.floatinglikebox span a{color: #808080;text-decoration:none;}<br />.floatinglikebox span a:hover{text-decoration:underline;}<br /></style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FBloggerHacks&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="<a href="http://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html%22">http://www.bloggerhack.com/2011/11/add-floating-facebook-like-box-for.html"</a> target="_blank">+Get This!</a></span></div></div><br />
<br />
3. Замените в данной строчке ссылку на свою страницу в фейсбук<br />
<br />
%3A%2F%2Fwww.facebook.com%2FBloggerHacks&amp<br />
К примеру если ссылка в фейсбук у вас выглядит вот так<br />
<br />
<pre>http://www.facebook.com/pages/BloggerHack/1234567</pre>
<br />
<br />
<br />
то конечный результат должен выглядеть так:<br />
<pre>http%3A%2F%2Fwww.facebook.com%2Fpages%2FBloggerHack%2F1234567</pre>
<br />
вставляйте %2F перед каждым словом.<br />
<br />
<br />
<br />
Сохраните гаджет и все готово!Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6474144645850992784.post-2563157938830614582012-02-13T05:14:00.001-08:002012-02-13T05:14:22.607-08:00Добавить читателей твиттер в блогспот<div align="justify">
<a href="http://lh5.ggpht.com/-douqLvSc16w/TzkMkw18w4I/AAAAAAAACUo/WvMpELdHjBQ/s1600-h/image%25255B4%25255D.png"><img align="left" alt="читатели твиттер в блогспот" border="0" height="236" src="http://lh6.ggpht.com/-ITcdsj4NaRw/TzkMl1odLeI/AAAAAAAACUw/PCYPbgSukX8/image_thumb%25255B2%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin: 5px;" title="читатели твиттер в блогспот" width="240" /></a> Многие из нас сегодня пользуются Twitter, делятся с миром своими интересами и прочим. Я писал как настроить кросспостинг из блога на блогспот в твиттер, чтобы Ваши пользователи Твиттера сразу получали короткое сообщение о том, что Вы написали статью, также это дает дополнительные ссылки на Ваш блог, что очень полезно для оптимизации. Как настроить кросспостинг в Твиттер я писал <a href="http://bloggfast.blogspot.com/2011/06/blogger-feedburner.html">здесь.</a></div>
<div align="justify">
<br /></div>
<div align="justify">
Сегодня же я хочу рассказать как просто добавить окно с подписчиками на Ваш твиттер в блог.</div>
<div align="justify">
Сделать это очень просто:</div>
<a name='more'></a><br />
<div align="justify">
1. Зайдите в настройки блога, в раздел Дизайн.</div>
<div align="justify">
2. Нажмите “Добавить гаджет” выберите HTML/Java Script и вставьте в него следующий скрипт:</div>
<br />
<!-- Twitter Follower Box --> <br /><script type='text/javascript'> <br />function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 295px; height: 250px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';} <br /></script> <br /><div id="twitterfanbox"></div><script <br />type="text/javascript">fanbox_init("hagi2104");</script <br />type="text> <br /><!-- End Twitter Follower Box –><br />
<br />
<div align="justify">
В данном коде измените мой ник в твиттере (hagi2104)на свой. </div>
<div align="justify">
Жмите сохранить и все готово!</div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-6474144645850992784.post-24863024436574815472012-02-08T04:58:00.001-08:002012-02-08T05:02:23.878-08:00Прикручиваем Google analytics к bloggerНаписано не мало статей по поводу того как продвигать Ваш блог на блогспот. В данном блоге Вы можете найти такие статьи как: <a href="http://bloggfast.blogspot.com/2011/07/sitemap-blogger.html">Делаем sitemap для blogger</a>, <a href="http://bloggfast.blogspot.com/2011/07/blogspote.html">Попадем в индекс Яндекса на blogspote, проверенный метод</a>, <a href="http://bloggfast.blogspot.com/2011/06/blogger_09.html">Поисковая оптимизация статей для blogger</a> и многое другое. Сегодня хотел бы рассказать о том как же отслеживать успешность Ваших усилий, а так же как получить необходимую информацию о том по каким запросам к Вам переходят, из каких поисковых систем, стран и многое другое.<br />
Как и Во многом о нас побеспокоился Google, ну во-первых с недавних времен в панели управления блогом появился раздел <strong>“ОБЗОР” </strong>в котором есть частичная информация, выглядит она так :<br />
<a href="http://lh3.ggpht.com/-tQ8unwtQRlM/TzJxdCvYUPI/AAAAAAAACUI/s11XhMro8wA/s1600-h/image%25255B4%25255D.png"><img alt="blogger analytics" border="0" height="175" src="http://lh5.ggpht.com/-FCYPqrPgP5A/TzJxd643ICI/AAAAAAAACUQ/1pin85vOORU/image_thumb%25255B2%25255D.png?imgmax=800" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline;" title="blogger analytics" width="363" /></a><br />
<a name='more'></a> <br />
во-вторых Вы всегда можете видеть сколько у Вас подписчиков и как часто пишут комментарии.<br />
Однако, если Вы перешли на новый уровень, то Вам необходим серьезный сервис для <strong>аналитики.</strong><br />
Установить его очень просто.<br />
1. Перейдите на страницу сервиса <noindex><a href="http://www.google.com/intl/ru/analytics/" rel="nofollow">Google Analytics</a></noindex><br />
<a href="http://lh3.ggpht.com/-j3pVtBAIWwY/TzJxfI4cw_I/AAAAAAAACUY/9G2WTZGaTCw/s1600-h/image%25255B9%25255D.png"><img alt="количество посетителей блогспот" border="0" height="204" src="http://lh4.ggpht.com/-95dMk1SFNHI/TzJxgRmkmxI/AAAAAAAACUg/hzYdCJNnsao/image_thumb%25255B5%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="количество посетителей блогспот" width="326" /></a> <br />
2.Зарегестрируйтесь и добавьте свой блог.<br />
3. Вставьте необходимый тэг в код Вашего шаблона как будет предлагаться в инструкции.<br />
4. Если у Вас все вышло то через пару дней в Вашем аккаунте аналитикса появиться первая статистика о количестве посещений и многом другом.<br />
Сразу хочу заметить, что самые полезные части данного сервиса это <strong>“Ключевые слова”</strong> – по которым видно по каким запросам к Вам переходили, <strong>“поисковые системы”</strong> – в данном разделе Вы увидите переходят ли к Вам из Яндекса, Ramblera и остальных систем, <strong>“Процент новых и вернувшихся посетителей”.</strong><br />
<strong></strong><br />
<strong>Призываю всех регистрироваться, переходить на новый уровень ведения интернет ресурсов. В будущем буду писать о том как настраивать аккаунт аналитикс.</strong>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-64499872870519070502012-02-02T01:24:00.001-08:002012-02-02T01:28:37.755-08:00Облако тэгов в блоггер<img align="left" alt="облако тегов блоггер" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvFBdvzF1A3dymmply2nIHudR1tlvwy23m3aM1mhBDOfiR4Bfsm8fDkaBjU-j9GjQYH78cgJILs2jDLgJR_7JLR4t1pjwBBwEA-Aqy8TAuA8HjM2H2F9meDGh1bpeMoOr3WfgWSCtyaRUL/?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" />Недавно в комментариях к моей статье с таким же названием написали: - “<em>Здравствуйте! Все сделал как Вы советовали,но ярлыков нет. Есть гаджет, он получился,тот, второй. Может это связано с тем, что нужно было следовать Вашим советам в первой части? Ну, там, типа, хостинг, заливка и т. д.? Подскажите. Я стараюсь следовать Вашим советам, что-то получилось,а что-то нет.”</em><br />
<a name='more'></a><br />
Поэтому вижу необходимым освежить статью, и сделать все хоть чуть-чуть проще. Итак как создать анимированное облако тегов в блоге на блогспот:<br />
1. ДА желательно залить скрипт на свой хостинг, или бесплатный хостинг или еще куда-то, но так же можно просто вставить код приведенный ниже и все будет работать, однако возможно не надежно. О бесплатных хранилищах для файлов блоггер я писал в статьях : <a href="http://bloggfast.blogspot.com/2011/05/blog-post_5811.html">Бесплатный хостинг или где хранить файлы для блоггера</a>, <a href="http://bloggfast.blogspot.com/2011/05/blog-post_1098.html">Бесплатный хостинг для блоггер</a>. <br />
Файл скачать можно <noindex><a href="http://nextmail.ru/sto/download_gate.phtml?d=nextmail.ru&usr=denzelion.nextmail.ru&f=/tagcloud.zip" rel="nofollow">тут</a></noindex>.<br />
2. Зайдите в настройки блоггер, в раздел <strong>Шаблон, </strong>нажмите <strong>изменить HTML,</strong> отметьте галочкой <strong>Расширить шаблон.</strong><br />
3. Используя <strong>Ctrl+f</strong> найдите следующий тэг:<br />
<blockquote>
<b:section class='sidebar' id='sidebar' preferred='yes'></blockquote>
4. Сразу после данного тэга вставьте приведенный ниже скрипт:<br />
<b:widget id='Label99' locked='false' title='b-cumulus test' type='Label'> <br /><b:includable id='main'> <br /> <b:if cond='data:title'> <br /> <h2><data:title/></h2> <br /> </b:if> <br /> <div class='widget-content'> <br /> <script src='<a href="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js'">http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js'</a> type='text/javascript'/> <br /> <script type='text/javascript'> <br /> var flashvars = { <br /> mode: &quot;tags&quot;, <br /> minFontSize: &quot;6&quot;, <br /> maxFontSize: &quot;22&quot;, <br /> showTagWeight: &quot;true&quot;, <br /> tcolor: &quot;0x0be4f8&quot;, <br /> tcolor2: &quot;0x0be4f8&quot;, <br /> hicolor: &quot;0xffffff&quot;, <br /> distr: &quot;distr&quot;, <br /> tspeed: &quot;100&quot;, <br /> tagcloud: &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' expr:style='data:label.count'><data:label.name/></a></b:loop></tags>&quot; <br /> }; <br /> var params = { <br /> //wmode: &quot;transparent&quot;, <br /> bgcolor: &quot;#333333&quot;, <br /> allowscriptaccess: &quot;always&quot; <br /> }; <br /> var attributes = { <br /> id: &quot;b-cumulus&quot;, <br /> name: &quot;tagcloud&quot; <br /> }; <br /> swfobject.embedSWF(&quot;<a href="http://denzelion.nextmail.ru/tagcloud.swf&quot;"><span style="color: red;">http://denzelion.nextmail.ru/tagcloud.swf</span>&quot;</a>, &quot;b-cumulus&quot;, &quot;300&quot;, &quot;250&quot;, &quot;9.0.0&quot;, false, flashvars, params, attributes); <br /> </script> <br /> <div id='b-cumulus'> <br /> <a href='<a href="http://www.adobe.com/go/getflashplayer'">http://www.adobe.com/go/getflashplayer'</a>> <br /> <img alt='Get Adobe Flash player' src='<a href="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/">http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif'/</a>> <br /> </a> <br /> </div> <br /> <b:include name='quickedit'/> <br /> </div> <br /> </b:includable> <br /></b:widget><br />
<br />
Все должно заработать. <strong><em><u>Если нет хостинга просто не загружайте файл никуда</u></em></strong>, используйте приведенный выше скрипт, однако за надежность не отвечаю-может вылетать.<br />
Если же вы решили чтобы файлы хранились у Вас на хостинге то залейте их и укажите вместо моей ссылки выделенной красным<br />
Теперь если у Вас не влазит облако тэгов в поле гаджета, то изменяйте следующие параметры:<br />
300 – ширина <br />250 – высота<br />
Готово!Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6474144645850992784.post-19189217666882844282012-02-01T03:21:00.001-08:002012-02-01T03:22:18.764-08:00Убираем строчку : Показаны сообщения с ярлыком.<a href="http://lh3.ggpht.com/-WWlXmxgBVaw/TykgO6bWu_I/AAAAAAAACTg/I9-lCn4yZJU/s1600-h/image%25255B9%25255D.png"><img alt="image" border="0" height="92" src="http://lh6.ggpht.com/-RsZEVKtgtgE/TykgSwJ9SqI/AAAAAAAACTo/0ZcLsEfmp6w/image_thumb%25255B5%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="image" width="351" /></a> Я рассказывал <a href="http://bloggfast.blogspot.com/2012/02/atom.html">как убрать надпись : подписаться на сообщения Atom</a> , так публиковал посты <a href="http://bloggfast.blogspot.com/2011/05/navbar-blogger.html" title="Убираем навбар">как убрать Navbar</a>. Как и в тех случаях убрать данную надпись будет довольно-таки просто.<br />
<a name='more'></a><br />
1.Для этого зайдите в настройки блога, нажмите <strong>изменить HTML.</strong><br />
2. Отметьте галочкой <strong>Расширить шаблон</strong><br />
3. Используя функцию Ctrl+f найдите следующий скрипт:<br />
<blockquote>
<b:includable id='status-message'> <br /><b:if cond='data:navMessage'> <br /><div class='status-msg-wrap'> <br /><div class='status-msg-body'> <br /><data:navMessage/> <br /></div> <br /><div class='status-msg-border'> <br /><div class='status-msg-bg'> <br /><div class='status-msg-hidden'><data:navMessage/></div> <br /></div> <br /></div> <br /></div> <br /><div style='clear: both;'/> <br /></b:if> <br /></b:includable></blockquote>
4. Замените данный скрипт на приведенный ниже:<br />
<blockquote>
<b:includable id='status-message'> <br /><b:if cond='data:navMessage'> <br /><div> <br /></div> <br /><div style='clear: both;'/> <br /></b:if> <br /></b:includable></blockquote>
5. Нажмите сохранить шаблон.<br />
Теперь Данной надписи больше не будет. Ваш блог стал еще уникальнее.Unknownnoreply@blogger.com10tag:blogger.com,1999:blog-6474144645850992784.post-31394633194452543652012-02-01T03:08:00.000-08:002012-02-01T03:08:12.454-08:00Убираем надпись подписаться на сообщения "Atom"<div style="text-align: justify;">
Я регулярно пишу статьи как сделать блог на блогспот красивее, как сделать его максимально похожим на полноценный сайт. Если Вы только познакомились с моим блогом Вам будет полезно почитать статьи: <a href="http://bloggfast.blogspot.com/2011/05/favicon.html" style="background-color: white; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: 900; line-height: 18px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" title="Как сменить Favicon">Как сменить Favicon</a>, <a href="http://bloggfast.blogspot.com/2011/05/blog-post_5327.html" style="background-color: white; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: 900; line-height: 18px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" title="Создаем уникальную шапку для блога">Создаем уникальную шапку для блога</a>, <a href="http://bloggfast.blogspot.com/2011/05/blog-post_4507.html" style="background-color: white; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: 900; line-height: 18px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" title="Изменяем цвет шапки шаблона вручную">Изменяем цвет шапки шаблона вручную</a>, <a href="http://bloggfast.blogspot.com/2011/09/castomeziruem-formu-kommentariev.html" style="background-color: white; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: 900; line-height: 18px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;" title="Настраиваем форму комментариев-придаем свой стиль">Настраиваем форму комментариев-придаем свой стиль</a>, <a href="http://bloggfast.blogspot.com/2011/10/blog-post_05.html" style="background-color: ivory; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 16px; line-height: 18px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;">Меняющаяся фон и шапка блога на блоггер</a>. Все эти статьи призваны сделать Ваш блог уникальным и красивым. Сегодня хочу рассказать как убрать надпись подписаться на сообщения Atom, ведь это вторая вещь которая выдает, что Ваш сайт сделан на блоггер после Navbar - как убрать читаем тут : <a href="http://bloggfast.blogspot.com/2011/05/navbar-blogger.html" style="background-color: white; color: #145077; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; line-height: 20px; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;">Как убрать navbar в Blogger</a>.</div>
<a name='more'></a><br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Чтобы убрать злополучную строчку Atom Вам всего необходимо зайти в настройки Вашего блога, выбрать Изменить шаблон, отметить галочкой <b>Расширить шаблон, </b>используя ctrl+f следующий тэг:</div>
<blockquote class="tr_bq" style="text-align: justify;">
<b:include name='feedLinks'/></blockquote>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Удалите данную строчку и нажмите сохранить шаблон. ВСЕ!!! </div>Unknownnoreply@blogger.com16tag:blogger.com,1999:blog-6474144645850992784.post-26124436088465502032012-01-30T05:29:00.001-08:002012-01-30T05:30:46.607-08:00Как отображать гаджеты только на главной странице блогспот<div style="text-align: justify;">
Одной из проблем блогов на блогспот является, то что гаджеты, картинки, ссылки, реклама и все что Вы вставили на свой сайт отображается на всех страницах блога. Допустим Вы хотите чтобы некоторые из них были только на главной странице блога, а на странице со статьей их не было, либо наоборот, Вы желаете, чтобы на странице с определенной статьей отображались какие либо гаджеты. Такое возможно и сейчас опишу как:</div>
<a name='more'></a><br />
Гаджеты и ссылки только на главной странице блога на блогспот: <br />1. Необходимо зайти в настройки HTML шаблона как на картинке<br />
<a href="http://lh3.ggpht.com/-sI9x8HKKbQQ/TyabIY_jyfI/AAAAAAAACTA/FX8a4sqbPCc/s1600-h/image%25255B3%25255D.png"><img alt="гаджеты блогспот только на главной" border="0" height="150" src="http://lh5.ggpht.com/-buSH7aoFXd4/TyabJKUqnAI/AAAAAAAACTI/k9g_CNpdaTc/image_thumb%25255B1%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="гаджеты блогспот только на главной" width="240" /></a> <br />
Нажимаем изменить HTML, отмечаем галочкой <strong>РАСШИРИТЬ ШАБЛОН</strong> и находим интересующий нас гаджет в коде. Все гаджеты начинаются со следующего тэга:<br />
<blockquote>
<b:widget id=</blockquote>
<br />
Например гаджет Ярлыки выглядит вот так:<br />
<blockquote>
<b:widget id='Label1' locked='false' title='Title' type='Label'></blockquote>
HTML гаджет выглядит вот так:<br />
<blockquote>
<b:widget id='HTML1' locked='false' title='' type='HTML'></blockquote>
Список ссылок вот так:<br />
<blockquote>
<b:widget id='LinkList2' locked='false' title='Title' type='LinkList'></blockquote>
Ниже тэга гаджета Вы можете увидеть следующий тэг:<br />
<blockquote>
<b:includable id='main'></blockquote>
Итак Вы почти у цели, необходимо лишь добавить маленький тэг ниже выше приведенного:<br />
<blockquote>
<strong><b:if cond='data:blog.url == data:blog.homepageUrl'></strong></blockquote>
<br />
далее добавьте закрывающий тэг для того что мы вставили:<br />
<blockquote>
</b:if></blockquote>
<br />
Вставить ег онеобходимо перед вот этим тэгом:<br />
<blockquote>
</b:includable></blockquote>
Смотрите картинку<br />
<a href="http://lh5.ggpht.com/-tSs98uk5DuU/TyabK4qXvuI/AAAAAAAACTQ/xzPQUH9u_Po/s1600-h/image%25255B7%25255D.png"><img alt="убираем гаджеты со страницы статьи" border="0" height="152" src="http://lh4.ggpht.com/-sjI2DLiqW4o/TyabLhDrO7I/AAAAAAAACTY/XOnQbn53Q5M/image_thumb%25255B3%25255D.png?imgmax=800" style="border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline;" title="убираем гаджеты со страницы статьи" width="240" /></a> <br />
Сохраняйте и теперь гаджет будет отображаться только на главной странице.<br />
2. Отображать гаджет только на страницах статей:<br />
Следуйте шагам описанным ранее, только вместо того, чтобы вставлять вот этот тэг:<br />
<blockquote>
<b:if cond='data:blog.url == data:blog.homepageUrl'></blockquote>
Вставьте вот этот:<br />
<blockquote>
<b:if cond='data:blog.pageType == "item"'></blockquote>
3. Если Вы хотите, чтобы гаджет отображался на странице только определенной статьи:<br />
проделайте все тоже самое, только вставьте вот этот тэг:<br />
<blockquote>
<strong><</strong>b:if cond='data:blog.url == "<span style="color: #00ff40;">Ссылка на статью</span>"'></blockquote>
Не забудьте вставить вместо зеленого текста ссылку на конкретную статью.<br />
Теперь Вы контролируете, что и где отображается в Вашем блоге на блогспот.Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-6474144645850992784.post-62060748972673731982012-01-27T01:40:00.001-08:002012-01-27T01:40:45.521-08:00Создаем древовидные комментарии в блоггер<p><img style="margin: 5px; display: inline" title="Древовидные комментарии" alt="Древовидные комментарии" align="left" src="http://evanjardine.com/media/276/threaded_comments_teaser.jpg" />Очень удобная штука – древовидные комментарии, так как Вы да и Ваши читатели смогут отвечать на комментарии конкретных людей. Эта функция стала доступна теперь и пользователям блоггер.</p> <p>Чтобы ее активировать необходимо зайти в настройки блога, а именно:</p> <p>Настройки/Сообщения и комментарии. Здесь необходимо проверить, чтобы комментарии отображались во вложении ниже поста.</p> <p>Далее заходим в раздел настройки и в разделе “ФИД САЙТА” Напротив поля “КАНАЛЫ КОММЕНТАРИЕВ К КАЖДОМУ СООБЩЕНИЮ”  выбираем “ПОЛНЫЙ”</p> <p>Сохраняем настройки и все должно заработать.</p> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-78788358414708047762012-01-16T03:53:00.001-08:002012-01-19T00:37:52.257-08:00Лучшие позиции для размещения Google Adsens в Вашем блоге.<div style="text-align: justify;">
Многие блоггеры зарабатывают на своих блогах благодаря размещению рекламы. Как известно есть разные места для ее размещения, сегодня я напишу где лучше всего их размещать и где наиболее высокий уровень CTR, тоесть в какие места экрана люди кликают чаще всего.</div>
<div style="text-align: justify;">
Ниже будет преведено несколько различных способов размещения, Вы можете выбрать любой из них.</div>
<div style="text-align: justify;">
<b>Лучшие места для размещения (контекстной)рекламы на главной странице.</b></div>
<div style="text-align: justify;">
<b>а)Домашняя страница</b></div>
<div style="text-align: justify;">
<br /></div>
<img alt="лучшие места для добавления Google Ads" border="0" src="http://www.geekblogger.org/wp-content/uploads/2011/11/Best-Places-to-Add-Google-Ads-on-Blog-Home-Page-1.png" style="border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; display: inline; margin-left: 0px; margin-right: 0px; text-align: left;" title="лучшие места для добавления Google Ads" /><br />
<div style="text-align: justify;">
1. Разместите рекламу размером 728×90 под меню блога (только контекст).</div>
<div style="text-align: justify;">
2. Разместите рекламу размером 160×600 под навигацией по блогу в левом сайдбаре (можно выбрать режим отображения картинок и текста).</div>
<div style="text-align: justify;">
3. В зависимости от длинны главной страницы блога Вы можете разместить второй рекламный блок размером 728×90(желательно чтобы отображался только контекст).</div>
<a name='more'></a><div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>б) Главная страница </b></div>
<img alt="Правильно размещение рекламы в блоге" src="http://www.geekblogger.org/wp-content/uploads/2011/11/Best-Places-to-Add-Google-Ads-on-Blog-Article-Page-2.png" style="display: inline; margin-left: 0px; margin-right: 0px; text-align: left;" title="Правильно размещение рекламы в блоге" /><br />
<div style="text-align: justify;">
1. Очень эффективный способ размещения рекламы в статье так как если там будет контекстная реклама люди подумают, что это вспомогательные ссылки, и скорее всего кликнут на них, однако некоторым такие методы рекламы не нравятся.</div>
<div style="text-align: justify;">
<b>в) Размещение рекламы на странице статьи</b></div>
<img alt="Реклама на блогспот" src="http://www.geekblogger.org/wp-content/uploads/2011/11/Best-Places-to-Add-Google-Ads-on-Blog-Article-Page-1.png" style="display: inline; margin-left: 0px; margin-right: 0px; text-align: left;" title="Реклама на блогспот" /><br />
<div style="text-align: justify;">
1.Разместите рекламу как на картинке, в левом верхнем углу статьи, так будет грамотнее для большинства не арабских стран. Сначала люди увидят рекламу, а потом определят поле текста.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Надеюсь Вам пригодятся данные картинки при размещении рекламы в своем блоге.</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-54012127442225592692011-12-27T02:37:00.001-08:002011-12-27T02:37:20.379-08:00Меняем курсор мыши в блоггер (+1000 бесплатных курсоров)<p><img style="display: inline; margin-left: 0px; margin-right: 0px" align="left" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTUtyKbZON2vBsaDgOFMct3zE9ALWbWrukfTTOhZTAdOziQlypZ">Многие из блоггеров следят за дизайном своего блога. Хотят изменить каждый элемент в дизайне, сегодня расскажу как легко изменить указатель мышки, чтобы предать ей тематический вид.</p> <p>Итак зайдите в настройки HTML кода и найдите следующий тэг:</p><pre>]]></b:skin></pre><br /><p> </p><br /><p>И сразу перед ним вставьте следующую строчку:</p><pre>body, a, a:hover {cursor: url(<strong><font color="#ffff00">http://cursors3.totallyfreecursors.com/thumbnails/apple-tmani.gif</font></strong>), progress;}</pre><pre> </pre><pre>Измените ссылку на курсор который вам необходим. </pre><pre>Найти множество курсоров можно найти на следующих сайтах:</pre><pre><a href="http://cursors.funutilities.com/" rel="nofollow">http://cursors.funutilities.com/</a></pre><pre><a href="http://www.totallyfreecursors.com/" rel="nofollow">http://www.totallyfreecursors.com</a></pre> Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-6474144645850992784.post-5225384445078541892011-12-18T01:19:00.000-08:002011-12-18T01:19:16.773-08:00Google обьединит Blogger и Google+<img align="top" alt="Google обьединит Blogger и Google+ | Наука и Технологии | СЕГОДНЯ" height="320" src="http://www.segodnya.ua/img/forall/a/143026/72.jpg" style="background-color: white; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;" width="485" /><span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left;"></span><br />
<div class="small" style="background-color: white; font-family: Tahoma; font-size: 10px; text-align: left;">
<br /></div>
<div class="small" style="background-color: white; font-family: Tahoma; font-size: 10px; text-align: left;">
По материалам: <noindex><a href="http://www.segodnya.ua/" style="background-color: transparent;">http://www.segodnya.ua</a></noindex> </div>
<div class="ar_body" style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: left;">
<div align="justify">
Как сообщает издание Googlesystem, при редактировании профиля Blogger сервис показывает пользователю новое сообщение следующего содержания: «Подключите Blogger к Google+: используйте ваш профиль Google, чтобы получить доступ к новым функциям Google+ на Blogger». При этом, ссылки в данном сообщении не работают.</div>
<div align="justify">
Представители сервиса Blogger подтвердили тот факт, что работают над интеграцией с соцсетью Google+. По их словам, новый функционал станет доступен всем пользователям в течение следующих недель.</div>
<div align="justify">
Каким именно образом Blogger будет интегрирован с Google+, пока точно неизвестно. Возможно, комментарии к постам в Blogger и Google+ будут синхронизироваться, а также появится возможность автоматической трансляции постов из блога на Blogger в аккаунт Google+ и другие функции<span class="dirty-clipboard" style="height: 1px; overflow-x: hidden; overflow-y: hidden; position: absolute; width: 1px;"><br /><a href="http://www.segodnya.ua/useful/internet/14302672.html">Источник</a></span></div>
</div>
<br class="Apple-interchange-newline" />Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-6474144645850992784.post-40555819492492318702011-11-11T02:12:00.001-08:002011-11-11T02:12:44.630-08:00Открыть несколько ссылок одним кликом мыши<p><img style="margin: 5px; display: inline" alt="Картинка 1 из 136000" align="left" src="http://www.digiseller.ru/preview/165183/p1_10401155417840.JPG" width="245" height="184" />Многие из Вас наверняка встречали сайты, на которых нажав на одну ссылку открывается сразу несколько сайтов. Так делают те кто хочет прорекламировать независимый интернет ресурс, в таком случае открывается ссылка по которой вы должны перейти и еще одна, так-же это делают для увеличения просмотров определенных страниц на сайте, либо если действительно необходимо открыть сразу две ссылки. Для обычного блоггера это может быть полезным так как заинтересовав человека одной ссылкой Вы как бы повышаете популярность Вашего ресурса, так как он посетит вместо одной страницы в Вашем блоге сразу несколько.</p> <p>Чтобы вставить такую ссылку необходимо к тексту добавить следующий код:</p> <p><a href="http://www.ссылка1.com/" target="_blank" onmouseover="window.open(&quot;&quot;http://www.ссылка2.com&quot;&quot;);window.open(&quot;&quot;http://www.ссылка3.com&quot;&quot;);">Click Here Link Bucket</a></p> <p> </p> <p>Вставьте свои ссылки, увеличьте их количество  если необходимо! </p> Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-6474144645850992784.post-7424560756350197252011-11-05T05:48:00.001-07:002011-11-05T05:49:26.259-07:00Создание дерева меню с вкладками.<img align="left" alt="Tree Menu" src="http://lh3.ggpht.com/-pa0wiilaxow/Tn9Nu6askEI/AAAAAAAAFKg/Ekm8hcnjUhw/image_thumb%25255B14%25255D.png?imgmax=800" style="display: inline; margin: 5px;" /><br />
Наверно один из наиболее удобных способов структуризация блога для читателей. Читатель видит разделы, может посмотреть подразделы, в общем вся структура сайта у него как на ладони. Создать такое чудо будет совсем не сложно при помощи следующего скрипта. <br />
Что создать такое меню в своем блоге зайдите в настройки блога, выберите добавить гаджет, и вставьте следующий скрипт в HTML/JavaScript:<br />
<a name='more'></a><br />
<br />
<style> <br />.treeview ul{ <br />margin: 0px; <br />padding: 0; <br />}<br />
.treeview li{ <br />background: white url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Z428nu0iaaxKFDvTkxDP5-h2FRq5ZqUNDqZ13paBt1jBQi8CexVgRNFlCB7hADf3Q9HYMWC2AHTndvPelj_QEw3DdlF7BdyTI-5lpr1bBIt0H4FJuvbNdDVCCln0aSYRbMZfQciSVAQ/s400/list.gif)">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0Z428nu0iaaxKFDvTkxDP5-h2FRq5ZqUNDqZ13paBt1jBQi8CexVgRNFlCB7hADf3Q9HYMWC2AHTndvPelj_QEw3DdlF7BdyTI-5lpr1bBIt0H4FJuvbNdDVCCln0aSYRbMZfQciSVAQ/s400/list.gif)</a> no-repeat 0px 3px; <br />list-style-type: none; <br />padding-left: 32px; <br />margin-bottom: 3px; <br />}<br />
.treeview li.submenu{ <br />background: white url(<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU4tZYdPyBy_YRsRo7YPRukxdCcMF1qHpyol3X2zt11kbIkBte_BbsJnW60u-qLtNylAwg60t-NzHBCFSklDH4cf2b5M6sspNGQvIcQFwAsRKBQGY2P-U5WlfQR-lVBtB9x8AWIg-BAk/s400/closed.gif)">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU4tZYdPyBy_YRsRo7YPRukxdCcMF1qHpyol3X2zt11kbIkBte_BbsJnW60u-qLtNylAwg60t-NzHBCFSklDH4cf2b5M6sspNGQvIcQFwAsRKBQGY2P-U5WlfQR-lVBtB9x8AWIg-BAk/s400/closed.gif)</a> no-repeat 0px 3px; <br />cursor: hand !important; <br />cursor: pointer !important; <br />}<br />
.treeview li.submenu ul{ <br />display: none; <br />}<br />
.treeview .submenu ul li{ <br />cursor: default; <br />} <br /></style><br />
<script type="text/javascript" > <br />var persisteduls=new Object() <br />var ddtreemenu=new Object()<br />
ddtreemenu.closefolder="<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU4tZYdPyBy_YRsRo7YPRukxdCcMF1qHpyol3X2zt11kbIkBte_BbsJnW60u-qLtNylAwg60t-NzHBCFSklDH4cf2b5M6sspNGQvIcQFwAsRKBQGY2P-U5WlfQR-lVBtB9x8AWIg-BAk/s400/closed.gif%22">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU4tZYdPyBy_YRsRo7YPRukxdCcMF1qHpyol3X2zt11kbIkBte_BbsJnW60u-qLtNylAwg60t-NzHBCFSklDH4cf2b5M6sspNGQvIcQFwAsRKBQGY2P-U5WlfQR-lVBtB9x8AWIg-BAk/s400/closed.gif"</a> //set image path to "closed" folder image <br />ddtreemenu.openfolder="<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoGU4dnd4mTW9Zc4cSCdy68wizXvVxakEVAMSWRVpSx2CL-6cPv8d07h9CfRP-T-2DpVqSdYRBLUOeLxBcqeQJpnOh_SaKuW5jaI0G9AF9mkqkV37wd6ga1Fa54lZfalh2etmC-SxRz8k/s400/open.gif%22">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoGU4dnd4mTW9Zc4cSCdy68wizXvVxakEVAMSWRVpSx2CL-6cPv8d07h9CfRP-T-2DpVqSdYRBLUOeLxBcqeQJpnOh_SaKuW5jaI0G9AF9mkqkV37wd6ga1Fa54lZfalh2etmC-SxRz8k/s400/open.gif"</a> //set image path to "open" folder image<br />
//////////No need to edit beyond here///////////////////////////<br />
ddtreemenu.createTree=function(treeid, enablepersist, persistdays){ <br />var ultags=document.getElementById(treeid).getElementsByTagName("ul") <br />if (typeof persisteduls[treeid]=="undefined") <br />persisteduls[treeid]=(enablepersist==true && ddtreemenu.getCookie(treeid)!="")? ddtreemenu.getCookie(treeid).split(",") : "" <br />for (var i=0; i<ultags.length; i++) <br />ddtreemenu.buildSubTree(treeid, ultags[i], i) <br />if (enablepersist==true){ //if enable persist feature <br />var durationdays=(typeof persistdays=="undefined")? 1 : parseInt(persistdays) <br />ddtreemenu.dotask(window, function(){ddtreemenu.rememberstate(treeid, durationdays)}, "unload") //save opened UL indexes on body unload <br />} <br />}<br />
ddtreemenu.buildSubTree=function(treeid, ulelement, index){ <br />ulelement.parentNode.className="submenu" <br />if (typeof persisteduls[treeid]=="object"){ //if cookie exists (persisteduls[treeid] is an array versus "" string) <br />if (ddtreemenu.searcharray(persisteduls[treeid], index)){ <br />ulelement.setAttribute("rel", "open") <br />ulelement.style.display="block" <br />ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" <br />} <br />else <br />ulelement.setAttribute("rel", "closed") <br />} //end cookie persist code <br />else if (ulelement.getAttribute("rel")==null || ulelement.getAttribute("rel")==false) //if no cookie and UL has NO rel attribute explicted added by user <br />ulelement.setAttribute("rel", "closed") <br />else if (ulelement.getAttribute("rel")=="open") //else if no cookie and this UL has an explicit rel value of "open" <br />ddtreemenu.expandSubTree(treeid, ulelement) //expand this UL plus all parent ULs (so the most inner UL is revealed!) <br />ulelement.parentNode.onclick=function(e){ <br />var submenu=this.getElementsByTagName("ul")[0] <br />if (submenu.getAttribute("rel")=="closed"){ <br />submenu.style.display="block" <br />submenu.setAttribute("rel", "open") <br />ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" <br />} <br />else if (submenu.getAttribute("rel")=="open"){ <br />submenu.style.display="none" <br />submenu.setAttribute("rel", "closed") <br />ulelement.parentNode.style.backgroundImage="url("+ddtreemenu.closefolder+")" <br />} <br />ddtreemenu.preventpropagate(e) <br />} <br />ulelement.onclick=function(e){ <br />ddtreemenu.preventpropagate(e) <br />} <br />}<br />
ddtreemenu.expandSubTree=function(treeid, ulelement){ //expand a UL element and any of its parent ULs <br />var rootnode=document.getElementById(treeid) <br />var currentnode=ulelement <br />currentnode.style.display="block" <br />currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" <br />while (currentnode!=rootnode){ <br />if (currentnode.tagName=="UL"){ //if parent node is a UL, expand it too <br />currentnode.style.display="block" <br />currentnode.setAttribute("rel", "open") //indicate it's open <br />currentnode.parentNode.style.backgroundImage="url("+ddtreemenu.openfolder+")" <br />} <br />currentnode=currentnode.parentNode <br />} <br />}<br />
ddtreemenu.flatten=function(treeid, action){ //expand or contract all UL elements <br />var ultags=document.getElementById(treeid).getElementsByTagName("ul") <br />for (var i=0; i<ultags.length; i++){ <br />ultags[i].style.display=(action=="expand")? "block" : "none" <br />var relvalue=(action=="expand")? "open" : "closed" <br />ultags[i].setAttribute("rel", relvalue) <br />ultags[i].parentNode.style.backgroundImage=(action=="expand")? "url("+ddtreemenu.openfolder+")" : "url("+ddtreemenu.closefolder+")" <br />} <br />}<br />
ddtreemenu.rememberstate=function(treeid, durationdays){ //store index of opened ULs relative to other ULs in Tree into cookie <br />var ultags=document.getElementById(treeid).getElementsByTagName("ul") <br />var openuls=new Array() <br />for (var i=0; i<ultags.length; i++){ <br />if (ultags[i].getAttribute("rel")=="open") <br />openuls[openuls.length]=i //save the index of the opened UL (relative to the entire list of ULs) as an array element <br />} <br />if (openuls.length==0) //if there are no opened ULs to save/persist <br />openuls[0]="none open" //set array value to string to simply indicate all ULs should persist with state being closed <br />ddtreemenu.setCookie(treeid, openuls.join(","), durationdays) //populate cookie with value treeid=1,2,3 etc (where 1,2... are the indexes of the opened ULs) <br />}<br />
////A few utility functions below//////////////////////<br />
ddtreemenu.getCookie=function(Name){ //get cookie value <br />var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair <br />if (document.cookie.match(re)) //if cookie found <br />return document.cookie.match(re)[0].split("=")[1] //return its value <br />return "" <br />}<br />
ddtreemenu.setCookie=function(name, value, days){ //set cookei value <br />var expireDate = new Date() <br />//set "expstring" to either future or past date, to set or delete cookie, respectively <br />var expstring=expireDate.setDate(expireDate.getDate()+parseInt(days)) <br />document.cookie = name+"="+value+"; expires="+expireDate.toGMTString()+"; path=/"; <br />}<br />
ddtreemenu.searcharray=function(thearray, value){ //searches an array for the entered value. If found, delete value from array <br />var isfound=false <br />for (var i=0; i<thearray.length; i++){ <br />if (thearray[i]==value){ <br />isfound=true <br />thearray.shift() //delete this element from array for efficiency sake <br />break <br />} <br />} <br />return isfound <br />}<br />
ddtreemenu.preventpropagate=function(e){ //prevent action from bubbling upwards <br />if (typeof e!="undefined") <br />e.stopPropagation() <br />else <br />event.cancelBubble=true <br />}<br />
ddtreemenu.dotask=function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload) <br />var tasktype=(window.addEventListener)? tasktype : "on"+tasktype <br />if (target.addEventListener) <br />target.addEventListener(tasktype, functionref, false) <br />else if (target.attachEvent) <br />target.attachEvent(tasktype, functionref) <br />}<br />
</script><br />
<a href="javascript:ddtreemenu.flatten('treemenu1', 'expand')">Expand +</a> | <a href="javascript:ddtreemenu.flatten('treemenu1', 'contact')">- Contract</a> <br /><p></p> <br /><span style="color: yellow;"><ul id="treemenu1" class="treeview"> <br /><li><a href="#">Item 1</a></li> <br /><li><a href="#">Item 2</a></li></span><br />
<span style="color: yellow;"><li>Folder 1 <br /> <ul> <br /> <li><a href="#">Sub Item 1.1</a></li> <br /> <li><a href="#">Sub Item 1.2</a></li> <br /> </ul> <br /></li> <br /><li><a href="#">Item 3</a></li></span><br />
<span style="color: yellow;"><li>Folder 2 <br /> <ul> <br /> <li><a href="#">Sub Item 2.1</a></li> <br /> <li>Folder 2.1 <br /> <ul> <br /> <li><a href="#">Sub Item 2.1.1</a></li> <br /> <li><a href="#">Sub Item 2.1.2</a></li> <br /> </ul> <br /> </li> <br /></ul> <br /></li></span><br />
<span style="color: yellow;"><li><a href="#">Item 4</a></li> <br /></ul></span><br />
<script type="text/javascript"><br />
//ddtreemenu.createTree(treeid, enablepersist, opt_persist_in_days (default is 1))<br />
ddtreemenu.createTree("treemenu1", true) <br />ddtreemenu.createTree("treemenu2", false)<br />
</script><br />
<br />
Редактировать необходимо часть выделенную желтым. <br />
В данном коде # необходимо изменить на необходимые ссылки, а Sub Item 2.1.1 измените на название раздела.<br />
Чтобы добавить вкладки используйте открывающий и зарывающий тэг <ul>, </ul> как в данной части кода:<br />
<li>Folder 1 <br /> <ul> <br /> <li><a href="#">Sub Item 1.1</a></li> <br /> <li><a href="#">Sub Item 1.2</a></li> <br /> </ul> <br /></li> <br />
Folder 1 меняем на название папки. <br />
Осталось настроить правильно разделы Вашего сайта и все готово.Unknownnoreply@blogger.com0