Красивая форма подписки feedburner
Привет всем читателям моего блога, и сейчас хочу с вами поделиться красивыми шаблонами для форм подписки на feedburner, который является одним из самых известных веб-сервисов, который хранит базу подписчиков
В интернете есть много статей на тему «как сделать красивую форму подписки feedburner» или «шаблоны формы подписки» вообщем масса информации, но я решил сделать два красивых шаблона, под форму подписки и сейчас буду ими делится с вами.
Вывод формы подписки в сайд-баре
Сделал я первый шаблон для сайд-бара, а второй шаблон, после поста, итак давайте рассмотрим как он выглядит и как его вставить на сайт.
Ну вот, как вам такой вариант, понравился ? Мне очень нравится, так как он выглядит солидно и не напрягает как говорится. Давайте теперь рассмотрим как установить эту форму подписки к себе на сайт.
Переходим для начала на официальный сайт feedburner.google.com, если у вас открылось окно авторизации, значит вы не вошли в свой аккаунт на google, ну а если у вас нет почты на gmail то вам придется её создать если вы хотите использовать веб-сервис feedburner.
Итак вошли в свой аккаунт, запустили свой фид и жмем на вкладку «Публикуй» затем с лева в колонке, «Подписки по электронной почте» и видим ниже код формы подписки, вот мой пример:
И в данном коде необходимо, я выделил красным текст после «uri=smetskiy» и "value=smetskiy" то слово которое у вас стоит после равно, вам необходимо запомнить или скопировать куда то в блокнот, так как оно нам сейчас понадобится.
Хорошо, теперь вам даю код, который вам нужно вставить в виджет, ну или в то место, где вы желаете видеть данную подписку, вот код:
1 2 | <div class="podpiska"><form style="padding:3px;text-align:center;width: 325px;height: 270px;margin: -12px 0 -13px -15px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=фид', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div class="abr"><br>Подписаться на обновление блога<p>Введите свой e-mail адрес:</p><p><input type="text" style="width:240px" name="email"></p><input type="hidden" value="фид" name="uri"><input type="hidden" name="loc" value="ru_RU"><input type="submit" value="Получать обновления!"><p><a rel="nofollow" href="http://feedburner.google.com" target="_blank"></a></p></div><div class="icon"> <p style="text-align: center;"><a href="http://#"></a><a href="http://#"></a><a href="http://#"></a><a href="http://#"></a></p></div></form></div> |
Копируйте код, поскольку сейчас будем его редактировать. В этом коде ищите такие 2-е строчки:
uri=фид'
value=«фид»
Где вам нужно за месть русского слова «фид», вставить то слово, которое у вас прописано в коде feedburner, в моем случаи это «smetskiy»
Далее, те иконки которые в примере, они прописаны в данном коде, чтобы скачать все картинки и иконки к данному шаблону, вот вам ссылка на архив со всеми файлами.
Все картинки которые есть в архиве, вам нужно загрузить в корень сайта в папку «images» иначе картинки просто не появятся если не туда их загрузите. Дальше в коде есть ссылки на этих иконках, вы вставляете свои ссылки на фейсбус, гугл и т.д. Я думаю что это не сложно разберетесь.
Теперь переходим в стили и и в конец вставляем этот код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | /* Форма Подписаться на E-Mail ------------------------------------------*/ .podpiska { background: url(/images/pod.png); margin: 0px 0 -13px -13px;} input[type='submit'] { height: 27px; text-transform: uppercase; font-weight: bold; font-size: 12px; background: #6285bc; color: #fff; border: none; padding: 0 10px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: pointer; } .abr { /* width: 250px; */ height: 108px; padding: 20px 0 0px; margin: 0 0 -5px; /* border-bottom: 1px dashed #8c8c8c; */ text-align: center; } .icon { padding: 12px 0 20px; margin: 0 0 8px; } |
И все готово. Размер формы 325×270.
Вывод формы подписки под постом
Теперь давайте разберемся с подпиской которая выводится под постом. для вывода подписки под постом я использую плагин Post layout, рекомендую и вам установить его если вы не знаете куда нужно вставить код чтоб вывести форму подписки под постом.
Ок, установили плагин активировали, затем переходим в настройки Post layout, и во вкладке «Single post» в третей строке, которая называется «Code to add after the post» вставляем следующий код:
1 2 | <div class="podpiska1"><form style="padding:3px;text-align:center;height: 168px;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=фид', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div class="abr1"><h3>Подписаться на обновление блога</h3><p>Введите свой e-mail адрес:</p><input type="text" style="width:240px;margin: 0px 8px 0 0px;" name="email"><input type="hidden" value="фид" name="uri"><input type="hidden" name="loc" value="ru_RU"><input type="submit" value="Получать обновления!"><p><a rel="nofollow" href="http://feedburner.google.com" target="_blank"></a></p></div></form></div> <p> </p> |
Здесь принцип редактирования, тот же. Заменяем «фид» на свой, так как мы делали с вами выше и все !
Далее нужно прописать стили, идеи в редактор style.css и в конец добавьте вот этот код:
1 2 3 4 5 6 7 8 9 10 11 | /* Форма Под статьей на E-Mail ------------------------------------------*/ .podpiska1 { background: url(/images/pod1.png) top center no-repeat; margin: 0px 0px -13px 0px;} .abr1 { /* width: 250px; */ height: 168px; padding: 15px 0px 0px; margin: 0 0 5px; /* border-bottom: 1px dashed #8c8c8c; */ text-align: center; } |
И у вас должна получится, вот такая красивая форма подписки:
Размер формы 618×168.
Для тех, кому не подошли формы которые выше, даю еще одну которую можно использовать как для резиновых шаблонов, так и для тех у кого маленькие колонки. Вставьте данный код в стили:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 | /* Форма Подписаться на E-Mail ------------------------------------------*/ .cell-subscription { float:left; /* width: 100%; */ text-align:center; background: url(/images/cell-subscription.png) #fff repeat; border-radius: 3px; margin: 10px; } .cell-subscription-info { float:left; /* width: 100%; */ padding: 10px 15px; margin: 5px 5px 5px 5px; background:#fff; border-radius: 3px; } .cell-subscription-info input { font:11px Verdana,Arial,Helvetica, sans-serif; padding: 5px 10px; border-radius: 3px; } .cell-subscription-info p { float:left; width: 100%; padding: 0px; margin: 0px; } .subscription-input{ width: 188px; margin: 10px 0px; background:#FAFAFA; border: 1px solid #CAD3DA; color:#555; } .subscription-input:focus {box-shadow:inset 0px 0px 3px #e6e6e6!important;} .subscription-button { cursor:pointer; background: #6285BC!important; border: 1px solid #3068BE!important; text-shadow: 1px 1px 1px #3068BE!important; font-weight: bold!important; color:#fff!important; } .subscription-button:active {box-shadow:inset 0px 0px 3px #6285BC!important;} .subscription-button:hover {background:#3068BE!important;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } |
Дальше, нужно залить в папку по адресу (/images/cell-subscription.png) данную картинку:
Затем вставьте в то место, где вы хотите видеть свою форму, вот этот код, и замените ФИД:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div class="cell-subscription"> <div class="cell-subscription-info"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=фид', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <p>Подписывайтесь на наши обновления! Введите свой e-mail адрес </p> <input class="subscription-input" type="text" name="email"> <input type="hidden" value="фид" name="uri"> <input type="hidden" name="loc" value="ru_RU"> <input class="subscription-button" type="submit" value="Подписаться"> </form> </div> </div> |
Выглядит данная форма вот так:
Ну вот и все, у кого есть какие то вопросы прошу пишите в комментариях под постом, а также кто будет устанавливать себе данную форму и возникнут какие то трудности можете смело писать я вам обязательно помогу. Все на этом все, всем спасибо и до скорых встреч.
С уважением Евгений Смецкий
83 комментария
Евгений, а не считаете ли вы (лично ваше мнение) что feedburner является прошлым веком, и сейчас не является актуальным сервисом управления подписчиками и подписками?
По поводу формы feedburner то действительно прикольно получилось — думаю, что те, кто не встречался с CSS смогут почерпнуть для себя полезную информацию, которая решит их проблемы.
Прошлым веком ?? мне кажется это смешно, данным сервисом очень много пользуются блогеров и не только, лично для меня то это крутой сервис с огромным интерфейсом, да может в нем нет тех функция например которые есть в smartresponder, но я использую не только feedburner, он у меня только для новостных уведомлений подписчикам, ну а рассылки если надо сделать то хорошо делать в других сервисах, если честно то я не заморачиваюсь над тем, прошлый век или новый, мне удобно с ним работать, вот и все )
Я имел ввиду, что feedburner не удобен тем, что нет возможности собирать свою рассылку, да и читал еще о том, что мол рано или поздно этот сервис должны закрыть.
Если тебе с ним работать удобнее (знаю еще не одного блоггера который работает с feedburner) — то в этом ничего плохого нет, просто если разберешься с ДжастКлик или Респондером — то думаю хуже от этого не будет однозначно.
По поводу закрытие, это все слухи ходят. А по поводу ДжастКлик или Респондером, скажу так, с Респондером я и так работаю, а с ДжастКлик честно говоря не очень он мне нравится, много всего ненужного в нем есть (
Понятно.
Кстати, прикольно было бы эту форму которая показана в публикации в виде скриншотов сделать в виде формы. Я прям захотел подписаться — кликал-кликал, пока понял, что это картинка... (чтобы не терять потенциальных подписчиков).
Да прикольно )
Также думаю что данный сервис уже не актуален для большинства блогов и пользователей. исключение блоги о seo, созданию сайтов и т.д.
Евгений, а мне очень понравилось! Это моя любимая тема, как делать формы подписки.) Спасибо за подробную статью, хочу так же попробовать соц.кнопки в форму вставить, классно смотрится.))
Привет Женя! Только что попробовал установить эту форму в сайт бар и... почти всё получилось, но вот единственное что не вывелось, так это рамка для формы (полосатая) в коде не нашёл где прописывать путь к картинке рамке! Укажи пожалуйста
Рамка прописаны в стилях, название pod.png
В стилях прописал путь к рамке и она не вывелась!!!! Что я пропускаю?
Стиль вы прописали тот который я написал или свой ? И посмотрите по какому адресу картинка ннаходится!
Все картинке должны быть в самом корне сайта в папке /images, то есть селе вы закинули правильно то у вас она должна вы светится по адресу igorchernomoretz.com/images/pod.png
Женя, стили прописаны твои! Иконки устанлвлены в корне в папке imgs ( так она у меня называется) путь прописан правильно, а доказательство тому, это то что иконки соц.сетей фигурируют под формой! Единственное что не фигурирует, это рамка!
Эту ыформу я установил на тестовый сайт и поэиому путь выгоядит так : тестовый сайт.com/imgs/pod.png
Зашел я по вашей ссылке — она недоступна. С какой радости она должна в таком случае загружаться формой?
Упс, не заметил, что тестовый сайт — получается на сайте Игоря нет картинки.
У вас папка называется imgs, а в стилях изменили путь?? Если не получается значит просто с архива залейте мою папку со всеми картинками и пропишите весь код который я дал, и все будет норм !
Хорошо, спасибо!Я попробую, хотя...не пойму какя разница, или я залью твою папку или я залил только картинки напрямую в папку! Ну я проверю.Спасибо
Разница в том, что вы допускаете чисто механичную ошибку в адресе на картинку. Если зальете целую папку — то ошибка будет устранена, так как в файле стилей прописаны правильные пути.
Юра, я до сих пор не могу понять какая может быть механическая ошибка!!! Всё просто...у меня в корне есть папка imgs туда я залил все картинки, то есть путь к картинкам получается такой — мой сайт/imgs/картинка.png вот и всё!!!
Когда я копирую путь в браузер, то картинка отображается, значит всё правильно!
Может быть в стилях css ты Женя не правильно прописал что-то?
Вот так сейчас у меня прописано, обрати внимание —
.podpiska { background: url (мой тестовый домен/imgs/pod.png); margin: 0px 0 -13px -13px;}
Вроде всё правильно!
Попробуй прописать просто:
.podpiska { background: url (/imgs/pod.png); margin: 0px 0 -13px -13px;}
Евгений правильно говорит — пути должны быть внутренними, либо внутренними, либо заключить в кавычки (согласно спецификации CSS3).
background: url («мой тестовый домен/imgs/pod.png») — вот так должно быть, или как написал Евгений.
Ребята, пробовал и как Женя говорит и как ты Юра говоришь...не получается!!! Нет рамки и всё! У меня в шаблоне есть 3 файла css может мне в остальных нужно тоже прописать стили?
Самый простой вариант — это не ходить вокруг да около — а дать ссылку (например под именем) на страничку куда интегрированная форма — и тогда можно было бы зайти, взглянуть и определить в чем конкретно проблема. Если проблема с стилями — то это будет заметно с клиенской стороны даже без доступа в админку — и тогда уже можно будет определенный совет. Без просмотра реально того, что куда было вставлено — не по звездам же определять... Я специально скопировал код, установил его в дремвивер и вижу, что форма работает как надо — значит она должна работать везде.
я бы дал ссылку, но не могу! Этот сайт должен остаться в секрете до 1-го декабря 😛 Так как это будет новый дизайн моего блога и заранее не хотел бы всем показывать!
Ну не важно, постараюсь справиться самому, а если не получиться, тогда 1-го декабря напишу здесь ещё один коммент с ссылкой на сайт 😉
Ок, в случае чего — обращайтесь или сюда, или на почту, или к примеру в скайп. Нет не разрешенных проблем — думаю справимся.
Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142
Добрый день!) Благодарю за нужную статью) Все сделал и даже работает. Но есть маленькое но! Дело в том, что на iphone и на больших экранах фоновая картинка пропадает в форме подписки((( Помогите пожалуйста решить проблемку...? Может что то в настройках?
В сайд бар прописал:
Подписывайтесь на наши обновленияВведите свой e-mail адрес
А в style.css прописал:
/* Форма Подписаться на E-Mail
------------------------------------------*/
.podpiska { background: url (/wp-content/uploads/2014/12/pod.png); margin: 0px 0 -13px -13px;}
input[type='submit'] {
height: 27px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
background: #6285bc;
color: #fff;
border: none;
padding: 0 10px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
cursor: pointer;
}
.abr {
/* width: 250px; */
height: 108px;
padding: 20px 0 0px;
margin: 0 0 -5px;
/* border-bottom: 1px dashed #8c8c8c; */
text-align: center;
}
.icon {
padding: 12px 0 20px;
margin: 0 0 8px;
}
Все у вас отображается нормально, я проверял через айфон и айпад, просто нужно поставить правильный размер формы, и сделать фоном картинку по размеру вашего сайдбара !!
Я просто уже 2-а дня ломаю голову!((( Моги пожалуйста как что и где прописать? Я сам не программист(
PS: Ну земляку допоможи будьласка =)
Ок )) постараюсь ! Вышлю на почту все !
Давно искал пост на эту тему.Обязательно сделаю!
Хотел себе красивую форму, даже задавал уже вопросы по этому поводу, но пока решил отложить это дело. 😛 😛
Последнее время замечаю такую тенденцию, что многие блоггеры стали отказываться от сервиса feedburner, видимо потому что этот сервис не обновляется и не делает ничего нового, просто существует и все.
Мне кажется, что он и без обновления хорошо справляется со своей задачей.
Евгений, здравствуйте! У меня та же проблема, что и у Игоря((( Все прекрасно ставится, но фоновая картика с конвертиком не высвечивается если перейти по адресу sovuskino.ru/images/pod.png она есть, а в сайтбаре ну никак не хочет появляться(((. Подскажите, пожалуйста, что не так? Уже полдня сижу))))). так хочется красивую форму подписки уже наконец сделать). Спасибо!
Татьяна, я захожу на ваш сайт и не вижу формы, как я могу вам помочь ? Поставьте форму и вышлите ссылку на нее чтобы можно было посмотреть, ссылку вставьте в поле «сайт»
Здравствуйте, Евгений. На своем блоге в самом низу в сайтбаре я сделала форму. Посмотрите. А как сделать ссылку на форму подписки?
В вашем случаи, код стилей нужно добавлять перед строчкой
/* Begin Additional CSS Styles */
Спасибо, Евгений! Вроде получилось, посмотрите). А вот только еще вопросик, как мне сдвинуть все надписи и значки в самый низ, где это в коде исправить. Я просто на конвертик в верхней половинке хочу картинку добавить свою, а получится, что все надписи картинку вверху закроют. Спасибо!
Да, и еще, что-то у меня все как-то сдвинулось, друг на дружку и конвертик как-то непонятно разрезался(((
Татьяна, добавил в статью еще один способ. А так же отправил вам письмо с кодом под ваш сайт.
Евгений! К сожалению не получается все равно... но! Я поковырялась в коде немного, совместила Ваше и свое и посмотрите что получилось. Тоже не плохо). Есть правда один вопросик. Как можно иконки соцсетей чуть-чуть приподнять наверх, ну Вы поймете, увидев мою новую форму. Если не знаете как, то ничего, я и этим вариантом пока довольна очень! Спасибо большое Вам!
Кстати, подписалась на Ваш блог, понравился!
В классе .icon закройте паддинг вот так /* padding: 12px 0 20px; */
Евгений, еще, у меня проблемы с выводом подписки под постом(((. Что-то странно все сдвигается. Можете посмотреть? Спасибо!
Попробуйте еще раз, я обновил код !
Евгений, все просто СУПЕР!!! Все получилось и с виджетом и с подпиской в статье! Спасибо огромнейшее! И спасибо за терпение!
P.S. Если это Вас не затруднит, а последний вопросик... Как сделать так, что бы при нажатии на кнопки соцсетей страницы открывались в новой вкладке или окне, а то у меня получается, что читатель уходит с моего блога?
После ссылке поставьте target="_blank"
Все, Евгений! Все просто замечательно!!! Еще раз огромнейшее спасибо!!!
На здоровья )
Здравствуйте! Посмотрите у меня! Проблема с выводом после поста
В классе .abr1 закройте выравнивание по левому краю вот так /* text-align: left; */
Отдельное спасибо за резиновую форму, очень помогло...
Спасибо, взял дизайн подогнал под стандартную форму обратной связи в юкоз, преобразил на одно поле! Все прекрасно выглядит! Спасибо 5+
Пожалуйста )
Спасибо большое за тему)
Я использовал вариант установки для резинового шаболона и есть одно Но. Как сделать что-бы элемент ".subscription-input{ " отображался по центру а не к левому краю прилипал? И так же при работе W3 Total Cache почему то тема не отображается(
Где можно посмотреть на сайте, то что вы сделали ?
а как я могу сайт в личку отправить?)
Напишите ответом на это сообщение !
Проблема в вашем сайте! У вас в css прописано input, блочное выравнивание, если его закрыть (display: block;) то все будет нормально только сама форма будет выравниваться по левому краю.
Спасибо за урок, постараюсь сделать подписную форму по вашему методу, а то моя пока еще простенькая.
Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142
Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142
Warning: count(): Parameter must be an array or an object that implements Countable in /home/smetskiy/smetskiy.com/www/wp-content/plugins/wp-noref/wp-noref.php on line 142
Евгений здравствуйте
Я на своем сайтеtarassila.com сделал все по инструкции. Вставил в плагин Post Layout следующий код
Подписаться на обновление блогаВведите свой e-mail адрес:
В стили вставил :
/* Форма Под статьей на E-Mail
------------------------------------------*/
.podpiska1 { background: url (/images/pod1.png) top center no-repeat; margin: 0px 0px -13px 0px;}
.abr1 {
/* width: 250px; */
height: 168px;
padding: 5px 0px 0px;
margin: 0 0 5px;
/* border-bottom: 1px dashed #8c8c8c; */
text-align: center;
}
Однако
1. Слетает сама форма ввода e-mail и кнопка. Ее стили очевидно берутся из основных настроек темы
2. Текст "Подписаться на обновление блога " тоже форматируется неправильно. Но это очевидно потому что берется опять же из стилей форматирование тега / Тут я думаю можно справиться, прописав в стилях вывода этого текста свои классы.
Однако с выводом формы ввода e-mail перепробовал много, уже второй день сижу — ничего не получается.
Вот пост , где я включил вывод плагина Post Layout
Как это исправить?
Здравствуйте! Решил вашу проблему. Код отправил вам на почту !
За урок отдельное спасибо — все оформлено аккуратно, красиво. Особенно с кнопками соц-сетей. В комментариях встречается — что уже мол сервис устарел и тд, но что еще необходимо? Аналитика — есть, Подписка — есть, Есть и возможность подключать свой аккаунт в Twitter и Facebook к FeedBurner, изменить основную настройки без особых «палок в колесах» если сайт, блог сменил свой домен.
Или все же этого не достаточно и существуют подобные сервисы с более расширенным функционалом?
Спасибо за форму 😉
Пожалуйста !!!
Евгений, добрый день!
Благодарю за полезный пост! Но у меня кнопка почему-то вышла за пределы формы. Пробовала изменить высоту формы -ничего не дало. Может быть не те параметры меняю? Буду благодарна за помощь!
Здравствуйте. Помогите пожалуйста с моей проблемой. Как уменьшить размер картинки или виджета при отображении формы подписки. У меня выглядит вот так htt p://s019.r adikal .ru/i620/1510/41/e3c7836763ee.jpg (пробелы уберите). Еще к этому не отображаются иконки соц.сетей. Куда вставлять ссылку на иконки?
Здравствуйте,Евгений!
Я сделала форму подписки под постами(с помощью плагина) Все хорошо и работает, но нет картинки бекграунда (полосатое обрамление) не могу понять почему( Помогите плз. У меня блог на WordPress подписка от feedburner miloe-delo.ru/kukla-iz-pape-mashe-arlekin/ вот пример
Инесса, Вы не тот код вставили ! Там где будет выводится данная форма, Вам необходимо вставить тот код, который у меня в статье после заголовка «Вывод формы подписки под постом» который начинается с класса class="podpiska1"
Не внимательно читали статью !
Здравствуйте Евгений! Мне нужна была форма подписки в сайд — бар именно от feedburner. Поставил Ваш первый вариант, но сайд — бар у меня немного меньше. Не вошел правый край рамки и текст почему — то мелкий. Не посмотрите, что можно сделать?
На вашем сайте, я не нашел мою форму?!
Скорее всего «типаж» шаблона просто не подходит. Попробуйте второй вариант.
Искал форму с обводкой такой около часа и только тут рабочее решение нашёл спасибо
Можешь написать пример с соц кнопками? Если честно не совсем понял что где прописать, чтобы они появились 🙂
Читайте выше комментарии !
Прочел все коменты и не увидел. Там были вопросы про соц кнопки. Но так, но ответов не было. В статье тоже что-то про соц кнопки сказано. Даже в стилях они не прописаны
В статье написать: нужно скачать архив, на него я дал ссылку, распаковываете и заливаете на свой сайт в папку images. Если не появились ваши иконки, значит в данном коде не соответствует ссылка на картинку которую вы залили. Проверьте все ли иконки соц. сетей открываются во ссылкам указаны в коде. Стилей на эти иконки нет!
Женя вставила код, но картинка рамки отображается отдельно от текста. Что нужно исправить?
Вы css вставили ??
скорее всего нет...)) что это — css? и где его вставить?
Это стили! Найдите в статье где написано что нужно вставить в стили, у себя найдите в редакторе файл style.css и вставьте данный код!
Да, нашла, вставила. Загрузила на сайт картинку. Но, рамка, в виде конверта не появляется.