Установить - добавить кнопки социальных сетей на сайт - блог

blogger - bogspot кнопки социальных сетей

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

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

Для того, чтобы добавить - установить кнопки социальных сетей на сайт - блог, вам нужно перейти в раздел Шаблон - Изменить HTML найти код  ]]></b:skin> и перед ним вставить следующий код:

/* CSS Share Button */
.tombol-berbagi-arlina{display:block;position:relative;height:35px;line-height:35px;padding:10px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:auto}
.tombol-berbagi-arlina-fb,.tombol-berbagi{float:left;width:18%;padding:0 10px;height:inherit}
.tombol-berbagi-arlina-tw,.tombol-berbagi,.tombol-berbagi-lk{float:left;width:17%;height:inherit;padding:0 10px;border-left:solid 1px #dadada}
.tombol-berbagi-fb,.tombol-berbagi-tw,.tombol-berbagi-gp,.tombol-berbagi-lin,.tombol-berbagi-pi{float:left;display:block;background:url('http://2.bp.blogspot.com/-mK6_DlC8Xg4/VgJ6HKzdhwI/AAAAAAAAhho/O9vQOCbUF3M/s1600/191.jpg') no-repeat;width:42px;height:41px;margin-right:3px;background-position: 0px -62px; }
.tombol-berbagi-fb-label{color:#2d609b}
.tombol-berbagi-fb-label,.tombol-berbagi-tw-label,.tombol-berbagi-gp-label,.tombol-berbagi-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
.tombol-berbagi-tw{background-position:0 -32px}
.tombol-berbagi-tw-label{color:#00c3f3}
.tombol-berbagi-gp{background-position:0 -2px}
.tombol-berbagi-gp-label{color:#f00}
.tombol-berbagi-lin{background-position:0 -152px}
.tombol-berbagi-arlina a{color:#999;transition:all .3s;height:30px}
.tombol-berbagi-arlina a:hover{color:#7cb0ed}

@media only screen and (max-width:640px){
.tombol-berbagi,.tombol-berbagi-arlina-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
.tombol-berbagi,.tombol-berbagi-arlina-tw,.tombol-berbagi-lk{float:left;width:48%;padding:0;border-left:0}}


Затем копируете наш следующий код и вставляете его туда где должны появиться ваши кнопки:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='tombol-berbagi-arlina'>
<div class='tombol-berbagi-arlina-fb'>
<a class='tombol-berbagi-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>  Facebook</a>
</div>
<div class='tombol-berbagi-arlina-tw'>
<a class='tombol-berbagi-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-tw-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'> Twitter</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/>
<a class='tombol-berbagi-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'> Google+</a>
</div>
<div class='tombol-berbagi'>
<a class='tombol-berbagi-lin' expr:href='&quot;http://vk.com/share.php?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600&apos;);return false;' target='_blank'/>
<a class='tombol-berbagi-lin-label' expr:href='&quot;http://vk.com/share.php?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600&apos;);return false;' target='_blank'>  Vkontakte</a>
</div>
</div>
</b:if>
Если вы не знаете, куда устанавливать последний код, в таком случае вы можете посмотреть, как мы делали это в предыдущей теме, о кнопках соцсетей, где мы рассказывали, как установить кнопки социальных сетей от сервиса Pluso. 


Коммент.

Имя

Бесплатные шаблоны WordPress Блог Все для blogger Все для WordPress Графический дизайн Заказ сайта Заработок в интернете Инструменты для сайта Контакты Купить шаблон blogger Наши услуги Новичкам Оптимизация сайта Партнерки для сайтов Перевод статьи Плагины для WordPress Полезные сайты Полезные сервисы Полезные статьи Разделы сайта Сайты - блоги Шаблоны для Blogger Шаблоны для Joomla Шаблоны для PrestaShop Шаблоны для Ucoz Шаблоны на русском Шаблоны blogger 2016 Шаблоны blogger бесплатно Шаблоны blogger магазин Шаблоны Bootstrap 3 Шаблоны Magento best blogger templates
false
ltr
item
Шаблоны для сайтов и блогов: Установить - добавить кнопки социальных сетей на сайт - блог
Установить - добавить кнопки социальных сетей на сайт - блог
Blogger - blogspot, как установить - добавить кнопки социальных сетей на сайт - блог без стороннего сервиса?
https://2.bp.blogspot.com/-j45-zAJ3Y2g/VgKKTg0_BTI/AAAAAAAAhh4/qeC5j8kqaHM/s640/blogger%2B-%2Bshare%2Bbuttons%2B-%2B%25D0%25BA%25D0%25BD%25D0%25BE%25D0%25BF%25D0%25BA%25D0%25B8%2B%25D1%2581%25D0%25BE%25D1%2586%25D0%25B8%25D0%25B0%25D0%25BB%25D1%258C%25D0%25BD%25D1%258B%25D1%2585%2B%25D1%2581%25D0%25B5%25D1%2582%25D0%25B5%25D0%25B9.jpg
https://2.bp.blogspot.com/-j45-zAJ3Y2g/VgKKTg0_BTI/AAAAAAAAhh4/qeC5j8kqaHM/s72-c/blogger%2B-%2Bshare%2Bbuttons%2B-%2B%25D0%25BA%25D0%25BD%25D0%25BE%25D0%25BF%25D0%25BA%25D0%25B8%2B%25D1%2581%25D0%25BE%25D1%2586%25D0%25B8%25D0%25B0%25D0%25BB%25D1%258C%25D0%25BD%25D1%258B%25D1%2585%2B%25D1%2581%25D0%25B5%25D1%2582%25D0%25B5%25D0%25B9.jpg
Шаблоны для сайтов и блогов
http://www.shablonu-dlya-blogger.ru/2015/09/dobavit-knopki-socialnyh-setej-na-sajt.html
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/
http://www.shablonu-dlya-blogger.ru/2015/09/dobavit-knopki-socialnyh-setej-na-sajt.html
true
5286106991494805428
UTF-8
Похожих постов не найдено Отобразить все Читать дальше Ответить Отмена Удалить By Главная Страницы Пост. Отобразить все Рекомендуем Тег Архив Поиск Все посты По вашему запросу не найдено ни одного поста Вернуться на главную Воскресение Понедельник Вторник Среда Четверг Пятница Суббота Вс Пн Вт Ср Чт Пт Сб Января Февраль Март Аперль Май Июнь Июль Август Сентябрь Октябрь Ноябрь Декабрь Янв Фев Мар Апр Май Июнь Июль Авг Сен Окт Ноя Дек только что минуту назад $$1$$ мин. назад час назад $$1$$ час. назад Вчера $$1$$ дней тому назад $$1$$ недель тому назад более 5 недель Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy