Awalnya saya merasa jenuh dengan penampilan kursor yang itu-itu saja, setelah di otak atik ternyata kursor saya sekarang bias jadi lebih menarik.... untuk melakukan hal itu mudah koq....
langsung yachhhh,,,
Cari kode berikut di HTML template kamu, body {
caranya seperti biasa: Masuk ke Dashboard,Tata Letak, Edit HTML (jangan lupa centang Expand Template Widget) setelah ketemu, sisipkan script berikut tepat setelah kode tadi.
Keterangan: anda bisa mengganti tulisan berwarna biru dengan gambar kursor yang anda mau. Pada situs ini http://cursors.funutilities.com/sekarang kalian pasti tidak akan jenuh lagi melihat tampilan kursor kalian... selamat mencoba.
Disini kita akan membahas bagaimana caranya mengoptimalkan blog yang sudah Anda buat pada Blogger.com. Cakupan dari tulisan ini adalah sebagai berikut: • Menggunakan desain template sendiri • Mempublikasikan tulisan dalam bentuk RSS menggunakan Feedburner Gunakan Template Sendiri Ciptakan desain template blogspot Anda sendiri, mengapa? karena dengan menggunakan template sendiri maka blog Anda akan terlihat lebih profesional serta lebih unik dan berbeda dari blog pada blogger lainnya.
Tiap blog yang sudah Anda ciptakan pada blogger memiliki sebuah template default yang bisa Anda pilih. Baru-baru ini Blogger melakukan perubahan desain template dari template klasik ke template modern terbaru. Beberapa hal banyak sekali perbedaannya, contohnya yang baru saja diubah oleh Blogger pada bulan Agustus ini adalah penggunaan istilah Widget tidak lagi digunakan dan diganti dengan istilah Gadget. Seperti Anda ketahui Widget adalah sebuah tool dimana Blogger dapat diberikan sentuhan lebih menarik dengan adanya berbagai aplikasi tambahan seperti statistik akses, tampilan jam, menyisipkan kode HTML/Java Script dan lain sebagainya. Hilangkan tombol navigasi Blogspot Anda! Ingin terlihat lebih menarik dan profesional? saran terbaik saya langkah pertama adalah menghilangkan baris navigasi blog pada bagian paling atas blog Anda. Saya pernah menuliskan artikel ini sebelumnya dan dapat dibaca disini.
Jika Anda tidak memiliki kemampuan pemograman HTML, Anda dapat belajar terlebih dahulu. Namun jika malas silakan gunakan template-template yang sudah tersedia yang pada umumnya sudah termasuk menghilangkan navbar blogspot Anda. Berbagai template blogspot bisa Anda temukan dengan mudah dari Internet, silakan gunakan keyword ini untuk menemukannya pada search engine: “blogger template”, “blogspot template”. Nantinya pencarian Anda akan berkembang dengan sendirinya melalui website-website yang menyimpan koleksi template. Beberapa website yang menurut saya cukup baik dan gratis adalah sebagai berikut: • EBlogTemplates • IDwebtemplate • BlogSkins Perlu diperhatikan bahwa saat ini Blogger sudah melakukan upgrade terhadap template-nya dari versi klasik menjadi versi baru. Nah saat ini masih banyak berkeliaran tempate untuk blogger yang hanya bisa dipakai pada versi klasik. Jangan heran apabila Anda mendapatkan error saat menambahkan template yang Anda sukai namun tidak cocok dengan versi baru blogspot.
Tulisan ini akan memberitahukan pada Anda bagaimana caranya mengganti template blog pada blogspot standar Anda menjadi template pilihan kesukaan. Tentunya pertama kali Anda harus men-download terlebih dahulu template-template khusus untuk blogger yang tersedia banyak sekali di Internet. Beberapa alasan kenapa saya menyarankan Anda mengganti template bisa dibaca disini.
Silakan tanya Mbah Google dengan keyword: “free blogger templates“, temukan yang paling Anda sukai dan biasanya akan dijelaskan sedikit bagaimana cara men-setup-nya pada blogspot Anda. Umumnya template tersebut sudah bisa langsung digunakan namun tidak semua template bisa langsung digunakan. Apabila template tersebut tidak bisa digunakan biasanya hal ini disebabkan versi template Anda adalah versi klasik, silakan lakukan upgrade atau carilah template terbaru yang menerangkan bahwa template Anda bisa digunakan pada versi terbaru blogger. Langkah Mengganti Template
Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML. Bahasa XML adalah masih keluarga dari HTML dan XHTML dan merupakan standar bahasa web yang bisa diterjemahkan oleh browser internet menjadi susunan yang sedemikian rupa sehingga membentuk sebuah layout atau desain dari website/blog.
Silakan Login menggunakan account blogger/Google Anda, lalu pilih salah satu blog Anda (maaf tutorial ini menggunakan setting bahasa Inggris, jika Anda menggunakan bahasa Indonesia maka letak dan posisinya adalah sama).
Langkah 1:
Pilih menu Layout – Edit HTML
Langkah 2:
Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)
Langkah 3:
Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah
Pada tulisan ini saya kembali akan mengulas cara mengganti template blogspot atau blogger dengan cara yang paling ampuh. Paling tidak cara ini adalah cara yang saya lakukan berkali-kali apabila mengalami stuck saat terlalu sering gagal mengganti template blogspot. Tulisan ini juga sekaligus menjawab beberapa pertanyaan yang sangat sering saya temui pada tulisan sebelumnya yaitu: Ganti Template Blogspot Anda. Seluruh penanya pada blog ini selalu mendapatkan error saat mengganti template keinginannya. Hal ini umumnya terjadi dikarenakan kurang jelasnya informasi oleh pihak Blogger ataupun Google dimana letak kesalahan secara pasti. Pada saat kesalahan terjadi Google hanya akan menampilkan informasi bahwa telah terjadi kesalahan dan perintah Anda tidak dapat dieksukusi dengan baik dan Blogger akan segera memeriksa informasi tersebut dengan mencatatkan sebuah nomor referensi seperti tertera pada gambar berikut ini:
Hal ini yang sering terjadi dan sangat membuat kesal pada saat ingin mengganti template. Mudah-mudahan cara yang saya berikan pada tulisan ini dapat bermanfaat dan mujarab namun cukup mengandung resiko yang tinggi berupa kehilangan data Anda. Kenali Permasalahan Anda Pada saat mengganti template Anda akan dihadapkan pada error widget/gadget, hal ini dikarenakan tidak samanya gadget pada template lama dan yang baru. Blogger akan menginformasikan hal tersebut saat menggantinya, contoh warning ataupun peringatan ini akan seperti gambar di bawah ini:
Jangan panik!, hal ini biasa terjadi jika template tidak memiliki gadget yang sama dan hal ini sangat lumrah terjadi karena tiap-tiap desain layout template tidaklah selalu sama. Anda cukup menekan tombol Confirm & Save untuk menyelesaikan permasalahan ini. Ingat bahwa semua gadget yang lama akan hilang, pastikan Anda sudah menyimpan terlebih dahulu file .xml template Anda. Sebetulnya ada beberapa bentuk pesan error lainnya, namun karena saya gagal mendapatkan screenshoot error jadi mohon maaf gak bisa memberikan gambarnya. Solusi Mengganti Template Cara paling efektif untuk mengganti template blogspot adalah dengan cara membuang atau menghapus terlebih dahulu semua widget atau gadget lama Anda. Sekali lagi pastikan Anda telah membackupnya terlebih dahulu.
Setelah Anda membackup silakan hapus semua gadget Anda yang terletak pada menu Page Elements. Silakan upload template baru Anda menggunakan menu yang telah tersedia. Lakukan konfirmasi seperti gambar di atas apabila diminta. Jika tidak diminta konfirmasi berarti gadget Anda bisa dikatakan sama. Jadi kesimpulan dari tulisan ini adalah menghapus dulu semua gadget Anda adalah cara paling sukses yang pernah saya lakukan berkali-kali saat ingin mengganti template blogspot kesayangan Anda. Selamat mencoba!.
Untuk membuat atau menambah accesoris jam pada blog anda dapat megikuti beberapa langkah: 1. Pertama-tama kita buka www.clocklink.com 2. klik pada menu Gallery,
disini ada beberapa pilihan seperti analog, animal, animation, sampai wallpaper Untuk contoh kita pilih menu analog,disitu terdapat pilihan jam analog, pilih salah satu yang anda sukai klik pada View HTML Tag akan terlihat halaman yang berisi perjanjian,yang saya sendiri kurang mengerti isi perjanjian itu, klik pada accept 3. Akan tampil kode html untuk di copy ke blogs kamu, tapi sebelumnya anda bisa mengedit warna dari analog jam dengan memberi check pada pilihan warna (color) diatas kode html dan edit (timezone)waktu bagian contoh: 1. Untuk waktu Indonesia Barat adalah GMT+7 2. Untuk Waktu indonesia Tengah adalah GMT+8 3. Untuk Waktu Indonesia Timur adalah GMT+9 Untuk ukuran jam di edit pada Size biasanya ukuran normal 150x150, anda bisa ubah ukuran tersebut, setelah selesai copy kode tersebut di blogs anda. Contoh di blogger, masuk ke blogger dengan account anda klik template atau layout blog yang akan diberi accesoris jam, klik ad a page element(buat halaman baru), klik pada HTML/Javascript click paste.
Menu horizontal merupakan kumpulan beberapa link yang diletakkan secara horizontal dan biasanya ditempatkan di bawah header. Pada kesempatan ini, kita akan mengulas trik blogger tentang membuat menu horizontal secara sederhana. Mengapa dikatakan sederhana? Karena jika kita optimasi lebih mendalam, ternyata terdapat beberapa varian dari menu horizontal tersebut. Fungsi dari trik blogger ini adalah sebagai salah satu navigasi dalam blog agar memberikan layanan kemudahan shortcut link bagi pengunjung blog kamu.
Singkat kata, berikut langkah membuat menu horizontal dalam blog kamu :
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Cari Kode kode ]]></b:skin> dan Copy-Paste (copas) kode berikut di atasnya.
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Lagi-lagi menu horizontal, sampai-sampai bosan nih!!! Yah, mungkin karena sudah terlanjur cinta sama yang namanya menu horizontal dengan menggunakan kode CSS dibandingkan menu horizontal pakai javascript, jadi saya mau ngga mau menerbitkan posting ini (ha...ha...ha...). Sorry, yang merasa disentil berarti mendapat perhatian khusus dari saya. Memang kalau dipikir-pikir yang namanya trik blogger tidak akan pernah habis-habisnya, kecuali tidak ada lagi orang yang nge-blog di blogger. Dalam kesempatan ini saya akan sedikit menambahkah tentang "Membuat Sub Dropdown Pada Horizontal Menu". Jangan kedipkan mata kamu dan mari kita mulai trik bloggernya.
Tips: Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
Tambahkan kode CSS berikut di bawah kode CSS menu horizontal yang ada.
#nav li ul a { width: 100px; } #nav li ul ul { position: absolute; margin: -30% 0 0 95%; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left:-999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:auto; } #nav li li li.sfhover ul { left:auto; } #nav li:hover, #nav li.sfhover { position:static; }
Cari kode HTML <div id='navleft'>.
Tips: Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.
Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.
<div id='navleft'> <div id='nav'> <ul> <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li> <li><a href='http://Link_yang_dituju'>teks kamu</a></li> <li><a href='http://Link_yang_dituju'>teks kamu</a> <ul> <li><a href='URL sub 1'>teks kamu</a></li> <li><a href='URL sub 2'>teks kamu</a></li> <li><a href='URL sub 3'>teks kamu</a>
<ul> <li><a href='URL sub 3.1'>teks kamu</a></li> <li><a href='URL sub 3.2'>teks kamu</a></li> </ul> </li>
Catatan : 1. Perhatikan peletakkan kode untuk menambah dropdown menu, ditandai dengan kode berwarna hijau. 2. Perhatikan pula peletakkan kode untuk menambah menu turunan kedua, ditandai dengan kode yang berkedap-kedip. 3. Ganti kode yang berwarna merah dengan alamat link dan teks yang kamu inginkan.
