Widget Settings and Customization Wizard

<b:attr cond='data:view.search.label == &quot;Portfolio&quot;' name='data-text' value='Portfolio'/>
header .widget .headerInner span:before{content:'Portfolio'}
<b:class cond='data:view.search.label == &quot;Portfolio&quot;' name='Portfolio'/>
<!--[ Portfolio condition ]-->
<b:class cond='data:view.search.label == &quot;Portfolio&quot; or data:view.isPost and data:posts any (p => p.labels any (l => l.name in [ &quot;Portfolio&quot;]))' name='Portfolio'/>
<b:include cond='data:view.search.label == &quot;Portfolio&quot; or data:view.isPost and data:posts any (p => p.labels any (l => l.name in [ &quot;Portfolio&quot;]))' name='post-portoPage'/>
<b:loop index='i' values='data:view.isHomepage or data:view.url == data:blog.homepageUrl.canonical path &quot;search&quot; ? data:posts where (p => p.labels none (l => l.name in [ &quot;Portfolio&quot;])) : data:posts' var='post'>
<b:elseif cond='data:view.isMultipleItems != data:view.isHomepage and data:view.search.label != &quot;Portfolio&quot;'/>
<b:with value='data:posts where (p => p.labels none (l => l.name in [ &quot;Portfolio&quot; ]))' var='posts'>

<!--[ Fullpage condition ]-->
<b:class cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ &quot;Fullpage&quot; , &quot;Label_2&quot; ]))' name='singlePage'/>
<b:include cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ &quot;Fullpage&quot; , &quot;Label_2&quot; ]))' name='post-singlePage'/>

.Blog .postTitle a{-webkit-line-clamp:3}

expr:data-text='format(data:post.lastUpdated, &quot;MMM d, YYYY&quot;)'
expr:data-text='format(data:post.date, &quot;MMM d, YYYY&quot;)'

<!--[ Info in item page ]-->
<div class='postTimestamp'>
  <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>...</svg>
  <b:if cond='data:post.lastUpdated != data:post.date'>
    <time class='updated' expr:data-text='data:post.lastUpdated format "MMMM d, YYYY"' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Last updated: " + data:post.lastUpdated format "MMMM d, YYYY"'/>
    <b:else/>
    <time class='published' expr:data-text='data:post.date format "MMMM d, YYYY"' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Published: " + data:post.lastUpdated format "MMMM d, YYYY"'/>
  </b:if>
</div>

data:post.date

.Blog .post .postTimestamp .updated:before{content:'Updated: '}
.Blog .post .postTimestamp .published:before{content:'Published: '}

.Blog .post .postReadtime svg{margin-left:5px}

.Blog .post .postReadtime svg{margin-left:5px}
.Blog .post .postReadtime{display:none}

  1. Widget Label

<b:includable id='cloud'>
  <b:loop index='tags' values='data:labels' var='label'>
    <b:if cond='data:tags &lt;= 3'>
      <div class='labelSize'>...</div>
    </b:if>
    <b:if cond='data:tags == 4'>
      <div class='labelShow'>
        <input class='labelInput hidden' id='offall-label' type='checkbox'/>
        <div class='labelAll'>
          <b:loop index='alltags' values='data:labels' var='label'>
            <b:if cond='data:alltags &gt;= 4'>
              <div class='labelSize'>...</div>
            </b:if>
          </b:loop>
        </div>
        <label aria-label='Show label' class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;+&quot; + (data:labels.length - 4)' for='offall-label'/>
      </div>
    </b:if>
  </b:loop>
</b:includable>

<b:includable id='list'>
  <ul>
    <b:loop index='tags' values='data:labels' var='label'>
      <b:if cond='data:tags &lt;= 3'>
        <li>...</li>
      </b:if>
      <b:if cond='data:tags == 4'>
        <li class='labelShow'>
          <input class='labelInput hidden' id='offall-label' type='checkbox'/>
          <div class='labelAll'>
            <ul>
              <b:loop index='alltags' values='data:labels' var='label'>
                <b:if cond='data:alltags &gt;= 4'>
                  <li>...</li>
                </b:if>
              </b:loop>
            </ul>
          </div>
          <label aria-label='Show label' class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='&quot;+&quot; + (data:labels.length - 4)' for='offall-label' role='button'/>
        </li>
      </b:if>
    </b:loop>
  </ul>
</b:includable>

<b:includable id='cloud'>
  <b:loop index='tags' values='data:labels' var='label'>
    <!--<b:if cond='data:tags <= 3'>-->
      <div class='labelSize'>...</div>
    <!--</b:if>
    <b:if cond='data:tags == 4'>
      <div class='labelShow'>
        <input class='labelInput hidden' id='offall-label' type='checkbox'/>
        <div class='labelAll'>...</div>
            </b:if>
          </b:loop>
        </div>
        <label aria-label='Show label' class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"+" + (data:labels.length - 4)' for='offall-label'/>
      </div>
    </b:if>-->
  </b:loop>
</b:includable>

.Label .labelShow label:before{content: attr(data-show)}
    
// Kode untuk 'Show less'
    
.Label .labelInput:checked ~ label:before{content: attr(data-hide)}

.Label .labelShow label:before{content: 'Label lainnya'}
    
// Kode untuk 'Show less'
    
.Label .labelInput:checked ~ label:before{content: 'Sembunyikan'}

<div class='follow-inner'>
  <label class='follow-text' for='email-input'>
    <span>Get updates right in your inbox. Join to get notified with all new stuff</span>
  </label>

  <form expr:action='"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath' method='get' target='_blank'>
    <input autocomplete='on' class='followAddress' id='email-input' name='email' placeholder='e.g. youremail@gmail.com' type='email'/>
    <input class='followSubmit' expr:value='data:messages.subscribe' id='email-submit' type='submit'/>
    <input expr:value='data:feedPath' name='uri' type='hidden'/>
    <input name='loc' type='hidden' value='en_US'/>
  </form>
</div>