02 января 2012

как разместить конфетку

Как разместить «конфетку» на своем блоге/сайте/форуме. Мастер-Класс.

ПЕРЕПОСТ (http://komkofa.blogspot.com/2011/03/blog-post_06.html)

 За время проведения своей конфетки, столкнулась с тем, что многие новички не знают как размещать ссылки. Да я их понимаю прекрасно, мне просто повезло - под боком программист живет. )))
Поэтому для новичков мы с мужем подготовили МК по размещению ссылки  на боковой панели. Думаю, кому-нибудь пригодится.)


Пару слов о том, что такое конфетка.

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


Итак, конфетка состоит из 2-х элементов:
  • Картинки-миниатюры, которую вы размещаете у себя, и
  • Ссылки на страничку конфетки, на которой конфетка объявлена и описана.

Например:


От надписи «Ссылка на страничку» идут 2 стрелки:
  • Одна указывает на адрес/ссылку странички (http://komkofa.blogspot.com/2011/02/1.html).
  • Вторая на то, что это именно та страничка, где объявлена конфетка.

3-я стрелка указывает на картинку-миниатюру. 

Код конфетки


Чтобы разместить у себя конфетку, нужно разместить ее код:

<a   href="Ссылка на страничку"   />
<img   src="Ссылка на картинку-миниатюру"  height=""  width=""  />
</a>

Чтобы этот код стал полностью рабочим, нужно вместо Ссылка на страничку вставить реальный адрес/ссылку странички-конфетки. Для примера выше это http://komkofa.blogspot.com/2011/02/1.html.

А вместо Ссылка на картинку-миниатюру реальный адрес/ссылку на картинку-миниатюру.

Адрес/ссылка на картинку-миниатюру


Как можно получить этот адрес?

Нужно щелкнуть ПРАВОЙ кнопкой мышки по картинке-миниатюре. Появится меню, в котором нужно отыскать что-то типа такого:
  • Копировать адрес изображения ИЛИ
  • Копировать ссылку на изображение ИЛИ
  • Копировать URL картинки ИЛИ
  • Что-то подобное, где есть слова копировать, адрес, ссылка, URL, картинка, изображение.

Например, это может выглядеть так:

Однако может оказаться, что у вас нет ничего такого. Тогда в меню надо поискать пункт «Свойства», щелкнуть по нему и в открывшемся окне отыскать Адрес (URL). Выделить реальный адрес и скопировать его.  


Для конфетки, пример которой мы тут рассматриваем,  адрес/ссылка на картинку-миниатюру довольно страшен, однако не стоит его пугаться:


Итак, подставив оба адреса в наш код, получим:

</a>

А зачем нужны height и width?


Это высота и ширина картинки-миниатюры в так называемых пикселях. Частенько бывает так, автор конфетки не позаботился о том, чтобы картинка конфетки действительно была миниатюрной. Исправить это можно как раз с помощью этих height и width.
Например, 


То есть ширина нашей миниатюры 190 пикселей, а высота 143. Меняя эти значения можно подобрать подходящие вам значения.

Итоговый код конфетки:

</a>

Размещение конфетки в Blogger

  • Добавляем гаджет:

  •  Выбираем гаджет с именем «HTML/JavaScript»:

  • Вставляем код:

        

Я лично пользуюсь вот этим

<a   href="Ссылка на страничку"   />
<img   src="Ссылка на картинку-миниатюру"  height=""  width=""  />
</a>

3 комментария:

  1. Спасибо)))за ссылочку))Думаю о конфетке))

    ОтветитьУдалить
  2. Спасибо за МК! Я тот самый новичок, корторому очень пригодилась информация. Может поможете разобраться: одну конфетку добавила - всё ок, а вот у второй нет картинки. Спасибо)

    ОтветитьУдалить
  3. Я одна наверное ни чего не поняла.Не судьба наверное мне вести свой блог и участвовать в конфетках((((

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