RSS FEED
Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Fitur Baru Blogger in Draft

image Lama tidak login ke blogger in draft, ternyata ada tambahan fitur baru dari blogger. Fitur tersebut adalah template yang sudah lama blogger tidak lakukan penambahan. Sekarang sobat bisa melihat tambahan template baru ini setelah masuk ke draft blogger. Apa saja fitur tambahan yang bisa sobat gunakan?

 

Jumlah tambahan template baru ini ada 15, saya rasa semuanya bagus dan bisa sobat jadikan template untuk blog sobat. Disini sobat bisa melihat preview langsung sebelum menggunakan template tersebut.

 

image

 

Tersedia juga pengaturan untuk warna background blog, sehingga sobat bisa menentukan warna background sesuai selera.

 

image

 

Ada juga fasilitas untuk mengatur sidebar, sobat dapat mengatur model sidebar. Hendak diletakkan di sebelah kanan, kiri atau membagi menjadi 3 bahkan sampai 4 kolom juga bisa.

 

image

 

Pengaturan standart font yang bisa sobat atur sesuai selera sobat, mulai dari ukuran sampai model tulisan.

 

image

 

 

Silahkan masuk ke draft.blogger.com, kemudian klik Tata Letak, lalu pilih Perancang Template.

 

blogger draft

READ MORE - Fitur Baru Blogger in Draft

CSS Style Generator

image Salah satu bagian penting dalam template adalah kode css (cascading style sheet), seperti kita ketahui css adalah bahasa stylesheet yang mengatur tampilan sebuah dokumen. Umumnya css digunakan untuk memformat halaman sebuah blog/web dengan bahasa HTML. Dengan css, kita bisa mengatur warna dan tampilan blog, bahkan memformat ulang template dengan merubahnya secara tepat.

 

Untuk mengedit beberapa bagian atau keseluruhan kode css pada template, kita bisa membuatnya secara manual. Itu buat yang mengerti bahasa css, buat yang belum begitu mengerti, css style generator dari metatitan cssbuilder bisa sobat coba. Disini sobat bisa dengan mudah membuat kode css untuk template sobat, mulai dari body, header, post, sidebar, dll.

 

Tentukan dahulu bagian yang ingin di buat, setelah itu atur bagian font, box properties, background, posisi dan list properties. 

 

image

 

 

Hanya dalam sekejab, kode css berhasil sobat ciptakan dan tinggal memasukkannya kedalam template. Hasilnya bisa sobat lihat dibawah ini :

 

image

 

Itu hanya satu contoh saja, silahkan sobat kreasikan template sehingga menjadi lebih indah. Jangan takut template jadi rusak, silahkan backup template sobat sebelum melakukan edit css.

 

Selamat mencoba !

READ MORE - CSS Style Generator

Memperbaiki Header Pada ‘Soft Template’

Lagi – lagi masalah terjadi pada soft template milik saya, kemarin ada yang menanyakan pada kolom komentar yang menanyakan tentang gambar pada header soft template yang hilang. Kebetulan waktu itu saya menggunakan imageshack untuk hosting menyimpan gambar header soft template. Ternyata imageshack sering down sehingga gambar tidak tampil. Untuk mengatasinya saya memindahkan gambar langsung ke blogger saja.

 

Untuk merubahnya, silahkan sobat login ke blogger dulu.

  • Kemudian klik Edit HTML
  • Cari kode seperti dibawah ini :

    body{
    width:980px; background:#fff url(http://img692.imageshack.us/img692/3014/31317347.jpg) repeat-x; margin:0 auto;   padding:0;   font:11px verdana, arial, trebuchet ms; text-align:left;   color:#333}

  • kemudian ganti tulisan yang berwarna ungu dengan kode url berikut :

    http://lh3.ggpht.com/_7Y9pl24WpQY/S1p3AoU68lI/AAAAAAAACwE/uHCqxDl84l8/header_thumb%5B2%5D.jpg?imgmax=800

  • Sehingga hasilnya menjadi seperti dibawah ini :
    body{
    width:980px; background:#fff url(http://lh3.ggpht.com/_7Y9pl24WpQY/S1p3AoU68lI/AAAAAAAACwE/uHCqxDl84l8/header_thumb%5B2%5D.jpg?imgmax=800) repeat-x; margin:0 auto;   padding:0;   font:11px verdana, arial, trebuchet ms; text-align:left;   color:#333}
  • Jangan lupa Simpan Template.

Sekali lagi saya minta maaf buat sobat yang sudah menggunakan soft template. Have a nice day !

READ MORE - Memperbaiki Header Pada ‘Soft Template’
Return top