Cara Mengganti Background Blog dengan Gambar

Anda ingin mengubah background blog dengan gambar? Kita bisa saja mengubah background blog sesuai dengan keinginan, tapi dalam mengganti background yang perlu diperhatikan adalah keseimbangan antara background dan warna sidebar atau komponen template yang lain agar tampilan terlihat menarik.

Berikut cara mengganti background blog dengan gambar :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> klik Expand Template Widget.
3. Kemudian cari kode body { seperti berikut : 

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

4. Untuk mengganti gambar Anda tinggal menambahkan link gambar pada kode tersebut. 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXa9LChvsDuOT_jw0wpNwyX8DpvwSxtgtZL4nSSBtorWVxZtH-B9ixDntQtssCTz1tmJF3lwmx5xDQXwHz49WeQUVWvdwKjPrsPR3dvK9XtpjRKKH9MJHa-x6nkdxWpE4404EbESE-1Xw/s1600/Opera-Background-Speaker.gif

5. Kemudian diakhiri dengan kode repeat-x; hasilnya sebagai berikut : 

body{

background:#ded8c0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWXa9LChvsDuOT_jw0wpNwyX8DpvwSxtgtZL4nSSBtorWVxZtH-B9ixDntQtssCTz1tmJF3lwmx5xDQXwHz49WeQUVWvdwKjPrsPR3dvK9XtpjRKKH9MJHa-x6nkdxWpE4404EbESE-1Xw/s1600/Opera-Background-Speaker.gif) repeat-x;

color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Keterangan:
Jika menginginkan gambar tetap ketika scroll naik turun tinggal ganti repeat-x;menjadi repeat-x top left fixed; atau ganti dengan repeat scroll 0 0; untuk gambar dengan ukuran kecil menjadi besar.
Perlu diperhatikan tidak semua template kode scriptnya seperti diatas.
6. Simpan template. 

Nah, sekian cara mengganti background blog dengan gambar, jika Anda masih mengalami kesulitan silahkan hubungi kami melalui contac.

Read more »

Template,

Cara Mengganti Template Versi Blogger

Template blog merupakan salah satu komponen utama dalam sebuah blog, template yang bagus dan loading yang cepat biasanya banyak disukai oleh pengunjung sedangkan template yang loadingnya berat dan widget yang terlalu banyak menimbulkan kesan berantakan dan biasanya tidak disukai oleh pengunjung.

Berikut langkah-langkah mengganti template blog versi blogger :

1. Login akun blogger Anda.
2. Pilih menu 'Template' pada samping kiri halaman.

3. Sebelum mengganti template, download template aslinya dulu agar nanti kalau terjadi kesalahan kita dapat mengembalikan seperti semula, klik 'Cadangkan/Pulihkan' (pojok kanan atas).
4. Kalau sudah selesai men-download, selanjutnya klik 'Sesuaikan'.
5. Pilih template yang Anda inginkan dan edit background, lebar template, warna background, warna tulisan sampai jenis font sesuai keinginan Anda.

6. Kalau sudah selesai meng-edit klik 'Terapkan ke Blog'. 

Anda bisa mengubah dengan mudah struktur template dengan versi blogger tersebut, dan selamat mencoba.

Read more »

Template,

Cara Backup dan Upload Template Blog

Sedikit penjelasan tujuan dari backup template blog selain sekedar untuk menyimpan dan mengambil template saja adalah untuk menghindari apabila terjadi kesalahan dalam mengedit template blog sehingga kita bisa memulihkan template berkat backup template itu tadi.

Berikut cara backup dan upload template blog :

1. Login akun blogger Anda.
2. Pilih 'Template' ---> 'Cadangkan/Pulihkan' (Pojok kanan atas) 

3. Klik 'Unduh template lengkap'. 

Setelah selesai membackup apabila terjadi kesalahan dalam mengedit template Anda bisa memulihkannya dengan cara mengupload kembali template tersebut. Berikut langkah-langkahnya :

1. Masuk ke halaman Cadangkan/Pulihkan.
2. Klik 'Browse', pilih template yang Anda download tadi. 

3. Kemudian klik 'Unggah'. 

Nah, tidak sulitkan cara backup dan upload template blog, kalau masih mengalami kesulitan silahkan hubungi kami melalui contac.

Read more »

Template,

Cara Mengganti Warna Background Blog

Setelah sebelumnya kita telah membahas cara mengganti background blog dengan gambar, kini saatnya kita membahas cara mengganti warna background blog.

Sangat mudah untuk mengganti warna background pada blog, untuk Anda yang ingin menggantinya silahkan ikuti langkah berikut :

1. Login akun blogger Anda.
2. Pilih Template ---> Edit HTML ---> centang Expand Template Widget.
3. Kemudian cari kode body { seperti berikut :

body {
text-align:center;
color:#cc0000;
background:#E6E6E6;
font-family:arial,verdana,helvetica,tahoma,Sans-serif;
font-size:100%;
width:100%;
margin:10px 0 0 0;
padding:0;
}

Keterangan:
Ubah kode yang berwarna merah dengan kode warna yang Anda inginkan.
4. Simpan template. 

Lihat hasilnya, warna akan berubah pada background saja, tidak termasuk main, header, footer, dll.

Read more »

Template,

Cara Mengganti Template Blog Pihak Ketiga

Sebelumnya telah kita bahas cara mengganti template versi blogger, tapi kali ini kita akan mengganti template blog dengan cara yang berbeda yaitu menggunakan template pihak ketiga.

Sebelum Anda mengganti template blog, pilih dan download dahulu template pada situs dibawah ini.

zoomtemplate.com
btemplates.com
freetemplatesblogger.info 

Pilih salah satu situs penyedia template diatas dan cari template sesuai keinginan Anda. Kemudian setelah selesai memilih dan mendownload template kini saatnya menggantinya pada blog, berikut langkah-langkahnya:

1. Login akun blogger Anda.
2. Pilih 'Template' pada menu sebelah kiri blog.
3. Klik 'Cadangkan/Pulihkan' yang ada di sebelah kanan atas dan akan muncul halaman baru.
4. Di halaman tersebut tersedia klik 'Browse'.
5. Pilih file template yang sudah Anda download tadi lalu klik Enter.
6. Kemudian klik 'Unggah'. 

Nah, kini template blog Anda sudah ganti dengan yang baru, sekian postingan tentang cara mengganti template blog selamat mencoba.

Read more »

Template,

Pencarian Kode HTML Tampilan Baru Lebih Mudah

Pada kesempatan ini kami akan mencoba memposting kembali tentang tampilan baru dari Template > Edit HTML. Apakah saat ini Anda masih bingung dalam mencari kode HTML pada tampilan baru Edit HTML? Mungkin hal itu sama dengan apa yang sedang dan sudah kami alami saat ini.

Blogger mengganti tampilan terbaru Edit HTML agar memudahkan kita dalam mengedit template blog. Jika sebelumnya untuk mencari kode HTML terlebih dahulu kita harus mencentang Expand Widget Templates kemudian menggunakan Ctrl + Fpada browser maka muncul kotak search di kiri bawah, tapi untuk tampilan terbaru ini dalam pencarian kode HTML terlebih dahulu kita harus meletakkan kursor atau mengklik kode pada area kotak Edit HTML, kemudian baru menggunakan Ctrl + Fmaka akan muncul kotak search pada pojok kanan atas. Seperti gambar berikut : 

Keterangan :
1. Kotak search tampilan lama (pojok kiri bawah), jika Anda mencari kode-kode spesifik maka Anda tidak akan menemukan kode tersebut.
2. Kotak search tampilan baru (pojok kanan atas), dengan menggunakan kolom ini semua kode akan mudah ditemukan, caranya klik terlebih dahulu pada area HTML, kemudian tekan tombol Ctrl + F masukkan kode yang Anda cari dan tekan Enter pada keyboard sampai kode ditemukan.

Jadi gunakan kotak search yang kedua pada pojok kanan atas untuk mencari keseluruhan kode pada Edit HTML, semoga posting id-pemula blogspot kali ini bermanfaat.

Read more »

Template,

Tips Sederhana Memilih Template Blog

Template blog merupakan komponen terpenting dan berharga dalam sebuah blog, salah memilih template akan menimbulkan rasa tidak nyaman pengunjung saat berkunjung untuk membaca ataupun sekedar melihat-lihat blog kita. 

Bagaimana cara agar kita tidak salah memilih template blog ? Nah, pada kesempatan kali ini kami akan membahas sedikit tentang tips-tips memilih template blog tapi dengan sudut pandang kami selaku blogger pemula. Berikut tips sederhana memilih template blog yang bisa Anda praktekkan :

1. Pilih warna dan background yang padu atau serasi, usahakan jangan terlalu banyak warna pada blog karena hanya akan menambah kesan berantakan.

2. Kurangi widget, aksesoris atau script yang tidak perlu pada blog karena akan membuat berat loading blog bertambah, pengunjung lebih suka blog yang mempunyai loading cepat.

3. Tidak terlalu banyak banner, gambar, dan iklan yang terpasang. Baca tips meletakkan iklan di blog pada artikel sebelumnya.

4. Cari referensi template blog yang dipakai oleh blogger professional, pelajari tata letak widget dan design blog mereka.

Nah, itu dulu yang bisa kami tuliskan, masih banyak lagi tips memilih template blog yang baik. Pada intinya gunakan template yang enteng, ringan, dan rapi namun tetap elegan atau Anda juga bisa menggunakan template seo friendly yang sudah banyak digunakan oleh para blogger.

Read more »

Template,

Free Template Blogger untuk Toko Online

Anda sedang mencari template blog untuk toko online Anda? Mungkin Blogger Store v.2 berikut dapat membantu dan bermanfaat bagi Anda. Blogger Store v.2 Template ini dipublikasikan oleh zoomtemplate.com, template tersebut sangat cocok dengan blog Anda dengan tampilan yang simple, elegan, dan menarik.

Live Demo | Download Theme

Read more »

Template,

Membuat Border pada Halaman Template Blog

Border pada halaman template merupakan garis tepi yang mengelilingi halaman blog, garis ini biasanya digunakan untuk menandakan batas dari halaman template blog Anda. Garis tepi pada halaman blog juga akan menambah kesan menarik pada tampilan blog Anda.

Berikut langkah cara membuat border atau garis tepi pada halaman template blog :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode (gunakan Ctrl + F), outer-wrapper atau wrapper.
4. Kemudian letakkan kode berikut tepat dibawah salah satu kode diatas. 

border:2px solid #d50303;

5. Jika Anda menginginkan garis tepi disertai efek shadow, gunakan kode berikut. 

border:2px solid #d50303;
box-shadow:0 0 10px #666;

6. Contoh hasil kodenya akan seperti ini, 

#outer-wrapper {
background:#fff;border:2px solid #d50303;box-shadow:0 0 10px #666;text-align:left;width:960px;margin:15px auto;}

Keterangan :
2px : ketebalan border template
#d50303 : warna border template
10px : ketebalan efek shadow template
#666 : warna efek shadow
7. Kemudian Simpan template.

Nah, semoga dapat membantu!

Read more »

Template,