Saturday, June 4, 2011

pembuatan blog

1. Bagaimana cara membuat account Blogger?
Pada homepage Blogger, klik tombol "Buatlah Blog Anda Sekarang". Pada halaman berikut, Anda akan diminta untuk membuat Google Account. Anda dapat menggunakan Google Account pada layanan Google lainnya. Jika Anda sudah memiliki Google Account mungkin dari Gmail, Google Group, atau Orkut, silakan sign in terlebih dahulu. Setelah Anda sign in, Anda harus memasukkan nama layar dan menerima Syarat Layanan Blogger. Setelah selesai, Anda akan diminta untuk membuat blog dan memulainya!
2. Bagaimana cara membuat blog Blogger?
Sebelum dapat membuat blog gratis di Blog*Spot, yaitu layanan hosting Blogger, Anda harus telah membuat account pada blogger.com. Setelah Anda login ke blogger.com, klik link "Buat Blog". Pada Langkah 2, masukkan judul dan alamat (URL). Anda juga harus mengetikkan kata verifikasi yang ditampilkan di halaman ini. Setelah selesai, klik "lanjutkan". Pada langkah 3, Anda dapat memilih template untuk blog Anda; itulah tampilan yang akan muncul ketika Anda mempublikasikannya. Selanjutnya, Blogger akan membuat blog baru Anda dan mencadangkan spot Anda di BlogSpot. Segera setelah Anda membuat posting pertama, halaman Anda akan muncul di alamat yang Anda pilih.
3. Bagaimana cara posting ke blog saya?
Pada Dashboard Anda, klik link "Posting Baru" di sebelah blog yang ingin Anda kirimi. Berikutnya, Anda akan melihat halaman Buat Posting Baru. Awali dengan memberikan judul pada posting Anda (opsional), kemudian masukkan posting-nya. Setelah selesai, klik link "Pratinjau" untuk memastikan bahwa posting sudah siap. Setelah Anda puas dengan posting Anda, klik tombol "Publikasikan". Ini akan mempublikasikan posting baru Anda.
4. Bagaimana cara mengirim gambar?
Anda dapat meng-upload foto dengan menggunakan ikon gambar pada toolbar editor posting. Ketika Anda meng-klik ikon ini, akan muncul jendela di mana Anda bisa memilih satu atau beberapa gambar dari komputer Anda. Klik tombol "Browse" untuk mencari gambar yang Anda inginkan. Atau, Anda bisa memasukkan URL dari gambar yang sudah online untuk dimasukkan ke dalam posting Anda. Apabila Anda meng-klik link untuk memilih tataletak, Anda bisa mengatur cara gambar Anda muncul di posting Anda. Opsi di sebelah kiri, tengah dan kanan akan menentukan bagaimana teks dari posting Anda akan mengalir di sekitar gambar. Opsi ukuran ini memungkinkan Anda mengatur skala gambar ke ukuran yang berbeda di area posting.
5. Saya tidak dapat login. Apa yang harus saya lakukan?
Jika Anda lupa informasi Google Account, Anda dapat memulihkan informasi login Google Account dengan meng-klik "?" di sebelah "Sandi" pada halaman login Blogger atau Anda dapat menggunakan halaman Bantuan Sandi pada Google Account.
Ingat bahwa nama pengguna Google Account Anda adalah alamat email lengkap yang Anda gunakan untuk membuat account (mis. yourname@example.com).
Jika Anda dapat login pada account Anda tetapi tidak melihat blog yang sesuai pada Dashboard, kemungkinan besar Anda login ke account yang salah. Dalam hal ini, cobalah untuk login dengan semua alamat email Anda, menggunakan formulir Bantuan Sandi bila perlu. Silakan mencoba yang berikut ini meskipun Anda berpikir hanya mempunyai satu account. Kami melihat banyak kasus di mana orang secara tidak sengaja telah membuat account tambahan tanpa menyadarinya, jadi memeriksa sendiri account Anda biasanya merupakan cara tercepat untuk mendapatkan kembali blog Anda.
6. Bagaimana cara menghapus blog?
Untuk menghapus seluruh blog Anda , buka tab Pengaturan | Dasar. Di sini, pastikan bahwa Anda benar-benar berada pada blog yang ingin dihapus secara permanen dari account Anda. Kemudian klik "Hapus Blog Ini". Apabila blog Anda ada di server Anda sendiri, filenya tidak akan dihapus. Anda dapat menghapusnya secara manual dengan menyambung ke server lewat klien FTP.
7. Bagaimana cara membatalkan account saya?
Untuk menghapus Google Account, termasuk blog Anda, silakan login ke homepage Google Account. Setelah Anda login, klik link "Edit" di sebelah daftar "Layanan Saya", dan Anda akan masuk ke halaman yang memungkinkan Anda menghapus account Anda. Harap diingat bahwa menghapus account akan menghapus semua layanan Google yang berhubungan dengan account tersebut, seperti profil orkut, halaman iGoogle, dan blog Blogger.
8. Dapatkah saya memiliki blog yang menerima posting dari beberapa orang?
Ya, ini disebut "blog tim". Pada dasarnya, satu orang mengawali pembuatan suatu blog, kemudian mengundang orang lain untuk bergabung. Anggota tim dapat menjadi administrator ataupun pengirim posting reguler. Administrator dapat mengedit semua posting (bukan hanya milik mereka sendiri), menambah dan menghapus anggota tim (dan memberi akses admin), dan mengubah pengaturan blog. Non-admin hanya dapat mengirim posting ke blog.
Untuk mengundang orang untuk bergabung ke blog, pertama buka tab Pengaturan | Izin dan klik "Tambah Pengarang". Kemudian, ketik alamat email orang yang Anda undang ke blog; dan mereka akan segera menerima email undangan. Ingat bahwa mereka harus memiliki Google Account, dan jika mereka belum memilikinya, mereka akan diminta untuk membuatnya. Setelah Anda siap mengirimkan undangan, klik "Undang". Anda akan menerima email ketika ada anggota tim baru yang berhasil bergabung dengan blog.
9. Bagaimana menambahkan foto ke profil saya?
Pertama, klik link "Edit Profil" pada dashboard Anda. Dari sana, masukkan URL gambar profil pada formulir, dan klik "Simpan" pada dasar halaman. Apabila Anda tidak mempunyai foto yang telah tersimpan di suatu tempat, Anda dapat mengirim dahulu gambar ke blog Anda. Begitu Anda selesai melakukannya, dari editor posting masuklah ke mode Edit HTML apabila Anda belum berada di sana. Sekarang salin URL foto dan tempelkan URL ini ke kolom "URL Foto" di dalam Profil Anda. Kemudian klik "Simpan" di bagian dasar halaman, dan selesai. Ingat bahwa ukuran gambarnya harus 50k atau lebih kecil.
10. Bagaimana cara menyiapkan koneksi FTP (atau sFTP) ke host web eksternal?
Kunjungi Pengaturan | Publikasi dan pilih metode koneksi. Lalu, masukkan pengaturan Anda. Setelah Anda selesai, simpan rincian server Anda lewat tombol Simpan Pengaturan di bagian bawah, dan publikasikan ulang blog Anda. Harap ingat bahwa nomor port default akan digunakan (:21 untuk FTP dan :22 untuk SFTP); penetapan port alternatif tidak akan bekerja. Jangan menyertakan http:// atau ftp:// di dalam alamat server atau pengaturan lintasan.
11. Bagaimana cara menggunakan domain kustom pada blog saya?
Jika tidak ingin memiliki blogspot.com di dalam alamat blog Anda, Anda bisa memperoleh domain Anda sendiri. Kami akan tetap menjadi host untuk semua konten seperti sebelumnya, tapi konten tersebut akan ditampilkan pada alamat baru Anda. Ada tiga komponen untuk menyiapkannya:

Domain Anda

Hal pertama yang perlu Anda lakukan adalah memilih nama domain, seperti mysite.com dan mendaftarkannya. Anda dapat mendaftarkan nama domain dari pencatat pendaftaran apa pun .

Pengaturan DNS

Lalu, Anda perlu membuat data CNAME untuk domain Anda dengan DNS, yang menghubungkan domain Anda dengan ghs.google.com. Prosedur yang benar untuk melakukan hal ini berbeda-beda, tergantung pada pencatat pendaftaran domain Anda, jadi silakan langsung hubungi pencatat pendaftaran Anda dan mereka akan membantu Anda. Berhati-hatilah bahwa data DNS yang baru tidak dapat langsung diberlakukan.

Pengaturan Blogger

