Minggu, 15 Januari 2012

Merubah Menu dari Template Coolwater

Posting ini, niat awalnya sebagai catatan pribadi saja. Karena pengetahuan ini saya dapatkan setelah ngutak-ngutak sendiri. Tepatnya ketika ingin merubah Menu template Coolwater ini dari Page jadi menu yang bisa diinput sendiri. Jadi, ketika saya menumukan masalah serupa bisa buka lagi catatan ini. Kalau ada teman-teman yang merasa terbantu dengan postin ini, Alhamdulillah. Tapi jangan lupa komentarnya ya! Biar rame gitu.
Caranya sebenarnya sederhana :
Pertama ; Cara Kode seperti di bawah ini :
<!-- (Menu) -->

            <!-- Pages-based menu added by BTemplates.com -->
            <div id='menu'><div>
            <!-- Pages -->
            <b:section id='pages' maxwidgets='1' showaddelement='no'>
            <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
            <b:includable id='main'>
              <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
              <div>
                <ul>
                  <b:loop values='data:links' var='link'>
                    <b:if cond='data:link.isCurrentPage'>
                      <li id='current'><a expr:href='data:link.href'><data:link.title/></a></li>
                    <b:else/>
                      <li><a expr:href='data:link.href'><data:link.title/></a></li>
                    </b:if>
                  </b:loop>
                </ul>
                <b:include name='quickedit'/>
              </div>
            </b:includable>
            </b:widget>
            </b:section>
            <!-- /Pages -->
            </div></div>

Kedua : Hapus kode yang berwarna merah
Ketiga : Masukan kode di bawah ini pada tempat kode yang dihapus tadi
                     <ul>
                 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                 <li><a href='http://www.blog.solahsyihab.com/search/label/Blogger'>Al-Quran</a></li>
                 <li><a href='http://www.blog.solahsyihab.com/search/label/Blogger'>Bisnis</a></li>
                 <li><a href='http://www.blog.solahsyihab.com/search/label/Blogger'>Blogger</a></li>
                    </ul>

Sebagai perbandingan, bisa dicek template aslinya di sini. Cuma ada sedikit yang belum pas dihati, karena belum sama dengan aslinya. Diaslinya hurufnya gak tebal, hasil editan jadi tebal. Kapan-kapan lagi aja ngutak-ngatinya sambil cari ilmunya dulu.
Itu ada catatanya. Mudah-mudahan bermanfaat

Lorem ipsum is simply dummy text of the printing and typesetting industry.