• Breaking News

    Panduan dan Tutorial Lengkap serta Materi Pelajaran di Mulyono Blog. Konten Terlengkap dan Terpercaya

    Selasa, 30 Agustus 2011

    Cara membuat Fungsi Scroll Pada Daftar Link

    Pertama-tama adalah sobat membuat daftar link yang mau di berikan fungsi scroll. Caranya adalah sbb:
    1. Login ke blogger sobat
    2. Masuk ke Rancangan
    3. Pada elemen laman pilih tambah gadget
    4. Pilih Daftar Link
    5. Setelah itu masukan link-link sobat
    6. Selesai. Daftar link sobat sudah selesai dibuat

    Sekarang sobat tinggal membuat atau memberi fungsi scrollnya untuk daftar link yang telah sobat buat, cara membuat scroll pada daftar link adalah sbb:

    1. Masuk ke Edit HTML
    2. Download template lengkap terlebih dahulu sebelum melakukan edit. Supaya template tetap aman jika terjadi kesalahan (punya back up)
    3. Beri tanda centang pada expand template widget
    4. Cari kode yang mirip seperti kode dibawah ini :

    <div id='sidebar-wrapper'>

    <b:section class='sidebar' id='sidebar' preferred='yes'>

    <b:widget id='LinkList2' locked='false' title='Download' type='LinkList'>

    <b:includable id='main'>



    <b:if cond='data:title'><h2><data:title/></h2></b:if>

    <div class='widget-content'>

    <ul>

    <b:loop values='data:links' var='link'>

    <li><a expr:href='data:link.target'><data:link.name/></a></li>

    </b:loop>

    </ul>


    Catatan: Nama berwarna merah serta bergaris bawah pada kode diatas adalah nama Daftar link saya. Jadi silahkan cari nama daftar link yang sobat telah dibuat

    5. Setelah ketemu kode yang mirip dengan kode diatas, sekarang sobat tambahkan pada kode tersebut kode-kode yang berwarna merah dibawah ini

    <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='LinkList2' locked='false' title='Download' type='LinkList'>
    <b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:100px;'>
    <ul>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>
    </div>



    Catatan : Kode berwarna Merah adalah Code Scroll yang harus ditambahkan, untuk width sudah menyesuaikan dengan lebar widget anda, untuk Height/ ketinggian Scroll, silahkan sobat Atur sesuai dengan keinginan sobat.

    6. Selesai dan simpan template