Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Притурка Star Count за Blogger



Здравейте, приятели. Преди години ви предложих да използвате източник, чрез който да инсталирате притурка за рейтинг на публикациите в блога си. Да ви припомня, тази притурка - Star Count за Blogger, представлява рейтингови звезди в края на публикациите.

 

    Услугата се предлагаше от Rating-widget.com. Не знам колко от вас са използвали тази услуга, но тъй като тя се предлага от трети източник, използването ѝ може да се постави под въпрос.  

    Star Count в Blogger

     Днес ви предлагам да добавите същото приспособление, но без да ползвате други, чужди и несигурни услуги. Необходимо е сами да инсталирате CSS кодовете в темата на блога си.

    Звездният рейтинг,  Star Count в Blogger, ви позволява да разберете как оценяват читателите вашите статии. Това приспособление е снабдено и с брояч, който може да съхранява броя на потребители, които са дали своята оценка.

    Как да инсталирате приспособлението Star Count в Blogger

    ➤Влезте във вашия акаунт в Blogger ➜ Тема ➜ Редактиране на HTML кода;

    ➤Копирайте и поставете долния код на CSS стил точно преди реда ]]></b: skin> или </style>


    <style type='text/css'>
    /* Rating Count Star */
    #wpac-rating:before {content: "Apakah artikel ini bermanfaat?";top: -15px;text-align: center;position: relative;width: 100%;}
    #wpac-rating .wp-stars .wp-star:hover:before{z-index: 999;padding: 3px 11px;background: #1a1d23f0;color: #fff;font-size: 12px;border-radius: 2px;white-space: nowrap;position: absolute;line-height: 1.4;text-align: center;-ms-transform: translateX(-30%);-moz-transform: translateX(-30%);-webkit-transform: translateX(-30%);transform: translateX(-30%);top: 100%;margin-top: 9px;}
    </style>

    ➤Поставете кода на приспособлението, показан по-долу, на мястото, на което искате да се показва.

    <div id="wpac-rating"></div>
    <script type="text/javascript">
    wpac_init = window.wpac_init || [];
    wpac_init.push({widget: 'Rating', id: 21697});
    (function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true; //true ubah ke False
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(mc, s.nextSibling);
    })();
    </script>

    Пояснение

    ➤Препоръчвам да позиционирате приспособлението в края на публикациите;

    ➤За да се показва точно на това желано място трябва да го вмъкнете в кода на темата веднага след реда <data: post.body />;

    ➤В моята тема този ред се повтаря два пъти, поради което вмъкнах кода на приспособлението също два пъти;

     ➤Запазете темата;

    Приспособлението за оценка със звезди на CSS вече е инсталирано в Blogger.


    За въпроси, моля в коментарите. А може и на тази страница


    Моля, гласувайте за блога ми на:

     
    BGtop

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

     
    Следвайте Blogzablogove

    Моля, подкрепете моя проект тук:

     




    2 коментара:

    1. Благодаря за урока! Добавих го за "цвят" поне за сега! :)

      ОтговорИзтриване
      Отговори
      1. Здравейте, радвам се да ви "видя". Бъдете здрав!

        Изтриване