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: Pertentangan Sosial dan Integrasi Masyarakat #8

Integrasi Sosial Integrasi sosial adalah jika yang dikendalikan, disatukan, atau dikaitkan satu sama lain itu adalah unsur-unsur sosial atau kemasyarakatan. Suatu integrasi sosial di perlukan agar masyarakat tidak bubar meskipun menghadapi berbagai tantangan, baik merupa tantangan fisik maupun konflik  yang terjadi secara sosial budaya.  Menurut pandangan para penganut fungsionalisme struktur sistem sosial senantiasa terintegrasi di atas dua landasan berikut : Suatu masyarakat senantiasa terintegrasi di atas tumbuhnya konsensus  (kesepakatan) diantara sebagian besar anggota  masyarakat tentang nilai-nilai kemasyarakatan yang bersifat fundamental. Masyarakat terintegrasi karena berbagai anggota masyarakat sekaligus menjadi anggota dari berbagai kesatuan sosial ( cross-cutting affiliation ). Setiap konflik yang terjadi di antara kesatuan sosial dengan kesatuan sosial lainnya akan segera dinetralkan oleh adanya loyalitas ganda ( cross-cutting loyalities ) d...
Post a Comment
Read More >>

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: 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 >>