Показаны сообщения с ярлыком blogger. Показать все сообщения
Показаны сообщения с ярлыком blogger. Показать все сообщения

Flash облако тегов для Blogger

среда, 14 марта 2012 г.

Наши читатели помнят когда мы предложили им создать анимированное Flash облако меток для своих блогов на платформе Blogger. Но уже давно это облако у многих перестало работать и сегодня мы предложим быстрый и очень простой способ установить функциональное и легко настраиваемое Flash облако тегов на ваши блоги!

Новое облако меток (тегов) стало гораздо функциональнее:
  • его легко установить за пару минут; 
  • можно менять его оформление прямо из окна настроек гаджета; 
  • работает на русских и английских блогах благодаря мультиязычности;
Установка Flash облака меток:
Для начала зайдите в панель управления блога >> далее перейдите на вкладку "Дизайн" >> Выберите сайдбар или другое место, где Вы хотите установить облако меток и нажмите "Добавить гаджет".

В открывшемся окне "Добавить гаджет" нажмите на вкладку "Добавьте свой собственный"
На вкладке “Добавьте свой собственный” в пустую строку "URL гаджета" введите:
http://b-cumulus.googlecode.com/svn/tags/3.0/b-cumulus.xml
и нажмите на кнопку “Добавить по URL”.
Теперь откроется окно настрое гаджета, т.е. как будет выглядеть облако меток в Вашем блоге:
Настройки Flash облака меток:
Название – заголовок гаджета.

  • Высота – высота гаджета.
  • Высота облака – высота облака в пикселях.
  • Эта величина должна быть не меньше высоты гаджета, иначе облако будет видно не полностью.
  • Ширина облака – ширина облака меток в пикселях.
  • Минимальный размер шрифта – минимальный размер шрифта метки, т.е. размер шрифта метки с минимальным весом.
  • Максимальный размер шрифта – максимальный размер шрифта самой популярной метки.
  • Цвет меток с минимальным весом – цвет самой редко используемой метки.
  • Цвет меток с максимальным весом – цвет самой популярной метки. Для остальных меток будет выбран цвет на линейке между этими двумя цветами.
  • Цвет подсвеченных меток – цвет метки под курсором мыши, при наведении курсора на метку.
  • Скорость вращения – скорость вращения облака.
  • Цвет фона – цвет фона облака меток.
  • Прозрачный фон – устанавливает прозрачный фон облака меток.
  • Показывать вес меток – показывать рядом с меткой сколько раз она использовалась. 
В последующем вы сможете менять эти настройки из панели управления Blogger. Не забывайте подписаться на блог и оставлять свои комментарии и свои замечания!

10летний юбилей Blogger!

четверг, 20 августа 2009 г.

Одна из самых известных и популярных блог-платформ Blogger совсем скоро отметит десятилетний юбилей!
Blogger был запущен 23 августа 1999 г компанией Pyra Labs. Это один из первых проектов, предназначенных для блоггинга, который способствовал популяризации этого вида интернет-деятельности. В феврале 2003 Pyra Labs была приобретена компанией Google. После приобретения все дополнительные удобства, которые Pyra Labs предоставляла пользователям за деньги, стали бесплатными!

В связи со столь знаменательно датой Blogger обещает приподнести приятные сюрпризы своим пользователям в ближайшие пару недель!

Шаблоны для Blogger - "Цветущий сад"

понедельник, 25 мая 2009 г.

Я дано хотел заняться поиском, оптимизацией и публикацией новых интересных шаблонов для Blogger. И вот этот день пришел! Сегодня представляю Вам новый шаблон "Цветущий сад".
Этот шаблон будет интересен в первую очередь своим оформлением, т.к. сделан в ярких летних тонах. Одной из главных особенностей является анимимированная шапка блога, которая изменяется следуя движениям Вашего курсора!
Шаблон имеет фиксированную ширину, состоит из основной области, 3-х колончатого сайдбара, и такого же подвала (footer). Блоги с этим шаблоном отлично отображаются в IE7, Firefox и Opera.
Из основных достоинств блога можно выделить:
  • Полностью поддерживаемую встроенную форму комментариев.
  • Полную русификацию.
  • Готовую область для рекламных ссылок.
  • Поддержку быстрого редактирования сообщений.
  • Часть уже установленных виджетов.
  • Интегрированную систему "Read more" с изменяемой величиной.
  • Ссылки подписки на сообщения и комментарии
