Skip to main content

Cara Membuat Widget Arsip Blog Scroll

Untuk postingan atau pembahasan kali kita akan membuat Widger arsip blog atau web dengan Scroll Umumnya saat kita menambahkan widget arsip blog, maka secara default ketika kita mengkliknya akan membuat tampilan arsip blog memanjang ke bawah. Terkadang jika memiliki jumlah postingan yang banyak maka widget arsip blog juga akan lebih panjang. Ada cara untuk membuat widget arsip menjadi lebih ringkas, yakni dengan menjadikannya scroll, sehingga ketika mengklik link pada widget arsip blog, tidak akan memanjang, tetapi akan berubah menjadi scroll. Tentunya dapat membuat tampilan blog menjadi lebih rapi dan indah. Terkait itu, kali ini saya akan berbagi cara bagaimana membuat scroll pada widget blog archives (arsip blog) sehingga tampilan arsip blog menjadi lebih ringkas dan lebih menarik. Berikut penampilan widget archive blog yang telah dibuat scroll:
scroll arsip blog

Cara membuat scroll pada arsip blog adalah sebagai berikut:

1. Masuk ke akun blogger.
2. Dari halaman dasbor, pilih Template.
3. Kemudian klik Edit HTML.
4. Kemudian cari kode " <div id='ArchiveList'> " (tanpa tanda petik). Gunakan CTRL+F untuk memudahkan pencarian.
5. Kemudian terapkan seperti ini dengan menambahkan kode berwarna biru di bawah ini:
<div style='overflow:auto; width:ancho; height:250px;'>
<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>
</b:includable>

Letakkan <div style='overflow:auto; width:ancho; height:250px;'> tepat di atas <div id='ArchiveList'>. Untuk mengatur tinggi widget dapat mengubah height:250px sesuai dengan keinginan anda. Jangan lupa juga menambahkan </div> sesudah <b:include name='quickedit'/>

6. Sebelum disimpan lebih baik anda Preview (Pratinjau) untuk melihat perubahan yang terjadi, jika sudah yakin Simpan template anda.
Mungkin cukup sekian dulu penjelasan membuat scroll pada widget arsip blog, semoga berhasil.
Labels:

Comments

Post a Comment

Popular posts from this blog

Istilah-istilah dalam flash

Perlu kita ketahui sebelum kita mempelajari lebih jauh tentang Flash kita harus tau dan mengetahui atau paling tidak kita memahami tentang istilah-istilah yang ada pada flash tersebut agar kita di saat mempelajari lebih lanjut lebih mudah dalam mempelajarinya baiklah perhatikan istilah tersebut di bawah ini ; Timeline : bagian yang digunakan untuk mengatur susunan layer.   Layer : bagian yang digunakan untuk mengatur susunan dari obyekyang tampak di stage.   Scane/stage : layar yang digunakan untuk menyusun obyek gambar , teks, animasi dll.   Frame : suatu bagian dari layer yang digunakan untuk mengatur pergerakan animasi.   Keyframe: suatu tanda yang digunakan untuk membatasi suatu gerakan animasi.   Animasi : sebuah gerakan obyek maupun teks yang diatur sedemikian rupa sehingga kelihatan menarik.   Movie clip: suatu animasi yang dapat di gabungkan dengan animasi atau obyek lain.   Action/script : suatu perintah yang diletakkan pada sua...
3 comments
Read more

Cara menggunakan dasar tool-tool pada Adobe Flash CS3

Setelah kita mempelajari dari awal tentang apa itu animasi sampai macam-macamnya software yang digunakan dalam pembuatan animasi tetapi dalam hal ini yang kita pakai softwarenya yaitu Adobe Flash CS3 Professional, Sekarang kita akan menggunakan garis dengan Line tool sebagai awal kita mempelajari bersama-sama baiklah kita mulai : 1. Cara Membuat garis dengan Line tool Adobe Flash CS3 telah menyediakan pilihan untuk membuat beragam bentuk garis. Pilih ikon Line Tool pada toolbar di sisi kiri layar, kemudian lihat pilihannya di panel Properties di sebelah kiri bawah layar, Masukkan angka ketebalannya. Dan untuk memulai garis klik pada stage dan drag sepanjang yang anda inginkan. Dan perhatikan gambar di bawah ini dan perhatikan toolbar pada line tool yang dipilih untuk membuat garis ; Line tool 2. Cara Membuat garis dengan pencil tool Dan sekarang Untuk membuat garis bebas, Pilih ikon Pencil Tool pada toolbar sisi kiri dan pilih warnanya pada panel Colors di bawahnya. U...
Post a Comment
Read more

Cara membuat tombol kontrol play dan stop pada adobe flash CS3

Pada postingan berikut ini digunakan sebagai pelengkap tutorial Pause dan Play Suara. Pada tutorial kali ini kita akan membahas tentang bagaimana cara menghentikan suara yang sedang dimainkan. Sebenarnya pada script Pause dan Play Suara sudah ada. Tapi karena digunakan dalam tombol pause, mungkin ada yang belum tahu. Untuk menghentikan suara kita cukup menuliskan stop() pada variable yang menampung suara yang sedang dimainkan. Misalnya : suara ditampung pada variable Musicz , maka untuk menghentikannya kita menuliskan Musicz.stop() Setelah mengikuti kegiatan belajar ini, Anda diharapkan dapat: Membuat tombol dan Mamberi action pada tombol Dan Membuat tombol kontrol kita bisa menggunakan sesuai dengan keinginan bisa mengunakan panel Library atau kita bisa juga dengan mendesign sendiri dengan menggunakan menu toolbar yang tersedia A. Membuat Tombol Buka file animasi masking (ini hanya untuk mempercepat tutorial) Buat layer baru, beri nama Kontrol . Seperti gambar dibawah in...
1 comment
Read more