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

Мой красивый блог. Итоги

На этой неделе заканчивается проект "Мой красивый блог".


Здесь отчеты за Урок № 5, № 6 и № 7.

Благодаря Уроку № 5 в моем блоге появились цветные маркеры к спискам ссылок и ярлыкам.


...а в в блоге для моей мамы я сама в фотошопе сделала социальные кнопки размером 30 пикселей.


Для них код получился такой:
<center>
<a href="ССЫЛКА НА plus.google.com"><АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
<a href="
ССЫЛКА НА vk.com"><img src="АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
<a href="
ССЫЛКА НА odnoklassniki.ru"><img src="АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
<a href="
ССЫЛКА НА my.mail.ru"><img src="АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
<a href="
ССЫЛКА НА facebook.com"><img src="АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
<a href="
ССЫЛКА НА bloglovin.com"><img src="АДРЕС ИЗОБРАЖЕНИЯ" width="30"/></a>
</center>


Идея классная! Может быть эти кнопки и пригодятся. Но вот, что я поняла... Этот гаджет больше подойдет тому, кто сам зарегистрирован на сайтах, куда ведут кнопки, чтоб уже оттуда кто-либо мог поделиться постом-дублером. Суть в том, что в код нужна ссылка на страничку в соц. сети, на которой будут публиковаться все те же посты, что и в блоге.

Другое дело готовые кнопки, например, от Pluso. О них я уже писала здесь. Я не зарегистрирована и на половине сайтов, на которые ведут мои кнопки. Однако, пользуюсь ими, посетители моего блога могут тут же сформировать готовое сообщение с фотографией-картинкой из блога и отправить себе на страничку.

Также в моем блоге появился гаджет "Последние сообщения". Если честно, очень удобно! Да и симпатично )) Код нашла сама. Код Алены мне не подошел, потому что ее гаджет на белом фоне, а мой на "шоколадном" и цвет текста нужен светлый.


Код:
<style type="text/css">    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;font-size: 13px;}    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}    .w2b_recent_comments li span{margin-top:4px;color: #ffffff;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}</style><script type="text/javascript">//<![CDATA[    // Recent Comments Settings    var numComments  = 45, showAvatar  = true, avatarSize  = 60, roundAvatar = true, characters  = 140, defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true;//]]></script><script src="http://bloggerndch.googlecode.com/files/w2b-recent-comments-w-gravatar.js.txt" type="text/javascript"></script><script src="АДРЕС БЛОГА/feeds/comments/default?alt=json&amp;callback=w2b_recent_comments&amp;max-results=10" type="text/javascript"></script>

В Уроке № 6 есть полезная информация, как сделать разделители между сообщениями и код для кнопки "Наверх". Код очень удачный. кнопка получается исчезающая, страница прокручивается наверх медленно. И главное не надо лезть в код шаблона.

Хотя мое мнение, что для блога недостаточно только кнопки "Наверх", нужна и "Вниз". В некоторых блогах очень мучительно прокручивать комментарии, чтобы оставить свой, а кнопки "End" у меня на планшете нет. Поэтому себе я оставила мои кнопочки для прокрутки, а в First Steps обновила.


Еще в First Steps добавила кнопки для страницзаголовки гаджетов и отцентровала заголовки


Еще появились заголовки гаджетов по центру сайдбара


Следуя советам из Урока № 7, я навела в блогах порядок.

Ну и итоги! Они приятные! =) Это мой блог ДО и ПОСЛЕ проекта "Мой красивый блог"


Ну и блог для мамы с нуля...


Ляпота!

Спасибо большое за мой красивый блог, Алена!!! )) Мне твой проект очень понравился! Желаю тебе творческих успехов!

11 комментариев:

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

    ОтветитьУдалить
    Ответы
    1. Мария, загляните, плиз, ко мне, я переделала профиль, действительно лучше выглидет, совсем кляксы я не убрала, без них скучновато...заранее спс!

      Удалить
  2. Мария, очень красиво все, изменения налицо! И кнопки у тебя удобные, мне нравятся! :)
    Поздравляю с окончанием проекта!

    ОтветитьУдалить
  3. мне точно после нравиться больше:)

    ОтветитьУдалить
  4. Алена и Ольга, спасибо за ваши комментарии! Значит, я на правильном пути! ))

    ОтветитьУдалить
  5. Маша, с преображением твой блог! Спасибо за участие в конфетке и у меня маленькая просьба, поменяй пожалуйста баннер, я сделала другой, в этом была ошибочка.

    ОтветитьУдалить
  6. Мария, результат отличный! Блог стал смотреться намного лучше, фон не соперничает с наполнением блога и цвета очень приятные :)

    ОтветитьУдалить
    Ответы
    1. Ольга, вы такие хорошие слова подобрали! спасибо

      Удалить

Вам было интересно? Напишите об этом! Мне Приятны Ваши комментарии =)