Zona Tutorial Blog

Cara Mengganti Domain Blogspot ke CO.CC

2011-02-20T18:52:00.000-08:00

Memiliki blog dengan nama sendiri yang tidak berakhiran .blogspot.com dapat menjadi kebanggaan tersendiri bagi pemiliknya. Biasanya, nama domain dengan akhiran .org, .net, .com, .co.id, .web.id dan lain sebagainya memerlukan biaya yang harus dibayarkan setiap tahunnya. Namun, bagi pengguna blogger dapat mengganti domain .blogspot ke domain .co.cc dengan beberapa langkah mudah.

Untuk mengganti domain .blogspot.com ke domain lain, salah satunya kita dapat menggunakan domain .co.cc yang bisa didapatkan secara gratis di internet. Begini caranya.

Cara Mendaftarkan nama Domain co.cc.

Daftarkan nama domain yang diinginkan ke co.cc di situs www.co.cc dan lakukan langkah-langkah berikut :
Buka situs www.co.cc

Tuliskan nama domain yang diinginkan misalnya "tutorialblogs".
Cek ketersediaan (Check availability) dengan menekan tombolnya.
Bila nama domain tersebut tersedia, akan muncul windows seperti gambar di bawah

Selanjutnya akan muncul tampilan login ke akun co.cc, jika belum terdaftar di akun ini, segera daftarkan diri dengan mengklik "Create an account now" lalu lengkapi data dan informasi pada masing-masing field. Jangan lupa, pada bagian akhir form registrasi terdapat kalimat "I accept the Terms of Services" dichecklist (contreng po) jika setuju untuk meneruskannya.

Setelah registrasi berhasil dan login dengan nama akun yang baru, akan muncul tampilan "Your new domain has been successfully registered", lalu tekan tombol Set up.

Cara Mengatur Zone Domain

Untuk mengintegrasikan nama domain baru yang berakhiran .co.cc, kita perlu mengatur zone domain. Laman pengaturan Zone Domain akan muncul setelah kita menekan tombol Set up. Terdapat 3 pilihan dalam laman tersebut, dan pilihlah opsi nomor 2 yaitu Zone Records. Bila memilih opsi nomor 1 Manage DNS, maka harus tersedia DNS server padahal co.cc telah menyediakannya secara otomatis di Zone Records, sedangkan opsi nomor 3 merupakan pilihan untuk menjadi domain masker dari hasil domain forwarding.
Setelah memilih opsi nomor 2, akan muncul field Add record yang harus diisi, sebagai berikut :

Host : isilah dengan "nama domain anda" (www.tutorialblogs.co.cc)
TTL : pilih opsi "1D"
Type : pilih opsi "CNAME"
Value : isilah dengan "ghs.google.com

lalu tekan tombol Set up untuk menyimpannya.
Apabila penyimpanan berhasil, maka muncul tampilan "Current Zone Records:1" yang berisi kesatuan dari seluruh record yang diisi pada Zone Records sebelumnya.

Mengatur Konfigurasi Blogspot.

Sebelum nama domain yang baru dapat digunakan, perlu dilakukan konfigurasi terlebih dahulu teradap akun blogspot. Segera login di www.blogger.com, pada tampilan halaman depan pilih blog yang akan diganti domainnya, lalu klik Pengaturan (Setting) Publikasi.

selanjutnya pilih Ubah sesuaikan Domain dan Pengaturan Lanjut, akan muncul layar yang menampilkan laman ubah sesuaian.
Isi nama domain baru, jangan lupa nama domain yang dimasukkan harus lengkap.
Hal terakhir yang harus dilakukan adalah menyimpan setelan dan mengisi Verifikasi Kata atau Chapca yang diminta dihalaman ini.

Selamat mencoba ngeBlog dengan nama domain anda yang baru.

Cara Buat Variasi Read More pada Blog (classic)

2009-11-30T09:06:00.000-08:00

Halaman utama (Homepage) sebuah website atau blogsite merupakan representasi dari keseluruhan isi konten web atau blog. Pemilik website atau blog selalu menginginkan pengunjung untuk dapat membaca seluruh atau beberapa artikel yang telah diposting. Akan tetapi karena keterbatasan ukuran halaman utama yang hanya dapat menampilkan sebagian artikel sudah barang tentu tidak mungkin menampilkan seluruh isi artikel. Oleh sebab itu, banyak pemilik website hanya menampilkan judul dan petikan awal dari masing-masing artikelnya. Sedangkan apabila pengunjung ingin membaca suatu artikel secara lengkap, pengunjung tinggal mengklik tag "Read More..." atau "Baca selengkapnya.." atau "Lanjut baca...." dan lain sebagainya.

Walau tidak semua artikel dapat sekaligus ditampilkan namun paling tidak pemilik website telah mengurangi kelelahan pengunjung untuk membuka satu persatu halaman websitenya.

Bagaimana dengan Blogsite pribadi kamu? Apakah sudah punya trik cara membuat tag "Read More..."? Jika belum ada baiknya kamu baca selengkapnya...

Untuk membuat tag "Read More.." dll tersebut pada blog kamu "tidaklah sulit" (sorry ngga pake istilah mudah, dengan alasan ingat kata pepatah "tidak ada yang mudah, tetapi tidak ada yang tidak mungkin" begitu intermezonya :)) Secara garis besar, dalam dunia blogger khususnya, ada 4 (empat) langkah dari menu utama Blogger.com yang harus kita modifikasi sederhana atau ditambahkan kode HTML.

Pertama, pada menu Dasbor >> Tata Letak >> Edit HTML >> Expand Widget >> tambahkan kode HTML dibawah ini.

sebelum kode HTML berikut

Kedua, masih pada menu Dasbor >> Tata Letak >> Edit HTML >> Expand Widget >> tambahkan kode HTML dibawah ini.

diantara

dan

sehingga secara keseluruhan kode HTML yang telah ditambahkan nampak seperti ini

Ketiga, pada menu Dasbor >> Pengaturan >> Format >> Templat Entri >> tambahkan kode HTML berikut ini.

sehingga tampak seperti ini

Keempat, pada menu Dasbor >> Posting >> Entri Baru >> Edit HTML >> tampak halaman kosong Entri Posting Baru seperti ini.

Agar kode HTML 'span class:fullpost' tampak pada halaman entri, pastikan pengetikan artikel dilakukan secara Edit HTML.

Selanjutnya tulislah bagian artikel yang ingin ditampilkan diatas kode HTML 'span class: fullpost' dan bagian artikel yang ingin disembunyikan dibawah 'span class: fullpost' dan ditutup dengan '/span'.

Cara Sembunyikan Blogger Nav Bar

2009-11-22T08:47:00.000-08:00

Sering kita melihat pada halaman depan sebuah blog menampilkan Blogger Navigation Bar yang terletak di bagian atas halaman blog. Bagi sebagian pengguna blog, adanya nav bar ini dirasa dapat mengurangi penampilan yang lebih menarik dari sebuah situs pribadi.

Figure 1 : Blogger Navbar tampak pada bagian atas kiri halaman blog
Figure 2 : Blogger Navbar tampak pada bagian atas kanan halaman blog

Tapi selalu ada cara untuk melakukan trik agar Blogger Nav Bar dapat disembunyikan dari tampilan halaman blog kita. Caranya cukup mudah, tinggal menambahkan sedikit kode html berikut yang ditempatkan pada halaman blog.

Langkah-langkah :

Login ke Blogger.com
Pada tampilan Dasbor, klik "Tata Letak" atau "Setting"
Pilih menu "Edit html", jangan lupa mencontreng beri tanda (v) pada kotak "Expand Template Widget"
Tambahkan kode html dibawah ini pada halaman blog

#navbar-iframe {
height:0px;
visivility:hidden;
display:none }

"Simpan" halaman html blog yang sudah diedit, untuk menghilangkan keraguan dari perubahan kode html, silakan mengklik "Pratinjau" atau "Preview" untuk memastikan kode html telah ditambahkan dengan benar.

Figure 3 : Kode html diatas yang telah dicopy parse pada halaman blog

Sedikit trik akan membawa pengaruh yang cukup berarti, selamat mencoba.

Cara Buat Blog di Blogger.com

2009-11-21T01:44:00.000-08:00

Ternyata sangat mudah memiliki sebuah situs pribadi, dan yang menarik situs ini dapat dimiliki tanpa harus membayar sama sekali alias gratis. Saat ini banyak tool publishing gratis yang menyediakan host gratis yang biasa disebut sebagai BLOG, misalnya Blogger.Com/blogspot, Wordpress.com, Blogs.ie, Blog.Detik.com dan masih banyak lagi.

Pada posting perdana ini di tutorialkan cara mendaftarkan dan membuat blog dengan menggunakan Blogger.Com/ blogspot.

Hal pertama yang harus Anda lakukan adalah memiliki email account dari google (Gmail.com) atau email address selain Gmail misalnya Yahoo.com yang sudah terdaftar pada account google, cara mendaftar ke account google, klik disini.

Berikut ini langkah-langkahnya :

Buka browser internet Anda, cari Blogger.com/ blogspot.
Klik situs Blogger.com, pada halaman muka masukkan account google atau Gmail di "nama pengguna (Email)" dan password di "Kata Sandi"
Isi "Nama Tampilan" di kotak. Contoh: Blog Saya
Berikan tanda "v" (check) pada "Penerimaan Persyaratan" dan Klik "Lanjutkan>>".
Pada kotak "Judul Blog" isilah dengan Judul atau Tema yang diinginkan. Contoh : Blog Tutorial Saya.
Pada kotak "Alamat Blog" isilah dengan alamat URL. Contoh: blogpertamasaya. Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih masih tersedia (belum digunakan oleh orang lain). Coba buat nama atau alamat URL lain apabila alamat yang dimasukkan tidak tersedia.
Apabila alamat blog tersedia dan sesuai dengan keinginan Anda, lalu segera klik "Lanjutkan>>"
Pada halaman "Pilih Sebuah Template" silakan memilih satu dari beberapa model halaman blog /template, lalu sekali lagi klik "Lanjutkan>>"
Pada halaman berikut akan muncul pesan "Blog Anda Telah Diciptakan!" artinya Anda sudah berhasil membuat blog.
Untuk memulai membuat isi blog dengan artikel atau tulisan (posting) klik "Mulai Blogging>>".

Begitu Anda mengklik "Mulai Blogging" artinya Anda sudah siap dengan tulisan yang akan dimuat pada halaman blog.

Berikut langkah-langkahnya :

Di kotak "Judul" isi kotak dengan judul artikel yang akan ditulis. Contoh: Tentang Blog
Ketiklah artikel Anda pada kotak berikutnya. Bila Anda belum memiliki artikel atau tulisan yang hendak ditulis, sekedar melakukan percobaan silakan mencopy parse artikel atau tulisan lain pada kotak entry.
Selanjutnya, klik "Terbitkan Entry" untuk mempublikasikan artikel pada halaman Blog Anda, atau
Klik "Simpan Sekarang" apabila Anda belum menginginkan artikel tersebut tampil pada halaman Blog namun tersimpan pada daftar entry sebagai konsep atau draft.
Lakukan langkah 1 sampai 4 setiap saat Anda ingin menulis dan menerbitkan sebuah artikel atau melakukan "Posting".

Sekarang, Anda telah memiliki Situs Pribadi. Selamat Datang di dunia Blog.