Skip to main content

Cara Membuat Scroll Pada Widget Blog

Cara membuat Scrol Pada Widget Blog
Cara membuat Scroll Pada Widget Blog | Sudah lama tak posting tutorial blogger terlalu sibuk dengan dunia nyata, dari kemaren status otak saya Loading... terus :D. Hari ini saya inigin Berbagi tentang bagaimana Cara membuat Scrol Pada Widget Blog. Apa sih scroll itu? Dalam bahasa indonesia artinya gulung atau digulung. Jadi widget yang dipasang kode scroll bisa digulung dan akan menghemat tempat. Yang saya maksud dengan widget Blog disini adalah widget bawaan blogger bukan widget yang ditambahkan dengan add HTML/Javascript tapi yang langsung ada dipilihan widget blogger. Faham? atau malah puyeng? Sama hehehe... Biar jelas langsung lihat gambar ini deh.
Widget blog
Widget 1
Widget 2
  1. Widget 1 merupakan widget dengan editor HTML/js langsung
  2. Widget 2 merupakan widget tanpa editor HTML/js secara langsung
Nah, Cara Untuk Menambahkan Scrol pada Widget 1 sangat mudah caranya yaitu tinggal sisipkan kode scrol didalam kotak editor HTML. Lalu bagaimana caranya dengan widget blog 2? Itu mudah juga sob, hanya bermodalkan ketelitian :D, langsung saja cekidot...

Cara membuat Scroll Pada Widget Blog

Pastikan sobat sudah mempunyai blog di blogspot (yaiyalah)
Setelah login di blogger dan masuk dashbor klik rancangan trus edit laman (lihat gambar)

Dasbor Blog

Disini yang akan buat contoh atau eksperimen adalah widget Daftar Blog atau Blog List, tambahkan dulu widget ini kalau sobat belum menambahkannya dengan cara add widget / tambah widget cari Daftar Blog / Blog List.
Setelah sobat tambahkan dan simpan widget tadi saatnya otak-atik pada HTMLnya. Pergi ke rancangan dan klik edit HTML.
Dasbor Blog

Lanjut centang pada Expand Template Widget kemudian tekan CTRL + F pada keyboard untuk memudahkan pencarian kemudian pastekan kode ini widget id='BlogList1'.

Pencarian Kode HTML


Tambahkan kode ini <div style='overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 100px;width: 94%;text-align: left;'> diantara kode </b:if> dan <div class='widget-content'> maka akan menjadi seperti ini

Keterangan kode :  
  • background-color:#C7DFB5 adalah kode warna background yang bisa sobat ganti sesuai keinginan
  • height: 100px adalah ketinggian kotak scrol semakin besar nilainya semakin tinggi kotaknya
  •  width: 94% merupakan persentase lebar kotak dari lebar widget
  •  text-align: left posisi text widget bisa diganti dengan "center" ataupun "right".
"Udah selesai?" Belum sob masih ada kode yang perlu disisipkan yaitu penutup </div> sisipkan kode ini diatas atau sebelum kode </b:includable> </b:widget> kode ini masih dalam area BlogList1 diatas.
Kemudian simpan template Sobat.
Untuk memaksimalkan hasil dari eksperimen ini atur widget sobat seperti ini
Seperti apakah hasil dari eksperiman kita kali ini? Lihat sebelah kanan di blog Berbagi Yang Kudapat pada widget blog sahabat.

Eksperimen ini bisa sobat terapkan pada widget-widget blogger lainnya juga lho, seperti recent post, recent comment de el el.
Apabila sobat kesulitan dalam menerapkan tutorial Cara membuat Scroll Pada Widget Blog ini bisa sobat tanyakan di kolom komentar. Insyaallah akan saya jawab ASAP.

Read more: http://anwar-lahai.blogspot.com/2012/06/cara-membuat-scroll-pada-widget-blog.html#ixzz2FkS2ODwx
Labels:

Popular posts from this blog

Ilmu Sosial Dasar: Warga Negara dan Negara #5

A. Pengertian Hukum Secara Umum : Hukum adalah keseluruhan norma yang oleh penguasa masyarakat yang berwenang menetapkan hukum, dinyatakan atau dianggap sebagai peraturan yang mengikat bagi sebagian atau seluruh anggota masyarakat tertentu, dengan tujuan untuk mengadakan suatu tata yang dikehendaki oleh penguasa tersebut. E. Pengertian Negara Negara berasal dari kata state (Inggris), staat (Belanda), dan etat (Prancis) yang sama-sama asalnya dari bahasa latin status atau statum yang berarti keadaan atau sesuatu yang bersifat yang tegak dan tetap.Berikut pendapat para tokoh mengenai definisi negara. Menurut John Locke (1632-1704) dan Rousseau (1712-1778), negara adalah suatubadan atau organisasi hasil dari pada perjanjian masyarakat. Menurut Max Weber, negara adalah suatu masyarakat yang mempunyai monopolidalam penggunaan kekerasan fisik secara sah dalam suatu wilayah Menurut Mac Iver, suatu negara harus mempunyai tiga unsur pokok, yaitu wilayah, rakyat dan pemerint...
Post a Comment
Read More >>

Ilmu Sosial Dasar: Pelapisan Sosial dan Kesamaan Derajat #6

PELAPISAN SOSIAL A   Pengertian pelapisan sosial       Pelapisan sosial dan kesamaan derajat mempunyai hubungan, kedua hal ini berkaitan satu sama lain. Pelapisan sosial berarti pembedaan antar kelas-kelas dalam masyarakat yaitu antara kelas tinggi dan kelas rendah, sedangkan Kesamaan derajat adalah suatu yang membuat bagaimana semua masyarakat ada dalam kelas yang sama tiada perbedaan kekuasaan dan memiliki hak yang sama sebagai warga negara, sehingga tidak ada dinding pembatas antara kalangan atas dan kalangan bawah. B    Proses terjadinya pelapisan sosial      Pelapisan sosial terjadi dengan dua cara, yaitu : Terjadi dengan sendirinya       Pada cara ini, pelapisan sosial terjadi secara alamiah atau tanpa kesengajaan. Hal ini akan membentuk pelapisan sosial yang bervariasi menurut tempat, waktu, dan kebudayaan. Kedudukan seseorang pada pelapisan sosial ini juga terjadi secara otomatis. Terjadi dengan s...
Post a Comment
Read More >>