Ciptakan Blog Anda

MEMPERLEBAR HALAMAN TEMPLATE

2010-02-03T22:23:00.004+07:00

Mungkin 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? Tapi Bagaimana caranya ??? Jangan bingung Ivan di sini siap membantu.

Agar tidak terlalu membingungkan, saya ambil contoh template minima. Bagi yang menggunakan template selain template minima ga usah bingung isinya g jauh beda koq. Setelah melihat perkembangannya ternyata template ini banyak yang menyukainya. Jika sobat tidak puas dengan lebar kolom pada template tersebut, silahkan deh ikuti tips berikut biar lebar kolomnya sesuai dengan keinginan sobat.

Ada Beberapa hal yang harus diketahui sebelum kita merubah tampilan emplate. Biasanya template itu terdiri dari beberapa bagian yaitu:

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

Nah biar ga pusing langsung aja sekarang masuk ke blog sobat, klik tata letak kemudian edit html. Pada edit html sobat, Expand template widgetnya jangs di kasih tanda centang, diemin ajah....
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 */

Seperti yang terlihat pada kode-kode diatas, yang mempengaruhi lebar kolom adalah yang saya cetak merah. Width tentu saja dalam bahasa indonesia adalah lebar, jadi gampangkan untuk mengenalinya. 660px adalah nilai lebar yaitu sebesar 600 pixel.
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.
Selamat mencoba...!!!

KODE WARNA

2010-02-03T02:43:00.000+07:00

#000000	#000033	#000066	#000099	#0000CC	#0000FF
#330000	#330033	#330066	#330099	#3300CC	#3300FF
#660000	#660033	#660066	#660099	#6600CC	#6600FF
#990000	#990033	#990066	#990099	#9900CC	#9900FF
#CC0000	#CC0033	#CC0066	#CC0099	#CC00CC	#CC00FF
#FF0000	#FF0033	#FF0066	#FF0099	#FF00CC	#FF00FF
#003300	#003333	#003366	#003399	#0033CC	#0033FF
#333300	#333333	#333366	#333399	#3333CC	#3333FF
#663300	#663333	#663366	#663399	#6633CC	#6633FF
#993300	#993333	#993366	#993399	#9933CC	#9933FF
#CC3300	#CC3333	#CC3366	#CC3399	#CC33CC	#CC33FF
#FF3300	#FF3333	#FF3366	#FF3399	#FF33CC	#FF33FF
#006600	#006633	#006666	#006699	#0066CC	#0066FF
#336600	#336633	#336666	#336699	#3366CC	#3366FF
#666600	#666633	#666666	#666699	#6666CC	#6666FF
#996600	#996633	#996666	#996699	#9966CC	#9966FF
#CC6600	#CC6633	#CC6666	#CC6699	#CC66CC	#CC66FF
#FF6600	#FF6633	#FF6666	#FF6699	#FF66CC	#FF66FF
#009900	#009933	#009966	#009999	#0099CC	#0099FF
#339900	#339933	#339966	#339999	#3399CC	#3399FF
#669900	#669933	#669966	#669999	#6699CC	#6699FF
#999900	#999933	#999966	#999999	#9999CC	#9999FF
#CC9900	#CC9933	#CC9966	#CC9999	#CC99CC	#CC99FF
#FF9900	#FF9933	#FF9966	#FF9999	#FF99CC	#FF99FF
#00CC00	#00CC33	#00CC66	#00CC99	#00CCCC	#00CCFF
#33CC00	#33CC33	#33CC66	#33CC99	#33CCCC	#33CCFF
#66CC00	#66CC33	#66CC66	#66CC99	#66CCCC	#66CCFF
#99CC00	#99CC33	#99CC66	#99CC99	#99CCCC	#99CCFF
#CCCC00	#CCCC33	#CCCC66	#CCCC99	#CCCCCC	#CCCCFF
#FFCC00	#FFCC33	#FFCC66	#FFCC99	#FFCCCC	#FFCCFF
#00FF00	#00FF33	#00FF66	#00FF99	#00FFCC	#00FFFF
#33FF00	#33FF33	#33FF66	#33FF99	#33FFCC	#33FFFF
#66FF00	#66FF33	#66FF66	#66FF99	#66FFCC	#66FFFF
#99FF00	#99FF33	#99FF66	#99FF99	#99FFCC	#99FFFF
#CCFF00	#CCFF33	#CCFF66	#CCFF99	#CCFFCC	#CCFFFF
#FFFF00	#FFFF33	#FFFF66	#FFFF99	#FFFFCC	#FFFFFF

