Utak-atik Template New Blogger
Hingga saat ini, saya masih banyak dapet pertanyaan soal utak-atik atau modifikasi template untuk New Blogger.
Pengen pake template2 baru yang banyak beredar gratis di Internet? Trus pengen nambah pernak-pernik atau asesori blog, seperti tutorial di buku maupun blog lain?
Saran saya sih mengubah templatenya ke template classic saja. Kecuali, kalo sudah bisa menemukan tipe template gratis New Blogger yang memang sesuai keinginan. Template classic, yaitu template yang kode-kodenya berupa HTML biasa. Beda dengan template asli New Blogger yang formatnya XML.
Menurut saya, keuntungan jika menggunakan template classic yaitu, kode-kodenya mudah dipelajari, banyak contoh-contoh website untuk belajar HTML dan CSS. Jadi kalau mau mengubah-ubahnya, kita bisa mencari berbagai referensi di Internet. Situs bagus untuk referensi: www.w3schools.com (Tutorial: HTML dan CSS).
Cara mengubah ke template classic:
1. Buka blogger.com, sign in dengan username dan password di New Blogger kita.
2. Pada halaman dashboard, klik link 'layout' pada blog yang ingin kita edit template-nya.
3. Lalu akan muncul halaman (tab) untuk mengatur template. Di menu-menu bagian atas di bawah menu Template, klik 'Edit HTML'.
4. Akan muncul halaman yang berisi box kode-kode template. Lihat di bagian paling bawah halaman tersebut (di bawah box kode). Klik 'Revert to Classic Template'.
Lalu ikuti langkah2 selanjutnya di layar. Setelah itu, template kita akan menjadi template classic. Di template classic, untuk memodifikasinya, di bawah tab menu template kita bisa menggunakan menu Edit HTML. Di situlah kita bisa utak-atik, nambahin kode2 asesori lain.
Untuk mengganti template:
Copy-paste template baru (hasil download free template) ke dalam box kode yang ada di halaman tersebut.Lalu, klik Save Template Changes.
Situs download Free Template:
Blogskins, BloggerTemplates, Simple-Blogskins, Pannasmontata, dll.
CATATAN:
Template versi New Blogger dengan template classic masing2 punya kelebihan dan kekurangan.
Kalo template asli New Blogger, kelebihannya: kita bisa menambahkan page elemen dgn mudah kalau terima apa adanya layout yang sudah tersedia (standar). Kekurangannya: ada web2 penyedia template new blogger, tapi masih jarang. Trus buat nambah2in script (kode) di bagian 'Edit HTML'-nya kadang-kadang tidak berhasil untuk script2 tertentu.
Kalo template classic, kelebihannya seperti yang sudah disebutin di atas2. Kekurangannya: tidak ada page elemen seperti buat nampilin label di sidebar (tapi di postingan tetep ada), buat nampilin news feed dr google secara otomatis.
Tapi semua kekurangan ini bisa dilakukan dengan cara manual (nambahin kode2 sendiri, dengan berbagai referensi).
So, terserah Anda pilih mana, classic atau asli New Blogger. Sesuaikan dengan kebutuhan :)
Cara mengubah ke template classic:
1. Buka blogger.com, sign in dengan username dan password di New Blogger kita.
2. Pada halaman dashboard, klik link 'layout' pada blog yang ingin kita edit template-nya.
3. Lalu akan muncul halaman (tab) untuk mengatur template. Di menu-menu bagian atas di bawah menu Template, klik 'Edit HTML'.
4. Akan muncul halaman yang berisi box kode-kode template. Lihat di bagian paling bawah halaman tersebut (di bawah box kode). Klik 'Revert to Classic Template'.
Lalu ikuti langkah2 selanjutnya di layar. Setelah itu, template kita akan menjadi template classic. Di template classic, untuk memodifikasinya, di bawah tab menu template kita bisa menggunakan menu Edit HTML. Di situlah kita bisa utak-atik, nambahin kode2 asesori lain.
Untuk mengganti template:
Copy-paste template baru (hasil download free template) ke dalam box kode yang ada di halaman tersebut.Lalu, klik Save Template Changes.
Situs download Free Template:
Blogskins, BloggerTemplates, Simple-Blogskins, Pannasmontata, dll.
CATATAN:
Template versi New Blogger dengan template classic masing2 punya kelebihan dan kekurangan.
Kalo template asli New Blogger, kelebihannya: kita bisa menambahkan page elemen dgn mudah kalau terima apa adanya layout yang sudah tersedia (standar). Kekurangannya: ada web2 penyedia template new blogger, tapi masih jarang. Trus buat nambah2in script (kode) di bagian 'Edit HTML'-nya kadang-kadang tidak berhasil untuk script2 tertentu.
Kalo template classic, kelebihannya seperti yang sudah disebutin di atas2. Kekurangannya: tidak ada page elemen seperti buat nampilin label di sidebar (tapi di postingan tetep ada), buat nampilin news feed dr google secara otomatis.
Tapi semua kekurangan ini bisa dilakukan dengan cara manual (nambahin kode2 sendiri, dengan berbagai referensi).
So, terserah Anda pilih mana, classic atau asli New Blogger. Sesuaikan dengan kebutuhan :)
Membuat Dropdown atau Pulldown Menu
Bagaimana caranya untuk membuat drop-down atau pull-down menu seperti salah satu bagian blog ini (bagian Tutorial/Tips)?
-lihat gambar:
Cara membuat dropdown menu seperti itu mudah sekali. Mari ikuti langkah-langkahnya.
1. Login ke blogger, pilih blog yang akan diedit.
2. Masuk ke menu Template - Edit HTML (untuk template classic), atau tambahkan page element HTML/Javascript (untuk template new blogger).
3. Cari bagian (sidebar) yang ingin ditambah dengan menu dropdown, lalu salin kode seperti di bawah. (Bisa diganti2 sendiri).
<form name="ddmenu">
<select name="menu"
onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Tulisan di Blog ini</option>
<option value="http://alamatlink_artikel1">Nama/Judul Artikel 1</option>
<option value="http://alamatlink_artikel2">Nama/Judul Artikel 2</option>
</select>
</form>
<br>
Nah, bagian yang warna merah itu bisa diulang-ulang untuk tiap artikel yang ingin ditambahkan dalam pilihan di dropdown menu.
Cara Membuat Anak Panah Mouse Dikelilingi Pernak Pernik
saya akan memberi tips lagi tentang memberi pernak-pernik pada cursor mouse ketika berada di blog anda. saya hanya memberi tahu tentang mouse yang dikelilingi oleh meteor meteor atau komet kecil. walaupun jelek tapi gak apa-apa lah.
berikut cara membuat anak panah mouse dikelilingi pernak-pernik:
script src="http://h1.ripway.com/ichal13/Mouse-comet.js" type="text/javascript"></script>
masuk ke blogger
klik tab tata letak
klik tab Edit HTML
kemudian cari kode berikut : </head>
setelah itu paste kan kode berikut tepat di bawah kode </head>
script src="http://h1.ripway.com/ichal13/Mouse-comet.js" type="text/javascript"></script>
simpan template seleai
sekarang anda lihat blog anda
by : kumpulanartikel-gratis.blogspot.com
jangan lupa comment ya...
KATA KUNCI:
membuat mouse dikelilingi pernak pernik pada blog, menghias mouse pada blog, memberi hiasan pada mouse pada blog, mouse indah pada blog, memberi komet pada mouse pada blog, hiasan komet pada mouse pada blog, pernak pernik pada mouse pada blog, memperindah mouse pada blog, bagaimana menghias mouse pada blog, mouse pada blog dihias, menghias mouse pada blog, bagaimana cara menghias mouse pada blog, bagaimana cara memberi hiasan pada moue di blog, pernak pernik mouse pada blog, memberi hiasan pernak pernik komet pada blog.
Yangan Lupa comment ya... demi perbaikan blog ini
berikut cara membuat anak panah mouse dikelilingi pernak-pernik:
script src="http://h1.ripway.com/ichal13/Mouse-comet.js" type="text/javascript"></script>
masuk ke blogger
klik tab tata letak
klik tab Edit HTML
kemudian cari kode berikut : </head>
setelah itu paste kan kode berikut tepat di bawah kode </head>
script src="http://h1.ripway.com/ichal13/Mouse-comet.js" type="text/javascript"></script>
simpan template seleai
sekarang anda lihat blog anda
by : kumpulanartikel-gratis.blogspot.com
jangan lupa comment ya...
KATA KUNCI:
membuat mouse dikelilingi pernak pernik pada blog, menghias mouse pada blog, memberi hiasan pada mouse pada blog, mouse indah pada blog, memberi komet pada mouse pada blog, hiasan komet pada mouse pada blog, pernak pernik pada mouse pada blog, memperindah mouse pada blog, bagaimana menghias mouse pada blog, mouse pada blog dihias, menghias mouse pada blog, bagaimana cara menghias mouse pada blog, bagaimana cara memberi hiasan pada moue di blog, pernak pernik mouse pada blog, memberi hiasan pernak pernik komet pada blog.
Yangan Lupa comment ya... demi perbaikan blog ini
