DobaviGo и Blogger

Тъкмо се загледах тази сутрин,
че бутончетата за социалните мрежи,
които си бях наредила под всеки пост
- нещо не работят както трябва.

И точно сега се появи...

Първия Български
бутон за споделяне!!!

(ако се чудиш какво е - виж тук)

Екстра, казах си веднага.
И се залових да си го кача.
Да де, ама нищо и никога не е толкоз лесно.

Копирах кода.
Поставих го на мястото на стария код.
Но не работеше.

Указа се, че някой таг не затворен както трябва.
Намерих кой и пак грижи.

Появи се една рамка, хич не стоеше хубаво.
Махнахме я.

Сега пък бутона стоеше по-дясно,
не се подравняваше хубаво с бутона Свежо.
Айде още малко играчка и стана!

А сега за Твое улеснения,
всичко на готово ( усмивка ).


Код за DobaviGo.com
<!-- Begin DobaviGo Button-->
<p><a href='http://www.dobavigo.com' name='a2a_dd' onmouseout='a2a_onMouseOut_delay()' onmouseover='a2a_show_dropdown(this)'>

<img alt='Първия Български Бутон за споделяне' border='0' height='16' src='http://www.dobavigo.com/bookmark.png' title='DobaviGO' width='125'/></a>

<script type='text/javascript'> a2a_linkname=parent.document.title; a2a_linkurl='<data:post.url/>';</script>

<script src='http://www.dobavigo.com/js.dropdown.js?type=page' type='text/javascript'/></p>
<!-- End DobaviGo Button -->


Указания за Поставяне
Отваряш си Акаунта в Blogger.
Oтиваш на Layout/Oформление.
Oттам на Еdit Html/Редактиране на HTML кода.
Слагаш отметка на Еxpand widget templates/Разгъване на шаблоните на притурки.
Издираваш ..

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>


и Paste-ваш след него кода за DobaviGo.

Или ето така!

<div class="'post-footer'">
<p class="'post-footer-line">
</p><p><data:post.body></data:post.body></p>
<div style="clear: both;"> <!-- clear for photos floats -->
</div>

TУК Е МЯСТОТО НА КОДА!

<div class="post-footer">
<p class="post-footer-line post-footer-line-1">

Как да махнеш Рамката
и да Подравниш Бутона?
Докато си още на Еdit Html/Редактиране на HTML кода.
И си отметнал Еxpand widget templates/Разгъване на шаблоните на притурки.
Издираваш ...

.post img {
padding:4px;
border:1px solid #cccccc;

и го променяш на ...

.post img {
padding:0;
border:0;

Това беше всичко!
Сега може да му се порадваш!
Изглежда така!



...

Нови два варианта на Бутона.

Малък!


и Голям!


За мен Големия, пък Ти - които си избереш?


Код за DobaviGo.com Голям

<!-- Begin DobaviGo Button-->
<p><a href='http://www.dobavigo.com' name='a2a_dd' onmouseout='a2a_onMouseOut_delay()' onmouseover='a2a_show_dropdown(this)'>

<img alt='Първия Български Бутон за споделяне' border='0' height='25' src='http://www.dobavigo.com/button_big.png' title='DobaviGO' width='100'/></a>

<script type='text/javascript'> a2a_linkname=parent.document.title; a2a_linkurl='<data:post.url/>';</script>

<script src='http://www.dobavigo.com/js.dropdown.js?type=page' type='text/javascript'/></p>
<!-- End DobaviGo Button -->


Код за DobaviGo.com Малък

<!-- Begin DobaviGo Button-->
<p><a href='http://www.dobavigo.com' name='a2a_dd' onmouseout='a2a_onMouseOut_delay()' onmouseover='a2a_show_dropdown(this)'>

<img alt='Първия Български Бутон за споделяне' border='0' height='15' src='http://www.dobavigo.com/button_small.png' title='DobaviGO' width='80'/></a>

<script type='text/javascript'> a2a_linkname=parent.document.title; a2a_linkurl='<data:post.url/>';</script>

<script src='http://www.dobavigo.com/js.dropdown.js?type=page' type='text/javascript'/></p>
<!-- End DobaviGo Button -->

...