Притурки. Бутон „Аплодисменти“ в BLOGGER блог
Бутонът „Аплодисменти“ е бутон, чрез който читателят може да изрази признателност към автора за една или няколко от прочетените статии. Този бутон може да се използва и като отправна точка, за да се види колко добри и качествени са статиите ни. Колкото повече аплодисменти получава, толкова повече се налага изводът, че статиите и блогът като цяло са се харесали читателите.
Бутон „Аплодисменти“
Освен, че е показател за това колко добри и качествени са статиите ни, функцията „Аплодисменти“ може да се използва и за определяне на класирането на авторите, които пишат във вашия блог, ако има такива.
Ако сте потребител на WordPress, плъгинът за бутонът „Аплодисменти“ е наличен. Друг е въпросът, ако сте потребител на Blogger, в който трябва да го създадете и инсталирате ръчно, чрез няколко скрипта като CSS и JavaScript.
Но нека първо видим как изглежда този бутон.
DEMO
Инсталиране
Как да инсталирате бутона за аплодисменти в Blogger?
Не забравяйте да архивирате вашата тема, преди да започнете промените в кода ѝ.
➤Влезте във вашия акаунт в Blogger;
➤Изберете от менюто Тема Редактиране на HTML кода;
➤Намерете кода </head>;
➤Поставете кода на бутона за аплодисменти над него;
<link href='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.css' rel='stylesheet'/>
➤След това намерете кода </body> и поставете следващия код точно над него;
<script src='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.js'></script>
<applause-button style = 'width: 58px; height: 58px;' />
Готово!
Настройки
Ако искате да персонализирате този бутон за аплодисменти, ето как да постъпите:
➤Можете да промените размера на бутоните: просто трябва да замените числата 58 с желаните от вас. При преоразмеряването се уверете, че ширината и височината са еднакви.
➤Можете да промените цвета на бутона: просто добавете в кода елемента
color = ' '
Например, ето така:
<applause-button color = 'red' style = 'width: 58px; height: 58px;' />
multiclap='true'
<applause-button multiclap='true' style='width:58px;height:58px;'/>
Пояснения
Посочения по-горе метод за инсталиране на бутонът „Аплодисменти“ ще ви бъде полезен, ако намерението ви е той да присъства по-дълго време в темата на блога ви.
<link href='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.css' rel='stylesheet'/>
<script src='https://cdn.statically.io/gh/shofisetiawan/bangopit-applause-button/8ce883e7/bangopit-applause-button.js'></script>
<center><applause-button color='blue' multiclap='true'style='width:58px;height:58px;'/></applause-button></center>
За въпроси, моля в коментарите. А може и на тази страница.
Здраве за всички вас! Не забравяйте да правите добро на други хора!