Чтобы разместить рекламные ссылки найдите в шаблоне строки вида:
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='http://img30.imageshack.us/img30/7716/advertise125x125copy.jpg'/></a>
Все посты блога автоматически обрезаются до 430 знаков без изображений и 340 с изображениями. Остальная часть поста ображается на его странице при переходе по ссылке "Читайте далее". Изменить эти параметры можно в стоках:
summary_noimg = 430;
summary_img = 340;
изменить ссылки навбара можно в области:
<div class='NavbarMenu'>
Надеюсь новый шаблон вам понравится! Жду комментариев (=

Пишем блог на кирпичной стене

суббота, 9 мая 2009 г.

Я уже не раз рассказывал, как разнообразить внешний вид своего блога и как сделать его отличным от основной массы. Сегодня не буду нарушать уже сложившейся традиции и опишу способ, смены фона блога на кирпичную стену (например, как тут).
Для этого необходимо в шаблоне блога найти (Ctrl+F) часть кода подобную:
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
color: #fff;
background: url('http://www.................png') repeat;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
width: 100%;
}
или:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Код может не совпадать точно предложенным вариантам (все зависит от вашего шаблона), но он должен содержать стоку, начинающуюся с background: в составе блока Body {
Теперь чтобы сделать фон с первым видом кирпича (самый верхний из представленных) строчку, начинающующуся с background: замените на:
background: url('http://img237.imageshack.us/img237/5771/wall3.png') repeat;
чтобы сделать фон в виде второго  типа кирпича замените на:
background: url('http://img23.imageshack.us/img23/9195/wall1m.jpg') repeat;
третьего:
background: url('http://img413.imageshack.us/img413/6978/wall4.jpg') repeat;
и четвертого соответственно:
background: url('http://img23.imageshack.us/img23/395/wall2jig.jpg') repeat;
Если у вас вас есть другие фоны на примете, можете попробовать их.
И не заабывайте сотавлять комментарии ;)

Ярлыки: ,

Виджет "Евровидение 2009"

четверг, 23 апреля 2009 г.

Все мы помним прошлогодний Триумф России на Евровидении 2008 и знаем, что в этом году самый престижный европейский конкурс песни пройдет в Москве.
В связи с этим Google подготовил специальный виджет, который позволяет предсказать победителей Евровидения еще до финала конкурса!
Используя статистику поисковых запросов Google, гаджет рассчитывает динамику популярности каждого участника и показывает, какое количество баллов они могли бы получить, если бы голосование началось сегодня.

Финалисты голосования получают от 1 до 12 баллов от каждой страны участницы Евровидения 2009. Вся статистика собирается только в странах, представленных на конкурсе, и обновляется ежедневно. Но при этом не учитываются запросы из страны, которую представляет участник.
Чтобы установить Этот виджет в свой блог Blogger просто нажмите на кнопку ниже:
Установить виджет на блоги других платформ используя приведенный ниже код:
<iframe src="http://eurovisiongadget.appspot.com/?lang=ru" width="320" height="370" frameborder="0" scrolling="no"></iframe>
Ждем начала конкурса и Дружно болеем за нашу страну!

Ярлыки: , ,

Добавляем кнопку-счетчик "retweet" в заголовок сообщений

вторник, 21 апреля 2009 г.

tweet itНаверняка многие из Вас знают, что Twitter - система микроблогов, позволяющая пользователям отправлять короткие текстовые заметки (до 140 символов), набирает все большие и большие обороты не только среди западных пользователей, но и в русскоязычном сегменте сети, заменяя собой популярные некогда системы веб закладок.
Сопротивлятся уже необратимому процессу бессмысленно, в связи с этим стоит идти по одному пути с твиттером, позволяя Вашим читателям добавлять интересные им статьи в на свои страницы, делясь ими с друзьми, знакомыми и всеми остальными подписчиками ;)
Все это реализовать позволяет маленькая (или не очень) кнопочка, располагающаяся рядом с заголовком каждого сообщения на вашем блоге (как у меня)

