cara membuat dan membangun blog

---

---

 *CARA MEMBUAT BLOG*

Mungkin para sobat ada yang belum tahu bagaimana cara membuat blog. Sebenarnya membuat blog itu sendiri cukup mudah. Hanya saja untuk membuat blog yang baik perlu sedikit belajar. Tapi sobat tidak perlu khawatir,kita bisabelajar sambil jalan. Yang penting ciptakan dulu blognya.

Bagaimana caranya:

Untuk login sobat harus punya account:misal gmail. Jika belum punya coba daftar dulu ke www.gmail.com. Jika sudah masuk saja ke www.blogger.com






Kemudian login dengan account gmail sobat.
Akan muncul gambar seperti dibawah ini:




Isi nama tampilan: ini hanya untuk menandai posting sobat.
Jangan lupa tandai kotak kecil tanda penerimaan persyaratan.
Jika sudah klik lanjutkan,sobat akan di bawa pada gambar sebagai berikut:

Beri judul blok terserah yang sobat suka. Langkah selanjutnya beri alamat URL blog sobat. Jangan lupa cek ketersediaan. Kalau tidak tersedia coba ganti dengan alamat yang lain,mungkin saja alamat yang sobat inginkan sudah terpakai.

Jika sudah klik lanjutkan:
Kemudian akan muncul gambar seperti dibawah ini:



Pilih template yang sobat suka.
Klik lanjutkan.





Nah blog sobat sekarang sudah jadi.
Ngeblog yuk..!! ...!!
Jika sobat klik MULAI BLOGGING akan muncul gambar di bawah ini:

Dari sini sobat sudah bisa mulai menulis. Mungkin tentang hobby,aktifitas sobat sehari-hari atau apa saja terserah sobat. Kotak yang kecil atas untuk judul artikel atau postingan sobat. Untuk kotak yang lebar di bawahnya untuk menulis artikel atau postingan sobat. Jika sudah klik terbitkan,dan lihat blog sobat. Mudahkan? 

Nah..selamat berselancar !

 

*CARA MEMPERLEBAR HALAMAN TEMPLATE*

para sobat yang baru bikin blog merasa template yang di sediakan oleh blogger terlalu sempit atau kurang lebar. Sobat ingin merubah template sobat hingga menjadi lebih lebar? Bagaimana caranya..? Mungkin ada beberapa cara untuk merubah halaman template. Dan saya biasa menggunakan cara sebagai berikut,yang saya anggap paling sederhana.

Dan tidak perlu panjang lebar lagi kita mulai saja caranya.
Yang perlu kita ketahui beberapa bagian dari template yang nantinya kita
bisa ubah ukurannya:

Outer-wreper : Lebar template secara keseluruhan
Main-wrapper: Bagian dimana kita biasa posting artikel
Sedebar-wrapper : biasanya terletak di kanan atau kiri dari main wraper
Header- wrapper: Bagian paling atas dari template
Footer-wrapper : Dasar atau berada paling bawah

Sekarang masuk ke blog sobat, klik tata letak kemudian edit html.Pada edit
html sobat tidak perlu kasih centang pada Expand template widget.
Kemudian cari code sebagai berikut:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
#main-wrapper {
width: 410px;
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 */
}
#sidebar-wrapper {
width: 220px;
float: $endSide;
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 */

Sobat bisa ganti ukuran pada teks yang berwarna merah. Sobat bisa ganti dengan ukuran berapa saja,biar keliatan rapi sesuaikan ukurannya. Misal :

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

#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 */
}
#sidebar-wrapper {
width: 400px;
float: $endSide;
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 */

Jika lebar outer-wrapper: 950px maka jarak main-wraper dan sedebar-wraper harus di sesuai:

Main-wrapper:500px
Sedebar-wrapper: 400px
Sedang sisanya yang 50px merupakan jarak agar sedebar dan postingan blog tidak berhimpitan.
Setelah itu jangan lupa sesuaikan juga lebar header-wraper dan footer-wraper sama dengan outer-wraper

#header-wraper{
width: 950px
margin:0 auto 10px;
border:1px solid $bordercolor;
}

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

Yang perlu di rubah teks yang berwana merah. Jika sudah klik pratinjau atau preview,kalau dirasa sudah cocok baru di save.

*CARA MEMBUAT READ MORE DI BLOGGER

Blogspot telah mengluarkan fitur read more atau yang di sebut dengan jump break. Sebelum dikeluarkannya fungsi read more ini yang dulunya kita harus dipusingkan dengan memasang script pada kode template. Maka sekarang akan lebih mudah dengan diluncurkannya read more fitur baru ini. Mungkin diantara sobat yang baru menggunakan blogger masih ada yang belum tahu bagaimana cara membuat read more atau jump break milik blogger tersebut, bisa ikuti cara di bawah ini:

Pada posisi compose arahkan mouse dan klik pada artikel yang ingin sobat penggal menggunakan read more. Kemudian arahkan mouse sobat ke arah pojok ( lihat gambar di bawah ) dan klik pada jump break, maka artikel sobat akan terpenggal dengan sendirinya.

Cara di atas tersebut jika sobat menggunakannya pada posisi compose. Jika sobat menggunakanya pada posisi edit HTML maka cukup tambahkan kode <!-- more --> di antara artikel yang ingin sobat penggal ( lihat gambar di bawah ).






Jika sobat ingin mengganti kata read more misalnya menjadi baca selengkapnya bisa edit pada bagian posting blog. Masuk ke tata letak kemudian klik edit pada posting blog maka akan muncul gambar seperti di bawah ini. Sobat bisa hapus dan ganti dengan kata yang sobat inginkan.





Untuk sobat yang menggunakan fitur blogger lama caranyapun juga tidak jauh berbeda, cuma sebelumnya blog sobat harus diedit terlebih dahulu. Caranya masuk ke pengaturan kemudian pilih dasar. Lihat gambar pada bagian bawah yang mirip di bawah ini.

Pilih editor entri : Editor yang di perbaharui.
Kemudian klik simpan.
Di sini sobat juga bisa baca-baca fitur terbaru dari blogger, klik link fitur terbaru! nanti sobat akan di arahkan ke sana atau klik di sini.






  ^Semoga Bermanfaat^

*MEMBUAT GAMBAR ATAU FOTO ANIMASI

Mungkin ada beberapa sobat yang ingin menambah gambar atau foto animasi ke blog mereka. Sebenarnya untuk menambahkan gambar atau foto bergerak ke blog tidak begitu sulit. Karena ada beberapa layanan yang menyediakan jasa seperti ini, misalnya :

www.slide.com
www.flickr.com
www.picasion.com

Disini saya akan mencoba menggunakan layanan www.picasion.com. Dimana pada layanan online ini sobat tidak perlu login. Tinggal memasukan beberapa gambar atau foto sobat yang nantinya akan bergerak sesuai urutan yang sobat inginkan.

Mari langsung saja kita mulai:

• Masukkan alamat www.picasion.com ke browser sobat.
  Masukkan gambar atau foto sobatdari mulai urutan 1(pertama).
  
  
• Kemudian sobat bisa menentukan ukuran juga kecepatannya (tenggang).
• Setelah itu klik create animation,gambar atau foto sobat sudah langsung terupload.
• Kemudian copy paste alamat url dan code html nya ke notepad.
• Setelah itu save this animation.

Sekarang sobat tinggal upload gambar tersebut ke blog sobat:

• Masuk ke blog sobat dan pilih layout(tata letak).
• Klik tambah gadget.
• Kemudian pilih gambar yang bertuliskan HTML/Java Script.
• Masukkan code HTML saja yang telah sobat copy paste tadi ke halaman conten.
• Sebelumnya sobat bisa merubah ukuran juga title nya.

• Jika sudah tinggal save.
• Letakkan gambar tersebut ke tempat yang sobat suka .
• Kemudian save.
• Lihat blog sobat.

Silahkan mencoba..!