Ada beberapa Cara Membuat Menu Horizontal Blogger atau blogspot, saya akan berikan 2 cara saja. Menu horizontal bisa dibuat dengan menggunakan widget khusus blogger yaitu dengan menggunakan html widget seperti menambah link scroll atau bisa juga menambahkan lewat templatenya menggunakan kode html dan css.
Untuk cara membuat menu horizontal pada blogger atau blogspot dengan menggunakan widget yaitu dengan menambahkan widget setelah header. Kode ini yang akan menjadi menu horizontal dan menu ini dapat diubah2 sesuai keinginan tanpa harus mengganti kode html pada template. Namun hal ini memiliki kekurangan yaitu jika kita menggunakan widget maka akan membuat loading time menjadi lebih lama karena seperti yang telah saya utarakan sebelumnya mengenai cara terbaik untuk mempercepat loading time blogger yaitu dengan mengurangi jumlah widget blogger.
Untuk membuat menu horizontal pada blogger menggunakan widget:
Sebelum membuat menu horizontal jangan lupa download template agar misal ada kesalahan bisa menggunakan template sebelumnya
kalau sudah cari kode berikutb:section class='header' id='header' maxwidgets='1' showaddelement='no'
kemudian ganti angka 1 dengan 2 dan no dengan yes
terus dibawahnya ada kodeb:widget id='Header1' locked='true'
Ganti true dengan false Terus save template
Setelah itu untuk menambah menu horizontal tinggal kopi kode berikut<div id="nav">
Jangan lupa mengganti kode # dan nama yang berwarna merah.
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Product</a></li>
</ul>
</div>
Terus buka elemen halaman atau page elemen pada header klik add page elemen html terus paste kode itu terus save.
Untuk menu horizontal dalam template atau menggunakan html dan css
langsung saja kopi kode diatas kemudian paste di bawah <body>
Kemudian kopi kode dibawah ini:#nav ul{
Untuk warna menu horizontal ini bisa diganti sendiri jika ingin menggunakan warna yang lain.
display:block;
margin: 0px;
padding: 0px;
}
#nav li{
float:left;
list-style-type:none;
padding:3px 5px 3px 5px;
margin:1px;
border:#CCCCCC 1px solid;
}
#nav li a{
text-decoration:none;
}
#nav li:hover{
background:#00FFFF;
}
Setelah itu paste diatas ]]></b:skin> lalu save template.
Lihat hasilnya.
Kamis, 30 Juli 2009
Cara Membuat Menu Horizontal Blogger atau Blogspot
Minggu, 26 Juli 2009
cara terbaik untuk mempercepat loading time blogger
cara terbaik untuk mempercepat loading time blogger, sebenarnya saya agak malu juga mau membuat tips yang satu ini. Soalnya blog saya kebanyakan loadingnya lumayan berat juga. Tapi ga pa2 lah buat belajar, dari pada disimpen buat sendiri kan mendingan di bagi2 biar tambah pinter. Blog terutama blogger memang susah dalam membuat loading time yang cepat, ini dikarenakan dalam pemanggilannya menggunakan javascript. Coba aja lihat di page sourcenya dibagian bawah, terlihat banyak sekali kan script javanya.
Javascript merupakan hal yang menarik apabila kita pasang diwebsite atau diblog. Namun siapa yang menyangka bahwa hal inilah yang membuat loading time atau kecepatan loading website atau blog menjadi sangat2 lambat. Dan inilah salah satu hal yang tidak bisa dihilangkan dari blogspot, karena pemanggilan blog ini menggunakan script yg satu ini baik untuk postingan widged2 dan seabrek isi blog yang laen.
Mending saya sebutkan satu2 aja ya apa saja yg membuat loading website atau blog menjadi berat. Berbagai sebab atau masalah yang mempengaruhi kecepatan loading sebuah website atau blog diantaranya adalah:
1. Gambar yang berukuran besar atau lebih dari 10kb per gambar.
2. Penggunaan javascript yang berlebihan.
3. Penggunaan frame untuk ukuran asli yang besar.
4. Menggunakan animasi flash ukuran besar dan lebih dari satu.
Mungkin masih banyak lagi yang lain tapi saya kasih ini dulu saja karena dapat mencakup hampir semuanya.
Ok kita akan utarakan satu per satu, mulai dari yang pertama yaitu mengenai gambar yang berukuran besar. Gambar memang sesuatu yang membuat website atau blog kita menjadi lebih hidup. Tapi dalam penggunaan gambar kalo bisa menggunakan gambar ukuran yg kecil kurang dari 10kb kalo bisa. Untuk navigasi dll usahakan tidak menggunakan gambar, ganti dengan menggunakan warna2 css untuk meringankan loading.
Yang kedua yaitu javascript, seperti yang sudah saya bilang sebelumnya untuk blogger hal ini tidak bisa dipungkiri merupakan kekurangan yang bisa dibilang lumayan fatal. Karena blogger tidak bisa menghilangkan hal yang satu ini dalam blognya. Namun sebisa mungkin untuk menguranginya dengan menggantinya menggunakan css.
Jangan menggunakan hiasan2 yg tidak penting mis: jumlah pengunjung, musik, marquee yg tidak penting, popup selamat datang diawal atau diakhir, popularitas web, dll. Mengapa, yang pasti karena hal inilah yang membuat web atau blog ukurannya membengkak sehingga membuat loading semakin lama. Dan apabila tidak bisa dihilangkan usahakan letaknya disamping kanan atau dibawah postingan, jangan di atas postingan atau dikiri postingan karena yg diload pertama kali adalah yg berada di atas terus kebawah kiri, ke tengah, ke kanan, baru ke bawah halaman website atau blog. Jadi usahakan postingan berada di kiri website agar postingan bisa terbuka terlebih dahulu baru yang lain.
Penggunaan frame yang berlebihan, sebenarnya jarang juga orang yg menggunakan frame yang berlebihan karena kebanyakan hanya menggunakan satu atau dua saja. Namun hal ini sudah cukup untuk membuat website atau blog menjadi lebih besar ukurannya sehingga loading time menjadi lama. Disamping membuat loading lama penggunaan frame juga menyulitkan robot crowl untuk mengcrowl website dan satu lagi orang tidak akan bisa membookmark isi frame karena yg terbookmark hanya framenya bukan isi dari frame itu sendiri.
Animasi flash, semua orang tau bahwa flash sangat menarik, tapi selain menarik ukuran sebuah flash biasnya sangat besar sehingga sangat mungkin akan membuat loading time menjadi sangat lama. Untuk menggantinya bisa menggunakan gif atau gambar biasa saja yg ukuran kecil.
Selain hal2 tersebut diatas untuk cssnya bisa dikurangi ukurannya menggunakan css compressor, googling aja banyak kok tool tersebut didapat secara gratis.
Kurangi penggunaan widget, kolom, gunakan readmore biasa jangan yang auto read more, juml posting dihomepage usahakan sesedikit mungkin, untuk profil usahakan jangan menggunakan yang dari google buat sendiri didalam template htmlnya, dan jangan menggunakan sesuatu secara berlebihan, usahakan ukuran blog kurang dari 250kb untuk blogger sebenarnya paling bagus dibawah 100kb tapi untuk blogger emang agak susah jadi ya segitu saya kira sudah cukup lumayan.
Ok sekian dulu tips dari saya semoga bermanfaat.
Sabtu, 18 Juli 2009
cara terbaik mengganti template blogger
untuk para pemula cara mengganti template blogger mungkin bermasalah, jadi saya akan menerangkan beberapa cara yg dapat dilakukan dalam mengganti template blogger.
hal pertama yg musti dilakukan dalam mengganti template blogger adalah login ke blogger klik pada tata letak bagi yg berbahasa indonesia atau layout pada blogger yg berbahasa inggris.
setelah terbuka klik lagi pada html, lalu klik expand widget. jangan lupa sebelumnya download template dlu agar kalo terjadi kesalahan bisa dipakai template yg lama.
setelah itu langsung aja copy paste template pada html form dbawahnya, klik comfirm to delete widget.
selesai.
kadang akan terjadi kesalahan2 jangan panik.
liat apa kesalahannya, misal div atau apa aja kadang tidak bisa disimpan karena tidak tertutup.
cara mengatasinya cukup dengan menambahkan < / div > diakhir kode sebelum div yg lain.
sekian dulu tips dari saya