0

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

Follow за Blogger във вид на бутон
Добър ден, приятели. Как да заменим с бутон една от важните притурки, инсталирани в блога, притурката Последователи? Бутонът 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'>

    или

    <h4 id='comment-post-message'><data:postCommentMsg/></h4>


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


    <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> ще остане само хипервръзката;

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

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

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

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

    Успех!

    Няма коментари :

    Публикуване на коментар


    Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
    Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита