How To Add Pure CSS3 Content Tabs in Blogger?

How To Add Pure CSS3 Content Tabs in Blogger?

• Go To Blogger >> Create New Post >> HTML Tab
• Copy The Following Code 
• Paste It in The HTML Tab

<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>

• Find The Highlighted Lines In The Above Code
• Replace Them As Instructed
• You'll Need To Change Tab Heading and Tab Content Of Every Tab
• Prepare The Post
• Publish!