Cara membuat contact form pada blogspot

Untuk menambahkan contact form sangatlah mudah, bila kita mau menggunakan layanan pembuat contact form jasa ketiga atau di istilahkan tirdparty. Untuk membuatnya kita tinggal mengikuti langkah-langkahnya tanpa kita mengerti bahasa pemrograman. Disini yang saya contohkan adalah contact form dari Foxyform.com dan ini yang sangat mudah dari  layanan gratis contact form, kita hanya melakukan 3 langkah mudah, perhatikan langkah berikut ini: kunjungi foxyform.com  kamu isi isian contact yang kamu buat dengan mencentak kotak opsi  seperti di bawah ini:      Title required field:           Name required field:           E-Mail required field:           Subject required field:      Show further options  Warna backgraund yang hendak kamu pilih,sebaiknya warna sesuaikan dengan tampilan situs kamu Your options: Background Color: # (colours) Font Color: # (colours) Font: Font size: Isi dengan alamat email kamu yang  akan menghubungkan dengan orang menggunakan kontact tersebut dan tekan tombol creat. Kemudian kamu akan mendapat kode yang harus kamu kopy paste ke halaman yang akan di jadikan contac form. Your e-mail address:    Creat formular   Selesai

foxyform.com cantact me

Cara mengatur ukuran halaman blogspot

Cara mengatur ukuran halaman blogspot

Cara yang mudah berikut ini saya kan jelaskan langkah-langkahnya.
1. Login/Masuk pada blog
2. Pilih Rancangan kemudian Edit/HTML
3.  Untuk mudahnya  perhatikan pada layar brouser firefox sebelah kiri atas, kemudian klik Edit dan klik pilihan cari. Kemudian ketik code yang hendak di cari, firefox akan mencari kode secara otomatis.
Cari code di bawah ini

<Variable name="tabs.margin.side" description="Tabs Side Margin" type="length" default="35px"  value="35px"/>

Angka merah bisa di ganti, menurut keinginan anda. SEVE TEMPELATE, hasil sudah berubah

Cara menghapus branda blogspot

Aturan default pada blogspot, bagi kita yang pertama kali membuat site baru, akan di tawari dengan thema dari blogspot untuk menjadi pilihan. Kita dapat memilihnya salah satu sesuai keinginan kita setatis atau dinamis, dan setelah kita pilih thema tersebut pada tampilan defaultnya akan di jumpai pada post paling bawah dengan angkor teks beranda yang akan mengelink pada halaman beranda. Kita dapat menghilangkan angkor teks tersebut dengan cara sebagai berikut.

Untuk mudahnya  perhatikan pada layar brouser firefox sebelah kiri atas, kemudian klik Edit dan klik pilihan cari. Kemudian ketik code yang hendak di cari, firefox akan mencari kode secara otomatis.

Cari kode berikut .

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

  

Apabila telah ketemu,hapus kode tersebut dan Simpan Template,selesai

Coba kita buka kembali hasil editannya, beranda sudah meng hilang.

Cara mengatur jarak antara halaman blog

Dibawah ini adalah cara untuk mengatur jarak antar halaman atau jarak post yang satu dengan post berikutnya.

Sebelum melakukannya saran saya terlebih dahulu copy semua kode html templete kita, ini di maksudkan bila terjadi kesalahan, kita dapat mengembalikan tempelat pada posisi semula sebelum ada pengeditan.
Perhatikan langkah-langkah berikut

1. Masuk/login ke bloger
2. Pilih Rancangan -> Edit/HTML
3. Cari Kode seperti dibawah ini

<Variable name="date.space" description="Date Space" type="length" default="40px"  value="80px"/>

   <Variable name="date.position" description="Date Float" type="string" default="static"  value="absolute"/>

Teks angka warna merah adalah jarak antar halalman kita, kita bisa menggantinya sesuai keinginan kita.

Cara menghilangkan Judul Widget atau Gadget

Secara default, apabila kita hendak menambahkan gadget/ widget pada kolom sidebar, kita di haruskan memasukkan judul gadget tersebut, jika tidak maka gadget tidak berhasil dipasangkan. Padahal dalam hal-hal tertentu kita tidak membutuhkan adanya judul yang tampak, karena ini dapat mempengaruhi keindahan tampilan site, apalagi yang kita butuhkan sepenuhnya adalah penampilan konten, dengan kontent tersebut tanpa judulpun orang yang melihatnya sudah mengetahui maksud dari tampilan gadget tersebut. Berikut adalah cara menghilangkan gadget/ widget

Cara menghilangkan Judul Widget atau Gadget

• Saya akumulasikan anda telah masuk atau login pada blog anda.
  Cari gadget/widget yang hendak kita hilangkan judulnya dan klik masuk pada pengeditan gadget. 
• Setelah itu kita tulis kan pada judul gadget/widget seperti kode merah ini <!...>
  Tekan 0K dan publikasikan anda sudah bisa lihat gadget anda tampil tanpa Judul, mudah bukan.

Cara menambahkan background pada judul Gadget/widget

Ini adalah salah satu cara untuk menambahkan  Background Judul Widget/Gatget blog pada blogspot. Penambahan ini diharapkan agar blog tampak prefesional dan lebih menarik dilihat, jika di bandingkan dengan penampilan blog defaultnya.Sebelum melakukannya, saran saya anda terlebih dahulu memiliki akun pada picassa atau penyedia layanan foto shering lainnya. Anda upload gambar yang  anda ingin tampilkan sebagai background gatget/widget. Setelah selesai upload anda, cari letak link gambar yang telah di upload tersebut, kemudian kopi paste link tersebut dan letakkan pada url(alamat gambar)

 URL PICASSA LENGKAP(<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://picasaweb.google.com/s/c/transparent_album_background.gif) no-repeat left"><a href="https://picasaweb.google.com/101782274324916611137/May12012?authuser=0&feat=embedwebsite"><img src="https://lh3.googleusercontent.com/-vkFcpGtKXrA/T59PCtDaSDE/AAAAAAAAAPI/zy6sET8BpZA/s160-c/May12012.jpg" width="160" height="160" style="margin:1px 0 0 4px;"></a></td></tr><tr><td style="text-align:center;font-family:arial,sans-serif;font-size:11px"><a href="https://picasaweb.google.com/101782274324916611137/May12012?authuser=0&feat=embedwebsite" style="color:#4D4D4D;font-weight:bold;text-decoration:none;">May 1, 2012</a></td></tr></table>

Copy paste link yang  saya tandai warna merah saja untuk di jadikan alamat url gambar .

Perhatikan langkah-langkah berikut ini
1. Login/Masuk pada blog
2. Pilih Rancangan kemudian Edit/HTML
3. Cari kode ]]></b:skin> Copy kode dibawah ini dan Paste diatas kode ]]></b:skin>

.sidebar h2 {
background:url(<table style="width:194px;"><tr><td align="center" style="height:194px;background:url(https://lh3.googleusercontent.com/-vkFcpGtKXrA/T59PCtDaSDE/AAAAAAAAAPI/zy6sET8BpZA/s160-c/May12012.jpg)repeat-x;
color: #071019;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align:center;
}
4. Ganti Text yang berwarna merah dengan alamat Link Background anda kemudia Save Template Terakhir lihat blog anda. 

5.Lihat hasilnya akan seperti di bawah ini:

  Selamat mempraktekan...

Membuat Header Blog

Membuat headerblog