Чтобы добавить кнопку к заголовкам потребуется внести некоторые изменения в шаблон блога:
Из панели инструментов перейдите в "Макет", где выберите "Изменить HTML", поставьте галочку "Расширить шаблоны виджета" и с помощью поиска (CTRL+F) найдите:
<div class='post-header-line-1'/>
чтобы добавить большую кнопку (как это выглядит можно посмотреть на Тестовом блоге)





добавьте после найденой строчки:
<div style='float:right; margin-left:15px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>
чтобы добавить маленькую кнопочку, отображающую только число уже "затвиттевших" ваше сообщение пользоватлей, как на этом блоге
добавьте сразу после найденой строчки:
<div style='float:right; margin-left:15px;'>
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
В конце сохраните шаблон.
Жду ваших комментариев ;)

Ярлыки: , ,

Всплывающая при наведении курсора панель навигации Blogger

вторник, 14 апреля 2009 г.

Несколько месяцев назад я писал как можно избавиться от панели навигации (в народе navbar), которая не всегда сочетается с персональным оформлением блога, а также, как сделать "Панель администратора" блога, для управления своей страницей.
Но многие считают удаление navbara крайностью, в которой нет необходимости и с ними тоже можно согласиться. Ведь панель навигации позволяет просто "погулять" про блогам других пользователей переходя на новую страницу одним кликом. Да и уведомить администрацию сервиса о нежелательном содержании отдельно взятых страниц больше никак нельзя . . .
появляющийся navbar

И в подобной ситуации оказывается есть компромисс - это Появляющаяся при наведении курсора панель навигации. То есть navbar не виден постоянно на странице, но при наведении курсора на область его расположения он появляется и Вы можете использовать его функции ;)
Посмотреть как это выглядит, так сказать, на деле можно на моем Тестовом блоге

Чтобы сделать подобный эффект перейдите в режим редактирования шаблона блога и с помощью поиска в коде найдите строчку:

body {
и перед ней вставьте: 

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
 Теперь сохраните шаблон и проверьте как работает ваш Navbar.

Промежуточные итоги и апрельский апдейт PR

четверг, 2 апреля 2009 г.

Почти четыре месяца назад начиная с нуля и постигая основы блогинга и частично поисковой оптимизации я начал вести этот блог о Blogger, . Сегодня блог насчитывает 85 читателей Google Friend Connect, более 130 подписчиков по RSS, рейтинг Technorati равный 8 и более 50 посетителей ежедневно.
А буквально сегодня ночью Google обновил PageRank проиндексированных страниц и БелиберDA получила, как мне кажется, свои заслуженные три пункта рейтинга (PR 3) (=
И это в немалом заслуга Вас - читателей и приверженцев платформы Blogger, для которых я и пишу посты. Спасибо за ваши комментарии, замечания и даже советы!
Надеюсь информация со страниц блога оказывается для Вас действительно полезной и интересной.

Ярлыки: , ,

Облако фотографий для Picasa

вторник, 31 марта 2009 г.

Многие уже читали про Flash фото облако, которое позволяет отображать ваши фотографии из rss подписки сервиса Flickr.
Но не многие пользователи используют именно Flickr в качестве веб альбомов для хранения своих фотографий и рисунков. Именно поэтому облако виджет был доработан и оптимизирован для работы с Веб альбомами Picasa
Как это выглядит и работает Вы можете наблюдать ниже:
Чтобы установить Picasa Flash облако фоток на свой блог/сайт вам необходимо скопировать ссылку RSS канала альбома (или всего профиля), фотографии которго будут отображаться в облаке. Теперь Из панели инструментов Blogger перейдите в макет Вашего блога и добавьте новый "HTML/JavaScript" виджет в удобном месте и скопировав в его содержание следующий код:
<div style="width:350px; text-align:center;"><object type="application/x-shockwave-flash" data="http://media.roytanck.com/flickrwidget.swf" width="350" height="350"><param name="movie" value="http://media.roytanck.com/flickrwidget.swf" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="flashvars" value="feed=http://picasaweb.google.com/data/feed/base/user/nikola.piter/albumid/5264530528802166593?alt=rss&kind=photo&hl=ru" /><param name="AllowScriptAccess" value="always"/><p>Для работы <a href="http://beliber-da.blogspot.com/">Фото-Облака</a> требуется Flash Player 9 или выше.</p></object><span style="font-size:9px;">Получить виджет от <a href="http://beliber-da.blogspot.com/">БелиберDA</a></span></div>
теперь текст, выделенный красным замените на полученную ранее ссылку подпискии сохраните виджет! P.S. некоторые параметры облака по прежнему легко поддаются изменениям на ваш вкус: выдленные синим параметры width="350"и height="350" - задают ширину и высоту облака соответственно. value="#ffffff"- цвет фона облака (можно подобрать с помощью colorpicker.com). value="transparent"- указывает на прозрачность (при необходимости можно удалить)

Прозрачные изображения - эффект при наведении курсора

среда, 25 марта 2009 г.

Эффект прозрачности изображений, который исчезает при наведении курсора - один из самых распространенных в сети. Думаю Вы встречали подобное на многих сайтах и блогах.
Чтобы увидеть его в действии просто наведите курсор на изображения ниже:


”RSS” ”Google” ”Twitter” ”Feedburner”/ ”Яндекс”


Принцип работы очень простой: все заключается в небольшой части кода, который добавляется к CSS стилям в шаблоне блога. А при наведении курсора эффект исчезает, подобно тому, как изменяется курсор при наведении на ссылки ;)
Преимущество подобного стиля состоит в том, что Вы можете добавить эффект только тем изображениям, которые Вы сами выберите!


Чтобы сделать это следуйте следующим инструкциям:
Во-первых из "Панели инструментов" переходим в "Макет", где выбираем "Изменить HTML" и с помощью поиска (CTRL+F) находим:
</head>
и сразу перед этим кодом добавляем:
<!--LINK-OPACITY-STARTS-->
<style type="text/css">


a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}


