Langkah-langkah Pembuatan Blog Adee

LANGKAH -LANGKAH PEMBUATAN BLOG OASETUTORIAL.BLOGSPOT.COM

Langkah-Langkah Cara Pembuatan Blog ada dibawah ini :



Yang harus disiapkan dan wajib sebelum membuat blog di blogspot (blogger) adalah memiliki email terlebih dahulu. email ini nantinya digunakan untuk mendaftar pertama kali.



Jika sudah membuat email, bukalah alamat www.blogger.com, dan pastikan yang muncul adalah website seperti di bawah ini :

kemudian klik gambar panah orange yang bertuliskan CIPTAKAN BLOG ANDA 

Setelah itu pastikan muncul halaman seperti di bawah ini

jika sudah diisi semua lalu klik gambar panah orange (lanjutkan). pada kolom alamat email : masukan email kamu ketik ulang alamat email : masukan lagi email yang sama seperti diatas masukan sebuah paswod : isiakan kanta kunci (minimal 8 karakter, bisa huruf bisa angka) ketikan ulang sandi : masukan lagi paswod yang telah kamu masukan sama dengan yang di atas Nama tampilan : isi nama kamu atau nama alias kamu (ini akan tampil bersamaa dengan posting, artikel yang kamu buat)

verifikasi : masukkan gambar kata yang terdapat di atas kolom. 

4. Kemudian akan muncul seperti ini

namablog.JPG Isilah Judul Blog sesuai dengan keinginannmu isi juga alamat blog sesuai dengan keinginanmu juga, jika alamatmu menggunakan 2 kata atau lebih. pisahlah dengan tanda titik ( . ) atau tanda ( - ). karena tidak bisa menggunakan spasi. contoh pengisiannya seperti gambar ini terkadang alamat blog yang kita tulis sudah pakai oleh orang lain, jika sudah dipakai orang lain berati tidak bisa digunakan. Untuk mengetahui sudah dipakai orang lain atau belum Klik saja link “cek ketersediaan” jika belum dipakai orang lain, maka di bawahnya akan muncul tulisan warna hijau yang bertuliskan Alamat blog ini tersedia jika sudah klik menu lanjutkan. 5. Setelah kamu klik menu lanjutkan.. pastikan yang muncul seperti ini

itu adalah jendela disain template. untuk memilih tinggal klik salah satu. kemudian menu klik lanjutkan, maka yang muncul adalah gambar seperti ini

dengan begitu kamu telah selesai membuat suatu blog…. sekarang tinggal menngisi dengan artikel kamu saja.

* Cara Pembuatan Artikel :



CARA PERTAMA 1. Login ke admin wordpress.com Anda 2. Klik Tampilan (Appearance) -> Extras 3. Buang tanda tik pada tulisan “Hide related links on this blog, which means this blog won’t show up on other blogs or get traffic that way” (kalau ingin tidak pake related posts / links, kasih tanda tik). 4. Klik “Perbarui Ekstra / Update Extras”. Selesai.

Catatan: (i) Setelah setting di atas selesai, ganti theme / tema / template blog Anda dengan yang mendukung fasilitas Related Posts / Related Links ini. Contoh, Journalist theme by Lucian E. Marin dan Theme by Ben Eastaugh and Chris Sternal-Johnson. (ii) Link atau posting yang ditampilkan berasal dari seluruh posting yang ada di wordpress.com. Dan kebanyakan BUKAN berasal dari blog Anda. Jadi, pikirkan lebih dulu kalau mau memakai fasilitas ini. Kalau tidak suka, cara kedua lebih dianjurkan. (iii) Related links/Posts berada di antara posts/artikel dan komentar. 

CARA KEDUA ini adalah CARA MANUAL

1. Simpan link-link artikel Anda di notepad. 2. Bagi setiap tulisan ke dalam beberapa topik dan masukkan link artikel ke topik yang sesuai. 3. Setiap selesai menulis, masukkan link-link artikel yang sesuai di bawah tulisan terbaru Anda. Kasih judul “Artikel Terkait” dst (lihat contoh di bawah / di akhir tulisan ini). 4. Klik “Terbitkan”. Selesai. Artikel terkait:  

Tutorial Blog (wordpress dan blogger.com / blogspot) Blogging Tips

* Cara Pembuatan Tulisan Berjalan : 

Berikut ini adalah kode untuk tulisan berjalan ke samping

<marquee direction=”left”>Selamat Datang Di Belajar Ngeblog Di BLOG  

Copy Code di atas -> tambah gadget ke menu tata letak (elemen halaman) pilih add script / HTML code paste pada layar kosong. Setelah itu simpan dan atur dimana gadget tersebut mau di tampilkan.

