TIPS DAN TRIK MEMBUAT BLOG MENJADI MENARIK
Agar blog anda menjadi lebih menarik dari blog orang-orang yang lain, ada beberapa tips dan trik yang akan saya tulis :
1. MENGUBAH TEMPLATE BLOG
- Cari Situs Penyedia Template Gratis
- : http://btemplates.com/ atau disini http://freetemplates.blogspot.com/
- Di situs penyedia template pilih template yang anda sukai .
- Lalu klik 'download'.
- Simpan hasil download dihardisk anda,.
- Setelah di download Klik kanan ikon hasil download itu ,
- lalu klik " extrak here"
- Untuk cara mengatur file silahkan lihat di : trik "Mengatur File"
Ciri2 nya bisa dilihat di dalam halaman editor HTMl sbb :
Untuk yg classic(HTML) , cirinya di paling atas..diawali dengan <! DOCTYPE html...dst..dst.., seperti tampak dalam gambar sbb :
Dan untuk yang New (XML) template cirinya di paling atas..diawali dengan <!?xml version="1.0.....dst..dst.., seperti tampak dalam gambar sbb :
Ciri lain perbedaan template antara yg classic dan New, bisa kita lihat saat kita berada di halaman awal dashbor blogspot, dimana jka kita mempunyai banyak blog dalam satu akun, maka disitu akan terlisting deretan blog milik kita, yaitu sbb :
sedangkan blog Belajar HTML Mencari Usaha Halal, ber template "Classic" dan link untuk mengotak-atik Tampilan blog , adanya di link "TEMPLATE"
Update 16 Juni 2011 : Ada perubahan pada dashbor blogspot sbb : Untuk Template New XML akan tertulis tab Design ( Bukan Layout:lagi seperti yg di Dashbor lama )
Nah..jika kita sudah mengetahui jenis template lama kita, maka langkah selanjutnya adalah mencari template yg sesuai dengan template lama, misalnya yg lama pakai New (XML) , maka carilah template dengan yg New (XML) pula..dan sebaliknya...
Ciri hasil download New (XML) ( setelah di ekstrak dari ZIPfile) seperti terlihat dalam gambar :
Dan Ciri hasil download classic(HTML) seperti terlihat dalam gambar :
Setelah proses men download template selesai, dan sudah sesuai dengan pilihan template antara yg lama dengan yg baru, Langkah selanjutnya sbb :
- Signup (Masuk) ke dashboar blogspot milik anda.
- Pilih "
LAYOUT" Design atau "tata letak".
- Pilih Edit HTML.
- Klik "Download Full Template" untuk menyimpan template lama anda dan agar anda mempunyai backup unuk jaga-jaga jika terjadi "gagal"
- lalu klik tab "Telusuri" atau "browse" .
- Nah anda akan mencari file hasil download anda di dalam file hardisk yang tadi anda simpan.
- Jika sudah ketemu klik 'open'.
- anda akan kembali ke halaman blogspot.
- Lalu klik "Unggah" atau Upload.
- Setelah proses upload selesai, akan ada konfirmasi bahwa template baru itu akan menghapus beberapa wdiget/gadget yang telah terpasang di blog anda sebelumnya.
- Oleh sebab itu jika anda ingin gadget itu tampil kembali di template anda yang baru ,maka sebelum anda merubah template, sebaiknya kode-kode html dari widget dicopy dulu dan bisa anda simpan di notepad sementara.
- Selesai
Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. seperti kursor saya,,
Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:
1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya
<style type="text/css">Keterangan:
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.
4. Setelah itu, simpan template anda. Selesai
Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.
atau untuk lebih mempermudah,,,
copy
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/cool1.gif"), auto;}
</style>
dan kalian masuk blog anda lalu klik Rancangan dan klik elemen halaman disitu terdapat beberapa kotak untuk menambhkan gadget,,
terserah kalian mau menambahkan gadged dmana,, klik tambah gadget lalu pilih HTML/Java script ,, copas css yg tadi ,,,, kalian harus hafal dmana letak tambahkan gadget itu,, karena ini cara yg termudah,, tapi besar resikonya jika salah :D hehehhehe,,,,
selamat mencoba,, jika kurang jelas langsung tanya sajaa,,,, saya siaapp membantu,,,
3. CARA MENGUBAH ICON BLOG
Di posting ini saya akan menjelaskan bagamana caranya mengubah Icon Blog seperti saya,, gambar keropi itu,, :D hehehe
kalian bisa mengikuti langkah-langkah dibawah ini,,
1. Pilih gambar yang akan anda masukkan dengan ukuran yang saya sebutkan diatas
2. Silakan upload gambarnya diphotobucket.com, jika belum terdaftar di photobucket.com silakan klik http://register.photobucket.com/?ref=headerregister
3.Setelah login silakan upload gambarnya di menu Upload File & Video dengan pilih tombol choose file
4.Setelah selesai upload akan muncul gambar anda dan ambil kode URL gambar anda seperti contoh kode URL image saya
5.Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan lupa klik Expand Widget kemudian temukan kode berikut
</head>
6. Setelah itu letakkan kode dibawah ini sebelum kode diatas
<link href='<link href='http://i1185.photobucket.com/albums/z360/Deren24/small-keroppi.gif'' rel='SHORTCUT ICON'/>
silakan ganti kode yang berwarna merah dengan URL gambar yang anda dapatkan di photobucket.com tadi
7.Kemudian Save Setting,,Selesai,,
4. CARA MEMBUAT TEKS BAR BERJALAN
Untuk pemula dalam Blog pasti ingin tahu kan gimana caranya bikin teks berjalan seperti blog saya ini ,, disini saya akan berbagi info tentang Blog ,,
mau yg kaya gini kan ????
Nah bagi kamu yang ingin mencobanya. Silahkan ikuti langkah-langkah dibawah ini:
1. Login ke blogger
2. Pada menu Design -> Edit HTML
3. Letakkan kode dibawah ini diatas kode </head>
<script type='text/javascript'>
//<![CDATA[
msg = " -- Selamat datang di Simple Preview ";
msg = " | pernak-pernik blog -- " + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>
Ganti teks yang dicetak tebal dengan teks yang ingin anda tampilkan.
Angka 200 menunjukkan kecepatan gerak dari teks itu. Semakin kecil nilainya semakin cepat gerakan teksnya dan sebaliknya. Ganti bila perlu.
4. Jika sudah, klik Save Template. Selesa
gampang kan ???
silahkan di cobaaa :)))