MENGATUR JENIS HURUF & WARNA

2010-02-02T00:45:00.004+07:00

Buat para Blogger yang baru terjun di dunia blog, kali ini saya akan mengulas tentang bagaimana merubah tamiplan huruf dan warna pada blog.

Sebenarnya postingan saya mengenai pengaturan font dan warna ini, sudah tidak asing lagi bagi para bloggers/bahkan bisa dibilang sangat enteng, tapi saya mencoba memberikan penjelasa Langkah-langakah untuk mengatur Font dan warna untuk para bloggers yang belum mengerti tentang pengaturannya.

Seperti Login ke blogger dengan ID sobat.

Klik menu “Fonts and Colors”, maka akan muncul beberapa pengaturan :

Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai.

Text Color --> pengaturan warna hurup dari posting-an.

Link Color --> pengaturan warna hurup yang di link.

Blog Title Color --> pengaturan warna hurup judul Blog.

Blog Description Color --> pengaturan warna hurup deskripsi blog.

Post Title Color --> pengaturan warna hurup judul posting-an.

Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah.

Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping).

Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping).

Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link.

Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar.

Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan.

Blog Title Font --> pengaturan jenis hurup Judul blog.

Blog Description Font --> Pengaturan jenis hurup dekripsi blog.

Post Footer Font --> pengaturan jenis hurup footer.

Klik “ SAVE CHANGES” untuk mengakhiri pengaturan.

Selesai

Pengaturan di atas khusus untuk blogger baru dengan template baru "minima". Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

MEMBUAT READ MORE

2010-02-01T19:06:00.020+07:00

Ketika kita membuat posting suatu artikel, dan isi artikel tersebut sangat panjang sehingga apabila ditampilkan semua akan memenuhi halaman dan tidak sedap dipandang mata. Untuk mengatasi masalah di atas, solusi yang tepat ialah dengan memasang Read More... atau Baca Selengkapnya.... dan untuk membuatnya tidaklah sulit, sobat bisa ikuti langkah-langkah di bawah ini:

Seperti biasa Sign in ke blogger sobat.

Klik Tata Letak (layout).

Klik menu Edit HTML.

Klik Download Full Template untuk antisipasi jika terjadi kesalahan.

Beri tanda centang pada Expand template widged.

Tunggu beberapa saat hingga proses selesai.

Cari kode di bawah ini:


<p><data:post.body/></p>

Kemudian hapus kode tersebut, ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType=="item"'> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a expr:href='data:post.url'>Read More......</a>
Kemudian klik Save Template.

Setting

Pengaturan

Format

Post Template


<span class="fullpost">

</span7>

Klik Simpan Pengaturan.




Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.


Cara Posting Artikel:

Klik Menu Posting.


Klik menu Edit HTML  akan nampak kode yang kita masukan tadi yaitu:


<span class="fullpost">

</span>



Tulis artikel yang ingin dimunculkan setelah kode <span class="fullpost"> dan sisanya setelah kode </span>  .


Kemudian klik Publish Post.





Selamat mencoba .... !!!!!



BLOG BAHASA INGGRIS ATAU INDONESIA?
2010-01-31T15:49:00.004+07:00
Jika ingin membuat blog, bahasa apa yang akan digunakan, Indonesia atau Inggris? Mungkin itu pertanyaan yang muncul dibenak parasobat yang baru terjun di dunia blog.

