CARA MEMBUAT KOTAK TEXT AREA

Dalam postingan yang sederhana ini, saya ingin berbagi dengan Anda tentang Cara Membuat Kotak Text Area untuk Blogger, namun ijinkan terlebih dahulu saya menjelaskan sedikit mengenai manfaat atau fungsi dari kotak text area, agar kita tidak hanya tahu mengenai cara memasangnya saja tetapi juga mengetahui tujuan dibuatnya text area tersebut.

Manfaat atau fungsi Kotak Text Area antara lain adalah dapat dijadikan sebagai tempat penyimpanan kode-kode HTML/Javascript baik untuk bertukar link (Link Exchange) sesama blogger maupun untuk tujuan lain. Kotak text area juga bisa digunakan untuk menaruh pesan kepada pengunjung blog atau kepada diri sendiri dengan menggunakan abjat biasa. Perhatikan contoh di bawah ini:

1. Contoh Kotak Text Area berisi Kode HTML/Javascript untuk Tukar Link:
   
   
   <a target="_blank" href="http://www.serba-tersedia.blogspot.com">Blog Serba Tersedia</a>
2. Contoh Kotak Text Area berisi pesan dengan abjat biasa:
   
   Saat ini Anda sedang belajar membuat Kotak Text Area, Terima kasih atas kepercayaan Anda

Dengan contoh di atas semoga Anda sudah mengerti tentang manfaat dan fungsi kotak text area, selanjutnya tinggal kreatifitas Anda dalam memanfaatkannya untuk tujuan dan keperluan yang diinginkan, dan perlu diketahui kotak text area ini bisa dipasang di sidebar dan dalam postingan.

Adapun kode untuk membuat Kotak Text Area tersebut adalah seperti di bawah ini:

<p align="center"><textarea name="code" rows="6" cols="30"> disini tempat untuk menyimpan kode html/javascript atau pesan anda</textarea></p>

A. Cara Pasang di SideBar Blog:

1. Login ke Blogger, kemudian pilih Tata Letak --> Element Halaman;
2. Klik Tambah Gadget lalu pilih HTML/Java Script;
3. Copy dan paste kode di atas pada tempat yang disediakan;
4. Sebelum disimpan Anda bisa mengatur ukuran kotak sesuai keinginan yaitu dengan merubah angka pada rows untuk tinggi kotak dan pada cols untuk lebar kotak.
5. Terakhir Simpan dan lihat hasilnya.

B. Cara Pasang di Postingan:

Cara memasang pada postingan itu sangat mudah, Anda cukup memasukan kode di atas sesuai keinginan Anda dan sebelum mempublish postingan Anda harus pastikan dahulu bahwa pada menu Post Option postingan pilih Tafsirkan HTML yang diketik, selanjutnya klik Publish, selesai.

Demikian yang dapat saya sampaikan, terima kasih atas kesediaan Anda mengunjungi blog ini, semoga bermanfaat.

= = = = = = =>Selamat Berbagi, Semoga Mejadi Amal Kebaikan!!!<= = = = = = =

Menyembunyikan Title dan Description pada Blog

Mari perhatikan tampilan header blog Anda, apakah di header itu tampil Judul (Title) dan Keterangan (Description)? Kalau ada, apakah menurut anda mengganggu keindahan tampilan blog? Jika iya, maka tidak perlu binggung karena Saya akan memberikan solusinya yaitu dengan Cara Menyembunyikan Title dan Description pada Blog.

A. Cara Menyembunyikan Judul Blog (Hide Title Blog):

1. Login di Blogger, pada Dashboard klik Layouts/Tata Letak, kemudian pilih Edit HTML, kasih tanda centang pada Expand Widget Template dan ingat sebelum mulai mengedit kode-kode dalam Template sebaiknya Download Template dahulu karena apabila gagal, maka hasil download tadi bisa untuk mengembalikan kondisi template kembali seperti sebelumnya;
2. Cari stuktur kode seperti bawah ini:
   
   #header h1 {
   margin:0;
   padding:10px 30px 5px;
   line-height:1.2em;
   font: normal bold 354% 'Trebuchet MS',Verdana,Arial,Sans-serif;
   display:none;
   }
3. Tambahlah kode display:none; pada baris kode seperti contoh di atas;
4. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;
5. Simpan Template.

B. Cara Menyembunyikan Keterangan Blog (Hide Description Blog):

1. Langkah-langkahnya hampir sama dengan cara menyembunyikan judul blog, selanjutnya cari kode di bawah ini:
   
   #header .description {
   margin:0;
   padding:5px 30px 10px;
   line-height:1.5em;
   font: normal normal 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
   display:none;
   }
2. Tambahlah kode display:none; pada baris kode seperti contoh di atas;
3. Klik tombol Pratinjau untuk melihat perubahannya dan jika belum berhasil, silahkan klik tombol Bersihkan Edit, kemudian coba lagi pada struktur kode lainnya sampai berhasil;
4. Simpan Template.

N O T E:

• Bacalah tutorial ini dengan cermat dan ikuti langkah-langkahnya dengan benar. Tutorial ini sudah melalui uji coba pada Blog Serba Tersedia ini dan hasilnya sudah terbukti seperti yang Anda lihat saat ini;
• Struktur kode dalam setiap Template tidak selalu sama, oleh karena itu penting dan harus selalu dilakukan sebelum melakukan Edit Template sebaiknya Download Template dahulu, kecuali Anda sudah mengerti tentang kode HTML.
  

= = = = = = = => Selamat Mencoba, Semoga Sukses!!! <= = = = = = = =

Cara Mengganti Header Blog pada Blogger

Menurut cerita beberapa blogger tentang alasan orang tertarik dan sering mengunjungi blog adalah pertama, isi blog sesuai dengan kebutuhan dan kedua, tampilan blog yang unik serta indah.

Dalam artikel ini yang akan dibahas adalah tentang alasan kedua yaitu tampilan blog yang unik dan indah yaitu salah satunya mengganti Header Blog, karena dengan mengganti header selain akan membuat tampilan blog menjadi menarik, juga akan terlihat seperti blogger profesional (kalau yang melihat blogger pemula seperti saya, he he heeeeeeeee).

Header tidak harus berupa gambar, tetapi bisa juga menggunakan teks sebagai header yang penting terlihat unik dan indah, namun kali ini yang akan dibahas adalah mengganti header dengan gambar.

Cara membuat header blog tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaat website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.

Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:

1. Klik Daftar Sekarang untuk membuka halaman situsnya;
2. Klik Register untuk mendaftar.
3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
4. Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
7. Klik Return to the front page of free Web Page Headers.
8. Lalu klik Login untuk mendowload gambar header.
9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda.

Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:

1. Klik Rancangan->Edit HTML.
2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:
   
   #header-wrapper {
   width:975px;
   height:130px;
   margin:0px;
   padding:0px;
   text-align:left;
   background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderSerbaTersedia-New.jpg") no-repeat right ;
   }
   
   Keterangan:
   width:975px; adalah panjang header
   height:130px;adalah lebar header.
   
   
   Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya.
4. Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
5. Klik Edit pada bagian Header.
6. Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
7. Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
8. Lalu klik Save, selesai.

CATATAN:

• Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
• Jika cara di atas sulit diterapkan pada blog Anda, coba dengan cara ini: Cara Mengganti Header Blog Versi 2, semoga bisa membantu.

= = = = = = = => Selamat Berkreasi, Semoga Sukses!!! <= = = = = = = =