a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }


</style>
<!--LINK-OPACITY-STOPS-http://beliber-da.blogspot.com-->
и сохраняем шаблон!
Теперь Вы можете применить прозрачный эффект для любого изображения на блоге: непосредственно в сообщении или в сайдбаре.
Код обычного изображения выглядит примерно так:
<a href="http://feeds2.feedburner.com/beliber-da" target="_blank" alt="RSS Подписка"><img src="http://forum.wafl.ru/files/freeman/rss.png" /></a>
Чтобы добавит прозрачный эффект просто добавьте код выделенный жирным:
<a class="linkopacity" href="http://feeds2.feedburner.com/beliber-da" target="_blank" alt="RSS Подписка"><img src="http://forum.wafl.ru/files/freeman/rss.png" /></a>
Пробуйте и не забывайте оставлять комментарии - всегда приятно читать отзывы читателей ;)

Ярлыки: , ,

Удалить "Подписаться на: Сообщения (Atom)"

понедельник, 23 марта 2009 г.

В прошлый раз я писал о том как подкорректировать шаблон так, чтобы в ссылке подписки, которая следует после всех сообщений на странице блога удалить слово "Atom".
Но сегодня мы попробуем вообще избавиться от "Подписаться на: Сообщения (Atom)".
Ведь не всегда это выглядит уместно на блоге, да и место для подобной ссылки не самое подходящее.
Для начала из "Панели инструментов" переходим в "Макет", где выбираем "Изменить HTML", не забваем поставить галочку "Расширить шаблоны виджета" и с помощью поиска (CTRL+F) находим:
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>
и в этом коде удаляем строчку, выделенную жирным шрифтом.
После чего сохраняем шаблон и не забываем откомментировать этот пост - все ли у вас получилось ;)

Ярлыки: ,

Как вставить музыку в сообщение

воскресенье, 22 марта 2009 г.

Уже очень давно я хотел написать о том, как можно просто вставить музыку в сообщение Blogger.
И вот сегодня опишу самый, на мой взгляд, простой способ поделиться с читателями новой песней или давно любимым хитом - Это Flash mp3 плеер для Blogger:
Для этого Вам при написании поста перейти в режим "Изменить HTML" и в ставить там следующий код:
<object data="http://coloriteman.googlepages.com/player.swf" height="24" id="audioplayer1" type="application/x-shockwave-flash" width="290"> <param name="movie" value="http://coloriteman.googlepages.com/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://4289211129791433206-a-1802744773732722657-s-sites.googlegroups.com/site/beluberda/mp3/Shivaree-John.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>
предварительно заменив выделенный красным текст на прямую ссылку mp3 файла, который Вы хотите вставить в сообщение.

Ярлыки: ,

