Помощ с къстъм темплейт в blogger.

R.Pashov

R.Pashov

Member
Добър вечер,колеги !

Преди дни регистрирах свой блог на тема спорт,фитнес и мотивация.Вече имам цели 2 публикации,но това не е на дневен ред в момента.Нямам значителен опит с блогването и HTML/JavaScript и т.н.Разбира се работя по този въпрос като чета литература и много в интернет,но в случая ми е нужно компетентното ви мнение.
Та проблемът идва от там че си инсталирах темплейт,който си харесах и свалих от един сайт,но не мога да се справя с ХТМЛ кода и редактирането му така,че да мога да използвам определени функции.Най-отгоре в блога има вградено меню с хоум бутон,няколко секции,и едно падащо меню за някакви опции.Проблема е там,че за момента те не изпълняват никаква функция,което няма да ме остави да заспя тази вечер.Идеята ми е ако е възможно да мога да ги редактирам така,че да се поучат нещо като страници или така да го кажа раздели.В раздел Фитнес и Бодибилдинг да има инфо и публикации за тях.Във раздел Спорт да публикувам статии на тема спорт и така нататък.Надявам се,че имате идея как ще стане това и много ще се радвам ако споделите с мен и ми помогнете да го приложим.Ако сте заинтересовани мога да кача и самия файл на темплейта за да видите къде има нужда да се редактира кода.Ще следя за развитие.
Благодаря ви за отделеното внимание ! Поздрави и приятна вечер от мен :)
Untitled.jpg
 
Последно редактирано:
От: Помощ с къстъм темплейт в blogger.

Колега, най-добре щеше да пуснеш линк към темплейта, но както и да е. Накратко - в менюто вкарваш отделните категории (етикети/Labels), в твоя случай Фитнес и Бодибилдинг, Спорт и т.н. Всяка статия отбелязваш със съответния етикет, примерно Спорт, като може да добавиш и други етикети, но те няма да имат връзка с менюто. Та как да изпълняват функция тези секции в менюто, които са по дифолт - ето ти един пример на стандартно меню, твоето ще е нещо подобно:

HTML: 
<div id='navigation'>
 <ul class='menu' id='menu-main'>
 <li><a expr:href='data:blog.homepageUrl'>Начало</a></li>
 <li><a href='http://www.сайт.com/search/label/Спорт'>Спорт</a></li>
<li><a href='http://www.сайт.com/search/label/Фитнес'>Фитнес</a></li>
 <li><a href='http://www.сайт.com/search/label/Бодибилдинг'>Бодибилдинг</a></li>


</ul>
</div>

Така като цъкнеш върху Спорт в менюто ще ти излизат всички статии в блога, отбелязани с този етикет. Ако все още имаш проблеми пиши коя е темата и ще помагаме.
 
От: Помощ с къстъм темплейт в blogger.

