Follow my blog with Bloglovin
Мы были бы потрясены до глубины души, если бы осуществляли все, на что способны (Томас А. Эдисон)

суббота, 1 марта 2014 г.

"Фишечка" на Blogger.


Как вставить картинку, значок, иконку (назовите, как хотите) перед названием сообщения в Blogger?

Оказывается, есть специальный скрипт. Он вставляется обычным способом:

Дизайн - Добавить Гаджет - HTML/JavaScript

И все! И эта картинка будет автоматически появляться перед каждым названием каждого сообщения!
Здорово?
Сам скрипт выглядит вот так:


<style>.post h3 {
background:url(http://www.vertaalbureau-nedrus.nl/pictures/Feather-Pen.png)no-repeat top
left;margin: 0px;
padding: 20px 0px 0px 40px;
line-height:1.1em;
}</style>

Это - МОЙ скрипт, то есть в него вписана ссылка на мою картинку. Вы можете всегда поменять ссылку на ТУ картинку, которая нравится лично вам.
Ссылка на картинку, почему-то, вписана в background.
Уж не знаю, почему?...  и не буду ломать себе голову. 
Вот, собственно, и всё!
Теперь маленькие секретики:

  •  - если у вас сообщения в блоге идут НЕ на белом фоне, то всегда ищите картинки PNG. Иначе, белый фон картинки будет явно выделяться. Зачем это вам нужно?
  •  - картинку ищите сразу маленького размера, чтобы не возиться: сначала скачать, потом сжать ( и опять удалить белый ФОН после сжатия - http://nakatalka.blogspot.com/2014/02/blog-post.html), потом загрузить на бесплатный файлообменник и взять ссылку на нее. И не каждый файлообменник вашу картинку PNG даст действительно с прозрачным фоном!!!
Я - против лишних заморочек. Я - за простоту и минимальные энергетические затраты в таких случаях.
Что я сделала? Нашла нужную картинку в Google - Картинки. Проверила, чтобы она была маленького размера и взяла на нее ссылку:

  нажать на картинку Правой Кнопкой Мыши. 
В появившемся Контекстном Меню выбрать: 
Копировать URL картинки

Сам скрипт я вставила в самый нижний гаджет, в "подвале". Это никак не мешает ему работать. Если через время натолкнусь на другую подходящую картинку, то, пожалуй, поменяю!
Удачи! Пробуйте! Не получилось с одной картинкой - не встала - берите соседнюю! Пробуйте и все получится! У меня встала картинка с третьей попытки: размеры не вписывались!

P.S: полезный совет от Виктора Потоловского - загрузите нужную картинку себе на Яндекс Диск и возьмите ссылку на нее. Так вы будете точно уверены, что ваша картинка никуда не исчезнет неожиданно!
Как взять ссылку своей загруженной на компьютер картинки за ДВЕ минуты: (на 2:15 урока, весь смотреть - нудно)


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

  1. И мне понравилось. Оказывается, все так просто. Спасибо.

    ОтветитьУдалить
  2. Вы умница! Так оперативно! Спасибо! ♥

    ОтветитьУдалить
  3. Спасибо ВАМ, девочки, мальчики, что не забываете оставить свой комментарий! Мне очень приятно и ОЧЕНЬ это ценю!

    ОтветитьУдалить
  4. Спасибо, Наташа! Информация очень интересная.

    ОтветитьУдалить
  5. Наталья ,очень понравилась информация!!! СПАСИБО!

    ОтветитьУдалить
  6. Спасибо Наталья за прекрасные советы. Сейчас попробую поставить.

    ОтветитьУдалить
  7. Wonderful post...I like your blog.^^
    Maybe follow each other on bloglovin?
    Let me know follow you then back.
    Lovely greets Nessa

    ОтветитьУдалить

  8. Thank you so much for the follow.
    Follow you back on bloglovin.
    Btw,I'm also on Instagram,maybe you like my account?
    Lovely greets from germany ;-)

    ОтветитьУдалить
  9. Спасибо огромное. Наталья. за очень полезные советы!

    ОтветитьУдалить

Страницы