Выпадающее меню

пятница, 20 марта 2009 г.

Выпадающие менюшки были созданы для того, что Вы могли сэкономить место на своих сраницах, создав необходимое количество ссылок.


Они также очень удобны при навигации по сайту/блогу, за счет чего очень востребованы =)
Сегодня мы будем делать выпадающие меню со списком ссылок для Блоггера (Пример такого меню Вы можете найти на этом блоге) , которое при желании и некоторых усилиях можно полностью подогнать под дизайн своего блога!


Во-первых из "Панели инструментов" переходим в "Макет", где выбираем "Изменить HTML" и с помощью поиска (CTRL+F) находим:
</head>
и сразу ПЕРЕД ним вставляем:


<!--MULTI-LEVEL-DD-MENU-STARTS-->
<link href='http://forum.wafl.ru/files/freeman/DDM1_style.css' rel='stylesheet' type='text/css'/>
<script src='http://forum.wafl.ru/files/freeman/DDM1_script.js' type='text/javascript'/>
<!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->

теперь сохраняем шаблон и переходим в "Элементы страницы" и в том месте, где хотете видеть выпадающие меню добавляем гаджет вида "HTML/JavaScript", содержание которого вставляем следующий код:
<!--MULTI-LEVEL-DD-MENU-STARTS-->
<ul id="menu" class="menu">
    <li><a href="#" class="menulink">Меню №Раз</a>
        <ul>
            <li><a href="#">Меню 1 - пункт 1</a></li>
            <li><a href="#">Меню 1 - пункт 2</a></li>
            <li><a href="#">Меню 1 - пункт 3</a></li>
            <li><a href="#">Меню 1 - пункт 4</a></li>
            <li><a href="#">Меню 1 - пункт 5</a></li>
        </ul>
    </li>


    <li><a href="#" class="menulink">Меню №Два</a>
        <ul>
            <li><a href="#">Меню 2 - пункт 1</a></li>
            <li><a href="#">Меню 2 - пункт 2</a></li>
            <li><a href="#">Меню 2 - пункт 3</a></li>
            <li><a href="#">Меню 2 - пункт 4</a></li>
            <li><a href="#">Меню 2 - пункт 5</a></li>
        </ul>
    </li>


    <li><a href="#" class="menulink">Меню №Три</a>
        <ul>
            <li><a href="#">Меню 3 - пункт 1</a></li>
            <li><a href="#">Меню 3 - пункт 2</a></li>
            <li><a href="#">Меню 3 - пункт 3</a></li>
            <li><a href="#">Меню 3 - пункт 4</a></li>
            <li><a href="#">Меню 3 - пункт 5</a></li>
        </ul>
    </li>


    <li><a href="#" class="menulink">Меню №Четыре</a>
        <ul>
            <li><a href="#">Меню 4 - пункт 1</a></li>
            <li><a href="#">Меню 4 - пункт 2</a></li>
            <li><a href="#">Меню 4 - пункт 3</a></li>
            <li><a href="#">Меню 4 - пункт 4</a></li>
            <li><a href="http://beliber-da.blogspot.com/">БелиберDA</a></li>
        </ul>
    </li>


</ul>


<script type="text/javascript">
    var menu=new menu.dd("menu");
    menu.init("menu","menuhover");
</script>
<!--MULTI-LEVEL-DD-MENU-http://beliber-da.blogspot.com-->
После чего заменить текст на свой а знаки "#" на соответствующие тексту ссылки, а также удалить ненужные строки или добавить новые ;)

Ярлыки: ,

Часы для блога

пятница, 6 марта 2009 г.

Часто читатели задают не вопрос: "Как добавить часы на свой блог? и как можно изменить их внешний вид?"

Чтож добавить их можно как обычный виджет, а вот изменить практически не возможно, т.к. они представляют собой Flash объект и могут быть лишь заменены на другие часы, которые, возможно, подходят под дизайн вашей странички.

Ниже представляю вам весьма большой выбор часов для блогов, которые Вы можете добавить к себе просто нажав на кнопку под понравившемся вариантом ;)











































Какие Вам нравятся больше? Думаю коллекция будет пополняться новыми экземплярами в дальнейшем!

Виджет "Последние записи"

вторник, 3 марта 2009 г.

