Blooglog

Tutorial Ngeblog, Tips dan Trik Tentang Ngeblog

Cara membuat scroll label pada blog

Cara membuat scroll label pada blog

Cara membuat scroll label pada blog –  Hallo sobat BloogLog pada kesempatan kali ini saya akan memberikan tutorial seputar blogging lebih tepatnya “Cara membuat scroll label pada blog“.  Tutorial ini sangat penting jika blog Anda ingin terlihat lebih rapi, karena pada dasarnya scroll tersebut dapat kita atur tinggi lebarnya keren bukan?.

 

Nah pasti ada yang bertanya kenapa harus dibikin scroll? padahal bawaan saja sudah keren dan rapi, saya tidak memaksa Anda untuk melakukan cara seperti yang saya share, ini hanya sekedar pengetahuan aja supaya wawasan Anda mengani blog lebih luas dan tentunya bisa di share ke teman teman Anda. Oke dari pada saya banyak nulis mending langsung ke caranya saja, dan untuk melakukan editing ini masih kategori sangat mudah hanya perlu kesabaran dan tlaten kalo bahasa jawanya.

Cara membuat scroll label pada blog

Cara membuat scroll label pada blog

  • Pada dashboard blog klik Template > Edit HTML
  • Kemudian klik ctrl+F dan cari script seperti dibawah ini

<div expr:class=’&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;’>

  • Jika sudah ketemu kemudian copy script dibawah ini tepat diatas script diatas

<div style=’overflow:auto; width:ancho; height:300px;’>

  • Jika semua sudah dilakukan langkah terakhir yaitu memasang script yang penting

“<div style=’overflow:auto; width:ancho; height:300px;’>”

  • Dan akan terlihat seperti ini

   <div expr:class=’&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;’>

 <div style=’overflow:auto; width:ancho; height:300px;’>

    <b:if cond=’data:display == &quot;list&quot;’>

      <ul>

      <b:loop values=’data:labels’ var=’label’>

        <li>

          <b:if cond=’data:blog.url == data:label.url’>

            <span expr:dir=’data:blog.languageDirection’><data:label.name/></span>

          <b:else/>

            <a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url + &quot;?&amp;amp;max-results=6&quot;’><data:label.name/></a>

          </b:if>

          <b:if cond=’data:showFreqNumbers’>

            <span dir=’ltr’><data:label.count/></span>

          </b:if>

        </li>

      </b:loop>

      </ul>

    <b:else/>

      <b:loop values=’data:labels’ var=’label’>

        <span expr:class=’&quot;label-size label-size-&quot; + data:label.cssSize’>

          <b:if cond=’data:blog.url == data:label.url’>

            <span expr:dir=’data:blog.languageDirection’><data:label.name/></span>

          <b:else/>

            <a expr:dir=’data:blog.languageDirection’ expr:href=’data:label.url + &quot;?&amp;amp;max-results=6&quot;’><data:label.name/></a>

          </b:if>

          <b:if cond=’data:showFreqNumbers’>

            <span class=’label-count’ dir=’ltr’><data:label.count/></span>

          </b:if>

        </span>

      </b:loop>

    </b:if>

<b:include name=’quickedit’/> 

</div> 

</div>

      </b:includable>

    </b:widget>

  • Untuk script yang berwarna Orange yaitu untuk mengatur tinggi scroll yang kita butuhkan dan untuk script yang berwarna Merah hanya tambahan saja jika script tidak berhasil, maksudnya jika anda memasang script tersebut tanpa menggunakan script yang berwarna Merah tidak berhasil maka script tersebut harus anda pasang

Nah sekian dulu tutorial seputar blogging yang dapat saya sampaikan hari ini semoga dapat menambah wawasan Anda dan barang kali Anda tertarik kemudian mencoba silahkan apabila ada kendala harap berkomentar di bawah ya….

Tinggalkan Komentar

Blooglog © 2017 Frontier Theme