Hingga tahap ini , server DNS tahu cara mengarahkan orang menuju Google ketika mereka ingin melihat blog Anda, jadi kami harus memastikan Google mengaitkan blog yang benar dengan domain Anda. Anda melakukannya pada tab Pengaturan | Penerbitan untuk blog Anda di dalam Blogger. Apabila menerbitkan di Blog*Spot, Anda akan melihat sebuah link di dekat bagian atas yang menawarkan pengalihan ke domain kustom. Cobalah dan klik link tersebut. Pengaturan Alamat Blog*Spot sekarang berubah menjadi Domain Anda. Tulis domain yang Anda daftarkan di awal proses ini, kemudian simpan pengaturan Anda.

Catatan:

  • Apabila domain baru Anda tidak mengarah ke blog Anda, tunggu satu atau dua hari, untuk memastikan semua server DNS telah diperbarui. Apabila domain belum mengarah dengan benar, hubungi pencatat pendaftaran untuk memastikan bahwa Anda telah memasukkan pengaturan DNS dengan benar.
  • Alamat Blog*Spot asli Anda akan meneruskan secara otomatis ke domain baru Anda. Dengan cara itu, link atau bookmark yang sudah ada di dalam situs Anda akan tetap bekerja.
  • Anda dapat menggunakan fitur ini dengan domain (misal, mysite.com) atau subdomain (misal, name.mysite.com). Namun, Anda tidak bisa menentukan subdirektori (misal, mysite.com/blog/) atau wildcard (misal, *.mysite.com).
12. Bagaimana cara kerja Blogger Mobile?
Untuk memulai blog mobile, kirimkan pesan (yang dapat berupa foto, teks atau keduanya) ke go@blogger.com dan kami akan memulai blog untuk Anda! Setelah mengirimkan pesan, Anda akan menerima balasan dengan URL blog mobile Anda dan sebuah token yang dapat Anda pakai untuk mengklaim blog baru Anda. Untuk mengklaim blog Anda, masukkan token ke dalam http://go.blogger.com. Mengklaim blog mobile Anda akan memberi akses penuh ke pengaturan dan fitur Blogger.com bagi Anda, sehingga Anda dapat mengaitkan blog ke Google Account, dan menggabungkan blog mobile ke blog yang sudah ada.
13. Bagaimana cara memberi label ke posting saya?
Apabila menulis suatu posting , Anda akan memiliki ruang di bagian bawah formulir yang ditandai "Label untuk posting ini". Masukkan label apa pun yang Anda suka, pisahkan dengan koma. Anda juga dapat meng-klik link "tunjukkan semua" untuk menampilkan daftar label yang telah Anda gunakan sebelumnya. Kemudian klik pada label untuk menambahnya. Ketika Anda mempublikasikan posting Anda, label akan didaftar dengan label ini. Klik label mana pun untuk membawa Anda ke halaman yang hanya berisi posting dengan label tersebut. Anda juga dapat menambah daftar semua label Anda di sidebar blog Anda, diurutkan sesuai abjad atau berdasarkan frekuensi penggunaannya.
14. Bagaimana cara menempatkan Adsense di dalam blog saya?
Untuk menempatkan AdSense di blog Anda, klik tab Template atau Tataletak untuk blog Anda. Di dalam blog dengan Tataletak yang aktif, tambahkan elemen halaman baru dan pilih opsi AdSense. Apabila Anda menggunakan template klasik, pilih link "AdSense" pada tab Template. Anda akan dapat memilih ukuran untuk iklan Anda dan mengatur bagaimana tampilannya di dalam blog Anda.
15. Bagaimana mengaktifkan feed situs untuk blog saya?
Pertama, kunjungi tab Pengaturan | Feed Situs. Di sini, Anda akan memiliki satu opsi sederhana, di mana Anda dapat memilih berapa konten yang ingin Anda sindikasikan. "Lengkap" akan menempatkan keseluruhan konten setiap kiriman ke dalam feed situs Anda, sementara "Singkat" hanya berisi kutipan dari awal tiap kiriman. Opsi "Tidak Ada" akan mematikan feed situs Anda secara keseluruhan.
16. Apakah tombol "Tandai" itu?
Fitur ini disebut dengan "Tandai Seabgai Meragukan" dan dapat diakses melalui Navbar Blogger. Tombol "Tandai?" memungkinkan komunitas blogging mengingat dengan mudah konten yang meragukan, sehingga membantu kami mengambil langkah yang diperlukan. Ketika seseorang yang mengunjungi blog meng-klik tombol "Tandai?" pada Navbar Blogger, ini berarti bahwa mereka yakin bahwa konten blog tersebut mungkin tidak sopan atau ilegal. Kami menghitung berapa kali blog ditandai karena sesuatu yang kurang menyenangkan dan memakai informasi ini untuk menentukan tindakan apa yang perlu dilakukan. Perlu dicatat bahwa pengguna dapat meng-klik tombol untuk kedua kalinya untuk membatalkan tanda yang sudah mereka terakan.
17. Bagaimana menengahi komentar di blog saya?
Anda dapat menemukan pengaturan moderasi komentar pada tab Pengaturan | Komentar. Pengaturan ini hanya berupa opsi ya/tidak yang sederhana. Memilih "ya" untuk opsi ini akan memberi Anda ruang untuk masuk ke alamat email Anda. Anda bisa memoderasi komentar via email tanpa mempengaruhi pengaturan pemberitahuan komentar reguler Anda. Pengaturan ini opsional, karena Anda selalu bisa memoderasi komentar melalui antarmuka Blogger. Jadi, atur opsi ke "ya", kemudian masukkan alamat pemberitahuan bila perlu, simpan pengaturan, dan tunggu komentar Anda selanjutnya.
Semua komentar yang masuk kini akan menuju halaman khusus "Moderasikan Komentar", yang dapat Anda temukan di bawah tab Pengiriman: Pada halaman ini, Anda akan melihat sebuah daftar dari semua komentar yang telah dibuat tetapi belum disetujui maupun ditolak. (Daftar ini tidak mencakup komentar yang dibuat oleh anggota admin blog.) Setiap baris di dalam daftar menampilkan bagian awal komentar, nama penulis, dan waktu pembuatannya. Klik segitiga di sebelah kiri untuk memperluas baris yang menunjukkan teks lengkap dari komentar, bersama-sama dengan link "Publikasikan" dan "Tolak", yang dapat Anda gunakan untuk menyetujui atau menolak komentar tersebut.
Keseluruhan proses ini dapat juga dilakukan lewat email. Apabila Anda memasukkan alamat email untuk moderasi, Anda akan mendapatkan pesan untuk setiap komentar yang akan berisi link "Publikasikan" dan "Tolak", serta link menuju halaman moderasi utama bagi blog.
18. Bagaimana cara Menggunakan fitur Tataletak Blogger?
Pertama, temukan nama blog Anda pada dashboard, dan klik link "Template" di sebelahnya. Jika link ini menampilkan "Tataletak", hal ini berarti Anda telah menggunakan fitur Tataletak dan Anda dapat melewati langkah-langkah awal ini. Pada halaman Template, lihat pada link navigasi untuk tab bertuliskan "Kustomisasi Desain Anda" dan klik tab tersebut. Anda akan menerima pesan yang menjelaskan bahwa Blogger akan membuat cadangan dari template Anda yang sekarang. (Cadangan tersebut akan tersedia tanpa batas waktu, sehingga Anda akan dapat kembali ke sini kelak.) Klik pada tombol "Upgrade Template Anda" untuk melanjutkan. Kemudian, pilih salah satu dari desain template default, klik "Simpan Template", dan bereslah sudah.
Setelah template di-upgrade, Anda dapat mengatur unsur pada template untuk mendapatkan tampilan yang diinginkan. Cukup klik unsur yang ingin Anda pindah lalu seret dan jatuhkan unsur di mana pun yang Anda inginkan. (Catatan: pada kebanyakan template, Anda dapat memindahkan semua unsur kecuali Navbar, posting blog dan tajuk.) Anda dapat menambahkan beberapa unsur halaman ke halaman blog atau sidebar Anda dengan meng-klik "Tambahkan Unsur Halaman". Ini akan membuka jendela pop-up yang memungkinkan Anda menambah unsur pada blog Anda dengan meng-klik "Tambahkan ke Blog" pada bagian unsur yang dikehendaki:
19. Mengapa saya dihadapkan pada verifikasi kata di dalam formulir posting?
Verifikasi kata pada formulir posting merupakan mekanisme untuk mengurangi spam bagi BlogSpot secara umum. Ada dua penyebab potensial:

Spam Potensial

Pada kasus ini, verifikasi kata berlaku untuk beberapa blog spam potensial tertentu melalui sistem otomatis. Karena sistem ini otomatis, maka mungkin akan ada beberapa positif salah (false positive), sekalipun kami senantiasa bekerja menyempurnakan alogaritma guna menghindari hal-hal tersebut. Adanya verifikasi kata pada formulir kiriman tidak akan mencegah Anda untuk mempublikasikan dan tidak berarti bahwa blog Anda akan dihapus atau dihukum kalau memang tidak melanggar kebijakan kami. Untuk menghindari ketidaknyamanan lebih lanjut saat publikasi, klik ikon "?" (tanda tanya) di sebelah verifikasi kata pada formulir posting Anda. Anda akan dibawa ke halaman di mana Anda dapat meminta kajian untuk blog Anda. Kami akan meminta seseorang untuk melihatnya, memverifikasi bahwa ini bukan spam, kemudian memasukkan blog Anda ke dalam daftar putih sehingga blog Anda tidak lagi memunculkan verifikasi kata.

Tingkat Posting Tinggi

Apabila Anda banyak mengirim posting dalam satu hari, Anda akan diminta melengkapi verifikasi kata untuk setiap posting, terlepas apakah blog Anda sudah atau belum dinyatakan sebagai spam potensial. Apabila hal ini terjadi, yang perlu Anda lakukan adalah melengkapi verifikasi kata untuk setiap posting, atau tunggu 24 jam, di mana verifikasi akan dihapus secara otomatis. Pembatasan ini dilakukan untuk mengontrol beban server kami serta untuk mencegah spam eksplisit. Oleh karena itu, tidak ada proses kajian daftar putih untuk menyingkirkan suatu blog.
20. Mengapa blog saya tidak aktif?
Kondisi tidak aktif ini merupakan akibat dari sistem klasifikasi otomatis yang menandai blog sebagai spam. Apabila blog Anda bukan merupakan blog spam, maka blog Anda telah keliru diklasifikasikan oleh sistem otomatis kami dan kami mohon maaf karenanya. Apabila blog Anda tidak aktif, blog akan terdaftar pada Dashboard, namun Anda tidak dapat mengakses masuk ke sana. Jika demikian halnya, akan ada masa tenggang di mana selama itu Anda dapat meminta agar blog Anda dikaji dan dipulihkan.
21. Dapatkah saya menggunakan cara pintas keyboard saat mengirim posting?
Blogger memiliki beberapa cara pintas keyboard yang dapat digunakan ketika mengedit posting. Cara pintas tersebut berfungsi di Internet Explorer 5.5+/Windows dan keluarga Mozilla (1.6+ dan Firefox 0.9+), dan mungkin juga di browser lainnya. Berikut ini adalah jalan pintas tersebut:
  • control + b = Cetak Tebal
  • control + i = Cetak Miring
  • control + l = Blockquote (hanya pada mode HTML)
  • control + z = Undoh
  • control + y = Redoh
  • control + shift + a = Link
  • control + shift + p = Pratinjau
  • control + d = Simpan sebagai Draft
  • control + s = Publikasikan Kiriman
  • control + g = Transliterasi bahasa Hindi
22. Bagaimana cara menggunakan fitur transliterasi?
Blogger menawarkan opsi transliterasi untuk mengkonversi karakter Roma menjadi karakter Devanāgarī yang digunakan dalam bahasa Hindi. Ini memungkinkan Anda mengetik kata-kata Hindi secara fonetik dalam skrip bahasa Inggris dan tetap menampilkan bahasa Hindi dengan abjad yang benar. Untuk mengaktifkan fitur ini, kunjungi halaman Pengaturan| Dasar serta pilih "Ya" untuk opsi transliterasi. Pengaturan ini akan mempengaruhi semua blog pada account Anda, yang sama seperti pengaturan Mode Tulis.
23. Bagaimana menggunakan editor posting Blogger?
Editor posting Blogger memiliki 3 mode:
  • Tulis: Mode WYSIWYG di mana Anda dapat memanipulasi teks dengan tombol format.
  • Edit HTML: mode mentah di mana Anda mengedit html secara manual.
  • Pratinjau: mengubah tampilan kiriman lengkap, termasuk Judul, link dan gambar-nya.
Untuk beralih ke mode-mode tersebut, klik saja daftar link yang sesuai. Tombol format hanya tersedia pada browser tertentu.
Fitur, dari kiri ke kanan:
  • Font
  • Ukuran huruf
  • Tebal
  • Miring
  • Warna huruf
  • Link
  • Rata kiri
  • Tengah
  • Rata kanan
  • Rata penuh
  • Daftar (nomor) urut
  • Daftar (butir) tidak urut
  • Blockquote
  • Pemeriksa ejaan
  • Upload gambar
  • Menghapus format dari bidang pilihan
24. Di mana dapat membeli nama domain kustom untuk blog saya?
Ada banyak perusahaan di mana Anda dapat membeli nama domain, biasanya untuk harga tahunan yang sangat terjangkau. Pencarian Google untuk domain registrar akan menampilkan sejumlah opsi. Anda juga dapat menjelajahi melalui daftar ini:
25. Bagaimana cara mengubah format tanggal yang ditampilkan pada blog saya?
Anda dapat mengubah format tanggal, baik untuk link posting dan arsip dengan cara mengedit pengaturan blog Anda. Pada halaman Pengaturan| Format, terdapat kolom untuk "Format Tajuk Tanggal" dan "Format Tanggal Indeks Arsip". Kedua kolom meliputi menu buka bawah yang berisi opsi format untuk menampilkan tanggal. (Tajuk Tanggal biasanya terletak di atas kiriman Anda dan Indeks Arsip biasanya berupa daftar link arsip pada sidebar Anda). Klik "Simpan Pengaturan" di bagian dasar halaman jika Anda telah selesai.
26. Apakah template posting itu?
Template posting akan menghemat waktu pengguna dengan mem-praformat editor posting. Beberapa pengguna ingin agar posting mereka diformat dengan cara tertentu. Misalnya, beberapa mungkin ingin menghubungkan ke artikel pada baris pertama, kemudian mengutip lagi di bawahnya. Dalam hal ini, tag blockquote dan link dapat dimasukkan ke dalam template posting dan mereka akan muncul, dan siap untuk diisi, pada setiap posting baru.
27.Apakah yang disebut dengan backlink dan bagaimana cara menggunakannya?
Backlink memungkinkan Anda melacak halaman lain di dalam web yang terhubung dengan posting Anda. Apabila teman Anda menghubungkan ke salah satu posting Anda, misalnya, maka posting itu akan secara otomatis menunjukkan ada orang lain yang telah menghubungkannya ke posting ini, dan posting ini akan menyediakan cuplikan teks dan link ke posting teman Anda tersebut. Pengaturan backlink dapat ditemukan di bawah tab Pengaturan | Komentar dan berisi satu opsi sederhana untuk menghidupkan atau mematikannya. Apabila diaktifkan, Anda akan melihat link yang bertanda "Link ke kiriman ini" di sebelah link komentar untuk setiap posting.
28. Apa saja opsi verifikasi kata?
Opsi "verifikasi kata" dapat ditemukan pada tab Pengaturan | Komentar pada blog Anda. Apabila Anda memilih "ya" untuk pengaturan ini, maka orang-orang yang meninggalkan komentar di blog Anda perlu melengkapi langkah verifikasi kata, sama dengan yang tampil saat Anda membuat blog: Apa yang dilakukan adalah mencegah penambahan komentar ke dalam blog Anda di dalam sistem otomatis ini, karena ini membutuhkan seseorang untuk membaca dan melewati tahap ini. Apabila Anda pernah menerima komentar seperti yang Anda jumpai pada iklan atau link acak untuk situs yang tidak ada sangkut-pautnya, berarti Anda telah menjumpai spam komentar. Banyak hal seperti ini yang dilakukan secara otomatis oleh perangkat lunak yang tidak lolos verifikasi kata, sehingga mengaktifkan opsi ini merupakan tindakan yang baik untuk menghindari banyaknya komentar yang tidak diinginkan seperti itu.
29. Dapatkah saya mengedit HTML dari tataletak blog?
Tentu , kunjungi saja tab Template | Edit HTML. Hal pertama pada halaman ini adalah opsi untuk men-download salinan template Anda ke file teks di hard drive. Kami sangat menganjurkan agar Anda melakukan ini sehingga Anda mudah kembali dengan meng-upload lagi file yang sama. Berikut ini adalah kode aktual untuk template Anda. Anda akan melihat kode itu terlihat seperti HTML dan CSS biasa, tetapi di dalamnya ada banyak tag kustom yang membuatnya cocok dengan editor tataletak seret-dan-jatuhkan, dan dengan pemilih font dan warna.
30. Di manakah judul blog saya akan terlihat?
Judul blog Anda, yang diatur di dalam tab Pengaturan | Dasar pada Blogger, bisa terlihat di banyak tempat: Pada publikasi blog Anda, pada Dashboard Anda, di dalam profil Anda, dan di daftar "Baru Saja Diperbarui" pada Dashboard (jika Blog Anda tercantum di daftar). Maka usahakan blog Anda kreatif!
31. Apakah URL itu?
URL adalah lokasi dari sebuah file di dalam web. Beberapa contoh URL antara lain http://www.blogger.com/, atau http://myblog.blogspot.com/. URL yang Anda pilih akan digunakan oleh pengunjung, atau Anda sendiri, untuk mengakses blog Anda.
Selama proses pembuatan blog, Anda akan diminta untuk memilih URL bagi blog Anda bila Anda ingin blog itu diperkenalkan di dalam Blog*Spot. Karena sudah ada banyak blog di Blog*Spot, Anda perlu semakin kreatif dan mungkin perlu mencoba beberapa hal yang berbeda dari sebelum Anda menemukan blog yang ada. Satu hal yang perlu diingat ketika memilih URL untuk blog Anda adalah tanda hubung atau hyphen (yang juga dikenal sebagai dash, - ) sebagai satu-satunya karakter non-alphanumeric yang diperbolehkan. Spasi tidak diperbolehkan, begitu juga garis bawah atau underscore (_) atau karakter khusus lainnya.
32. Apa tugas dari pengaturan "daftar"?
Pengaturan "Tambahkan blog Anda ke daftar kami?" menentukan apakah blog Anda akan muncul di blogger.com atau tidak - lebih khusus lagi, untuk daftar blog di halaman profil Anda dan blog yang baru saja diperbarui akan muncul di homepage Blogger. Anda dapat menemukan pengaturan ini pada halaman Pengaturan | Dasar. Catatan: Apabila template blog Anda menggunakan tag BlogMetaData, mematikan tag ini akan berakibat blog Anda tidak akan dijelajahi oleh mesin pencari.
33. Apa tugas dari pengaturan penyandian?
Pengaturan penyandian memberitahu browser web tentang bagaimana menampilkan blog Anda. Ini tidak begitu penting bagi blog berbahasa Inggris, namun mendasar bagi blog non-bahasa Inggris agar dapat ditampilkan secara benar. UTF-8 dipilih secara default, karena dapat mendukung semua bahasa. Namun dalam beberapa hal, Anda perlu penyandian yang lain. Dan apabila penyandian yang Anda inginkan tidak ada di daftar, mohon beritahu kami dan kami akan segera menambahkannya.
34. Apakah Server FTP itu?
Server FTP adalah sebuah komputer yang menggunakan FTP untuk menerima file yang di-upload oleh pengguna. Alamat server FTP Anda biasanya terlihat seperti berikut: ftp.example.com
Ketika Anda membeli layanan hosting, Anda harus memiliki alamat server FTP untuk digunakan. Apabila Anda tidak memiliki informasi ini atau Anda ragu tentangnya, hubungi penyedia hosting Anda.
Catatan:
  • Nomor port deafult akan digunakan (:21 untuk FTP dan :22 untuk SFTP). Menetapkan port alternatif tidak akan bekerja.
  • Dan jangan menyertakan http:// atau ftp:// di dalam alamat server.
35. Apakah lintasan FTP itu?
Lintasan FTP memberitahu Blogger di mana file blog Anda ditempatkan di dalam server. Lintasan FTP harus berformat seperti di bawah ini:
directory/directory/ (pastikan menyertakan garis miring di belakang)
Apabila Anda sudah mengenal FTP, lintasan Anda adalah direktori web Anda yang dapat diakses. Misalnya, ini mungkin berupa 'htdocs' atau 'www' atau 'public_html,' atau, apabila Anda ingin menempatkan blog Anda pada sebuah subdirektori, 'htdocs/blog/' dst.
Apabila semua penjelasan ini terkesan rumit, coba hubungi penyedia hosting untuk bantuan. Mereka dapat memberitahu Anda bagaimana menyiapkan server khusus.
Catatan:
  • JANGAN gunakan http://, ftp:// atau alamat server pada lintasan.
  • Direktori yang Anda tentukan harus sudah ada di dalam Server FTP Anda.
  • Direktori tidak boleh berupa lintasan absolut - direktori harus relatif terhadap lokasi akar ftp di server.
36. Apakah perbedaan antara publikasi ulang indeks dan publikasi ulang seluruh blog?
Apabila Anda memiliki blog FTP, Anda masih harus mempublikasikan kembali blog Anda secara berurutan untuk mencerminkan pembaruan Anda. Publikasikan Ulang Indeks Saja artinya hanya halaman indeks (dan feed situs, apabila diaktifkan) yang akan dipublikasikan ulang.
Publikasikan Ulang Seluruh Blog akan mempublikasikan seluruh blog - halaman indeks, feed, arsip & halaman posting. Ini akan memberlakukan perubahan template terbaru Anda ke semua halaman blog Anda. Ini akan berlangsung beberapa saat apabila Anda telah memiliki banyak posting.

cara menghilangkan drive pada komputer

Menurut ku menghilangkan tampilan drive merupakan salah satu cara mengamankan data2 penting kita dari tangan2 jail, Kok bisa!!!!! yah bisalah……, Tapi mungkin Pendapat anda lain dengan pendapat ku,,, seperti kata pepatah mencegah lebih baik dari pada mengobati !!!!
Okelah saya akan menjelaskan bagaimana cara atau trik menghilangkan tampilan drive  tanpa menggunakan software atau melalui registry editor
Trik /Cara pertama yaitu menggunakan perintah diskpart melalui command prompt, dan cara kedua dengan menggunakan gpedit (group policy editor)
Cara Pertama Menggunakan Command Prompt
1. Klik Start> Run –> ketik cmd –> klik OK
2. Ketik diskpart –> tekan enter

3. Ketik list volume –> tekan enter (untuk melihat list drive yang ada di komputer)

Tentukan Drive yang akan disembunyikan, misalnya disini kita akan menyembunyikan drive D
4. ketik select volume 3 –> tekan Enter
5. ketik remove letter D –> tekan Enter

ketik exit untuk keluar dari diskpart.
(untuk melihat hasilnya cek di my computer, pada beberapa kasus komputer harus di-restart terlebih dahulu).
Untuk Mengembalikan atau menampilkan kembali drive yang disembunyikan, lakukan hal yang sama dari langkah 1 sampai 4
Pada langkah 5 perintahnya diubah menjadi :
ketik assign letter D
Cara kedua yaitu dengan menggunakan perintah gpedit (group policy editor)
1. Klik Start –> Run –> ketik gpedit.msc –>klik OK

2. Klik dua kali User Configuration –> Administrative Templates –> Windows Components –> Windows Explorer –>kemudian pilih Hide these specified drives in my computer di jendela sebelah kanan

Pada Jendela Hide specified drives in My Computer : pilih enable, kemudian tentukan drive yang akan disembunyikan (restrict)

Misalnya disini yang akan disembunyikan adalah drive D, maka pilih Restrict D drive only, kemudian klik Apply –> OK
Cek di My Computer untuk melihat hasilnya.
Untuk menampilkan kembali, lakukan urutan langkah yang sama, kemudian pada Jendela Hide specified drives in My Computer pilih opsi Not Configured –> klik Apply –> OK
Semoga Bermanfaat ,,,,

budaya

Daftar isi

[sembunyikan]

mendesain blog

ika ingin mencoba membuat atau mendesain blog sendiri, sedikit banyak kita mesti mengenal dan belajar Hypertext Markup Language (HTML) yang merupakan bahasa standard yang di gunakan untuk menampilkan halaman web. Meskipun saat ini ada format lain selain HTML yaitu XML (Extensible Markup Languange), yang menurut pendapat bbrp ahli, XML ini bisa menggantikan posisi HTML di masa datang. Tapi yang pasti hingga saat ini HTML masih digunakan.

Banyak tutorial berbahasa Indonesia di internet yang akan mengenalkan kita pada HTML. Diantaranya di Ilmu Komputer, Sekolah 2000, Tutorial Homepage, juga di blog Wasugi.
Mengapa CSS?
HTML pada dasarnya adalah bahasa mark-up, dalam arti untuk membuat pengaturan pada tampilannya maka kita harus menggunakan tag tertentu. Satu tag untuk satu gaya atau model.
contoh diperlukan tag spt ini:


Layout blog yang sudah dibuat pada Tutorial ‘Bagian 1 - Layout Blog dengan Photoshop‘ akan diproyeksikan sebagai tampilan blog, dengan terlebih dahulu dibagi/dipotong dalam beberapa file.
Pembagian atau pemotongan images dalam beberapa file ini dimaksudkan agar images dapat diloading atau ditampilkan dengan cepat dalam browser.

Ada dua cara pemotongan images di photoshop yang bisa dilakukan, yaitu pertama dengan fasilitas slice tool dan kedua menggunakan copymerged-paste. Sedangkan menyimpan file digunakan fitur Save for Web, dimana file image akan dioptimalisasi ukurannya sehingga loading images di browser tidak terlalu berat/lama namun kwalitasnya tetap baik.
Untuk memulai tutorial kali ini, buka kembali file psd yang dibuat pada tutorial sebelumnya.
Slice Tool
Slice berfungsi membagi images dalam beberapa area yang langsung dapat disimpan menggunakan Save for Web dan secara sekaligus bisa dibuat dalam sebuah web.
Langkah-langkahnya:
1 - Bagian Header
Membatasi bagian header dan footer dengan ruler sebagai garis bantu pembatas. Untuk bagian header dibatasi garis menjadi dua bagian (header1 dan header2) agar ukuran file tidak besar sehingga saat loading images tidak terlalu berat/lama.
Arahkan pointer ke area horizontal ruler, lalu klik tahan mouse dan drag ke arah bawah. Garis biru yang tampil letakkan diposisi akhir batas header (di bawah shape tapak kaki kanan). Lakukan hal yang sama seperti di atas dan posisikan garis pembatas di tengah header untuk membagi header menjadi dua bagian.
2 - Bagian Footer
Masih menggunakan cara yang sama, tarik ruler dari atas ke arah bawah dan letakkan pada batas atas bagian footer.
3 - Garis Bantu Back-Main
Tambahkan satu garis bantu pembatas untuk bagian ‘back-main’ yang ditempatkan di bawah garis bantu header2 dengan lebar secukupnya.

4 - Slice Tool
Aktifkan icon Slice Tool di Toolbox, kemudian kotaki area header1. Akan terlihat area header1 memiliki delapan kotak sudut kecil dan angka ‘01′ pada bagian sudut kiri atas yang menunjukkan nomor urut slice yang dibuat.

Ulangi langkah di atas untuk menandai slice pada area header2, back-main dan footer, sehingga terdapat empat slice. Jika terdapat lima slice dengan tambahan slice ke-4 yaitu area lebar di bagian tengah layout, biarkan saja. Slice ini bisa dibuang/delete kemudian.

5 - Fitur Save for Web
Dengan menggunakan slice tool, area images yang sudah dibuat bisa langsung disimpan secara bersama-sama.
Pilih menu File - Save for Web. Pada jendela baru yang tampil, klik folder ‘4-Up’ untuk melihat perbandingan hasil optimasi file asli dengan tiga optimalisasi pilihan (lingkaran merah). Fitur Save for Web bisa dilihat disini.
Pilihlah format GIF pada bagian settings di kanan jendela Save for Web (lingkaran hijau). Kemudian lihatlah keterangan di bawah tiga kotak hasil optimalisasi. Setiap gambar memiliki keterangan mengenai ukuran dan waktu download/loading-nya (lingkaran biru). Pilihlah hasil yang memiliki ukuran dan waktu loading terkecil, tapi pastikan kwalitas gambarnya tetap baik.
Format gambar bisa juga dipilih berformat JPG. Format ini biasa digunakan untuk images/gambar seperti foto. Untuk lebih jelasnya, bisa dilakukan banyak percobaan optimalisasi dengan berbagai images.
Bisa juga masing-masing slice yang dibuat dioptimalkan satu persatu. Klik icon Slice Select Tool di sebelah kiri (lingkaran hitam) lalu klik bagian slice yang akan dioptimalkan. Menggeser area slice bisa dilakukan dengan drag mouse menggunakan icon Hand Tool.
6 - Simpan
Simpan images yang sudah dioptimalkan dengan klik tombol SAVE di kanan atas jendela Save for Web.
Agar memudahkan penjelasan, buatlah folder ’simple-blue’ yang berfungsi untuk menyimpan file-file images dan file HTML juga file CSS kemudian. Maka bagian ‘Save in’ masuk ke folder ’simple-blue’. Bagian Save as type, pilih Images Only (*.gif) karena hanya file images yang akan disimpan. Bagian Settings dalam Default Settings dan bagian Slices dalam All Slices. Untuk nama file, beri nama ‘blue.gif’. Terakhir klik Save.

File-file images hasil slice ini akan disimpan dalam sub folder images di folder simple-blue dan masing-masing bernama blue_01.gif sampai blue_05.gif.
CopyMerged - Paste
Pada cara kedua pemotongan images ini, tiga langkah pertama (1,2 dan 3) memiliki langkah yang sama dengan cara memotong images menggunakan cara Slice Tool, yaitu membagi bagian-bagian header1, header2, footer dan back-main dengan garis bantu.
3 - Duplikasi gabungan
Dari bagian-bagian yang sudah dibatasi dengan garis bantu tadi, maka akan dilakukan pengambilan bagian tersebut satu persatu menggunakan Retangle Marquee Tool.
Klik icon Retangle Marquee Tool di Toolbox, dan pastikan Feather yang berada di baris Options dalam keadaan 0 px. Bagian pertama yang akan dicopy adalah header1, maka kotaki area dimaksud dengan cara tempatkan pointer pada salah satu sudut area, lalu klik tahan mouse dan drag hingga akhir sudut diagonalnya.
Terlihat bagian header1 yang dipilih akan dikitari garis putus-putus. Dalam keadaan demikian, pilih menu Edit - Copy Merged.

4 - Paste di New Layout
Kemudian buka lembar kerja baru dengan cara pilih menu File - New atau langsung Ctrl+N dan pilih OK untuk konfirmasi jendela New yang tampil.
Setelah lembar kerja baru siap, pilih menu Edit - Paste atau langsung Ctrl+V untuk menampilkan objek hasil copy di atas.
5 - Save for Web
Tahap selanjutnya adalah menyimpan bagian header1 tadi. Pilih menu File - Save for Web. Lakukan optimalisasi seperlunya lalu klik SAVE dan beri nama file image ‘header1′ dan simpan di folder simple-blue agar tidak tercampur dengan file lain atau memudahkan pencarian file.
6 - Pengulangan
Ulangi langkah 3 sampai 5 untuk bagian header2, footer dan back-main.

Bagian back-main akan digunakan sebagai background area main. Untuk lebar diambil tidak terlalu besar karena ‘back-main’ ini nantinya dalam CSS akan disetting berulang (reply) secara vertikal atau searah sumbu-y.
Tahapan selanjutnya adalah membuat file HTML dan CSS.***
<font color="#FF0000" size="4" face="Verdana,
Arial, Helvetica, sans-serif"><strong><em>tes aja</em></strong></font>
untuk menghasilkan tampilan spt ini:
tes aja
Bayangkan kalau dalam satu web yang kita buat terdiri dari banyak teks atau kalimat yang tampilannya berbeda-beda. Atau jika antara satu teks dengan teks yang lain memiliki format yang sama, kita mesti mengulang-ulang tag yang sama pula. Selain script code HTMLnya akan penuh sesak dan terkesan tidak rapih, juga kita akan lelah dan repot mengaturnya.
World Wide Web Consortium (W3C) sejak tahun 1996 yang lalu telah merilis konsep sederhana, yaitu memisahkan isi dengan style. Isi dalam hal ini berupa informasi yang ingin disampaikan pada user, khusus dikelola dalam HTML. Sedangkan model dan gaya tampilan diatur dalam style sheet. Style sheet yang telah distandarkan oleh W3C dikenal dengan CSS (Casceding Style Sheet), sehingga support pada hampir semua web Browser.
Menempatkan CSS dalam HTML
Nantinya CSS ini dapat digabungkan dengan HTML, sehingga script code HTML akan terlihat rapih. Selain itu, dengan pemisahan style sheet ini akan memudahkan kita jika ingin merubah tampilan web.
Ada tiga cara menempatkan CSS ke dalam HTML, yaitu:
a. Inline Style
Menuliskan CSS langsung di HTML tag, dengan atribut style.
Contoh:
<h1 style="color: blue">text</h1>
b. Internal Style
Script CSS dibuat dengan pengelompokkan tertentu dan ditempatkan diantara head, berlaku untuk seluruh tag dalam HTML.
Contoh:
<style type="text/css">
body {
background-color: #000;
}
#main {
widht: 700px;
}
</style>
c. Eksternal Style
Script CSS dibuat dalam file terpisah (berextention .css) dan bisa berlaku untuk banyak halaman HTML. Tag style diletakan diantara head.
Contoh:
<link rel="stylesheet" href="style.css" type="text/css"/>
Untuk mengenal dan belajar CSS bisa otodidak melalui buku-buku yang membahas hal tersebut, atau search tutorial di internet bahkan bisa juga dengan cara melihat code-code CSS dari suatu web atau blog yang sudah jadi. Karena pada prinsipnya code CSS sangatlah mudah dipahami, yang penting seringlah mencobanya.***



Setelah mengenal dan mempelajari HTML dan CSS, kita coba membuat template blog sederhana. Tanpa image atau gambar dan tidak menggunakan table (tableless). Semua setting tampilan dibuat dalam file style sheet.









Sebelumnya, untuk dapat melihat dan mencoba langsung tutor berikut, silahkan mengambil dua source code (index.html dan layout.css) template sederhana di atas, yang caranya penulis uraikan di bawah ini. Cara ini bisa digunakan jika kita ingin mempelajari sebuah blog di internet.
File index.html
1. Klik pada image di atas
2. Setelah terbuka jendela baru berupa tampilan blog, klik kanan mouse
3. Pilih ‘view source’ untuk browser IE; Alt+F3 untuk browser Opera, ‘view page source’ untuk browser Mozilla Firefox.
4. Save source code dengan nama file index.html (lokasi bebas, tapi lebih baik buat folder baru agar tidak tercampur dengan data lain).
File layout.css
1. Perhatikan tag yang terdapat sebelum </head> pada index.html
<link href="http://www.geocities.com/ynalinkware/tutorial/layout.css" rel="stylesheet" type="text/css" />
2. File layout.css ditaruh pada server geocities. Untuk mengambilnya, copy url pada ‘link href’ (http://www.geocities.com/ynalinkware/tutorial/layout.css) dan paste di address browser lalu go/enter.
3. Save code style sheet dengan nama layout.css di folder yang sama dengan index.html
4. Ganti tag link style sheet index.html menjadi :
<link href="layout.css" rel="stylesheet" type="text/css" />
Sebenarnya, tidak ada standar khusus sebuah blog harus terdiri dari bagian A, B atau C. Tapi secara garis besar, menurut pengamatan penulis, terdapat 5 (lima) bagian utama dari sebuah blog. Sebut saja lima bagian utama itu adalah main, header, sidebar, content, dan footer.
a. Main
Bagian ini merupakan area utama yang mengatur luas sebuah blog. Keempat bagian lain (header, sidebar, content, dan footer) akan berada pada area main ini.
b. Header
Bagian blog ini biasanya memuat judul atau tema blog. Bisa berupa teks saja, image saja atau gabungan keduanya. Pada contoh kali ini, header hanya berupa teks.
c. Content
Bagian yang akan berisi posting, judul posting, tanggal posting, juga komentar. Posisinya bisa di kiri atau kanan, bersebelahan dengan Sidebar.
d. Sidebar
Di bagian ini terdapat ‘about me’, shoutbox, list links, blogroll, credits dan lain-lain. Letaknya di samping Content.
e. Footer
Posisinya di bagian bawah yang memuat copyright atau teks dan images lain sesuai keinginan.

Tutorial kali ini merupakan bagian pertama dari 3 (tiga) tutorial membuat blog
sederhana menggunakan images yang akan disetting dalam layout css. Tampilan blog.
Pada bagian pertama ini akan diuraikan langkah-langkah membuat layout blog dengan Photoshop 7.0. Maka pastikan software tersebut sudah terinstal di komputer yang akan digunakan untuk tutorial kali ini. Dan kemudian mengenal lembar kerjanya, yang secara sederhana dapat dilihat disini.
Setiap layer diberi nama dengan maksud memudahkan penunjukan objek dalam editing. Dan pastikan layer yang akan diubah dalam keadaan aktif (diklik atau dipilih).

Tampilan layout blog
Berikut langkah-langkah lengkapnya:
1 - New Layout
Jalankan program Photoshop dan buat layout.
Klik menu File -> pilih New atau langsung Ctrl+N.

2 - Setting Layout
Pada jendela New yang tampil, setting/ubah bagian Preset Size dengan Custom,
Width 730 pixel, Height 500 pixel, Resolution 72 pixel/inchi, Mode RGB Color
dan Contents White.

3 - Aktifkan Perangkat
Setelah Editing Area baru muncul, pastikan Toolbox, Layers Pallet, Options dan
Rulers aktif. Jika tidak, aktifkan dengan cara klik Menu Windows lalu pilih
Tools, Options dan Layers. Untuk Rules tekan Ctrl+R.
4 - Ganti Warna
Ubah warna Contens yang semula putih menjadi warna biru dengan kode warna #2B4C8D. Caranya klik Set Foreground Color di Toolbox sehingga muncul jendela Color Picker. Disini bisa dipilih warna sesuai selera, namun pada turorial kali ini langsung masukkan kode warna tadi (2B4C8D tanpa ‘#’) pada bagian box bawah yang di depannya bertanda ‘#’ lalu enter atau klik OK.

5 - Warna Background
Aktifkan icon Paint Bucket Tool (gambar ember cat) di Toolbox. Jika tidak terlihat, klik tahan icon Gradient Tool di Toolbox hingga muncul icon dimaksud lalu pilih. Setelah kursor berganti icon Paint Bucket Tool, arahkan ke Editing Area yang masih berwarna putih kemudian klik sekali sampai warna biru menggantikannya. Klik dua kali pada nama layer background untuk mengubah nama layer menjadi ‘back’.

6 - Layer Baru
Buat layer baru berwarna putih dengan cara klik icon Create a New Layer di bagian bawah Layers Pallet. Ubah nama ‘Layer 1′ menjadi ‘main back’ dengan klik dua kali pada Layer 1 dan ketik nama penggantinya.

Kemudian pilih Menu Edit lalu klik Fill untuk memberi warna putih pada ‘main back’. Di bagian contens jendela Fill yang muncul, pilih ‘white’ lalu enter atau OK.

7 - Mengubah Ukuran Objek
Main back akan diperkecil pada bagian kanan dan kirinya sedikit untuk membedakan background atau area body yakni warna biru dan background atau area main yang berwarna putih. Pastikan layer ‘main back’ aktif (klik layer dimaksud untuk mengaktifkannya), lalu tekan Ctrl+T. Tarik sedikit ke bagian dalam kotak kecil resize untuk bagian kanan dan kiri, hingga back biru terlihat. Setelah dirasa cukup, tekan enter untuk mengakhiri resize.

8 - Style Outer Glow
Layer ‘main back’ masih aktif, pilih Menu Layer lalu Layer Style dan klik Outer
Glows. Style ini akan memberikan kesan berkilau pada kanan dan kiri background putih (main back). Jendela Layer Style terbuka, klik kotak kuning di bagian Structure dan pilihlah warna putih lalu OK. Masih di bagian Structure, Opacity 100% dan Noise 0%. Pada bagian Elements, Technique Softer, Spread 2% dan Size 9%.
Berexplorasilah pada setiap bagian untuk mencoba mendapatkan hasil atau tampilan yang berbeda. Setelah yakin dengan hasil akhir tekan enter atau OK.

9 - Retangle Tool
Klik icon Retangle Tool pada Toolbox lalu klik box color di bagian Options untuk menset warna biru muda (D8E3FA). Kemudian buat kotak persegi panjang untuk header dengan cara tempatkan pointer yang berbentuk plus (+) di sudut awal persegi panjang yang akan dibuat, lalu klik tahan dan drag ke ujung sudut persegi panjang. Ukuran lebar bisa sesuai selera. Terlihat di Layers Pallet terbentuk layer baru bernama ‘Shape 1′. Ubah nama layer menjadi ‘h-top’ untuk menandakan kotak header bagian atas.

10 - Duplikasi Layer
Dengan ukuran panjang dan warna yang sama, akan dibuat retangle tool di bagian bawah untuk footer. Bisa saja dilakukan cara yang sama seperti langkah ke-9, namun dengan cara lain yang lebih cepat bisa dilalukan duplikasi layer. Aktifkan layer ‘h-top’ lalu klik tahan dan drag/tarik ke arah icon Create a New Layer di bagian bawah Layers Pallet.
Layer baru bernama ‘Shape h-top copy’ ubah namanya menjadi ‘h-bot’. Pastikan
layer ‘h-bot’ aktif dan pointer ganti bentuk icon Move Tool di Toolbox, lalu
tarik atau pindahkan shape ‘h-bot’ ke bagian bawah pada posisi footer. Perkecil
ukuran tingginya dengan cara Ctrl+T dan resize atas atau bawah secukupnya lalu
akhiri enter atau OK.

11 - Custom Shape Tool
Photoshop menyediakan berbagai bentuk simbol atau ornamen yang bisa digunakan untuk mempercantik layout atau keperluan visual lainnya. Tepatnya menyediakan 12 katagori Custom Shape seperti animal, nature, ornaments dan sebagainya. Koleksi bentuk-bentuk tadi bisa didapat melalui fasilitas icon Custom Shape Tool pada Toolbox.
Klik tahan icon Retangle Tool dan klik icon Custom Shape yang bergambar bintang. Atau cara lain, klik langsung icon Custom Shape ini pada Options dengan catatan icon Retangle Tool aktif.
Pada Options terdapat pilihan ‘Shape’, klik panah dropdown untuk melihat koleksi bentuk Costum Shape. Bentuk tapak kaki pada contoh tutorial ini tidak ditemukan?. Ok, setting standar memang hanya terdapat empat baris dan enam kolom bentuk dari Custom Shape. Untuk menampilkan semua atau 12 katagori Custom Shape caranya klik menu dropdown pada bagian Shape di Options, lalu klik panah kanan kecil yang terdapat pada pilihan bentuk. Kemudian pilih ‘All’ untuk sekaligus menampilkan Custom Shape. Pada pertanyaan yang muncul, jawab OK. Cari dan pilihlah bentuk tapak kaki kanan.

12 - Pengulangan
Sebelum membuat tapak kaki kanan pada editing area, ganti warna pada Color di bagian Options dengan warna biru tua senada background (2B4C8D). Setelah itu drag bentuk tapak kaki kanan pada posisi header area atau di atas ‘h-top’. Ukuran bisa diubah dengan cara Ctrl+T dan resize sesuai keinginan.
Ganti nama ‘Layer 1′ untuk bentuk tapak kaki kanan yang baru saja dibuat dengan nama ‘foot-a’. Lalu duplikasi layer ‘foot-a’ dan ganti nama layer ‘foot-a copy’ menjadi ‘foot-b’. Masih aktifkan layer ‘foot-b’, tarik/pindahkan ke arah kanan bawah pada bagian footer (lihat gambar). Perkecil ukurannya yang disesuaikan tinggi ‘h-bot’.
13 - Text
Membuat text ‘MY BLOG’ sebagai background penghias header. Klik icon Horizontal Type Tool (gambar letter ‘T’) pada Toolbox lalu klik pada Editing Area hingga kursor berganti garis panjang berkedip. Tuliskan MY BLOG lalu akhiri dengan klik icon Move Tool pada Toolbox.
Untuk memformat jenis font, ukuran, warna dan sebagainya, klik lagi gambar
letter ‘T’ pada Toolbox. Lihat bar Options, ubahlah jenis font dan ukuran sesuai
selera dan warna text sama dengan back (2B4C8D) lalu lihat perubahannya (Tutorial menggunakan Verdana uk.166pt).

Pindahkan text ‘MY BLOG’ ke bagian header area dengan mengaktifkan icon Move Tool terlebih dahulu. Kemudian sesuaikan ukurannya atau resize lebar dan tinggi) dengan ukuran ‘h-top’. Setelahnya, buat warna text menjadi sangat tipis (sedikit saja berbeda dari warna h-top) dengan cara klik box Opacity di Layers Pallet yang semula tertera 100%. Ganti angkanya menjadi 3%. Semakin kecil setting angkanya semakin transparant warna objek.

Ulangi langkah di atas untuk membuat judul blog pada header. Tutorial ini menggunakan judul ‘JEJAK LANGKAH’ dengan font Impact uk.30pt, warna #2B4C8D, Opacity 80%.
Hasil akhir Layers

14 - Simpan File
Sebenarnya menyimpan file untuk layout ini jangan benar-benar dilakukan pada langkah akhir, tapi setiap saat perubahan layout. Kecewa sekali jika susah payah layout dibuat tapi sebelum disimpan terjadi mati listrik atau komputer bermasalah seperti hang misalnya. Simpanlah file dengan format PSD atau standar file Photoshop agar dilain waktu bisa dilakukan perubahan.

Tutorial selanjutnya adalah memotong-motong (slice-cut) layout yang sudah dibuat berdasarkan bagian-bagian blog seperti main, header dan footer.***

Setelah selesai dengan tutorial bagian 1 dan bagian 2, maka kini saatnya memproyeksikan apa yang sudah dibuat tadi menjadi layout blog beserta segala pernak-perniknya.
Kita akan mendefinisikan tampilan blog dengan kode-kode CSS yang bagian-bagiannya seperti pernah diuraikan pada ‘Part#2 - Blog Sederhanana‘, yaitu main, header, content, sidebar dan footer.

Lembar Pengaturan (Stylesheet)

Kode-kode CSS bisa diketik pada lembar notepad pada windows, yang kemudian disimpan dengan format CSS. Siapkan lembar notepad untuk memulai tutorial kali ini.
Bagian awal ketikkan seperti berikut:
/*
Stylesheet Name: Simple Blue
*/
untuk memberi nama lembar stylesheet. Sebenarnya tidak diberi namapun tidak jadi masalah, hal ini diberikan untuk kemudahan saja. Kemudian simpan dahulu lembar ini dengan nama file layout.css (titik dan css diketik langsung pada form ‘File Name’). Simpan di folder ’simple-blue’.
1 - Body
Body adalah bagian dari struktur dalam HTML yang akan memuat semua format dan informasi yang akan ditampilkan pada sebuah website/blog.
- Margin dan padding diset 0, krn pengaturan posisi akan disetting pada bagian ‘main’.
margin: 0;
padding: 0;
- Background diberi kode #2B4C8D, disesuaikan dengan warna back pada layout blog di photoshop.
background: #2B4C8D;
- Warna font diset abu-abu tua (#333). Ukuran font 12 pixel dengan jenis font ‘Trebuchet MS’, Verdana, Georgia, Arial, sans-serif’.
color: #333;
font: 12px ‘Trebuchet MS’, Verdana, Georgia, Arial, sans-serif;
Kode CSS untuk setting font bisa juga seperti ini:
font-size: 12px;
font-family: ‘Trebuchet MS’, Verdana, Georgia, Arial, sans-serif;
Hasil setting body pada stylesheet menjadi seperti berikut:
body {
margin: 0;
padding: 0;
background: #2B4C8D;
color: #666666;
font: 12px ‘Trebuchet MS’, Verdana, Georgia, Arial, sans-serif;
}
Dengan setting tsb, maka semua format baik background sampai font akan sama. Kecuali pada bagian lain diberi setting font yang berbeda.
2 - Main
Bagian utama ini akan mengatur lebar dan letak blog. Settingnya sbb:
- Lebar blog disetting 730 pixel disesuaikan dengan lebar layout blog yg dibuat dengan photoshop.
width: 730px;
- Margin top dan bottom diset 0 sedangkan left dan right diset ‘auto’, dengan maksud posisi blog secara otomatis akan berada di tengah pada resolusi monitor yg berbeda.
margin: 0px auto;
Pattern margin dan padding adalah:
margin: top right bottom left;
padding: top right bottom left;
Jika top dan bottom disetting sama dan jika right dan left juga disetting sama, maka penulisan kodenya bisa digabung. Misalnya top dan bottom 5px, right dan left 10px, maka penulisannya menjadi:
margin: 5px 10px; –>(top&bottom right&left)
padding: 5px 10px;
- Line-height adalah jarak antar baris text yg berada dalam arean main diset 16 pixel.
line-height: 16px;
- Background main diberi warna putih, latar image ‘backmain.gif’ yg sudah dibuat dengan photoshop. Kemudian image yg lebarnya sama dengan lebar setting main ini diulang arah sumbu y (vertikal), sehingga menghasilkan latar belakang putih dan blur dikiri-kanannya.
background: #fff url(backmain.gif) repeat-y;
Kode CSS untuk setting background bisa juga seperti ini:
background-image: url(backmain.gif);
background-color: #fff;
background-repeat: repeat-y;
Setting url(backmain.gif), menunjuk pada file backmain.gif yg disimpan pada root folder yg sama dengan file layoutblue.css ini. Jika file2 images berada pada folder/tempat yang lain, definisikan dengan jelas.
Misalnya, backmain.gif ditaruh di geocities dengan url: http://ynalinkware.geocities.com/blue/backmain.gif
maka setting url background menjadi: url(http://ynalinkware.geocities.com/blue/backmain.gif)
Setting main pada stylesheet menjadi seperti berikut:
#main {
width: 730px;
margin: 0px auto;
padding: 0;
line-height: 16px;
background: #fff url(backmain.gif) repeat-y;
}
3 - Header
Di bagian ini akan disetting dua buah header yang masing-masing akan memuat image ‘header1.gif’ dengan nama CSS #header1 dan ‘header2.gif’ dengan #header2. Posisinya berada paling atas blog.
- Margin, padding dan pengulangan images atau background-repeat untuk #header1 dan #header2 disetting sama, yaitu:
margin: 0;
padding: 0;
background-repeat: no-repeat;
Background-repeat diset no-repeat karena image ‘header1.gif’ dan ‘header2.gif’ hanya diberlakukan satu kali atau tidak diduplikasi/ulang.
- Yang berbeda tapi dengan nama setting sama adalah background-image dan height atau tinggi yang disesuaikan dengan masing-masing image. Sedangkan lebar image tidak perlu disetting, krn lebarnya sudah sama dengan lebar bagian ‘main’, yakni 730 pixel.
Cara mengetahui lebar dan tinggi sebuah image adalah dengan klik kanan mouse pada nama file image dimaksud, lalu pilih ‘properties’ dan klik ’summary’ (kemudian ‘advanced’ untuk winxp).
Setting #header1 dan #header2 pada stylesheet menjadi seperti berikut:
#header1 {
margin: 0;
padding: 0;
background-image: url(header1.gif);
background-repeat: no-repeat;
height: 72px;
}
#header2 {
margin: 0;
padding: 0;
background-image: url(header2.gif);
background-repeat: no-repeat;
height: 81px;
}
4 - Content
Pada bagian ini tempat untuk mengatur posisi dan tampilan posting.
- Lebar area posting diset 450 pixel,
width: 450px;
- Letak area diposisikan sebelah kiri dan margin dibuat 0,
float: left;
margin: 0;
- Padding diatur baik atas, bawah, kanan dan kiri untuk memposisikan isi content berupa baris text atau paragraf berada.
padding: 20px 10px 20px 29px;
- Dibuat garis pemisah antara isi content dengan sidebar dengan setting garis utuh (solid) di kanan, ukuran 1 pixel dan berwarna abu-abu muda,
border-right: solid 1px #ccc
Setting #content pada stylesheet menjadi seperti berikut:
#content {
width: 450px;
float: left;
margin: 0;
padding: 20px 10px 20px 29px;
border-right: solid 1px #ccc
}
5 - Sidebar
Sidebar mengatur posisi dan format semua kelengkapan blog, seperti menu, links, about me dsb.
- Lebar area disetting 200 pixel. Letaknya diposisikan sebalah kanan dan margin 0,
width: 200px;
float:right;
margin: 0;
- Padding diatur dan disesuaikan dengan posisi Content,
padding: 10px 30px 10px 10px;
- Format font dibuat beda dari ‘body’, yaitu berukuran 10 pixel, jenis font verdana dan berwarna biru sama dengan background body,
font-size: 10px;
font-family : verdana, tahoma, arial, serif;
color: #2B4C8D;
Setting #sidebar pada stylesheet menjadi seperti berikut:
#sidebar {
width: 200px;
float:right;
margin: 0;
padding: 10px 30px 10px 10px;
font-size: 10px;
font-family : verdana, tahoma, arial, serif;
color: #2B4C8D;
}
5 - Footer
Bagian paling bawah dari blog yg biasanya memuat copyright atau keterangan lainnya.
- Footer yang setting lebar sama dengan lebar #main, yakni 730px ini masih dalam area #main, tapi karena pada bagian atas masih dalam setting #content (float:left;) dan #sidebar (float:right;), maka perlu dinon-aktifkan keduanya dengan kode:
clear: both;
- Footer diberi background image ‘footer.gif’ yg tidak diulang dengan tinggi image 55 pixel. Di muka image tadi akan diberi text, dan agar posisi text berada di tengah image secara vertikal, maka tinggi image sebenarnya (height) dikurangi tinggi (top) padding,
height: 35px;
padding: 20px 50px 0 0;
Setting #footer pada stylesheet menjadi seperti berikut:
#footer {
margin:0;
clear: both;
font-size: 10px;
color: #333399;
text-align:right;
background-image: url(footer.gif);
background-repeat: no-repeat;
height: 35px;
padding: 20px 50px 0 0;
}
6 - Link Text
Setting untuk link text saat normal, adalah tanpa dekorasi text dan berwarna biru,
a {
text-decoration: none;
color: #000099;
}
Sedangkan saat mouse melintas atau menuju link text tersebut, disetting sewarna dengan biru body dan memiliki garis bawah,
a:hover {
color: #2B4C8D;
text-decoration: underline;
}
Dua setting di atas akan berlaku pada semua link text di area body, kecuali pada area lain dibuat setting berbeda. Misalnya area #sidebar yang diberi setting sbb:
#sidebar a:hover {
color: #333;
font-weight: bold;
}
Silahkan dicoba dan lihat perbedaannya. Jika sudah paham, pasti anda bisa membuat link text berbeda pada masing-masing area.

7 - h1, h2 dan h3

Selain membuat nama bebas untuk
- h1 digunakan untuk kode judul posting. Setting ukuran font 14px, cetak tebal, warna senada biru body, margin atas 0 dan margin bawah 10px.
- h2 digunakan untuk kode tanggal posing. Setting ukuran font 10px, cetak miring, warna #999, margin atas 10px dan margin bawah 0.
- h3 digunakan untuk kode judul-judul pada area #sidebar, seperti ‘about me’, ’shoutbox’, ‘Archives’ dll. Setting ukuran font 10px, warna #666 dan margin atas 10px.

8 - Lain-lain

Buatlah CSS lainnya yang dirasa perlu untuk mensetting bagian lain dalam blog yang ingin dibuat berbeda dari setting lainnya.
Misalnya bagian bawah pada masing-masing posting yang biasanya berisi ‘posting by me at 12.00pm - comments’ atau text lainnya. Bisa dibuat kode CSS dengan nama ‘comment’ atau terserah anda.
.comment {
font-size: 10px;
text-align: right;
}
Juga tambahkan code berikut:
html>body #sidebar {
width: 200px;
}
yang berfungsi menyamakan lebar #sidebar pada browser IE6, Firefox dan Opera.
9 - Menggabungkan CSS dengan HTML
Langkah selanjutnya adalah menggabungkan style CSS yang sudah dibuat dalam lembar HTML.
Ada dua cara menggabungkan CSS dengan HTML yang keduanya diletakkan diantara tag <head> dan </head>.
Cara pertama, yaitu file CSS dibuat terpisah dari file HTML kemudian digabungkan dengan tag:
<link href="namafile.css" rel="stylesheet"
type="text/css" />
Pada cara ini, jika anda belum memiliki hosting sendiri, maka harus menyimpan/menaruh/menitipkan file CSS tadi ke tempat/hosting gratisan seperti geocities dsb. Hal ini menyebabkan anda harus menuliskan jelas dan tepat url tempat penitipan tadi.
Atau cara kedua yaitu menuliskan kode CSS langsung di halaman HTML dengan tag:
<style type=”text/css”>
<!–
(tulis style CSS disini)
–>
</style>
10 - HTML
Langkah terakhir dari rangkaian tutorial membuat blog ini adalah menuliskan tag-tag HTML yang berisi kode-kode CSS pada tempatnya masing-masing.
Seperti tag untuk mendefinisikan area #main,
<div id=”main”>



</div>
Atau tanggal posting: <h2>May 7, 2005</h2>
Selengkapnya bisa dilihat disini. Lalu pelajari bagian perbagian yang sudah didefinisikan dengan tag-tag area masing-masing.
Jika masih menemui kesulitan, silahkan bertanya. Dan jika tutorial ini dirasa ada kesalahan atau kekurangan, mohon dikoreksi :). Selamat mencoba! Salam ngeblog!***