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

Търсене

Breaking

Публикация. Самопечатащ се текст за Blogspot, Blogger

Самопечатащ се текст
Здравейте скъпи читатели на моя блог. Отминаха празничните дни, време е да поработим. Впрочем, честита Нова година! Отдавна се канех да публикувам този скрипт. И така, на вашето внимание е самопечатащ се текст за Blogspot, Blogger, в два варианта.



    Описание

    Чрез този скрипт може да се оформи участък от публикацията в качество на важна новина или приветствие. Може да се постави и в притурка в страничната колона. Може да се показва и в раздел на браузъра на вашия компютър. Както виждате има варианти.


    ✻✻✻



    Първи вариант

    Самопечатащ се такст в публикация или странична колона


    Код

    <script type="text/javascript">
    var content = " Тук е вашият текст ";
    function twDisplayTW() {twDisplay('tw',content,0);}
    loaded('tw',twDisplayTW);
    var brk = '~'; // character to use for line break
    var resetTime = 0; // set to 0 to not reset or seconds to delay before reset
    function twDisplay(id,content,num) {var delay = 140; if (num <= content.length)  
    {var lt = content.substr(0,num); document.getElementById(id).innerHTML = lt.replace(RegExp(brk,'g'),'<br \/>'); num++; if (num > content.length) delay = resetTime * 1000;} else {document.getElementById(id).innerHTML = ''; num = 0;} 
    if (delay > 0) setTimeout('twDisplay("'+id+'","'+content+'","'+num+'")',delay);} var pageLoaded = 0; window.onload = function() {pageLoaded = 1;}; function loaded(i,f)
     {if (document.getElementById && document.getElementById(i) != null) f(); else if (!pageLoaded) setTimeout('loaded(\''+i+'\','+f+')',100);}
    </script>
    <style type="text/css">
    #tw {width:500px; height:260px; border: 1px solid #000; padding:5px;font-family: "courier new",courier,monospace; font-size:18px;}
    </style> <div class="compute" id="tt0">
    <div id="main">
    <div id="tw">
    </div>
    </div>
    </div>


    В тялото на публикацията кодът се вписва в редактора в HTML режим на мястото, където искаме да се показва. За да е в страничната колона го вписваме в притурка HTML/JavaScript ( по начина, който вече владеем ), запаметяваме и я преместваме в страничната колона на желано от нас място.

    Ето как ще изглежда в тялото на публикация.





    ✻✻✻


    Втори вариант

    Самопечатащ се текст в раздел на браузъра


    Чрез следващия код ще имате циклично печатащ се текст в раздел на браузъра, като текстът е наименованието на вашия блог. Така е и в моя блог. Можете да го видите, когато четете тази публикация.

    Кодът е:

    <script><!--//
    var tit = document.title;
    var c = 0;
    function writetitle() {
    document.title = tit.substring(0,c);
    if(c==tit.length)
    {
    c = 0;
    setTimeout("writetitle()", 3000)
    }
    else {
    c++;
    setTimeout("writetitle()", 200)
    }
    }
    writetitle()
    // -->

    </script>



    Инсталирането му е познато на всички вас:

    Админ панел на блога ➔ Оформление ➔ Добавяне на притурка ➔ Избираме HTML/JavaScript
    ➔Вписваме кода в притурката ➔ Запаметяваме.

    Както винаги е по-лесно от всякога. Желая успех!

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

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

    BGtop




    2 коментара:

    1. Още една полезна статия за блога ми. Отново благодарности от мен!

      ОтговорИзтриване
      Отговори
      1. Благодаря за гостуването! Радвам се, че съм полезна!

        Изтриване