Установка, и настройка виджета обратных ссылок.

 

Всем очередной привет, как я вам и обещал решил я все таки написать статью про виджет обратных ссылок,(бэклинк). Тут почти все тоже самое что и кнопка бэклинк, но все таки это полноценный виджет. И это в каких то случаях даже удобнее, хотя бы тем что пользователь установившей себе такой виджет. Сможет разместить на нем любой текст, да и людям заходящим к тому у кого установлен такой виджет, будет намного удобнее не копировать код из рамки, а просто нажать на кнопку. В статье про кнопку бэклинк, я рассказывал  для чего она нужна и  как лучше её приготовить). Но еще раз повторюсь что данный гаджет, кнопка пригодится по многим причинам.Обратные ссылки что дает данный гаджет не кому еще не вредили , а наоборот от них есть польза в виде привлечения большего круга пользователей, на ваш веб ресурс. И более широкой известности, опять же вашего ресурса путем того что. Если человек увидел на каком либо сайте напоминание о другом сайте, то ввиду того что человек существо любопытное, он может и пройти по ссылке). А это трафик на ваш сайт в виде людей, а возможно и будущих подписчиков. Так что кому не жалко места у себя на ресурсе ставьте данное расширение, и то что от этого расширения возрастет ваша аудитория, станет на один шанс больше. А теперь давай я вам расскажу как его себе поствить, и настроить. Установка проста на самом деле если делать все по пунктам, вставлять данный скрипт надо в HTMLjawascript , гаджет  для этого заходим на блог, в раздел Дизайн и там выбираем. А  теперь все же по поводу установки, и так вот скрипт.

<div class="widget HTML" id="HTML4">
<h2 class="title">Ваша помощь важна</h2>
<div class="widget-content">
<a href="#" imageanchor="1" rel="nofollow" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGNIKYvTiw9tEMyLs43SPc6HdIMnscnZvES_VhdfUDHD7p-gVkeQmRGSsEPF4DtiMUHcWbtiWcyJclxJ8RrV5mgcp3HJwDCHofYDKFe98XcRpeWX6GeSlelBKXq5Swj96ElfXKm1PXSlQt/s1600/24work-jump-loding.gif" border="0" /></a><span style="font-weight:bold;">Друзья если мои материалы помогли вам, будьте так признательны несите об этом ресурсе весточку.
</span>
<span style="font-weight: bold; color: rgb(204, 0, 0);">Копируя этот html код что ниже на ваш Веб-сайт&gt;&gt;</span>
<div style="text-align: center;">
<div style="width:80px; height:15px; background-image:url(https://sites.google.com/site/itwordandsoft/home/1/%D0%B7%D0%B711111341111%D0%B7.jpg);"> <div style="display: none;"><img src="http://zarnakoom.com" style="width:0px; height:0px;" border="0" /></div>
</div>
<br />
<p style="text-align:center;"><a href="http://zarnakoom.com" title="В  этой жизни"> <img src="https://sites.google.com/site/itwordandsoft/home/1/%D0%B7%D0%B711111341111%D0%B7.jpg" width="125" height="35" alt="Двигайся вместе с нами" style="border:none;" /></a></p>
<div style="border:1px solid rgb(221,221,221);background:#ffffff none repeat scroll 0 0; width:130px;overflow:auto;height:120px;line-height:1.5em;margin:auto;padding:5px 10px;">&lt;a href="http://zarnakoom.com/" title="В этой жизни"&gt; &lt;img src="https://sites.google.com/site/itwordandsoft/home/1/%D0%B7%D0%B711111341111%D0%B7.jpg" width="125" height="35" alt="Двигайся вместе с нами" style="border:none;" /&gt;&lt;/a&gt; </div><br />
<br />

Или используйте эту кнопку, для установки нашего виджета на ваш блог на Блоггер, Блогспот.
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<input style="display: none;" value="My Favourite Site" name="widget.title" />
<input name="infoUrl" value="http://zarnakoom.com/" type="hidden" /><input name="logoUrl" value="https://sites.google.com/site/itwordandsoft/home/1/%D0%B7%D0%B711111341111%D0%B7.jpg" type="hidden" />
<textarea style="display: none;" name="widget.content">&lt;!-- Dont edit this code or it will not work --&gt;&lt;a href="http://zarnakoom.com/" rel="dofollow" target="_blank" title="Zarnakoom"&gt;&lt;img alt="Zarnakoom" border="0" height="15" src="https://sites.google.com/site/itwordandsoft/home/1/%D0%B7%D0%B711111341111%D0%B7.jpg" width="80" /&gt;&lt;/a&gt;&lt;!-- End http://zarnakoom.com--&gt;
</textarea>

<br />
<input style="border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5D8oicM3v-wpXMvJx3Bue7pYmJMNUrTgeWaS_vkzGbTO9ObAkl-NrUDPjmB0yCMt3G-V1tACIT9tOX51gFg0q05dBmf2-UkDX_Y8tdQRNtzLCQaQIlCNEa7ReS62LYBfo6OJfHB8I-cx5/s1600/add-to-blogger.gif" value="Link To Zarnakoom" name="go" type="image" />
</form></div>
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=8145265743082971695&amp;widgetType=HTML&amp;widgetId=HTML4&amp;action=editWidget&amp;sectionId=footer-botc" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML4&quot;));" target="configHTML4" title="Edit">
<img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18" />
</a>
</span>
</span>
<div class="clear"></div>
</div>

1)

Все что я пометил зеленым, там надо заменить мой текст на свой.

2)

А все что я отметил красным тут надо заменить мои ссылки,(веб адреса и.т.д.) на свои.

И в третьих размер виджета менять не надо, ставится он в основном или в боковую колонку, или же снизу. Удачных экспериментов, если что то не будет получатся то пишете, поможем чем сможем).