Mengubah Domain Mobify ke Custom Domain co.cc

Setelah anda mendapatkan versi mobile blog, anda pasti sudah memiliki akun bukan di mobify? Lalu jika anda juga sudah mengubah domain blogspot anda ke custom domain, berarti anda juga sudah memiliki akun juga bukan dari penyedia domain? Nah, untuk Mengubah Domain Blog Mobile Mobify ke Custom Domain, saya akan memisalkannya dengan menggunakan domain custom dari co.cc. Untuk langkah-langkahnya, akan saya bagi ke dalam 2 bagian.

1. Membuat Sub-Sub-domain di co.cc dan Mengarahkannya ke mobify

Mungkin anda sedikit bingung kenapa saya menulis sub-sub-domain. Itu karena sebenarnya co.cc merupakan layanan subdomain, bukan domain. Domain utamanya adalah co, dan subdomainnya adalah nama blog anda (misal kanashibari). Sedangkan cc adalah ekstensinya. sama seperti blogger dengan blogspot sebagai domain utamanya dan nama blog anda sebagai subdomainna.

Baiklah, lakukan langkah di bawah ini:
1. Login ke co.cc menggunakan akun yang anda miliki.
2. Setelah masuk, klik domain blog anda.

(Klik untuk memperbesar Gambar)

3. Lalu klik "Setup" pada domain co.cc anda.

(Klik untuk memperbesar Gambar)

4. Akan muncul beberapa pilihan untuk mengarahkan domain anda. pilih "Zone Records".
5. Setelah muncul pengaturannya, masukkan pilihan seperti di bawah ini:

• Host : isi dengan alamat blog mobile anda (misalnya m.domainanda.co.cc atau  mobile.kanashibari.co.cc)
• TTL : Pilih 1D
• Type : Pilih CNAME
• Value : isi dengan domain default blog mobile mobify anda (Misal : kanashibari2.mobify.me

6. klik "Setup".
Sampai sini kita telah berhasil membuat sub-sub-domain blog mobile kita. Untuk Tutorial Blog selanjutnya, kita lakukan langkah ke dua.


2. Mengubah Sub-Domain Mobify ke Sub-domain co.cc
Langsung saja, lakukan langkah di bawah ini.
1. Login ke mobify menggunakan akun yang telah anda buat seperti pada artikel membuat blog mobile saya yang telah saya terbitkan beberapa hari yang lalu (Baca : Membuat Blog Khusus Ponsel Dari Blogspot).
2. Klik Blog mobile anda

(Klik untuk memperbesar Gambar)

3. Setelah itu klik saja "Custom Domain".
4. Lirik ke bagian bawah, akan terlihat form untuk pengaturan custom sub-sub-domain. masukkan sub-sub-domain blog mobile yang telah anda buat pada co.cc tadi lalu klik "Save Custom Domain".

(Klik untuk memperbesar Gambar)

5. Setelah anda Save selesai sudah tutorial ini, selamat dengan domain blog mobile baru anda :).

Read More »»  

Blogger Tampilan HP dengan Mobify

 

Versi mobile di sebuah situs sepertinya telah menjadi suatu standar mengingat semakin meluasnya penggunaan ponsel sebagai alat jelajah situs. Dengan adanya versi mobile, kita akan semakin mudah mengakses situs-situs favorit lewat ponsel dengan tampilan dan navigasi yang nyaman, serta biaya yang relatif murah tentunya.
Dan disini saya akan memberikan Tutorial membuat blog versi ponsel dengan mobify, gambar dibawah ini adalah tampilan ponsel blog ini yang diakses melalui opera mini dengan domain mobile.kanashibari.co.cc

Kenapa Mobify? Karena mobify memiliki keunggulan tersendiri dibanding situs penyedia website versi mobile lainnya, keunggulan yang ditawarkan mobify adalah kita dapat mengatur sendiri tampilan mobile kita secara bebas dengan css secara penuh, tidak seperti website lainnya yang telah menyediakan template yang telah jadi sehingga kita tidak dapat mengubah tampilan nya dan kita juga dapat menggunakan sub domain sebagai domain versi mobile kita sehingga traffic blog yang mengakses blog kita melalui ponsel tetap kita dapatkan. Terlebih lagi, Mobify juga mendukung berbagai tipe ponsel yang ada di pasaran saat ini seperti iPhone, BlackBerry, Android, dan 5000 lebih tipe ponsel lainnya. Dan ternyata, banyak website luar negeri yang menggunakan jasa Mobify untuk menciptakan website mini yang tampil di ponsel, seperti MTV, SitePoint, Boingboing, Smashingmagazine, Discover Magazine, dan masih banyak lagi. Untuk cara mengubah domain blog mobify ke custom domain seperti mobile.kanashibari.co.cc dapat anda lihat disini. Bagaimana anda tertarik untuk membuatnya? baik langsung saja. Langkah pertama yang harus anda lakukan adalah melakukan pendaftaran di mobify disini setelah anda berhasil melakukan pendaftaran, ikuti langkah2 berikut: 

