ontika (ontika) wrote in iherbfans,
ontika
ontika
iherbfans

Categories:

Как сделать баннер с кодом, ведущий на iherb.com

Как сделать кликабельную картинку, ведущую на сайт iherb.сom по вашей реферальной ссылке?

Можно взять за основу любой из баннеров отсюда: www.flickr.com/photos/iherb/sets/72157622476414164/detail/ или поискать в сети.

Если выбран баннер с кодом, то он требует доработки - нужно написать свой код. Для тех, кто совсем ничего в этом не понимает (как я, например), самый простой путь - сохранить выбранную картинку к себе на компьютер, открыть ее в Paint (или любой другой  графическийредактор, но  Paint, как правило, есть у всех). 

Выбираете текстовое поле (в Paint оно обозначено среди инструментов значком с буквой A) и вставляете его в то место, где должен быть ваш код - прямо сверху на имеющийся, если он там есть и, подбирая вид, размер и цвет и шрифта, пишете свой.

Сохраняете картинку у себя на компьютере.

Загружаете ее в сеть, например, в жж по адресу pics.livejournal.com/manage/upload (вы должны быть залогинены под своим аккаунтом). Теперь вам нужен URL-адрес вашей картинки, в Chrome вы просто щелкаете правой клавишей на картинке и выбираете "Copy image URL", в галерее ЖЖ адрес картинки выглядит  примерно вот так: pics.livejournal.com/ontika/pic/000034fa/g5, сотрите последние символы вместе с косой чертой и у вас будет URL картинки: pics.livejournal.com/ontika/pic/000034fa

Для того, чтобы сделать ее ведущей на сайт по вашей реферальной ссылке, переключаемся с визуального редактора на  HTML и пишем вот так:

<a href="http://www.iherb.com/?rcode=ваш код" target="_blank" title="текст, который будет виден при наведении курсора на картинку"><img src="URL вашей картинки"></a>

Вот эта картинка имеет такой код вставки: 
<a href="http://www.iherb.com/?rcode=GAV901" target="_blank" title="Ссылка на сайт iHerb.com"><img src="http://pics.livejournal.com/ontika/pic/000092pk"></a>



 При публикации код автора не использовался, свой код я здесь писать не буду во избежание недоразумений.

Вопросы? :)

UPD: только сейчас заметила, что, редактируя пост, случайно убрала правильную ссылку, теперь картинка кликабельна и все работает как надо. :)
Tags: оформление заказа, советую
Subscribe
  • Post a new comment

    Error

    Comments allowed for members only

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 3 comments