Иногда на блогах, которые содержат очень длинные по содержанию записи мне лениво прокручивать страницу вниз, чтобы посмотреть заголовки постов, а ведь именно по ним мы понимаем или не очень понимаем (что может заманить пользователя и привлечь его внимание) о чем нам хочет рассказать автор.

Именно для таких, как я был написан виджет "Последние записи", который отображает заголовки последних постов блога.

По-моему это очень удобно и значительно экономит время при серфинге =)
Ознакомиться с виджетом Вы можете в правой колонке этого блога.

Если хотите такой же просто нажмите кнопочку ниже ;)


Пробуйте и не забывайте про комментарии!

Ярлыки: , ,

Google Интегрирует Friend Connect в Blogger

понедельник, 23 февраля 2009 г.

исчезли постоянные читателиВозможно Вы заметили, что число постоянных читателей на этом блоге резко сократилось. Буквально несколько часов назад их было 40, а сейчас 28. Похожая ситуация наблюдается практически на всех блогах Blogspot. "Постоянные читатели" исчезают повсеместно!

Официальные источники (администрация Blogger'a) сообщили, что причиной столь масштабного исчезновения Постоянных читателей является интеграция сервиса с виджетом "Google Friend Connect"

Администрация заверяет пользователей, что после окончания работ, связанных с объединением двух сервисов все вернется на свои места.

Из списков постоянных читателей пропали (временно) только те пользователи, которые использовали виджет "Google Friend Connect" при работе с другими ресурсами и подписывались в постоянные читатели на Блоггере, т.е использовали оба сервиса одновременно.

После завершения интергации "Google Friend Connect" в Blogger такие пользователи смогут остаться анонимными (если подписывались анонимно) или сделать подписку публичной для выбранных ими ресурсов.

Более детальная инфомация будет сообщена пользователям после окончания работ!

Update: После глюка с постоянными читателями у некоторых пользователей статус подписки на блоги изменился на "Анонимный". В связи с этим настоятельно рекомендую перейти в настройки подписки и в случае необходимости сменить статус "Анонимный" на "Общедоступный"!!!

Ярлыки: ,

Виджет "Размер Шрифта"

среда, 18 февраля 2009 г.

Как вы знаете у каждого пользователя, в нашем случае читателя свои вкусы абсолютно во всем. Исключением не является и такой немаловажный аспект, как размер шрифта на блоге, который он читает.

Кто-то предпочитает крупный текст, а кто-то мелкий. Это зависит от зрения, конкретного человека, разрешения монитора и даже расстояния до него.

Именно для таких читателей Вы можете разместить у себя на блоге очень удобный и простой в использовании виджет, который позволяет одним щелчком мыши менять размер текста.

Виджет представлен в двух вариантах:
Знаковом

Изменить размер текста
+ + + + +



И текстовом

Изменить размер текста

Маленький
Средний
Больше
Большой
Огромный


Чтобы добавить этот виджет на свой блог, нажмите на кнопку под понравившемся Вам варианте виджета

Ярлыки: , ,

Flash облако фотографий

понедельник, 16 февраля 2009 г.

Думаю все уже читали про виджет "Flash Облако тегов", а многи уже давно активно его используют.
Но сегодня речь пойдет не совсем о нем, но об его аналоге, также написанном с приминением Flash анимации!
Это Flash облако Фотографий:

Для работы Фото-Облака требуется Flash Player 9 или выше.

Как вы можете видеть виджет позволяет отображать небольшие эскизы ваших фотографий, загруженных на ставший крайне популярным в последнее время Flickr, которые он получает из RSS канала вашей учетной записи. Чтобы установить Flash облако фоток на свой блог/сайт вам необходимо:иметь учетную запись на flickr.com и получить URL адрес RRS подписки на ваши фото. Для этого перейдите на страницу photostream и найдя внизу иконку RSS скопируйте URL адрес подписки. (Вы также можете использовать RSS канал Альбомов Picasa ;)
  • Теперь Из панели инструментов Blogger перейдите в макет Вашего блога и добавьте новый "HTML/JavaScript" виджет в удобном месте и скопировав в его содержание следующий код:
<div style="width:400px; text-align:center;"><object type="application/x-shockwave-flash" data="http://forum.wafl.ru/files/freeman/flickrwidget.swf" width="400" height="350"><param name="movie" value="http://forum.wafl.ru/files/freeman/flickrwidget.swf" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="flashvars" value="feed=http%3A//api.flickr.com/services/feeds/photos_public.gne%3Fid%3D35047280@N07%26lang%3Den-us%26format%3Drss_200" /><param name="AllowScriptAccess" value="always"/><p>Для работы <a href="http://beliber-da.blogspot.com/">Фото-Облака</a> требуется Flash Player 9 или выше.</p></object><span style="font-size:9px;">Получить виджет от <a href="http://beliber-da.blogspot.com/">БелиберDA</a></span></div> 
  • замените в нем выделенную карсным часть на адрес подписки на ваши фото (тот, который получили в первом пункте).
  • Вы также можете настроить облако на свой вкус:
  •  выдленные синим параметры width="400"и height="350" - задают ширину и высоту облака соответственно. value="#ffffff"- цвет фона облака (можно подобрать с помощью colorpicker.com). value="transparent"- указывает на прозрачность (при необходимости можно удалить)
Жду Ваших комментариев и замечаний
Идея создания виджета принадлежит Roy Tanck

Обновление Flash облака тегов!

воскресенье, 15 февраля 2009 г.

Возможно Вы уже заметили, что Flash облако тегов не работает или работает некорректно.
Мы снова обновили облако тегов для Blogger, теперь его можно установит за пару кликов: Читайте инструкцию в новой записи тут! Я этого не заметил мне подсказала Причуда, за что ей огромное спасибо!


Необходимые изменения в код виджета были внесены незамедлительно:
Настоятельно рекомендую обновить облако по инструкции ниже, даже, если у вас все работает!!!


Чтобы обновить свое облако Вам необходимо отредактировать шаблон блога (Панель инструментов >>> Макет >>> Изменить HTML и не забудьте поставить галочку "Расширить шаблоны виджета"), а именно:
с помощью поиска найти в коде:
http://rublezoid.googlepages.com/swfobject-21.js
и заменить на:
http://forum.wafl.ru/files/freeman/swfobject.js
потом найти:
http://rublezoid.googlepages.com/tagcloud.swf
и заменить на:
http://forum.wafl.ru/files/freeman/tagcloud.swf
после чего сохранить изменения и проверить работоспособность свежего облака тегов ;) Мы снова обновили облако тегов для Blogger, теперь его можно установит за пару кликов: Читайте инструкцию в новой записи тут!

