Setting Blogger dengan Nama Domain Sendiri

Blog atau web dengan domain pilihan sendiri (custom)  memang memberikan nilai tersendiri. Tujuan memilih domain sendiri adalah agar orang lebih mudah mengingat nama blog/web yang dimiliki. Atau bila memiliki bisnis online, tentu nama domain utama akan lebih dipercaya dibandingkan bila anda menggunakan sub-domain.

Sedikit tips bila ingin memilih domain sendiri:

1. Buat nama domain yang unik yang mudah diingat
2. Buat nama domain yang mudah diketik
3. Buat nama domain yang menggambarkan tentang blog Anda
4. Hindari nama domain nama perusahaan atau yang sudah memiliki copyright.
5. Hindari penggunaan angka pada domain.
6. Dan lain sebagainya, tips yang berhubungan dengan SEO silahkan search sendiri. :D

Untuk memiliki domain blog sendiri carilah penyedia hosting/domain yang terpercaya, saat ini sangat banyak penyedia hosting/domain bertebaran di internet. Sebagai contoh di sini saya menggunakan penyedia hosting Masterweb.com (MWN)

Cara membeli custom domain di masterweb.com

Bila Anda sudah memiliki domain sendiri maka tinggal melakukan setting kecil di blogger.com (blogspot) dan  SPANEL domain.


Setting di Blogger.com

Login terlebih dahulu di blogger (blogspot) tempat blog Anda.

Kemudian masuk kedalam "Setelan" (setting) blog lalu pada bagian "Penerbitan" (Publishing)
klik "+ Siapkan URL pihak ke-3 untuk blog Anda " (kotak merah).

Masukan nama domain Anda, contoh di bawah adalah "www.contohcustom.com" kemudian klik "Simpan" (Save). Sehingga muncul informasi tentang CNAME untuk blog Anda.

Dari contoh gambar di atas ada 2 CNAME yang diberikan

• www - ghs.google.com
• nv8kkoa3thfn - gv-g7qwj46igk9e7g.dv.googlehosted.com

Setiap blog memiliki penomoran CNAME yang berbeda. Selanjutnya adalah melakukan setting di spanel custom domain anda.


Setting di SPANEL

Untuk login ke spanel domain Ketikkan alamat http://DOMAINANDA/spanel, di mana DOMAINANDA adalah alamat domain Anda, misalnya sebagai contoh disini adalah http://contohcustom.com/spanel.  Kemudian klik tombol "SPANEL" lalu masukan username dan password spanel Anda.