Jika blog yang di buat hanya sekedar berbagi pengalaman, berbagi kisan dan opini, menjadikan blog sebagai diari online, pemakaian Bahasa Indonesia merupakan pilihan yang rasional. Karena merupakan bahasa sehari-hari, sehingga tidak terlalu sulit untuk menulis dalam Bahasa Indonesia.

Lain halnya jika anda ingin menjadikan blog sebagai sarana guna meraup dollar. Jika pilihan ini yang diambil, pemakaian bahasa Inggris merupakan syarat mutlak. Penyebab utama, karena beberapa ‘kendaraan’ yang bisa digunakan guna meraup dollar seperti Google Adsense mensyaratkan blog berbahasa Inggris.

Yang disarankan adalah, jika anda masih tergolong pendatang baru di dunia neblog, sebaiknya memulai blog dengan berbahasa Indonesia. Jika sudah lancar, sudah menemukan irama, anda bisa mencoba dengan menyelipkan satu dua posting berbahasa Inggris.

Anda bisa memulai dengan membuat tulisan pendek, atau puisi berbahasa Inggris. Jika sudah lancar, baru anda membuat blog khusus yang 100% (seratus persen) menggunakan bahasa Inggris, yang digunakan sebagai wahana meraup dollar. 


MENYISIPKAN GAMBAR KEDALAM POSTNG
2010-01-30T21:56:00.011+07:00
Mungkin ada diantara sobat yang ingin menambahkan gambar atau foto kedalam posting agar posting artikel pada blog lebih menarik untuk dilihat. Sebenarnya untuk menambahkan gambar atau foto ke blog tidak begitu sulit. Bagi sobat yang ingin memasukan gambar tapi bungung gimana caranya, yo mari ikut saya. biar lebih gampang kita langsung praktek aja deh hehehe .....



Untuk lankah-langkahnya sebagai berikut:



Login ke Blog sobat.


Klik Post


Klik New Post


Klik toolbar yang bergambar seperti ini 


Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.
 


Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.


Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar.


Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai.


Klik Tombol Done untuk mengakhiri proses upload.


kemudian proses UPLOAD selesai.



Sekarang terserah sobat mau diterbitkan atau disimpan yany jelas proses upload selesai, kalo ada yang belum jelas nanya aja ok, udah ah cape...

Selamat berblog ria hehehe....  !!!!
 









CARA POSTING ARTIKEL
2010-01-30T03:08:00.020+07:00
Buat para teman-teman yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini saya akan membahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan dalam microsoft ofice atau word. Tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.
 
Toolbar yang ada dalam blog ketika akan melakukan posting yaitu:

 Berfungsi Untuk merubah jenis hurup yang di gunakan.


 Berfungsi untuk merubah ukuran hurup (heading).


 Berfungsi untuk menebalkan hurup.


 Berfungsi untuk memiringkan hurup.


 Berfungsi untuk merubah warna hurup.


 Berfungsi untuk membuat link.


 Berfungsi untuk membuat artikel menjadi rata kiri.


 Berfungsi untuk membuat artikel menjadi rata tengah.


 Berfungsi untuk membuat artikel menjadi rata kanan.


 Berfungsi untuk membuat artikel menjadi rata kiri dan kanan.


 Berfungsi untuk membuat sub bahasan dengan menggunakan angka.


 Berfungsi untuk membuat sub bahasan dengan menggunakan hurup.


 Berfungsi untuk mengecek spelling.


 Berfungsi untuk memasukan gambar.


 Berfungsi untuk membuat artikel dalam kode HTML.



 Berfungsi untuk membuat artikel dalam mode Compose (biasa).


 Berfungsi untuk melihat hasil posting.




Langkah-langkah dalam memposting suatu artikel:



Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer. Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.


Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).


Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.


Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.


Klik tombol “ publish “. Selesai.









CARA SETTING BLOG DI BLOGSPOT
2010-01-29T04:32:00.023+07:00

