Tutorial Cum adaugi multi TAB in articol pe blogger

AlexH

Merg pe strada catre Mine...
Membru personal
Administrative
Freelancer
SEO Expert
Intrebarea si solutia a fost pusa pe alt forum. Creditul merge catre @Shtrumphu care a dat solutia.

Sa spunem ca ai un site de filme sau seriale si vrei in articol sa afisezi playerul dupa numele la site. gen: vibul/vk/trailer/etc
Sau daca vrei sa afisezi mai multe imagini fara sa faci articolul de 10km lungime.




1. Te loghezi in contul blogger
2. Alegi blogul care vrei sa postezi, asta in caz ca ai mai multe.
3. Click pe adauga articol
4. Acum click pe HTML din editor
5. Se va deschide o noua fereastra unde postati codul de mai jos.

Cod:
<link href="https://googledrive.com/host/0ByNodV_m9cVLVDV1eEkyNVBITTg/" rel="stylesheet" type="text/css"/>
<div class="tabbed-view">
  <form>
    <div class="tab-container orange">
      <label class="tab-label">
        <input checked="checked" class="tab-radio" name="page" type="radio" value="page5" />
      </label>
      <br />
      <h2 class="tab">
        Tab 1 Heading
      </h2>
      <article class="tab-page" id="page5">
        Tab 1 Content Goes Here
      </article>
    
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page6" />
        <h2 class="tab">
          Tab 2 Heading
        </h2>
        <article class="tab-page" id="page6">
          Tab 2 Content Goes Here
        </article>
      
      </label>
    
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page7" />
        <h2 class="tab">
          Tab 3 Heading
        </h2>
        <article class="tab-page" id="page7">
          Tab 3 Content Goes Here
        </article>
      
      </label>
    
      <label class="tab-label">
        <input class="tab-radio" name="page" type="radio" value="page8" />
        <h2 class="tab">
         Tab 4 Heading
        </h2>
        <article class="tab-page" id="page8">
          Tab 4 Content Goes Here
        </article>
      
      </label>
    
    </div>
  </form>
</div>
6. Acum editezi dupa bunul plac.
 
Loading...
Sus