Sekedar share gimana sich caranya merubah ukuran blog default seperti kehendak kita
setelah muyer2 di rumah simbah akhirnya nemu juga tutorialnya;

sebelumnya lihat dulu rancangan dasar blog spt gambar dibawah ini :

Outer-wrapper 

- Maksudnya  adalah lebar/ukuran template secara keseluruhan dimana didalam outer-wrapper ini terdapat bagian header, posting, sidebar dan footer. Pada template kamu ditandai dengan kode CSS #outer-wrapper,#outer-wrap atau juga bisa #outer.

 Header-wrapper 

- Pada template kamu ditandai dengan kode CSS #header-wrapper, #header-wrap atau #header. Untuk yang templatenya memiliki 2 header atau lebih maka kode CSS nya akan ada 2 atau sesuai header yang ada pada template kamu. Misalnya terdapat 2 header dalam template kamu, maka kode CSS nya juga ada 2 yaitu #header dan #header2. Yang membedakannya hanya float right dan float left. Ukuran lebar menu navigasi yang ada dibawah atau diatas header biasanya jsama

Content-wrapper 

- Ditandai dengan kode CSS #content-wrapper, #content-wrap atau #content pada template kamu, jika tidak terdapat kode CSS ini, berarti berarti untuk area posting dan sidebar pengaturan CSS nya ada pada bagian /* -----   MAIN   -----  */.

Main-wrapper

 - Ditandai dengan kode CSS #main-wrapper, #main-wrap atau #main. Area posting berada pada main-wrapper ini.

 Sidebar-wrapper

 - Ditandai dengan kode CSS #sidebar-wrapper, #sidebar-wrap atau #sidebar.  Terkadang di beberapa template tertentu, terdapat kode yang seperti ini lebih dari 1, jadi sah-sah saja jika didalam template kamu  ada beberapa kode sidebar yang ditulis secara urut seperti #sidebar-wrapper, #sidebar1-wrapper atau #sidebar1 dan #sidebar2.

Footer-wrapper

 - Ditandai dengan kode CSS #footer-wrapper atau biasanya juga terdapat dibawah kode /* -----Footer Content----- */ atau /* -----Footer Wrapper----- */.


setelah mengetahui mana yg akan dirubah ukuranya silahkan masuk ketemplate - edit html
ctrl+f masukkan kode / nama rancangan yg ada pada gambar

contoh gambar seperti dibawah ini :

Bagi temen2 yg suka main Game billyard di gamezer;
bosen dg tampilan nama2 text generator yg gitu2 saja? sobat boleh mencoba buat nama sendiri yg tentunya lebih unik dan berbeda dg yg lain
dengan menggunakan Character map windows ;

Berikut ini Situs2 Editing Kalimat Utk Blog anda Biar tambah Nyimut...heee



1. www.textspace.net

Memiliki berbagai jenis text generator sesuai dengan bentuk design-nya, misalnya patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

2. www.flamingtext.com

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview dari hasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

3. cooltext.com

Sama halnya dengan flamingtext, cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

4. www.simwebsol.com

Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

5. www.logomatik.net

Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yang dihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

6. www.thelogoshop.info

Selamat mencoba....!!!!!  Yg berminat silahkan COPAS

Cara mengganti Background Blog



Sebelum anda mengganti warna/gambar background dengan gambar bakcground baru, pastkan  telah menemukan/memiliki gambar background dan menghosting-nya sendiri.

1. Masuk ke dashboard > Template
2. Klik Edit HTML
3. Arahkan dan klik kursor di dalam area template editor, lalu tekan Ctrl+F
4. Cari kode CSS ini: body{ dengan cara memasukkannya ke dalam kotak pencarian dan tekan enter.
    Atau bisa juga dengan mencari kode selengkapnya/menambahkan kode setelah body { seperti berikut:
   body{background-image: url(alamat url gambar anda);
5. Ganti alamat url gambar anda dengan alamat gambar background yang telah anda host.
6. Save template

Yang perlu diperhatikan adalah ukuran gambar anda, usahakan untuk tidak menggunakan gambar dengan byte yang besar, usahakan di  bawah 50 Kb, agar tidak membuat loading berat dan lama.
Gambar memiliki ukuran pixel yang berbeda-beda. Pastikan hasil gambar background blog anda penuh dari kiri ke kanan dan dari atas ke bawah.

Untuk membuat gambar background penuh diperlukan pengulangan. Gunakan tag repeat (mengulang) ke kanan/samping: repeat-x, dan ke bawah: repeat-y.
Berikut contoh untuk pengulangan ke kanan/samping::

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x; ....dst}

agar gambar juga mengisi hingga ke bawah (hingga footer halaman), tambahkan repeat-y tepat disamping repeat-x. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: repeat-x repeat-y; ....dst}

Jika anda tidak ingin gambar anda berulang baik ke kiri atau ke bawah, cukup gunakan kode no-repeat. Contoh:

body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: ; ....dst


Demikian Tricknya Silahkan mencobanya Sendiri