Разные виджеты для блога blogspot

---

Приветствую всех друзей, читателей и гостей. В этой статье разные виджеты для Ваших блогов, в основном новичкам, кто только начинает ведение и настройку своих созданных ресурсов. Информация как всегда для блогов на платформе Blogspot, коды протестированы в тестовых блогах, на разных шаблонах, поэтому с установкой проблем быть не должно.  

Социальные кнопки

Код кнопки Follow (вставьте свой адрес в twitter)

<a href="ваш адрес в twitter" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @twitterapi</a>

Код кнопки Tweet

<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 32px;
    background: url('https://twitter.com/favicons/favicon.ico') 1px center no-repeat;
    border: 1px solid #fff;
  }
</style>
<div id="custom-tweet-button">
  <a href="ваш адрес twitter?url=https%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>

Код кнопки Google +

<a href="адрес страницы профиля в Google+"><img height="17" width="104" alt="Add to Google" src="https://buttons.googlesyndication.com/fusion/add.gif"/></a>

Кнопка для группы ВК

<a href="url адрес страницы группы" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="100" src="https://1.bp.blogspot.com/-kUkT3o2UsRw/VU_bHjlnOoI/AAAAAAAAItY/bEbbtNou3H0/s200/vk-but.png" width="97" /></a>

Гаджет подписаться В контакте

Гаджет можно установить в сайдбаре или в шапку блога: шаблон-изменить шаблон, выше закрывающего тэга </head> Делайте резервную копию шаблона.

<a href="https://1.bp.blogspot.com/-g2u5eY0-veY/VU_rF9u5rOI/AAAAAAAAIuk/OmsV3Tspvt8/s1600/vk.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;top:2px;"><img border="0" src="https://1.bp.blogspot.com/-g2u5eY0-veY/VU_rF9u5rOI/AAAAAAAAIuk/OmsV3Tspvt8/s1600/vk.png" /></a>

Гаджет переводчик Флаги (можно установить горизонтально и выбрать флаги нужных стран)

<style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"> <!--Google Flag Translator by MOK--> <form action="http://www.google.com/translate"> <script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script> <input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/> <input onclick="this.form.langpair.value=this.value" title="English" value="auto|en" type="image" height="20" src="https://www.google.com/images/flags/uk_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" type="image" height="20" src="https://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" type="image" height="20" src="https://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Hindi" value="auto|hi" type="image" height="20" src="https://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" type="image" height="20" src="https://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" type="image" height="20" src="https://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" type="image" height="20" src="https://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" type="image" height="20" src="https://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" type="image" height="20" src="https://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" type="image" height="20" src="https://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" type="image" height="20" src="https://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" type="image" height="20" src="https://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" type="image" height="20" src="https://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" type="image" height="20" src="https://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" type="image" height="20" src="https://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" type="image" height="20" src="https://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" type="image" height="20" src="https://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" type="image" height="20" src="https://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" type="image" height="20" src="https://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" type="image" height="20" src="https://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" type="image" height="20" src="https://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" type="image" height="20" src="https://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" type="image" height="20" src="https://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" type="image" height="20" src="https://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" type="image" height="20" src="https://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" type="image" height="20" src="https://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" type="image" height="20" src="https://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" type="image" height="20" src="https://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" type="image" height="20" src="https://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" type="image" height="20" src="https://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" type="image" height="20" src="https://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" type="image" height="20" src="https://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" type="image" height="20" src="https://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/> <input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" type="image" height="20" src="https://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/> <div arial="arial" helvetica="helvetica" id="mashable" sans-serif="sans-serif" style="background: #EBEBEB; border-image: initial; border-top: 1px solid white; border: 1px solid #EBEBEB; font-size: 10px; padding: 1px 8px 1px 3px; text-align: right;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"> </span> </div> </form> </div>

Гаджет для блогов преподавателей математики

<iframe src="https://gadgets.sterno.ru/multi/multi.php" width="260" height="380" scrolling="no" frameborder="0"></iframe>

Вот такие гаджеты-виджеты, копируйте коды и устанавливайте дизайн-добавить гаджет в нужное место макета блога. Все вопросы по установке задавайте в комментариях. У меня на сегодня все, всем всего доброго.

Посмотрите еще статью по теме гаджеты: Гаджеты последних комментариев для блога blogspot;