Cara Mengganti Warna Background Blog

Template Blogger asli yang warna dan tampilannya itu-itu aja memang membosankan bagi kita. Untuk mendesain template blog memang dibutuhkan pengetahuan dasar CSS dan XHTML.

Untuk desain template blog, seharusnya kita bisa mendesain sendiri karena hanya kita yang tau karakteristik dari blog kita. Walaupun bisa membuat artikel yang berkualitas, tapi desain blog kita acak-acakan atau kurang menarik pasti artikel tersebut kurang diminati.

Untuk mendesain blog kita harus mengetahui atau mengerti tentang susunan template blogger atau bagian-bagian template blogger.

Ada banyak sih template yang bagus di internet, tapi pasti template blog kita akan ada yang menyamai jika blog kita pake template gratisan dari internet. Kalau template blog kita masih default atau asli dari Blogger, apa salahnya kita mengganti warna background blog sesuai keinginan kita.

Ya udah, langsung aja ke pokok pembahasan. Ini cara mengganti warna background blog

1. Login dulu ke Blogger. Karena tutorial ini dibuat cuma untuk blog di Blogger.
2. Setelah login, buka menu Tata Letak>Edit HTML.
3. Sebelum mulai bermain dengan kode HTML, Backup dulu template dengan mengklik link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.
4. Nah sekarang kita mulai bermain dengan kode HTML. Cari kode seperti berikut

