Cara Membuat Scroll di Widget Blog

Scroll pada widget memang hal yang bagus jika dipasang pada blog sobat. Selain agar widget sobat tidak terlalu memerlukan tempat yang luas, tampilan blog kita juga akan terlihat rapih.
Cara memasangnya juga tidak susah kok sob. Ikuti langkah-langkahnya.

• Widget tanpa kode HTML/Javascript.

Pertama kita harus tahu nama widget yang akan kita beri scroll sob. Caranya, masuk menu Tata letak dan sentuhkan cursor di tulisan edit pada widget yang akan sobat beri scroll. Pada bagian bawah akan terlihat nama widget, lihat pada gambar di bawah ini nama widget-nya adalah PopularPosts1.

Setelah kita mengetahui nama widgetnya, maka sobat masuk ke menu Template dan pilih Edit Html.
Jangan lupa centang pada bagian kotak Expand Widget Template.
Lalu sobat cari kode di bawah ini, agar lebih mudah sobat gunakan tombol ctrl+F.
]]></b:skin>
Masukan kode berikut tepat di atas kode ]]></b:skin>.

#PopularPosts1 .widget-content{

height:230px;

width:auto;

overflow:auto;

}

nb: ganti tulisan berwarna merah dengan kode widget yang akan sobat beri scroll

Terakhir, Save dan lihat hasilnya.

• Widget dengan kode HTML/Javascript.

 Untuk membuat scroll pada Widget dengan HTML/Javascript, sobat hanya perlu menambahkan sedikit kode berikut pada widget yang akan diberikan scroll.

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1pxsolid #999999;">

"kode widget"

</div>

Kode berwarna biru adalah kode tambahan untuk menambahkan scroll. Masukan kode Html widget pada tulisan berwarna merah. Dan sobat dapat menyesuaikan ukuranya pada kode berwarna hijau.

Terakhir, klik Simpan dan sobat lihat hasilnya.

Read more

Cara Membuat Widget Chat Box di Blog

Kali ini saya akan berbagi cara membuat Chat Box dengan aplikasi CBOX.
Chat Box atau Guest Box atau sebagainya adalah fasilitas untuk kita chatting dengan teman di dunia maya atau dengan teman Blogger khususnya. Manfaat lainya adalah agar alamat Blogspot kita dapat diketahui teman blogger dapat menyebar atau bahkan terkenal. Lumayan, buat bantu-bantu agar blogspot kita rame gitu deh..hha.





Salah satu situs chat box adalah CBOX, tak perlu basa-basi lagi mari kita mulai.
1. Masuk ke situs cbox, http://www.cbox.ws/ .
2. Lanjut, pilih sign up tentunya untuk buat akun.

3. Pada tahap sign up, silakan isi dengan lengkap. cbox name isi dengan keinginan sobat, email address isikan alamat email sobat, password isikan tanpa diketahui orang lain (mesti lah,hha), website isikan alamat blogspot/web tujuan sobat, language pilih bahasa yang sobat mengerti, style pilih backround yang anda suka, jangan lupa centang terms and conditions, lanjut klik "create my cbox".

4. cbox sobat berhasil dibuat.

5. Masuk ke yahoo dan periksa mail sobat, pasti ada mail dari cbox. Baca mail dari cbox dan klik link dari cbox untuk dapat login ke control panel cbox.

6. Setelah link tersebut diklik maka sobat akan masuk ke control panel cbox. Lalu sobat lakukan proses login.

7. Lalu kita masuk ke laman berikutnya, gulir sedikit ke bawah disitu ada kode html. Blog kode tersebut dan "copy".

8. Lanjut, masuk ke akun blogger sobat dan pilih "Tata Letak". Tentukan dimana cbox akan disimpan. Klik "Tambahkan gadget", pilih HTML/JavaScript dan paste-kan kode HTML dari cbox tadi.

9. Selesai, sobat sekarang bisa chat dengan teman blog menggunakan cbox.

Read more