Притурки. Брояч за социалните мрежи в Blogger
.jpg)
сряда
Здравейте, читатели ! Добавянето на притурка-брояч за социалните мрежи в Blogger е много важна притурка. И в същото време е едно от най-полезните приспособления, което трябва да инсталирате в блога си.
Чрез него вашите читатели ще се чувстват комфортно и ще знаят повече за популярността на вашия блог.
Публикация в блога, която е достатъчно дълга или има повече коментари, създава впечатление за голяма популярност. За да покажете тази популярност се нуждаете и от елегантно изглеждащ социален брояч. Ако този вид функция е налице, посетителят може лесно да се увери в популярността на вашия блог и да стане ваш фен, абонат или последовател.
Можете да проверите действието ѝ преди да добавите това приспособление в блога си.
DEMO
➤Променете маркираните в червено текст с вашите адреси в социални мрежи и брой на последователи.
Посетете блога си и проверете как работи приспособлението на живо.
Надявам се, че тази публикация ви е харесала. Ако е така, моля, споделете я с приятели.
За въпроси моля, в коментарите. А може и на тази страница. Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Публикация в блога, която е достатъчно дълга или има повече коментари, създава впечатление за голяма популярност. За да покажете тази популярност се нуждаете и от елегантно изглеждащ социален брояч. Ако този вид функция е налице, посетителят може лесно да се увери в популярността на вашия блог и да стане ваш фен, абонат или последовател.
За притурката
Сега нека се върнем към нашата притурка. Тя е малко приспособление, с прости кодове, но в същото време придава на вашия блог елегантен щрих. Притурката изглежда много изчистена.Можете да проверите действието ѝ преди да добавите това приспособление в блога си.
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.Посетете блога си и проверете как работи приспособлението на живо.
Надявам се, че тази публикация ви е харесала. Ако е така, моля, споделете я с приятели.
За въпроси моля, в коментарите. А може и на тази страница. Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:
Здраве за всички вас! Не забравяйте да правите добро на други хора!