Tutorial ini adalah lanjutan dari tutorial sebelumnya
mengenai Setting Akun Gmail dengan domain sendiri. Pada tahap ini penulis akan coba membahas bagaimana mengonfirmasi domain kita pada akun google apps. Jika kita telah berhasil membuat akun pada google apps, maka kita akan sampai pada halaman seperti gambar berikut (harap baca dahulu tutorial sebelumnya
):
(gambar di atas masih ada bagian lainnya pada bagian bawahnya). Untuk mengonfirmasi domain Anda, klik pada Confirm that you domain your domain, dan akan tampak gambar berikut:
Tampak pada gambar kita disarankan untuk menyalin kode html di atas dan ditempatkan pada website kita. Kode di atas kita salin lalu kita tempelkan (paste) dalam website kita, tepatnya di bagian bawah tag <head> dan sebelum tag <body>. Jika Anda menggukannya pada blog dengan doman sendiri, maka pilih padaAlternate methods, seperti tampak pada gambar berikut:
Pilih pada domain HTML Upload, dan akan tampak gambar berikut:
Anda harus mengunduh dahulu file verifikasi, dengan mengeklik pada dowbload this HTML verification file, setelah berhasil diunduh, selanjutnya unggalah (upload) file tersebut ke hosting domain Anda (jika Anda menggunakan domain parking, pastikan bahwa Anda memiliki hosting walaupun besarnya hanya 1 MB). Jika file tadi berhasil diunggah, selanjutnya klik pada poin 3, untuk memastikan bahwa file berhasil diunggah. Jika berhasil diunggah, maka pada browser akan tampak pada gambar berikut:
Selanjutnya klik VERIFY, maka akan tampak berikut:
Pada tahap ini, verifikasi domain berhasil, dan kita sudah memiliki email dengan nama email@domainkita.com, dan pada tutorial ini, karena penulis menggunakan domain naskah.net, maka email penulis adalah support@naskah.net.Mengapa kita menggunakan google apps ini?Sebenarnya, kita dapat membuat email dengan domain yang kita miliki tanpa harus menggunakan google apps, hanya saja mungkin kapasitas hosting pada domain kita sedikit dan tidak dapat menampung email yang banyak, apalagi jika kita menggunakan domain parking dimana mungkin kita hanya mendapatkan hosting sebesar 1 MB, mungkin 1 email saja masuk, hosting kita sudah penuh dan tidak dapat menampung email yang lainnya. Olehnya dengan menggunakan google apps, kapasitas penyimpanan email menjadi lebih besar yang lebih dari 10 GB dan mungkin akan terus bertambah.Klik Continue untuk melanjutkan, dan jika tidak kita berhenti dahulu pada tahap ini, dan jika ingin masuk ke google apps, jangan lupa alamatnya adalah:https://www.google.com/a/cpanel/domainanda, karena penulis menggunakan domain naskah.net, maka alamatnya adalah:https://www.google.com/a/cpanel/naskah.net.Semoga bermanfaat.
Saat kita memasukkan artikel ke blog khususnya di blogger, url artikel tersebut biasanya sama dengan judul artikel atau jika judul artikel sangat panjang, maka hanya beberapa kata yang dimulai dari awal judul saja yang dijadikan sebagai url (url otomatis). Hal ini tentu saja kita tidak mungkin dapat menghafal ataupun mengingat url artikel tersebut. Jika url artikel diperpendek, mungkin saja kita dapat mengingat url artikel yang kita buat, sehingga kita tidak perlu membuka blog kita mulai dari halaman awal (homepage). Begitu pula dengan pengunjung, dengan pendeknya url artikel dalam postingan blog, akan mudah diingat oleh pengunjung, apalagi kalau artikel kita tersebut dijadikan bahasa referensi atau daftar pustaka dalam suatu karya tulis, tentu pembawa karya tulis akan mudah mengingatnya dan mungkin akan mengunjungi blog kita juga.Mari kita perhatikan postingan blogger berikut:
Url blog penulis adalah www.naskah.net, karena artikel ini diterbitkan pada bulan Juli 2012, maka urlnya otomatis menjadi: http://www.naskah.net/2012/07/cara-memperpendek-url-postingan-blogger.html. Url artikel ini dapat kita perpendek misalnya dengan http://www.naskah.net/2012/07/perpendek-html.html.Bagaimana cara memperpendeknya?Caranya sangat mudah. Perhatikan gambar di atas, yakni Setelan Entri (bagian kanan gambar di atas, atau bagian kanan editor blogger), seperti gambar berikut:
Klik pada Tautan Permanen, maka gambar di atas akan tampak sebagai berikut:
Perhatikan url di atas, panjang, bukan? Untuk memperpendek, klik pada URL Khusus, maka akan tampak seperti gambar berikut:
Masukkan kata yang Anda inginkan. Kata tersebut akan otomatis diubah dalam format domain/tahun/bulan/judul-url, misalnya http://www.naskah.net/2012/07/url-pendek.html. Misalnya url-pendek, seperti tampak pada gambar berikut:
Klik Selesai.
Url sekarang menjadi: http://www.naskah.net/2012/07/url-pendek.html. Setelah itu tentunya jika masih memasukkan artikel, silahkan lanjutkan, jika tidak, silahkan terbitkan artikel Anda, dan lihat hasilnya pada web browser Anda.Catatan:Karakter khusus tidak boleh memberikan karakter khusus ataupun simbol pada url artikel kita.
Cara membuat readmore mungkin sudah banyak sekali yang membahasnya. Ada beberapa cara yang dapat dilakukan untuk membuat readmore ini, misalnya menggunakan template blog ubah sesuaian (pada blogger) dimana pada template ini readmore akan otomatis preset. Selain itu, ada juga yang membuat readmore dengan memanipulasi kode-kode html pada template blog, dan masih banyak lagi. Sebenarnya tanpa readmore atau dapat bahasa Indonesia dapat dikatakan sebagai 'Baca Selengkapnya' mungkin bukan merupakan keharusan pada sebuah blog akan tetapi jika tidak menggunakannya, halaman utama blog kita akan menjadi lebih panjang dan kemungkinan artikel di bawahnya tidak akan cepat dibaca oleh pengunjung.Dengan sedikit pekerjaan, fitur readmore sudah tersedia pada toolbar blogger. Perhatikan toolbar blogger berikut:
Bagian yang dilingkari pada gambar di atas adalah Insert Jump Break (pastikan anda berada pada mode Compose). Toolbar ini dapat digunakan untuk membuat penggalan artikel pada halaman utama. Untuk membuat readmore dengan toolbar ini, letakkan cursor pada tempat dimana Anda membuat penggalan (readmore) lalu klik toolbar Insert Jump Break (perhatikan gambar di atas), misalnya hasilnya akan tampak seperti tampak pada gambar berikut:
Pada tahap ini readmore atau Baca Selengkapnya telah selesai, namun jika Anda belum melakukan pengaturan pada posting blog, kita masih butuh beberapa langkah lagi, untuk membuat readmore ini. Caranya adalah masuk ke Tata Letak/Design Blog, seperti tampak pada gambar berikut:
Perhatikan kotak merah pada gambar di atas yakni bagian pengaturan posting blog. Untuk melakukan pengaturan, klik edit (pada sudut kanan bawah blog posts), dan akan muncul gambar berikut:
Gambar di atas adalah bagian Konfigurasi Posting Blog. Pada bagian dalam kotak warna merah, terdapat jumlah posting di halaman utama, misalnya 10 Pos. Artinya adalah pada halaman awal, blogger akan menampilkan 10 posting terbaru yang dimulai dari yang terbaru. Sedangkan pada Teks tautan laman entri adalah teks atau tautan readmore. Jika kita menggunakan blog dalam Bahasa Indonesia, makaReadmore dapat kita ganti dengan Baca Selengkapnya, selanjutnya klik Simpan/Save(terdapat pada bagian bawah, pada tutorial ini tidak tampak), tampilan readmore (Baca Selengkapnya) seperti pada gambar berikut:
Untuk melihat tampilan selengkapnya, lihat di www.naskah.net.Catatan:
- Beberapa template Custom (ubah sesuaian) mungkin fitur ini tidak akan berfungsi sebab beberapa template ada yang menggunakan Readmoreotomatis.
- Setiap memposting artikel, kita harus menggunakan toolbar Insert Jump Break
- Pastikan Anda berada pada mode compose saat posting artikel
- Jika Anda berada pada mode HTML, anda dapat menggunakan sintaks <!--more-->. Sintaks ini berada pada bagian di mana Anda akan melakukan penggalan pada artikel yang akan Anda terbitkan.
Pada umumnya, saat kita membuat blog, teks pada header blog (blogspot) ukurannya secara default dan ukurannya sangat besar baik menggunakan template bawaan blogger maupun template ubah sesuaian (custom template). Teks yang ada pada header ini tidak tidak lain adalah judul dan sub judul (deskripsi) blog. Perhatikan Judul salah satu blog berikut ini:
Bagian yang berada dalam kotak merah adalah teks header (judul blog).Bagaimana cara memperkecil ukuran teks pada header (judul) blog ini? Untuk mengubah ukuran teks header (judul) blog, kita dapat melakukannya dengan menyunting beberapa kode html pada template yang gunakan. Untuk mulai melakukan perubahan, seperti biasanya Anda harus log in dahulu ke akun blogger Anda tentunya, lalu masuk pada Template, seperti tampak pada gambar berikut:
Klik pada Edit HTML, lalu akan tampak gambar berikut:
Klik Lanjutkan
Gambar di atas adalah kode HTML pada template yang gunakan. Cari bagian <Group description="Blog Title" selector=".header h1"> atau yang mirip dengan itu, atau perhatika gambar berikut:
Ganti ukuran huruf yang Ada, misalnya pada gambar di atas adalah sebagai berikut:<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>60px yang terdapat pada kode HTML di atas adalah ukuran huruf yang digunakan pada blog. Jika Anda ingin menjadikan huruf lebih besar, maka isilah dengan angka yang lebih besar dari 60px. Dalam tutorial ini penulis akan memperkecil ukuran teks, maka penulis menggantinya dengan 60px, seperti berikut:<Variable name="header.font" description="Font" type="font"
default="normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>Selain mengubah ukuran huruf, kita juga dapat mengubah jenis huruf jika Anda menginginkannya. Sebelum melanjutkan, sebaiknya Anda melihat dahulu Pratinjaublog Anda, jika blog Anda tampil dengan baik, maka berarti Anda tidak melakukan kesalahan, namun jika blog Anda tidak tampil dan hanya menemukan pesan kesalahan sebaiknya Anda menutup dahulu tampilan Edit HTML. Jika tidak menemukan kesalahan, simpan template Anda.
Pada tutorial sebelumnya penulis telah membahas bagaimana cara mengubah ukuran teks pada header blog (blogspot), pada kesempatan ini penulis akan coba membahas bagaimana cara menghapus header blog. Pada header biasanya yang ditampilkan adalah berupa judul blog ataupun gambar blog, hanya saja bagi yang tidak menginginkan header dicantumkan, header ini dapat dihapus. Untuk menghapusnya, sebagai langkah awal, kita melihat dahulu pada Tata Letak/Designblog (log in dahulu ke akun blogger), seperti tampak pada gambar berikut:
Pada gambar Tata Letak/Design blog di atas, bagian yang dilingkari adalah pengaturan Header Blog, jika kita klik Edit maka akan tampak gambar berikut:
Pada gambar di atas, tidak terdapat tombol Hapus untuk menghapus Header, olehnya itu, untuk menghapus Header kita harus melihat Kode HTML Template yang kita gunakan. Silahkan masuk ke bagian Template lalu pilih Edit HTML, dan tampilannya seperti tampak pada gambar berikut:
Cari bagian header, atau kira-kira seperti gambar berikut:
Hapus bagian kode berikut:<b:widget id='Header1' locked='true' title='Artikel Gratis dan Aneka Naskah Tutorial (Header)' type='Header'/> Pada bagian title tentu saja berbeda dengan blog Anda, tetapi bagian kode yang mirip dengan kode di ataslah yang dihapus, agar header blog kita terhapus. Sebelum menyimpan template/Edit HTML, lihat dahulu pratinjau blog Anda, jika tampil dan header tidak ada lagi berarti perubahan yang Anda lakukan benar, setelah itu pilih Simpan Template. Selamat Mencoba!