Bagi sobat yang baru bikin blog dan ingin blognya di kenal dan lebih akrab dengan mesin pencari milik google,kita perlu melakukan beberapa pengaturan setting. Sobat bisa menentukan pilihan-pilihan dalam pengaturan yang sesuai menurut keinginan sobat. Di sini saya hanya ingin menunjukkan bagaimana dan di mana sobat bisa melakukan setting blog pada blogspot ini.


-->Masuk ke blog sobat.-->Pilih pengaturan.


1. Klik Dasar
    Isi dengan judul blog milik sobat. Misal : Belajar ngeblog yuk.

    Uraian: Isi dekripsi sobat. Misal : Ini adalah blog pertama saya...dan seterusnya.

    Tambahkan blog anda ke daftar kami : Pilih ya.

    Biarkan mesin pencari menemukan blog anda : Pilih ya.

    Tampikan Editing cepat di blog anda : pilih ya.

    Tampilkan link posting email : Terserah sobat,tapi sebaiknya pilih ya.

    Konten dewasa : Pilih tidak.

    Pilih editor entri : Pilih editor yang diperbaharui.

    Aktifkan transliterasi : Pilih Nonaktifkan.

    Klik simpan.

2. Klik Publikasikan.

    Alamat Blog*Spot : Isi alamat blog sobat. Jika sudah terisi biarkan saja.

    Verifikasi kata : Masukkan karakter yang ada dalam gambar.

    Klik Simpan.

3. Klk Format.


    Tampilkan : Masukkan jumlah posting yang ingin sobat tampilkan. Misal 3 posting.

    Format Header Tanggal : Terserah model format yang sobat suka.

    Format Tanggal Index Arsip : Pilih model yang sobat sukai.

    Format Timestamp : Pilih yang sobat suka.

    Zona Waktu : Misal untuk jakarta (GMT+07:00) Jakarta.

    Bahasa : Pilih bahasa yang sesui bahasa blog sobat.

    Konversi ganti baris : Pilih ya.

    Tanpilkan Field Judul : Pilih ya.

    Tampilkan kolom link : Pilih tidak.

    Aktifkan perataan Float : Pilih ya.

    Klik Simpan.

4. Klik Komentar.

    Komentar : Pilih tampilkan.

    Siapa yang bisa berkomentar : Pilih siapapun. Agar semua bisa berkomentar.

    Penempatan Formulir Komentar : Pilih di semat di bawah entri.

    Default Komentar untuk Entri : Pilih Entri Baru Memiliki Komentar.

    Taut balik : Pilih tampilkan.

    Bawaan Taut balik : Pilih Entri baru memiliki taut balik.

    Format Timestamp Komentar : Pilih yang sobat suka.

    Moderasi komentar : Sebaiknya tidak.

    Tampilkan verifikasi kata untuk komentar : Untuk menghindari spam Pilih ya.

    Tampilkan gambar profil dalam komentar : Pilih ya.

    Email pemberitahuan Komentar : Masukkan Email milik sobat, supaya setiap kali ada komentar sobat mendapatkan email.

    Klik Simpan.

5. Klik Arsipkan.

    Frekuensi Arsip : Pilih tiap bulan.

    Aktifkan halaman posting : Pilih ya.

    Klik Simpan.

6. Klik Feed Situs.

    Izinkan Feed Blog : Pilih penuh.

    Posting URL Pengubahan Arah Feed : Misal feed burner.jika belum punya kosongkan.

    Footer Feed Posting : Isi dengan kode iklan milik sobat. Jika belum punya kosongkan.

    Klik Simpan.



Dari sini blog sobat sudah tersetting, selamat memulai ngeblog !!!








PANDUAN MEMBUAT BLOG DI BLOGSPOT
2010-01-28T23:48:00.011+07:00

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(seperti yang saya lakukan). Yang penting ciptakan dulu blognya.

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com



Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

Tuliskan password yang anda inginkan pada form Masukkan sebuah password

Isi nama tampilan: ini hanya untuk menandai posting sobat.
Jangan lupa tandai kotak kecil tanda penerimaan persyaratan.

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.

Pilih template yang sobat suka.

Setelah keluar tulisan "Blog Anda telah di ciptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

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?