Memasang widget translator atau
"Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna
apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak
yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa
menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang
mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini
sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini
bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah.
Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana?
mau membuatnya? caranya mudah lho. Gini nih...
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak" 2. Kemudian klik pada "Add Gadget" atau "tambah gadget=". 3. Lalu pilih HTML/Javascript" 4. Kemudian masukkan script berikut ini kedalamnya.
Sering aku ditanya tentang masalah
ini. Yaitu tentang bagaimana cara menghilangakn tanda tang dan obeng
yang muncul di blog kita. Bagi yang baru terjun didunia blog pasti ada
yang bingung kenapa di blog mereka bisa muncul tanda tang dan obeng yang biasanya bisa digunakan untuk mengedit secara langsung untuk gadget2 atau element2 yang terpasang.
Sebenarnya
itu bukan merupakan suatu masalah, karena tanda tersebut hanya muncul
jika pemilik blog sedang login di account blognya dan hanya muncul di
komputer orang tersebut. Jadi orang lain tidak bisa melihatnya. Dan
kalau pemilik blog tersebut sudah "sign out" maka tanda tersebut tidak
akan muncul lagi.
Jadi para blogger pemula gak usah khawatir ya ... :D
Dah, gitu ah aja tips dan trik kali ini. mo lanjutin tidur lagiiii...... :s :s :s :s
Jika kita mengotak-atik atau mengedit
HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak
pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa
disimpan karena error lah, Ada pesen error yang gak jelas lah, dan
lah-lah yang lain, ya to...??? Nha trik dan tips
kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya
mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut. Berikut ini beberapa tips untuk edit HTML bogger:
1. Backup Template
Membackup
template ini penting karena jika terjadi hal-hal yang tidak dinginkan,
misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala
(sebelum rusak) jika kita sebelumnya sudah membackup template. Cara
membackup template ini mudah. Cukup klik pada link "Download Full Template"
lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang
tidak bisa kita atasi, kita tinggal upload aja file template tersebut.
2. Memberi Tanda Centang pada Kotak "Expand Widget Template"
Ini yang kadang2 dilupakan para "editor". Kalau kotak
"Expand Widget Templates" tidak dicentang maka kode2 yang dicari
kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan
tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2
tutorialnya kalo mau Edit HTML blog.
3. Tips Mempermudah Pencarian
Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f"
lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo
misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian
dari kode tersebut. Misal mau mencari kode <p><data:post.body/></p> jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body
kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode
lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini
sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling
mudah jika menggunakan "Mozilla Firefox".
4. Tips Menghadapi Error Yang Muncul
Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini: We were unable to save your template Please correct the error below, and submit your template again. Your template could not be parsed as it is not well-formed. Please make sure..... Maka
hal yang harus kita lakukan adalah berusaha memahami pesan error
tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah
langkah-langkah yang sudah kita lakukan bener2 sesuai dengan
tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi
tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih
dahulu.
Mungkin
untuk masalah mengahadapi berbagai pesan error ini akan kita bahas
lebih lanjut diepisode yang lainnya yang lebih spesifik.
Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.
Memberikan Highlight untuk script atau
kode pada postingan akan lebih memperjelas pembaca. Contohnya bisa kamu
lihat pada blogku ini. Setiap kali ada script/kode maka akan selalu ada
highlight (kotak) yg akan membedakan dengan tulisan yg lain. Nha kamu
mau tahu cara pembuatamnya?
Gini nih caranya : 1. Login ke blogger lalu pilih Layout-->Edit HTML 2. Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]></b:skin>
Kode yang berwarna merah (#DDE4FF)
adalah warna background kotak highlight, kamu bisa menggantinya dengan
kode warna yang lain yang cocok dengan background blog kamu. Untuk
kode-kode warna bisa dilihat DISINI
3. Kalau sudah kemudian Simpan.
Cara Posting Supaya
kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting
harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini <p class="alert"> sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode </p> diakhir script/Kode.
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf
lalu upload file tersebut ke hosting. misal di geocities.com ato
000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa
dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header
sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada
blog caranya sebagai berikut :
1. Login ke blogger kemudian pilih menu "Layout". 2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash. 3. Pilih "HTML/Javascript" kemudian taruh script berikut :
* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting. * Ganti width="500" height="100 dengan ukuran dari file flashmu.
Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding". Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:
Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:
1. Managed DNS Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost,
atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar.
Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan
hosting default dari blogger/blogspot. Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai 2. Zone Records Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records
Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
Untuk option "TTL" biarkan saja, gak perlu dirubah2
Pada option "Type" pilih yang "CNAME"
Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gambar dibawah ini:
Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:
Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
Kemudian pilih "Switch to: • Custom Domain
Setelah itu klik pada "Already own a domain? Switch to advanced settings"
Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".
Selanjutnya klik tombol "Save Setting"
Selesai.
Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan
aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja
menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain
yang lama.
3. URL Forwarding URL forwarding bisa
digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini
hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi
domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma
kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru
kita di browser. Jika menggunakan URL Forwarding maka yang terindex di
google atau Search engine yang lain adalah tetap Domain kita yang lama. Untuk
setting URL Forwarding sangat mudah, kita hanya mengisikan data-data
yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi. Note: Metode ini tidak dianjurkan jika tidak terpaksa
Jadi kesimpulannya adalah:
Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.
Secara umum, navigasi untuk pindah halaman di blogspot biasanya
menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer
Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa
berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman
ke postingan yg lama maupun baru. Nha trik kali ini akan menjelaskan
bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer
Posts (posting baru)" menjadi angka seperti gambar di bawah ini
1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML" 2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut
.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; } 3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut. <!--Page Navigation Starts--> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var pageCount=5; var displayPageNum=5; var upPageWord ='Previous'; var downPageWord ='Next'; </script> <script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if> </b:if> <!--Page Navigation Ends --> Kalau sudah silahkan dilihat hasilnya.