Wednesday, 5 August 2015

Tutorial 7 : Drop Down Menu for Labels

syafi khizar | 09:59 | 5Comments |
Bismillah..


Assalamualaikum..



Tiba-2 Yaya rasa macam lagi kemas kalau Labels kat blog ni berada dalam keadaan drop down menu . Dapat jimatkan ruang sikit. Kalau ada yang berminat , boleh ikut tutorial bawah ni


1. Dashboard > Template > Edit HTML > CTRL + F


2. Cari
<b:widget id='Label1' locked='false' title='Labels' type='Label'>

3. Dah jumpa <b:widget id='Label1' locked='false' title='Labels' type='Label'> , copy kan kod bawah ni di bawah kod yang kita jumpa tadi
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
   <option>Select a label</option>
   <b:loop values='data:labels' var='label'>
      <option expr:value='data:label.url'><data:label.name/>
         (<data:label.count/>)
      </option>
   </b:loop>
</select>
   <b:include name='quickedit'/>
 </div>
</b:includable>
</b:widget>

4. Preview, Kalau tiada masalah boleh SAVE


Dan.. Inilah Hasilnya :D

5 comments:

  1. Haii.. Cakk.. Done Follow sini no. 201
    Salam kenalan.. Sudilah kiranya follow me back,
    boleh kita saling kunjung mengunjung pasni..

    Official Blog :
    http://tengkubutang.blogspot.com/

    Catlover Blog :
    http://kucenkucenbelog.blogspot.com/

    ReplyDelete
    Replies
    1. Haiii Cak . :D In shaa Allah , membalas kunjungan balik nanti :)

      Delete
  2. Bagus..teruskan kongsi ilmu ye..

    ReplyDelete

💌 0617 Comments💬 ♥ Thank you lovely ♥