Apple Menu Ketiga

Mungkin ini seri terakhir dari accordion menu yang saya import dari Cahaya Biru. Seorang yang tidak menampilkan profil dirinya, tapi blognya canggih dan bagus.

BABAK KEENAM.
Menaruh Blog Archive
1. Sign in ke Blogger
2. Pilih Tab Layout | Add Page element
3. Pilih Add Gadget
4. Pilih Blog Archive
5. Save

Menaruh Label
1. Pilih Add Gadget
2. Pilih Label
3. Save

BABAK KETUJUH:
Memodifikasi HTML Label dan Blog Archive, di Tab EDIT HTML

0. Sign in di Blogger
1. Pilih Tab Edit HTML
2. Centang expand widget template
3. Cari kode HTML berikut ini:

<div id='ArchiveList'>

4. Di atasnya ada kode berikut ini:

<div class='widget-content'>

5. Taruhlah kode ini dibawah <div class='widget-content'>, yang kedap-kedip itu:

<div class='applemenu'>
<div class='silverheader'><a href='http://padhangbulan.blogspot.com'>Arsip Blog</a></div>
<div class='submenu'>


Jadi susunannya seperti ini:

<div class='widget-content'>
<div class='applemenu2'>
<div class='silverheader'><a href='http://padhangbulan.blogspot.com'>Arsip Blog</a></div>
<div class='submenu'>
<div id='ArchiveList'>

Selanjutnya..
6. Di bawah kode <div id='ArchiveList'>, yang kedap-kedip itu, ada kode berikut ini:

<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>

7. Selanjutnya, letakkan kode ini di bawah: div, warna merah cetak tebal, yang kedap-kedip itu:

</div>
</div>

Jadi, keseluruhan susunannya seperti ini:

<div class='widget-content'>
<div class='applemenu2'>
<div class='silverheader'><a href='http://analisis-fiqih.blogspot.com'>Arsip Blog</a></div>
<div class='submenu'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</div>
</div>

8. Save Template
Bentuknya harus seperti itu.

Memodifikasi Label di Edit HTML

1. Cari kode HTML berikut ini:

<ul><b:loop values='data:labels' var='label'>

2. Di atasnya ada kode ini:

<div class='widget-content'>

3. Taruhlah kode berikut ini di bawah <div class='widget-content'> itu:

<div class='applemenu'>
<div class='silverheader'><a href='http://analisis-fiqih.blogspot.com'> LABEL </a></div>
<div class='submenu'>

4. Setelah ditaruh, maka di bawahnya ada kode ini:

<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'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>undefined<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>

5. Taruhlah kode berikut ini di atas kode div yang kedap-kedip itu:

</div>
</div>

Keterangan; Setelah ditaruh, maka secara keseluruhan, bentuknya seperti dibawah ini:

<div class='widget-content'>
<div class='applemenu'>
<div class='silverheader'><a href='http://analisis-fiqih.blogspot.com'>Kategori Artikel </a></div>
<div class='submenu'>
<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'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>undefined<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</div>
</div>

6. Save Template, selesai..

Print this post
Sincerely,
Padhang Bulan