* Cara Pembuatan Template :



Tahap Desain Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer.

Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini: 1. Buat desain seperti gambar yang kamu inginkan. 2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang). 3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar. 4. Kemudian potong-potong perbagian. 5. Untuk bagian Header motongnya harus full. 6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile" 7. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll. 

Tahap Penyusunan Kembali ke blogger dan ke menu "Edit HTML". 2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi. 3. Kemudian Cari kode seperti ini: body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; } 4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat. 5. Cari kode seperti ini : #center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;} 6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu. 7. Cari kode seperti ini: #header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; } 8. Ganti text yang dicetak tebal dengan gambar header.

9. Cari kode seperti ini: #footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; } 10. Ganti text yang dicetak tebal dengan gambara foter. 11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut: #outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; } kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat. #main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; lineheight: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; } kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya. #sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; } #ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: breakword; overflow: hidden; } kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri. #header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; } kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu. #footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; } kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer. 12. Nah kalo udah selesai coba di preview template kamu, 13. Kalo sudah di Save.

* Cara Pembuatan Gadget Calender :  

Go to site htpp://www.al-habib.info/islamic-calend ar/ Lalu pilih gadget calender yang kita mau lalu copy code script html,dan paste di gadget blogger dengan menambahkan html/javascript baru pada elemen halaman.

* Cara Pembuatan Gadget Jam : 

Login ke digit.com….dengan menyertakan alamat BLOG na terus di copy paste code html na .

* Cara Pembuatan Slide Show PHOTOS dengan PHOTOBUCKET : 

   



Silahkan buka Slide.com pada browser Anda, kemudian login pada situs tersebut. Jika Anda belum memiliki akun, ada baiknya register/mendaftar terlebih dahulu dengan mengklik tombol menu Sign Up. Sebenarnya tanpa mendaftarpun kita tetap bisa membuat slide show album pada situs ini. Namun, dengan mendaftar memungkinkan kita menyimpan slide kita dan dapat mengeditnya jika diperlukan tanpa harus memulai dari awal lagi. Saya asumsikan pembaca telah berhasil membuat akun pada situs slide.com dan telah login pada situs tersebut. Jika pembaca berada pada halaman utama, klik tombol yang bertuliskan Make a Slideshow Namun, jika berada pada halaman profile, klik gambar yang ada tulisan Make Slideshow. Keduanya sama saja. Selanjutnya akan muncul sebuah halaman pembuatan slideshow dengan 3 langkah, yaitu Create Slideshow, Save Slideshow, dan Share Slideshow. Pada bagian Create Slideshow, pembaca diminta untuk mengupload foto atau gambar yang ingin dimasukkan kedalam slide album yang akan pembaca buat. Ada beberapa pilihan untuk memasukkan foto-foto tersebut, yaitu menguploadnya langsung dari komputer pembaca, atau bisa menggunakan foto atau gambar yang telah Anda simpan pada akun friendster Anda, facebook, myspace, photobucket,Flicker dan lain-lain. Dengan demikian, pembaca tidak perlu lagi mengupload satu persatu dari komputer pembaca Kita akan mencoba membuat slideshow dengan memakai foto yang ada di Flicker. Untuk itu, pada bagian Add Images From, pilih menu Flicker. Masukkan Nama dari profile flicker Anda pada kotak Screen name. Kemudian klik tombol Get my images. Jika proses tersebut berhasil, maka pembaca akan melihat dibagian bawah telah terdapat foto-foto yang berasal dari flicker Anda. Seperti gambar di bawah ini



Jika pengaturan dirasa sudah cukup, silahkan klik tombol berwarna hijau SAVE (get code).  Selanjutnya kita akan masuk pada bagian kedua, yaitu Save Slideshow. Pada bagian Slideshow Details, isi dengan isian yang sesuai dengan keinginan. Setelah itu klik tombol hijau SAVE Slideshow. Setelah itu kita akan masuk kebagian Share Slideshow. Kamu akan melihat sebuah kotak yang berisi kode slide album foto yang baru saja kita ciptakan. Kode tersebutlah yang akan kita sisipkan pada blog atau website kita. Untuk menambahkan slide album foto pada blog, kita ikuti langkah-langkah berikut: Bagian 2 1. Masuk ke akun blogger Anda. 2. Pada halaman dasbor, klik link menu Tata Letak. 3. Tambahkan sebuah Gadget dengan mengklik link Tambah Gadget. Pilih jenis HTML/Javascript. 4. Masukkan kode slide album foto yang telah pembaca dapatkan dari situs www.slide.com tadi (step 7 pada Bagian 1). Kemudian klik tombol Simpan.