1. Masukan alamat blog Anda ke form ‘Create a new mobile view’ dan ‘Click here to begin!’

2. Selanjutnya Anda akan diberikan panduan dan masuk ke halaman ‘Choose’, ada tiga tahapan, yaitu 'Choose', 'Design' dan 'Manage' seperti gambar dibawah ini

3. Pada halaman ‘Choose’, Anda akan disuguhi tampilan utuh dari halaman indeks (halaman utama) blog Anda. Pilih bagian mana saja yang sekiranya perlu untuk ditampilkan di tampilan mobile nanti.

 (klik untuk memperbesar gambar)

4. Setelah selesai memilih pada halaman ‘Choose’, klik Design untuk masuk ke langkah selanjutnya.

(klik untuk memperbesar gambar)

Halaman ‘Design’ terbagi menjadi dua kolom, yaitu kolom CSS di sebelah kiri dan kolom pratinjau (preview) di sebelah kanan.  

- perhatikan kolom preview, apakah urutan (posisi) bagian yang telah Anda pilh pada halaman ‘Choose’ telah tepat? bila belum klik untuk menandai bagian yang ingin dipindah, lalu pada kolom CSS klik move up atau move down (Anda juga dapat menghapus bagian yang tak diperlukan dengan 

meng-klik delete)

- Pada kolom CSS, Anda dapat menambahkan bagian baru dengan menambahkan kode-kode HTML maupun CSS di opsi New Block (perhatikan gambar di atas). Karena sebelumnya (pada halaman ‘Choose’) tak memilih header, saya menambahkan kode untuk header pada New Block (dengan menambahkan tulisan Di Atas Bumi > serta kode untuk background dan juga border).

- Perhatikan lagi kolom CSS, silakan diedit sesuai dengan selera (sebagai contoh dan inspirasi, dapat dilihat di Gallery Mobify). Anda dapat menambah, mengurangi bagian yang tak perlu (seperti CSS bawaan blogger, karena tak mempengaruhi tampilan mobile). Anda dapat melihat perubahan pada bagian preview untuk memantau perubahan yang telah Anda lakukan pada bagian CSS. Jangan lupa untuk klik save seusai mengedit. 

5. Sampai di sini pengeditan halaman utama tampilan mobile Anda telah selesai. Selanjutnya klik ’Manage’, lalu perhatikan bagian MOBIFIED TEMPLATES dan SUGGESTED TEMPLATES.

(klik untuk memperbesar gambar)

Pada bagian SUGGESTED TEMPLATED, Anda dapat melihat path mana saja yang belum diedit (seperti path untuk halaman postingan, kategori dan arsip). Langkah selanjutnya sama dengan langkah untuk mengedit atau mendisain halaman utama.

6. Bila semua dirasa cukup (pengeditan selesai), langkah terakhir adalah mengaktifkan versi mobile dari blog Anda. Klik live (atau klik DEPLOY). Kemudian Anda akan dibawa ke halaman ini

(klik untuk memperbesar gambar)

Di halaman tersebut (Deploy) Anda dapat menentukan alamat untuk blog versi mobile Anda, misalnya kanashibari2.mobify.me. Lebih lanjut, Anda dapat menggunakan custom domain sebagai alternatif seperti m.domainanda.com atau mobile.kanashibari.co.cc untuk melihat tutorial cara mengubah domain blog mobify ke sub domain klik disini

Selanjutnya copas (copy paste) kode yang tersedia sebelum kode </head>

Lalu simpan template Anda. selamat karena sekarang blog anda telah memiliki tampilan versi ponsel :)

Read More »»  

Cara Menampilkan Komentator Terbanyak

langsung saja,, berikut tutorialnya:
- Login ke Akun blogger anda
- lalu pilih Rancangan >> add Widget >> Html Javascript
- Kemudian tambahkan script dibawah ini

<script style="text/javascript" src="http://sihijau.googlecode.com/files/komentatoro2.js"></script><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Fwww.bloganda.com &num=5&filter=Si Hijau" type="text/javascript"> </script>

- lalu simpan dan selesai

catatan:
1. ganti tulisan berwarna merah dengan alamat blog anda
2. angka berwarna biru adalah jumlah komentator yang ditampilkan dapat anda ubah sesuai yang anda inginkan..