Благодаря ти много за бързия и адекватен отговор,но се притеснявам че ще оплескам нещата при редактирането на самия код.Това което ми прати като пример би послужило много добре и ще е един летящ старт за мен,за което имаш моите огромни благодарности.Ето пращам ти и скрипта с надеждата да ми обясниш на малко по-ниско ниво как да го редактирам!Ето го кода,който продължава още доста но мисля,че обхванахме основните функции.
Код: 
 </script>
  </head>
  <body class='main-body'>
    <nav class='navbar navbar-default main-top-nav' role='navigation'>
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class='container'>
        <div class='navbar-header'>
          <button class='navbar-toggle' data-target='#bs-example-navbar-collapse-1' data-toggle='collapse' type='button'>
            <span class='sr-only'>
              Toggle navigation
            </span>
            <span class='icon-bar'>
            </span>
            <span class='icon-bar'>
            </span>
            <span class='icon-bar'>
            </span>
          </button>
          <a class='navbar-brand' href='#'>
            <i class='fa fa-home'/>
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
          <ul class='nav navbar-nav'>
            <li>
              <a href='#'>
                За нас
              </a>
            </li>
            <li>
              <a href='#'>
                Мотивация
              </a>
            </li>
            <li>
              <a href='#'>
                <i class='fa fa-mobile-phone'>
                </i>
                Фитнес и бодибилдинг
              </a>
            </li>
            <li>
              <a href='#'>
                <i class='fa fa-gamepad'>
                </i>
                Спортове
              </a>
            </li>
            <li class='dropdown'>
              <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                <i class='fa fa-list'>
                </i>
              </a>
              <ul class='dropdown-menu'>
                <li>
                  <a href='#'>
                    Action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Another action
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Something else here
                  </a>
                </li>
                <li>
                  <a href='#'>
                    Separated link
                  </a>
                </li>
                <li class='dropdown-submenu'>
                  <a href='#' tabindex='-1'>
                    Hover me for more options
                  </a>
                  <ul class='dropdown-menu'>
                    <li>
                      <a href='#' tabindex='-1'>
                        Second level
                      </a>
                    </li>
                    <li class='dropdown-submenu'>
                      <a href='#'>
                        Even More..
                      </a>
                      <ul class='dropdown-menu'>
                        <li>
                          <a href='#'>
                            3rd level
                          </a>
                        </li>
                        <li>
                          <a href='#'>
                            3rd level
                          </a>
                        </li>
                      </ul>
                    </li>
                    <li>
                      <a href='#'>
                        Second level
                      </a>
                    </li>
                    <li>
                      <a href='#'>
                        Second level
                      </a>
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
          <ul class='nav nav-pills navbar-right'>
            <li>
              <a class='fb-nav' href='https://www.facebook.com/weblogtemplates'>
                <i class='fa fa-facebook'>
                </i>
              </a>
            </li>
            <li>
              <a class='t-nav' href='https://twitter.com/weblogtemplates'>
                <i class='fa fa-twitter'>
                </i>
              </a>
            </li>
            <li>
              <a class='plus-nav' href='https://plus.googl.com/+weblogtemplatesnet'>
                <i class='fa fa-google-plus'>
                </i>
              </a>
            </li>
            <li>
              <a class='pin-nav' href='http://www.pinterest.com/weblogtemplates/'>
                <i class='fa fa-pinterest'>
                </i>
              </a>
            </li>
            <li>
              <a class='instagram-nav' href='#'>
                <i class='fa fa-instagram'>
                </i>
              </a>
            </li>
            <li>
              <a class='tumblr-nav' href='#'>
                <i class='fa fa-tumblr'>
                </i>
              </a>
            </li>
            <li>
              <a class='linkedin-nav' href='http://www.linkedin.com/'>
                <i class='fa fa-linkedin'>
                </i>
              </a>
            </li>
            <li class='dropdown search-drop'>
              <a class='dropdown-toggle' data-toggle='dropdown' href='#'>
                <i class='fa fa-search'/>
              </a>
              <ul class='dropdown-menu menu-drop-search'>
                <li>
                  <form action='/search' class='navbar-form navbar-right' method='get' role='search'>
                    <div class='form-group'>
                      <input class='form-control form-main-search' name='q' placeholder='Search' type='text'/>
                    </div>
                    <button class='btn btn-def' type='submit'>
                      Submit
                    </button>
[/CODE]
 
От: Помощ с къстъм темплейт в blogger.

Имаме ново развитие по темата.Проблема беше решен след като добавих по един етикет за всяка категория и след това копирах линк към всеки от тях и го поставих на правилното място в кода. Получи се следното :
HTML: 
<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'>
          <ul class='nav navbar-nav'>
            <li>
              <a href='http://iskam-moga.blogspot.com/search/label/About%20us'>
                За нас
              </a>
            </li>
            <li>
              <a href='http://iskam-moga.blogspot.com/search/label/Motivation'>
                Мотивация
              </a>
            </li>
            <li>
              <a href='http://iskam-moga.blogspot.com/search/label/Fitness'>
                <i class=''>
                </i>
                Фитнес и бодибилдинг
              </a>
            </li>
            <li>
              <a href='http://iskam-moga.blogspot.com/search/label/Sports'>
                <i class=''>
                </i>
                Спортове
              </a>
 
От: От: Помощ с къстъм темплейт в blogger.

Да, точно това беше идеята. По принцип това За нас може да го направиш като статична страница, и вкараш линк към нея в менюто (примерно http://iskam-moga.blogspot.com/p/about-us). Така както си го направил е доста странно. Иначе категориите са ок.
 
От: От: От: Помощ с къстъм темплейт в blogger.

dilyan_ostr каза:
Да, точно това беше идеята. По принцип това За нас може да го направиш като статична страница, и вкараш линк към нея в менюто (примерно http://iskam-moga.blogspot.com/p/about-us). Така както си го направил е доста странно. Иначе категориите са ок.
Увеличете...

Да,разбира се точно това ще направя.Благодаря много за съветите ако имам някакъв проблем относно кода и блога и не мога сам да намеря решение ще пиша пак тук !
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе