Хипервръзки. Follow за Blogger във вид на бутон

Pepa Tabakova

четвъртък

Добър ден, приятели. Как да заменим с бутон една от важните притурки, инсталирани в блога, притурката Последователи? Бутонът Follow в BLOGGER ще изпълнява същата функция за присъединяване към блога, абониране за всички нови публикации в него. В основата на методът, който ще използваме, за да създадем бутона Follow стои използване на хипервръзката, която има притурката Последователи.

Но бутонът ще бъде по-удобен и лесен за използване.

Създаване на хипервръзката Follow

Първото нещо, което трябва да направите, е да създадете хипервръзка Follow, която да съдържа Id на блога . Вижте как изглежда тя в примера по-долу:

https://www.blogger.com/follow.g?blogID= 451469392059973386

където 451469392059973386 е идентификаторът, идентификационният номер на моя блог.
Заменете го с идентификатора на вашия блог.

За да разберете кой е идентификаторът на вашия блог, влезте в администраторския панел на Blogger, изберете желания блог, ако имате няколко. След това кликнете с мишката в адресната лента.

Копирайте от нея ID на вашия блог, впишете го в хипервръзката по-горе и я запазите.

Вграждане в темата на блога

А сега да обсъдим възможностите за вграждането ѝ в темата на блога. Те са няколко.

Вграждане в коментарите

За да вградим бутона Follow в горната част на колоната за коментари отидете в раздела за Тема ➔ Редактиране на HTML кода ➔ намерете реда ]]> </ b: skin>. Пред него впишете кода:

.comments .rightx{font-size:12px;position:absolute;$endSide:0;top:0;line-height:22px;max-height:22px;padding:4px 0 0 4px;margin-$endSide:0;background-color:#333333;overflow:hidden;display:block;}
.comments .rightx a{display:inline-block;min-width:75px;margin-$endSide:0;background-color:#333333;text-align:center;color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;text-decoration:none;text-transform: uppercase;}

Потърсете реда

или

и заменете един от тях с

<h4 id='comment-post-message'>
<span class='subscrnya'><data:postCommentMsg/></span>
<span class='rightx'><b:if cond='data:top.commentLabel'>
<a href='https://www.blogger.com/follow.g?blogID=7438819944636028340'>Станете читатели на блога</a>
</b:if>
</span>
</h4>

Вграждане в менюто

Да впишем хипервръзката като елемент на менюто. Примерно така:

<nav class='naviy' id='nav'>
<ul class='sf-menu' id='menunav'>
<li><a href='add_url'>За автора</a></li>
<li><a href='add_url'>Съдържание</a></li>
<li><a href='https://www.blogger.com/follow.g?blogID=7438819944636028340'>Fallow</a></li>
</ul>
</nav>

Вграждане в страничната колона

Кодат е:

<button onclick="window.location='https://www.blogger.com/follow.g?blogID=7438819944636028340'" style="background-color: orange; color: white; height: 30px; width: 201px;"><b>Присъединете се</b></button>

◾използва се притурката HTML/JavaSkript;

◾background-color: orange; - сменете оранжевия фон с избран от вас цвят;

◾color: white; - цвета на шрифта, също можете да смените;

Вграждане в публикация

На избрано от вас място в публикацията, в режим HTML, впишете кода:

<a href="https://www.blogger.com/follow.g?blogID=7438819944636028340" target="_blank"><button><b>присъединете се</b></button></a>

◾Ако от кода отстраните таговете <button>...</button> ще остане само хипервръзката;

◾Тук можете да сложите и бутона от страничната колона;

◾Можете да направите и свой собствен бутон, като създадете изображение-хипервръзка;

◾Мотивиращият текст "присъединете се" измислете сами;

С една дума, вариантите са много. Интересният бутон винаги се забелязва. Включете фантазията си, а инсталирането, както видяхте, е лесно. Инсталирайте и притурка, и бутон някъде сложете, по-лошо няма да стане.

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

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:

Cancel