Как выделить комментарии автора

пятница, 13 февраля 2009 г.

комментарии автораДумаю Вы частенько отвечаете на комментарии своих читателей, а читатели, в свою очередь, следят за вашими ответами. Специально для читателей Вы можете выделить комментарии автора блога, сделать их более заметными и яркими.
Это позволит Читателям легче ориентироваться, особенно если запись очень популярна и активно комментируется.
Посмотреть принцип работы можно в комментариях к этому соощению (видите: коммент выделен рамкой и другим цветом шрифта).




Чтобы подобное выделение работало и вашем блоге необходими из Панели инструментов перейти в "Макет" блога, выбрать вкладку "Изменить HTML". Не забудьте ставить галочку "Расширить шаблоны виджета" и с помощью поиска (Ctrl+F) найдиде следующий код:
</head>
и непосредственно ПЕРЕД ним вставьте:
<!--Blog-Owners-Comment-STARTS-->
<style>
.comment-body-author {
background: #F5EDE3; /* Цвет фона*/
color: #000000; /* Цвет текста*/
border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Расположение*/
}
</style>
<!--Blog-Owners-Comments-STOPS-->
Красным выделены комментарии к синим фрагментам кода, которые Вы можете изменить на свой вкус ;)
Рамка, которая будет выделять авторский комментарий имеет два параметра: Толщину (в выше описанном коде задана параметром 1.2 px, который также можно изменить) и Вид линии границы (в приведенном примере задается параметром solid - можно изменить на dotted (пунктир) и задать нужный цвет заменив #002F66).
Поля (Margin), и отступы (padding) определяют позицию комментариев в поле комментариев.


Теперь найдите следующий код по первой строке:

<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

Недостоющую Часть кода, выделенного красным Вам нужно будет вставить, после чего сохранить шаблон.
Жду комментариев и вопросов, если таковые возникнут (=

Ярлыки: ,