body {
background: white;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

5. Ganti tulisan yang berwarna merah pada kode di atas dengan warna yang anda suka untuk mengganti warna template blog secara keseluruhan. Untuk daftar kode warna atau kode hexa warna bisa dicari di mbah Google. Cari kode berikut
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

6. Tambahkan kode background: white; setelah kode #outer-wrapper { lalu ganti tulisan yang berwarna merah pada kode di bawah dengan warna yang anda suka untuk mengganti warna background blog. Kodenya jadi seperti ini
#outer-wrapper {
background: white;
width: 900px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

7. Cari kode berikut
#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

8. Lakukan hal yang sama dengan langkah ke-6. Cara di bawah ini untuk mengganti warna background Postingan
#main-wrapper {
background: white;
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

9. Cari kode berikut
#sidebar-wrapper {
width: 350px;
float: right;
padding-left:10px; /* */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

10. Lakukan hal yang sama dengan langkah ke-6. Cara di bawah ini untuk mengganti warna background Sidebar dan kodenya jadi seperti ini
#sidebar-wrapper {
background: white;
width: 350px;
float: right;
padding-left:10px; /* */
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

11. Cari kode berikut
#footer {
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

12. Untuk mengganti warna background Footer, jadikan kode di atas seperti yang di bawah ini dan lakukan langkah yang sama seperti langkah ke-6
#footer {
background: white;
width:900px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

13. Langkah yang terakhir adalah melihat hasil tampilan dengan mengklik tombol Pratinjau. Tadaaa...gimana? Jadi bagus atau hancurkah blognya? Kalo jadinya bagus klik tombol Simpan Template. Kalo jadi ancur, tetap berusaha okeeeehhhh…

Bagian-bagian Template Blogger

Template merupakan bagian yang paling penting dalam sebuah blog. Jika blog yang kita kelola tidak memiliki template mungkin blog kita tidak berbentuk atau bahkan hancur. Bagi para bloger pemula mungkin kesulitan dalam mengelola template blog yang dianggap rumit.

Maka dari itu saya akan berbagi pengalaman tentang mengenali bagian-bagian template blog. Mengelola template blog adalah hal yang mudah jika kita tau bagian-bagiannya. Di bawah ini akan kita bahas tentang bagian-bagian template Blogger.



Bagian-bagian Template Blogger



Bagian-bagian template Blogger

body
outer-wrapper
header-wrapper
main-wrapper
sidebar-wrapper
footer


Bagian-bagian diatas merupakan penyusun pokok dalam sebuah template blog.

body merupakan tempat dimana seluruh bagian template blog diletakkan
outer-wrapper merupakan tempat dimana header, sidebar, main dan footer berada
header-wrapper merupakan pintu masuknya mesin pencari ke dalam blog kita. Karena di dalam Header terdapat judul yang mewakili blog kita
main-wrapper merupakan tempat postingan atau artikel blog kita ditampilkan atau dipublikasikan
sidebar-wrapper merupakan tempat aksesoris blog kita atau istilahnya “Widget” dan terletak di bagian samping blog
footer merupakan tempat untuk menuliskan informasi blog seperti informasi pendesain template, nama template, hak cipta, dll.

Nah, gimana? Udah ngerti belum? Kalo belum ngerti bisa Tanya ke mbah google atau ke orang yang lebih tau. Eh, ditunggu ya komentar dari para pengunjung. Jangan menyerah dalam belajar dan tetap Blogging………..

Cara Membaca Ebook Lewat HP

Ebook merupakan buku elektronik yang biasanya berformat PDF. Buku berbasis elektronik tersebut sulit untuk dibaca setiap waktu. Mungkin kita harus mencetaknya terlebih dahulu atau ngeprint untuk bisa membaca Ebook di mana dan kapan saja. Tetapi hal tsb cukup merepotkan dan membutuhkan biaya kertas dan tinta. Nah, kalo anda punya HP yang berbasis java, apa salahnya untuk dijadikan sebagai alat atau piranti untuk membaca ebook. Penasaran khan? Okeh deh langsung ke pembahasan gimana cara membaca ebook lewat hp.

Langkah-langkah membaca ebook lewat hp

1. Download Ebook dari internet untuk dipakai sebagai bahannya. Terserah judulnya, kalo saya memakai Ebook gratisan yang didapat dari mbah Google.
2. Ebook udah siap. Sekarang download Software MJ Book Maker. Software ini gratis koq, ukurannya Cuma 700 kb. Cukup kecil, simple dan nggak ribet.
3. Sambil nunggu MJ Book Maker selesai didownload, ubah File pdf ke format text dengan software Pdf2text. Bisa juga dengan cara di Save As di acrobat reader lalu di kotak dialog save as ubah Save as type dengan Plain Text (*.txt). Ebook memang harus diubah kedalam format text karena MJ Book Maker hanya bisa mengubah format *.txt ke *.jar(format untuk Java Application)
4. Kalo MJ Book Maker sudah selesai didownload, buka aplikasi tersebut. Tidak perlu nginstal karena aplikasi ini berbasis Portable. Ini gambarnya



• Book name (midlet name): isi sesuai dengan judul ebook.
• Information about book, author etc.: isi dengan informasi tentang ebook. Misalnya penerbit, penulis, dll.
• Source text file: cari file ebook yang telah anda ubah ke format text dengan cara klik ikon “…”
• Max size of text part (in bytes): Tuliskan angka yang besar atau di atas 100 ribu untuk membuat aplikasi Ebook menjadi satu. Tuliskan angka yang kecil atau di bawah 100 ribu untuk membuat aplikasi Ebook menjadi beberapa bagian
• Font: pilih font yang anda sukai dengan mengklik tombol ”…”
• Font color: pilih warna font untuk aplikasi Ebook
• Back color: pilih warna background untuk Aplikasi Ebook
• Line spacing: jarak antar baris
• Char spacing: jarak antar huruf
• Word wrap: beri tanda contreng pada kotak sebelahnya
• Di layar paling kanan, sesuaikan ukuran layar HP anda.

5. Setelah hal di atas sudah selesai maka klik tombol START dan tunggu sejenak lalu klik tombol Show Midlet untuk melihat hasil aplikasi Ebook
6. Masukkan file yang berformat *.jar ke dalam handphone anda

Cara di atas memang belum begitu sempurna, maka dari itu bila ada yang kurang di mengerti biasa ditanyakan lewat komentar. Selamat Membuat Aplikasi Ebook...