Виджет установки кнопки - логотипа или баннера на своём блоге.

виджет автоустановки Доброго времени суток всем, кто читает эту шпаргалку. Как показать баннер или логотип своего блога с окошком для  кода. Или сделать кнопку автоустановки. Чтобы читатели, при желании, могли разместить его на своём сайте. Рассмотрим эти варианты.

Ко мне уже обращались с подобным вопросом и я просто высылала код. Хотя он у меня есть на странице обо мне и как-то там уже прижился. А отобразить сам логотип с кодом на страницах блога не так уж и сложно.


Смотрится очень красиво, аккуратно и компактно. В блоггере устанавливается через гаджет  HTML/JavaScript или в конце поста. Внизу этого сообщения я объединила эти 2 варианта. Но каждый вполне функционирует и отдельно.

Для начала вам необходимо создать свою кнопку- логотип или баннер. Сервисов для этого в сети очень много.

Вариант 1. Его код.

<center><p><span style="font-size:12px;
color:#1E3874 ;">Если вам нравятся шпаргалки блогерши<br/>
Вы можете установить логотип у себя в блоге<br />
или воспользуйтесь автозагрузкой
</span></p>
<div dir="ltr" style="text-align: center;" trbidi="on">
<a href="здесь адрес вашего блога"><img alt=" " src="путь к картинке(адрес изображения)" title="шпаргалки блогерши" /></a></div>
<textarea rows="3" cols="30">
&lt;a href="здесь адрес вашего блога " title=" шпаргалки блогерши" style="text-decoration:none;border:0;"&gt;
&lt;img src=" здесь адрес вашего блога"><img alt=" " src="путь к картинке(адрес изображения)" alt="шпаргалки блогерши" style="border:0" /&gt;
&lt;/a&gt;
</textarea><br/>
</center>


Поменяйте адреса на свои. И пропишите свои title и alt.

Вариант 2. Вероятно, на многих ресурсах вы видели кнопку автоустановки гаджета на блог. При нажатии, на которую, идёт перенаправление на такую страницу.

автоустанвка баннера блога


Здесь из выпадающего списка выбираем нужны блог, задаём название гаджета и нажимаем  добавить. Сейчас возвращаемся в админпанель блога во вкладку дизайн. И видим в правом верхнем углу боковой панели новый виджет.


Перетаскивайте его в нужное место и вуаля... Смотрим и радуемся результату.

Код для такой кнопки.

<form action="https://www.blogger.com/add-widget" method="post" target="_blank">
<input style="display: none;" value="My Favourite Site" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
&lt;a href="Your_Blog_URL" title="Your_Blog_Title" style="text-decoration:none;border:0;"&gt;
&lt;img src="Url_of_a_Small_logo_of_your_blog" alt="Your_Blog_Title" style="border:0" /&gt;
&lt;/a&gt;
</textarea>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="Link To Your_Blog_Title" name="go" type="image"/>
</form>

Результат.


Если вам нравятся шпаргалки блогерши
Вы можете установить логотип у себя в блоге
или воспользуйтесь автозагрузкой





Я, в свою очередь, буду вам очень благодарна если разместите логотип моего блога у себя.

Всем удачи в ведении блога. делитесь с друзьями информацией. Спасибо, что забегаете на мои шпаргалки. До новых встреч.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email


0 коммент.:

Отправить комментарий

Пользовательский поиск
Foto Saya
My Photo