Login SPANEL juga bisa dilakukan melalui MWN client area (Anda harus sudah login terlebih dahulu melalui URL http://masterkey.mastereweb.com. Kemudian klik option "My Services".  Pada halam "My Services" klik tombol "Spanel" di bagian kanan domain.  Anda akan otomatis langsung masuk ke halaman SPANEL.

Bila anda mengalami kesulitan untuk login ke Spanel silahkan hubungi support Masterweb.com. Mereka dengan senang hati akan membantu Anda.

Bila Anda telah berada di halaman setting Spanel, Klik tab "Domain" >> "Kelola Domain dan DNS" >>  "NamaDomainAnda" >> "Sunting DNS"

Selanjutnya tidak usah bingung melihat kotak-kotak kosong yang banyak. Tugas Anda hanya memasukan 2 data CNAME. Untuk itu selahkan langsung scroll ke bawah sampai Anda melihat bagian dengan tulisan "Tambah Record CNAME"

Masukan CNAME pertama ke kotak kosong seperti contoh di bawah. Kemudian klik tombol "Tambah record CNAME"

Masukan lagi CNAME kedua seperti di bawah. Kemudian klik tombol "Tambah record CNAME"

Bila kedua CNAME sudah dimasukkan maka akan terlihat di bagian record SPANEL. Terakhir untuk menyelesaikan setting klik "Update"

Selanjutnya kembali ke pengaturan Blogger.com (blogspot). Klik kembali tombol "Simpan" (Save). Bila tidak ada peringatan "error" lagi maka Anda sudah berhasil mensinkronkan blog dan custom domain.

Bila anda mengalami kesulitan dalam melakukan sinkronisasi ini. silahkan hubungi support Masterweb.com.

Read more »

Membeli Custom Domain untuk Blogspot/blogger.com

Membeli custom domain di penyedia hosting dan domain Masterweb.com (MWN) sebenarnya tidak susah dan ribet, tetapi ada beberapa kawan yang sedikit bingung dan ragu-ragu saat hendak membeli domain di MWN karena mungkin baru pertama kali dan memang banyak pilihan paket domain yang tersedia sehingga kadang agak sedikit membingungkan.

Artikel ini dibuat sebagai panduan untuk mempermudah bagaimana membeli domain khusus blogspot.com di penyedia hosting/domain Masterweb.com


Pertama-tama buka halaman web Masterweb.com kemudian klik "Start"

Pada bar bagian kanan atas klik option "Domain"

Pilih salah jenis domain (com, net, org, biz dll) yang Anda inginkan dengan mengklik salah satu tombol "Order" di bagian kanan halaman web.

Bila anda menemui halaman error seperti di bawah ini dengan keterangan "Domain yang dimasukan tidak benar", maka klik option "Pilih produk" di bagian kiri halaman web.

Anda akan di arahkan ke halaman paket yang tersedia di MWN. Scroll halaman ke bawah cari paket dengan deskripsi "MWN PARKING BLOGSPOT - Paket parking domain untuk yang menggunakan Blogger/Blogspot" kemudian klik tombol "Pesan Sekarang"

Masukan nama domain yang anda inginkan pada kotak kosong, setelah itu tekan tombol "Klik untuk Lanjut"

Bila nama domain yang dipilih masih tersedia maka anda akan mendapatkan halaman seperti di bawah ini. Bila domain yang diinginkan tidak tersedia maka Anda harus memilih nama domain yang lain. Selanjutnya tekan tombol "Klik untuk lanjut"

Selanjutnya akan masuk halaman konfigurasi dengan memasukan URL blog yang anda miliki yang akan diganti dengan custom domain pilihan Anda.

Konfigurasi berikutnya adalah proteksi ID. Bila Anda ingin agar Identitas diri Anda tetap private dan tidak terlihat melalui "whois information" maka anda bisa mencentang pilihan ini. Proteksi ID berguna juga untuk menghindari spam. Tetapi bila anda tidak bermasalah bila kontak ID anda terpublish maka Anda bisa meninggalkan kotak centang  tetap kosong.  Selanjutnya klik "Update Keranjang Belanja"

Periksa kembali nama domain pesanan Anda di halaman konfirmasi. Bila sudah Oke, silahkan klik tombol "Checkout"

Sampai disini proses pemesanan domain selesai, selanjutnya Anda tinggal mengisi dan mendaftarkan diri Anda (nama, email dll) untuk proses pembayaran. (atau bila sudah memiliki Account anda bisa login menggunakan username dan password yang Anda miliki).

Selanjutnya Anda akan menerima email pemberitahuan pemesanan domain serta tata cara pembayaran untuk membeli domain yang telah Anda pesan.

Read more »

Ayo membuat Blog Gratisan

Kalau membaca tentang artikel ini, berarti kamu tertarik dengan apa yang dinamakan dengan dunia blog. Ya dunia blogging sekarang semakin ramai dengan berbagai blog. Tentu setelah lama bermain di internet masa kamu hanya punya email dan FB saja. Sebagai seorang ahli browsing dan surfing spesialisasi dunia maya, kurang lengkap dong kalau belum punya blog sendiri.

Tapi apa sih blog itu, blog hampir sama dengan website tetapi lebih dinamis karena blog secara teratur bisa di-update sehingga selalu menampilkan artikel atau informasi terbaru. Blog selain berfungsi sebagai tempat berbagi cerita/pengalaman atau berbagi curahan hatimu, juga bisa berfungsi banyak hal misalnya menjadi alat publikasi berita sebuah perusahaan, sebagai media promosi bisnis, bahkan untuk kampanye politik juga bisa. Yang jelas fungsi dan tujuanny bisa diatur sesuai kehendak si Blogger

Untunglah membuat blog sekarang semakin mudah. Gak seperti beberapa tahun yang lalu harus mikirin kode dan program untuk membuatnya. Apalagi dengan hadirnya website penyedia blog seperti Blogger.com yang terus memperbaiki fiturnya sehingga semakin "user friendly" bahkan untuk orang yang baru megang komputer sekalipun (lebay dikit ah). Kamu tinggal mendaftar, settting kiri kanan (buat nama blog, atur widget/plugin, klak-klik klak-klik) sudah deh jadi blognya. Nah kalau kamu mau coba-coba membuat blog dengan web penyedia blog ini bisa ikuti panduan di bawah.

Blogger.com milik perusahaan besar Google. Jadi kalau kamu sudah punya email di Gmail maka kamu bisa menggunakan username dan passsword yang sama untuk login ke Blogger.com. Kalau belum punya email di gmail.com, maka kamu harus buat emailnya dahulu di Gmail.com.

Sekarang buka halaman www.blogger.com,  kamudian masukan password dan username Gmail yang sudah dibuat sebelumnya.

Masuk buat konfirmasi ke blogger, klik tombol paling bawah warna orange dengan tulisan "Lanjutkan ke Blogger"

Langkah selanjutnya, klik tombol "Blog Baru" di sebelah kiri halaman

Bila kotak pembuatan blog baru muncul, isilah judul blog, alamat url yang diinginkan. Kemudian pilih template/theme yang diinginkan. Setelah itu klik tombol orange "Buat Blog" di bagian bawah.

Segampang itu, sekarang blog kamu sudah jadi, dan kalau kamu merasa satu blog masih kurang dan ingin mebuat blog lain cukup dengan meng-klik tab "Blog Baru" di navigasi bagian kiri. Sekarang blog siap ditulis artikel yang diinginkan. Untuk membuat postingan baru, tinggal klik icon yang dilingkari dengan linkaran merah. 

Cara Posting Artikel

Untuk memposting artikel;  Jangan lupa isi judul pos, dan tulis artikel yang menarik dan bermanfaat. Contohnya di bawah jangan ditiru ya karena artikelnya terlalu pendek (hanya dua kata). hehehe...

Bila artikel sudah siap, untuk mempublish artikel klik tombol "Publikasikan". Tapi bila belum siap dan tujuannya untuk menyimpan agar bisa di edit lagi cukup simpan sebagai draft dengan mengklik tombol "Simpan".  Untuk melihat tampilan (preview) artikel blog bisa dilakukan dengan memencet tombol "Pratinjau".

Cara menyisipkan gambar di Blog

Tanpa tampilan gambar di blog rasanya kurang lengkap, karena itu sebelumnya siapkan gambar atau foto mu untuk diupload ke blog. Caranya cukup dengan mengklik gambar icon gambar (lingkaran merah)

Setelah itu pada tab UPLOAD, klik "Pilih File"

Kemudian tentukan file gambar yang hendak di upload ke blogmu.

Bila gambar sudah di-upload, selanjutnya memilih gambar agar bisa disisipkan ke artikel blog.
Untuk itu klik gambar lalu klik "Add Selected".

Maka gambar akan disisipkan ke dalam artikel blogmu.

Sementara artikel membuat blog dengan Blogger cukup, tentu saja informasi di atas masih terbatas cara awal membuat blog sendiri. Masih banyak yang bisa dilakukan dan dikembangkan, kamu bisa melakukan improvisasi sendiri agar blog tampilannya terlihat lebih menarik dan cantik. Hal itu juga akan kita tulis di artikel blogging berikutnya. 

Salam..... :)

Read more »

Promosi Facebook Page dengan Conversion Box

Saya mengenal Conversion Box dari suatu forum di internet. Menurut saya ini adalah salah satu cara yang bagus untuk memperkenalkan halaman Facebook dengan cara yang "ramah" buat pembaca blog/site. Berbeda dengan tampilan pop-up box dimana Anda harus meng-close dahulu sebelum membaca artikel di blog tersebut. Kadang untuk meng-closenya pun mensyaratkan waktu 1 menit agar layar pop-up bisa di tutup. Maka berbeda dengan Conversion Box hanya menampilkan sedikit pesan yang muncul di pojok kanan bawah layar ketika visitor meng-scroll ke bawah halaman blog/site Anda.

Instalasi conversion box juga sangat mudah, kalau anda tertarik silahkan ikuti panduan langkah demi langkah di bawah ini.

1. Buka halaman website ConversionBox.com, kemudian scroll sedikit ke bawah untuk melihat tempat pembuatan kode script Conversion box.

2. Sekarang mari kita buat Conversion Box untuk halaman Facebook blog Anda.

• Box no. 1 diisi dengan kalimat Misalnya; "Klik like page kami di facebook" atau terserah Anda sajalah, yang penting singkat, jelas dan menarik.
• Box no.2 diisi dengan URL atau alamat "Page Facebook" website atau blog Anda

Setelah itu klik tombol merah "Get The Code".

3. Kode script Conversion Box langsung disajikan dalam sebuah kotak, Anda tinggal meng-copy untuk disisipkan di blog Anda.

4. Untuk menyisipkan kode ini di Blogger, cara paling mudah dan gak pake repot adalah dengan menyisipkannya melalui fitur layout (tata letak) > penambahan gadget html/javascript

Kemudian sisipkan script Conversion Box di kotak konfigurasi html/javascript.

Terakhir klik "Save" atau menyimpan konfigurasi. Sampai disini untuk cara ini selesai.

5. Cara lain menempatkan script ini di Blogger adalah dengan menyisipkan script dalam template blogger sebelum tag </head>.  Untuk cara ini, sebelumnya jangan lupa untuk melakukan backup template terlebih dahulu. Sehingga tidak perlu pusing kalau terjadi kesalahan atau error dalam pemasangan template.  Lanjut....! buka fitur template kemudian klik "Edit HTML"

Cari tag </head> terlebih dahulu. Jika sudah ditemukan sisipkan script Conversion box di atas tag </head>

Lalu klik save template untuk menyimpan. Selesai!

6. Untuk menyisipkan script di theme Wordpress, dengan cara menyisipkan script pada "Header" file (header.php) melalui fitur Appearance > Editor di dashboard Wordpress. Kemudian salin kode Conversion Box tepat di atas tag </head>. Kemudian klik Save. Itu saja.

Bila semua lancar seharusnya sekarang blog Anda memiliki fitur Conversion Box di bagian kanan bawah halaman. 

Read more »

Menyimpan CSS dan Javascript di Google Drive

Terkadang blogger atau web desainer mengalami masalah dengan kode CSS, javascript dan script penting lainnya untuk blog/site mereka. Untuk memperindah tampilan blog/site agar lebih menarik kadang mereka menambahkan beberapa javascript ke dalam blog mereka. Hal ini membuat beban blog/site semakin berat dan waktu loadingnya semakin lama.

Tetapi masalah ini bisa diatasi dengan menempatkan file CSS dan javascript di hosting tersendiri di luar template.  Cara ini akan mengurangi ukuran template dan loading blog/site pun semakin cepat. Selain itu dengan menempatkannya di hosting eksternal akan membuat template kelihatan lebih rapi dan mudah mengaturnya. Bayangkan kalau CSS dan semua file script menumpuk di satu template blog/site seperti gado-gado.

Tempat penyimpanan file yang paling baik menurut kami saat ini adalah Google Drive. Selain gratis, Google Drive memiliki reputasi yang baik, memiliki hosting load yang cepat dan memberikan space yang cukup besar dengan jatah bandwith tanpa batas sehingga tidak perlu khawatir blog/site anda mengalami error karena kehabisan jatah bandwith.

Cara menyimpan file CSS dan Javascript atau file lainnya di Google Drive

Pertama-tama siapkan file yang akan di simpan di Google Drive. Untuk menyiapkan file ini anda bisa menggunakan notepad.  Sebagai contoh bila ingin menyimpan file CSS dari template Blogger, copy kode css diantara  <b:skin><![CDATA[  dan  ]]></b:skin>.  Lihat contoh gambar di bawah,  arsiran biru merupakan bagian yang di copy.

Setelah di copy kemudian paste ke dokumen baru di notepad lalu simpan file CSS dengan ekstension css (*.css). Bila file yang disimpan  adalah file Javascript maka di save dengan ekstension js (*.js).

Langkah berikutnya adalah meng-upload file CSS yang sudah Anda siapkan tadi. Masuklah ke halaman Google Drive https://drive.google.com dan login dengan akun Google yang Anda miliki. Bila sudah masuk, klik tombol "CREATE" pada navigasi sebelah kiri dan buat sebuah folder untuk menyimpan file Anda nanti.

Kemudian masuk ke dalam folder yang baru dibuat dengan cara mengklik folder tersebut. Untuk mengupload file CSS atau javascript ke folder ini, klik tombol upload (terletak disebelah kanan tombol CREATE), kemudian klik option "Files" untuk mengambil file CSS/Javascript di drive komputer Anda.

Bila file selesai diupload klik link "Share" seperti yang terlihat pada gambar bawah.

Klik tombol "Change" untuk membuka option perubahan sharing file CSS/Javascript.

Ubahlah setting Link sharing file dari "Specific people" menjadi "Public on the web" karena file ini akan digunakan di blog/site yang nantinya bisa diakses oleh orang lain. Setelah itu klik tombol "Save"

Berikutnya Anda akan mendapatkan link untuk di-sharing. Copy link itu dan paste ke notepad untuk digunakan lebih lanjut.

Penggunaan link CSS dan Javascript di template Blogger
Nah sekarang tinggal memasukan link file tadi ke template Blogger. Ada sedikit perbedaan form link untuk file CSS dan file Javascript bila ingin digunakan di template Blogger.  Umumnya dari Link sharing dari Google drive berbentuk seperti ini.

https://drive.google.com/file/d/0B4wS9Xm07YZnSWVkTWtfbm9LcFE/edit?usp=sharing

Tetapi link di atas bukanlah link yang akan digunakan di template Blogger. Anda harus sedikit memodifikasi  dengan mengambil bagian kode yang berlatar belakang merah saja pada contoh link di atas. Dan menempelkannya dengan link googledrive.com seperti di bawah ini

https://googledrive.com/host/kode-background-merah-disini

Sehingga bila digabungkan maka link yang siap pakai akan terlihat seperti contoh di bawah ini.

https://googledrive.com/host/0B4wS9Xm07YZnSWVkTWtfbm9LcFE

Bentuk link untuk file CSS
Untuk link CSS maka link googledrive.com di atas harus ditempelkan ditengah link untuk stylesheet

<link href="googledrive-link-disini" rel="stylesheet"></link>

Bentuk link untuk file Javascript
Untuk Javascript maka link googledrive.com di atas harus ditempelkan ditengah link untuk script

<script src="googledrive-link-disini" type="text/javascript"></script>

Sebagai contoh karena kita sudah mengupload file CSS maka link google drive menjadi seperti ini

<link href="https://googledrive.com/host/0B4wS9Xm07YZnSWVkTWtfbm9LcFE" rel="stylesheet"></link>

Link CSS dan Javascript sekarang siap dimasukan ke template Blogger. Selanjutnya karena anda sudah memindahkan file CSS dari template Blogger ke hosting Google Drive, maka jangan lupa untuk menghapus CSS template Blogger antara  kode <b:skin><![CDATA[  dan  ]]></b:skin>.  Setelah itu save template untuk menyelesaikan proses ini.

Semoga membantu. Salam!

Read more »