JSFiddle - React, Tailwind, and code Playground

by jeryagus

HTML

<b:if cond='data:blog.pageType == &quot;item&quot;'>      <div class='alaihumcrumb'>          <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187;          <b:if cond='data:post.labels'>              <b:loop values='data:post.labels' var='label'>                  <a expr:href='data:label.url' rel='tag'>                      <data:label.name/>                  </a>                  <b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if>              </b:loop>          </b:if> &#187; <data:post.title/>          <span class='kanan'>              Konten Lain di Sini          </span>      </div>  </b:if>

CSS

.alaihumcrumb {    position:fixed;    z-index:1000;    top:0;    left:0;    background:#333;    width:98%;    color:#ccc;    border-bottom:2px solid #999;    padding:1px 1% 1px 1%;    -webkit-box-shadow:0 0 7px #000;    -moz-box-shadow:0 0 7px #000;    box-shadow:0 0 7px #000;  }   .alaihumcrumb a, .alaihumcrumb a:visited, .alaihumcrumb a:active {    color:#fff;  }   .alaihumcrumb span.kanan {    float:right;  }