Read More »»  

Cara Memasang Google Font Directory pada Blog

 

Anda bosan dengan jenis font di blog anda? kini ada alternatif baru untuk menghilangkan rasa bosan itu, Google Font Directory.

ya, Google Font Direectory adalah layanan google yang menyediakan font secara online yang dapat digunakan pada sebuah blog atau website.

Jenis Font apa saja yang tersedia di google Font ?
Secara lengkap bisa anda lihat langsung di Google’s Font Directory, seperti ditampilkan pada gambar dibawah ini :

Bagaimana cara menggunakan Google Font API pada blogspot ?
Untuk menggunakan Google’s Font API di blog kita perlu melakukan beberapa langkah, yaitu :
1. Buka Google’s Font Directory.
2. Pilih salah satu jenis font, misalnya Fontdiner Swanky.
3. Kemudian klik tulisan "Use this font", maka akan tampil code seperti dibawah ini

4. Dari kedua kode yang tampil yang saya lingkari warna merah, copas code yang atas, lalu masuk ke akun blogger anda pilih Rancangan >> Edit HTML, beri tanda ceklis pada Expand Template Widget bila sudah kemudian tekan ctrl+f lalu cari code <head> kemudian pastekan kode dibawah tulisan <head>

5. Dari kode tersebut biasanya akan tampil seperti dibawah:

<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css'>

6. Tambahkan "/" sebagai penutup script menjadi seperti dibawah ini

<link href='http://fonts.googleapis.com/css?family=Fontdiner+Swanky' rel='stylesheet' type='text/css' />

7. Terapkan CSS pada tag yang anda inginkan, contoh : saya menerapkannya pada tag <H1>;

h1 { font-family: 'Fontdiner Swanky', Arial; font-size:7px; }

8. Bila anda ingin menggunakan font pada sebuah teks single bukan menerapkannya pada css lihat code dibawah:

<font face="Fontdiner Swanky" size="7px">Teks yang Anda terapkan</font>

 
catatan:
1. code yang berwarna biru adalah ukuran font anda. dapat anda ubah sesuai keinginan.
2. code yang berwarna kuning adalah teks yang diubah font nya

Read More »»  

Pengertian Google Pagerank

Pagerank (rangking blog) adalah tingkat populernya sebuah website/blog yang didasarkan atas kuantitas dan kualitas dari aksesibiltas blog tersebut. Banyaknya pengunjung pada sebuah blog dari nomor IP (internet protokol) yang berbeda (hits) serta besarnya jumlah tampilan halaman (page view) dari blog anda.

Pagerank atau lebih lengkapnya Google Pagerank merupakan ranking yang diberikan khusus oleh Google. Skala ranking yang digunakan Google adalah 1 sampai 10, jadi apabila semakin tinggi pagerank blog anda maka semakin baik dan berkualitas blog anda menurut mesin pencari google. Sudah pasti konsekuensinya blog anda akan punya peluang lebih tinggi muncul dihalaman lebih depan dibandingkan dengan pagerank dibawah anda.

Salah satu dasar dari perhitungan pagerank adalah jumlah dari kunjungan (hits dan page view), selain itu Pagerank juga dipengaruhi jumlah link blog anda baik link dalam blog maupun link blog dari blog orang lain. Ini berarti semakin banyak blog yang nge-link blog anda, maka kemungkinan besar Pagerank blog punya peluang untuk meningkat. Lebih-lebih dilink oleh blog dengan PR tinggi maka hal ini tentu sangat bermanfaat bagi PR anda.

Pagerank dihitung secara matematika (algoritma) dengan menggunakan rumus tertentu, bagi anda yang tidak dibidang ini tentu akan pusing kalo mempelajarinya. Memang pagerank sebuah pengetahuan yang secara umum harus diketahui oleh para blogger.

Pagerank bagi sebagian orang (blogger) merupakan salah satu tujuan aktifitas ngeblognya. Selain sebagai bagian dari aktualisasi diri sebagian blogger juga berkepentingan dengan monetize. Seperti diketahui beberapa bisnis online mempersyaratkan Pagerank tertent, paid review misalnya. Semakin tinggi PR tentu job review yang diberikan umumnya berharga lebih tinggi.

Pagerank juga mempunyai kaitan dengan bisnis online lainnya seperti pemasang iklan, pemasang iklan tentu kan memperhitungkan biaya yang dikeluarkan dengan sejauh mana jumlah pengunjung dari blog yang dipasangi iklan tersebut. Selain itu menurut saya pagerank sebuah blog tentu akan berpengaruh pada faktor yang lain seperti psikis, sosial, ekonomi blogger itu sendiri.

Read More »»