BELAJAR MEMBUAT GADGET PADA BLOG

Posted by Unknown | Wednesday, February 23, 2011 4:24 AM

Tutorial Cara Pasang dan Hapus Widget Blog di Blogspot
Buat Sahabat blogger, baiklah mari kita belajar..
Terlebih dahulu kita akan bahas Cara Menambah/Pasang Widget di Sidebar Blogspot, sebagai berikut:

1. Login dahulu ke account Blogspot Anda, selanjutnya akan tampil halaman seperti pada gambar di bawah ini:

2. Klik Rancangan/Design, lalu akan tampil halaman berikutnya seperti pada gambar di bawah ini:
3. Klik Tambah/Add Gadget, kemudian tampil lagi halaman baru seperti pada gambar di bawah ini:

4. Cari dan pilih HTML/JavaScript, lalu akan terbuka halaman baru seperti pada gambar di bawah ini:

5. Tulis Judul (wajib) pada kotak Judul/Title, lalu masukkan teks/kode yang ingin tampil di sidebar blog Anda ke dalam kotak Konten/Content. Jika Anda tidak ingin judul widget muncul di sidebar blog Anda, silahkan baca tutorial Cara Menyembunyikan Judul Widget di Blogspot ini;

6. Klik Simpan/Save, selesai.

7. Setelah selesai, apabila Anda ingin mengatur posisi widget berada pada tempat yang Anda inginkan, letakkan crusor mouse pada kotak judul widget lalu tekan dan geser ke posisi yang Anda inginkan, kemudian klik tulisan Simpan/Save yang terletak di pojok kiri atas pada halaman tersebut.

Dan Bagai Mana cara Menghapus Widget.?
Baiklah Mari Kita bahas..
Adapun Cara Menghapus Widget di Sidebar Blogspot adalah sebagai berikut:

1. Seperti biasa Login ke Blogspot, lalu klik Rancangan/Design dan setelah muncul halaman seperti gambar di bawah ini:

2. Cari judul widget yang akan dihapus, lalu klik pada tulisan Edit dan akan terbuka halaman baru seperti contoh gambar di bawah ini:


3. Selanjut klik pada tulisan Hapus/Delete;

4.Klik OK, selesai.

Demikianlah tutorial sederhana tentang Cara Pasang dan Hapus Widget Blog di Blogspot ini.

Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah


Beberapa waktu lalu saya berkunjung ke beberapa blog yang telah berkunjung ke Blog Serba Tersedia ini, maksudnya sih untuk membalas kunjungan mereka, namun ketika saya hendak meninggalkan pesan di kotak komentar blog mereka koq tidak bisa, masalahnya ruang untuk memasukkan Word Verification-nya tidak ada, contohnya seperti gambar di bawah ini:

Dalam hati saya terbersit rasa keinginan untuk memecahkan masalah tersebut, ya hitung-hitung bila suatu saat saya memodifikasi kotak komentar dan mengalami masalah seperti itu, saya sudah tau cara memperbaikinya.

Dengan berbekal rasa penasaran kemudian saya googling dengan mengetikkan kata kunci Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah, akhirnya saya dibawa ke blognya kang Zons di http://www.inimu.com. Setelah saya baca tutorialnya ternyata cocok dengan permasalahan di atas.

Nah di bawah ini adalah Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah, silahkan ikuti langkah-langkahnya dengan benar, sebagai berikut:

1. Login ke Blogspot => klik Rancangan/Design => pilih Edit HTML, kasih centang pada kotak Expand Template Widget dan gunakan tombol Find (Ctrl + F) untuk memudahkan pencarian kode;
2. Sebelumnya Download Template Lengkap dulu untuk jaga-jaga jika terjadi kegagalan, lalu cari kode tag di bawah ini:
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

3. Perbaiki atribut scrolling pada tag tersebut, karena disinilah akar permasalahannya. Ada dua cara untuk memperbaikinya, silahkan pilih salah satu saja yaitu: 1. Hapus atribut scrolling='no' pada tag tersebut; atau:
2. Ganti atribut itu menjadi scrolling='auto', ini bertujuan untuk menampilkan scrollbar di samping form komentar bila form komentar melebihi area yang tersedia.
4.Setelah dilakukan perubahan, Save Template.

Tampilan form komentar Anda nantinya akan dilengkapi dengan scrollbar seperti pada gambar di bawah ini:

Anda juga boleh (tapi tidak harus) mengubah value atribut height menjadi 410px. Tujuannya untuk mempertinggi area form komentar sesuai dengan yang ada pada template standar Blogger.

Demikianlah tutorial tentang Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah ini, semoga bermanfaat.

Sumber

RSS feed for comments on this post.

Leave a comment