Membuat Warna Latar Belakang dan Halaman Blog Berbeda

Untuk merubah warna latar belakang halaman blog, bisa dilakukan pada menu Font dan Warna. Login saja ke Blogspot –> Tata Letak –> Font dan Warna, dan pilih warna sesuai keinginan (lihat pada gambar 1).

Sedangkan untuk memberi/merubah warna pada halaman blog, caranya adalah sebagai berikut:

Membuat Garis Pinggir Blog

Untuk membuat garis pinggir blog caranya adalah sebagai berikut:

Login ke Blogspot –> Tata Letak –> Edit HTML

Cari baris kode berikut:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont; 
  }

Merubah Ukuran Lebar Template Blog

Untuk merubah ukuran lebar template blog, caranya adalah sebagai berikut:

Login ke Blogspot –> Tata Letak –> Edit HTML

Setelah itu cari baris kode berikut:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

Kode HTML Untuk Cara Menampilkan Posting Terkait / Artikel Berhubungan / Related Posts

Dari Trik Tips Blogging aku dapetin kode yang cukup menarik, yaitu kode HTML untuk cara menampilkan posting terkait (artikel berhubungan / related posts). Dengan memasang kode ini, maka semua postingan yang mempunyai kategori sama akan ditampilkan pada bagian akhir posting.

Cara Membuat Horisontal Menu Bar Pada Template Blogspot

How to create Horizontal Menu Bar on Blogspot's Template
Hal pertama yang harus dilakukan sebelum memasang horisontal menu bar pada template blogspot adalah melihat apakah template yang dipakai itu sudah memiliki kolom Tambah gadget dibawah kolom Header. Jika belum berarti harus dilakukan sedikit modifikasi pada HTML template untuk bisa menampilkan kolom Tambah gadget dibawah header. Jika sudah ada kolom Tambah gadget tersendiri di bawah header, silahkan langsung ke no.2.

Cara Sembunyikan Navbar Pada blogspot; Cara Membuat Autohide Navbar Pada Blogspot

How To Remove / Hide Blogspot's Navbar and How To Create Autohide Blogspot's Navbar
Dari blog SEBENTAR SAJA, aku dapat cara untuk menghilangkan / sembunyikan navbar blogspot dan cara untuk membuat navbar blogspot menjadi autohide navbar, yaitu hanya ditampilkan jika pointer mouse ada di atasnya saja. Oya tahu ga apa itu Navbar? Navbar atau navigation bar itu adalah menu bar yang diberikan dari Blogspot yang antara lain berfungsi untuk memudahkan kita masuk dari blog ke dashbor untuk proses pengeditan atau untuk melihat blog lain secara acak ya.

Cara Membuat Sistem Read More Pada Blogspot

How to create Read More.. on Blogspot
Kode HTML untuk membuat sistem read More pada Blogspot ini aku dapatkan dari Refleksi dan Blog Tutorial. Dengan menggunakan sistem Read More.. maka posting pada halaman depan tidak akan ditampilkan seluruhnya, tetapi hanya sebagian saja.

Atasi error bX-hq2u5m saat upload template baru di blogger/blogspot

Ini adalah cara untuk mengatasi error bX-hq2u5m yang terjadi saat aku mau coba ganti-ganti template di blogger / blogspot dengan template baru, template gratis yang aku dapat dari Webtalks ya. Info ini aku dapet dari deluxe template, Professional Blogger Template for Free.

Pasang Menu Bar di blogger/blogspot

Hal pertama yang harus dilakukan sebelum memasang menu bar adalah melihat apakah template yang dipakai sudah memiliki kolom Add a gadget dibawah kolom Navbar. Jika belum berarti harus dilakukan sedikit modifikasi pada HTML template untuk bisa menampilkan link add page elements. Jika sudah ada kolom tersendiri di bawah Navbar, silahkan langsung ke no.2.

Kode HTML untuk membuat Read More pada blogger/blogspot

Kode ini aku dapatkan dari Refleksi dan Blog Tutorial. Dengan kode ini maka posting pada halaman depan (home) tidak akan ditampilkan seluruhnya, tetapi hanya sebagian saja.