Притурки. Брояч за социалните мрежи в Blogger

Здравейте, читатели ! Добавянето на притурка-брояч за социалните мрежи в Blogger е много важна притурка. И в същото време е едно от най-полезните приспособления, което трябва да инсталирате в блога си.

Чрез него вашите читатели ще се чувстват комфортно и ще знаят повече за популярността на вашия блог.
Публикация в блога, която е достатъчно дълга или има повече коментари, създава впечатление за голяма популярност. За да покажете тази популярност се нуждаете и от елегантно изглеждащ социален брояч. Ако този вид функция е налице, посетителят може лесно да се увери в популярността на вашия блог и да стане ваш фен, абонат или последовател.

За притурката

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

Можете да проверите действието ѝ преди да добавите това приспособление в блога си.


DEMO

Инсталиране

Първото нещо, което трябва да направите, е да влезете в акаунта си в Blogger и да отидете на Оформление ➔ Щракнете върху добавяне на притурка ➔ Изберете HTML / JavaScript и поставете долния код в празното пространство.

<div class="trendy_counters">

<ul class="sc_vertical">

<li class="count-twitter"><a data-color-hover="#0084b4" style="background-color: rgb(51, 204, 255); padding: 10px;" class="icon" href="https://twitter.com/blogzablogove"><span class="fa fa-fw fa-twitter" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">12</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li>

<li class="count-facebook"><a data-color-hover="#5E80BF" style="background-color:#3B5998; padding:10px;" class="icon" href="https://www.facebook.com/blogzablogove"><span class="fa fa-fw fa-facebook-official" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">15</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">likes</span></span></a></li>

<li class="count-instagram"><a data-color-hover="#8a3ab9" style="background-color:#cd486b; padding:10px;" class="icon" href="https://instagram.com/pepatab"><span class="fa fa-fw fa-instagram" style="font-size:24px; color:#fff" data-color-hover="#fff"></span><span class="items"><span data-color-hover="#fff" class="count" style="font-size:16px; color:#fff">36</span><span data-color-hover="#fff" class="label" style="font-size:12px; color:#fff">followers</span></span></a></li>

</ul>

</div>

<style>

.trendy_counters:after {

clear: both;

content: '';

display: block;

}

.trendy_counters ul {

list-style: none;

margin: 0;

padding: 0;

clear: both;

}

.trendy_counters ul li {

text-align: center;

background: #f9f9f9;

}

.trendy_counters ul li a {

padding: 10px;

text-decoration:none;

}

.trendy-counters-per-row-2 ul li {

width: 50%;

float: left;

}

.trendy-counters-per-row-3 ul li {

width: 33.333%;

float: left;

}

.trendy-counters-per-row-4 ul li {

width: 25%;

float: left;

}

.sc_vertical a, .sc_vertical span:not(.fa) {

display: block;

text-align: center

}

.sc_horizontal a {

display: flex;

text-align: center;

align-items: center;

justify-content: center;

}

.sc_horizontal span {

margin-right: 3px;

}

.show-labels-No .label {

display: none !important;

}

.trendy-counters-icons-order {

padding: 10px;

background: #f6f6f6;

}

.trendy-counters-icons-order div {

background: #eaeaea;

display: inline-block;

margin-right: 5px;

padding: 10px;

}

.trendy-counters-icons-order div:hover {

cursor: move;

}

.trendy_counters ul li {

text-align: center;

background: #f9f9f9;

width: 33%;

float: left;

padding: 0;

}

</style>

➤Променете маркираните в червено текст с вашите адреси в социални мрежи  и брой на последователи.

Заключение

Поздравления !! Вие го направихте. Сега научихте, как да добавите елегантна притурка социален брояч в Blogger.
Посетете блога си и проверете как работи приспособлението на живо.

Надявам се, че тази публикация ви е харесала. Ако е така, моля, споделете я с приятели.

За въпроси моля, в коментарите. А може и на тази страница. Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:


Здраве за всички вас! Не забравяйте да правите добро на други хора!