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 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...