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

Cara Membuat Menu Mendatar Di Atas Widget Attribution Dalam Area Footer Halaman Blog

Secara default, Blogger menyediakan sebuah widget ‘Laman’ yang dapat digunakan untuk menampilkan laman mandiri pada sebuah blog dalam bentuk tab menu horizontal seperti yang tampak di bawah bagian header blog ini . Namun dengan berbagai alasan dan tujuan, tidak sedikit pengelola blog yang lebih memilih menggunakan menu horizontal kustom daripada memakai widget ‘Laman’ yang sebenarnya juga dapat dimodifikasi sedemikian rupa sehingga sesuai dengan keinginan kita. Sebagai contoh misalnya adalah penambahan pull-down menu pada tab menu standar Blogger, seperti yang saya uraikan dalam artikel dengan judul “ Cara Menambahkan Sub Menu (Pull Down Menu) Pada Tab Menu Horizontal Standar Blogger ”.
Post a Comment
Read More >>

Cara Mengatasi Blackberry Yang Hang

Cara Mengatasi Blackberry Yang Hang Cara Mengatasi Blackberry Yang Hang - Pernah tidak sobat mengalami keadaan di saat lagi BBM-an tiba - tiba hp Blackberry sobat hang total dan tidak bekerja dengan semetinya? Jika pernah, apa yang sobat lakukan? Membawa ke tempat service? maka siaplah untuk kehilangan beberapa lembar dari kantong sobat ( duit ) hehehe. Kali ini saya akan ngasih tips sederhana yang mungkin bisa membantu sobat yang sedang mengalami masalah hang pada BB nya, trik kali ini dijamin tidak akan mengosongkan dompet sobat karna memang tidak ada biaya nya alias gratis. Yang perlu sobat lakukan yaitu hanya duduk menghadap depan layar monitor dan mengikuti tutorial dari saya yang berikut ini.
Post a Comment
Read More >>

Ilmu Sosial Dasar: Ilmu Pengetahuan Teknologi dan Kemiskinan #9

1.  Pengertian Ilmu dan Ilmu Pengetahuan Batas kajian ilmu adalah fakta sedangkan batas kajian filsafat adalah logika atau daya pikir manusia. Ilmu menjawab pertanyaan “why” dan “how” sedangkan filsafat menjawab pertanyaan “why, why, dan why” dan seterusnya sampai jawaban paling akhir yang dapat diberikan oleh pikiran atau budi manusia (mungkin juga pertanyaan-pertanyaannya terus dilakukan sampai never ending) oleh Heidegger, setiap telaah filosofis terdapat unsur metafisik. Ilmu adalah pengetahuan yang bersifat umum dan sistematis, pengetahuan dari mana dapat disimpulkan dalil-dalil tertentu menurut kaidah-kaidah umum. (Nazir, 1988) Konsepsi ilmu pada dasarnya mencakup tiga hal, yaitu adanya rasionalitas, dapat digeneralisasi dan dapat disistematisasi (Shapere, 1974) Pengertian ilmu mencakup logika, adanya interpretasi subjektif dan konsistensi dengan realitas sosial (Schulz, 1962) Ilmu tidak hanya merupakan satu pengetahuan yang terhimpun secara sistematis, tetapi juga ...
Post a Comment
Read More >>