Udah sekian lama kagak postingan lagi, akhirnya sekarang bisa posting lagi! Di postingan ini saya akan memberi tahu bagaimana mengganti tulisan yang berada di paling bawah postingan yang berkata Newer Post dan Older Post, yang berfungsi untuk navigasi untuk mengetahui Postingan Anyar(Baru) atau Postingan Baheula(Lama). Kalau kalian ingin mengubah tulisan nya menjadi Postingan Terbaru atau Postingan Lama, itu sangat mudah kok! Cuma ganti CSS aja sudah beres, mudah kan!!! Yuk Kita Mulai:
Pertama-tama Login ke Blogger.
Lalu Klik Dashbord, Lalu klik Layout atau Tatak Letak.
Kalau sudah masuk Layout, klik Edit HTML.
Sebelum menghapus kode CSS, terlebih dahulu Download Template Lengkap takut salah kode yang dihapus nya!!!
Sudah di Backup, beri lah tanda ceklits pada Expand Widget Template, Pada kotak Edit HTML cari lah kode berikut ini:<data:newerPageTitle/>
Gantilah tulisan newerPageTitle dengan Postingan Terbaru atau mau pakai kata-kata yang lain juga boleh.
Setelah selesai cari lah kode berikut:<data:olderPageTitle/>
Gantilah tulisan olderPageTitle dengan Postingan Lama atau mau pakai kata-kata yang lain juga boleh.
Kalau sudah klik Save Template. Dan lihat lah hasil nya!!!
Selamat Mencoba...........
Read More...
Ngubah Tulisan Newer Post dan Older Post
Mengubah Ukuran Teks Hover Link Pada Blogger
Kalian pasti tau kan apa itu Hover Link? Kalau belum tau saya jelasin dulu yah. Hover Link adalah suatu link yang berisi sebuah tautan atau halaman baru jika kalian klik sebuah link tersebut, sekarang ngerti kan! Saat kalian mengarahkan kursor mouse pada suatu link, tentunya kita akan melihat ukuran teks yang itu-itu saja atau gak ada rubah-rubah nya, meni gak bosen itu-itu aja! Maka dari itu saya akan memberikan trik agar Hover Link menjadi berbeda, misalnya saja mengubah ukuran teks menjadi lebih besar saat kita mengarah kan kursor mouse ke suatu link tersebut, itu sangat mudah loh! Seperti biasa kita cuma menambah kan kode CSS nya saja!!!
Berikut Step-Step nya:
Pertama-tama Login ke Blogger.
Lalu Klik Dashbord, Lalu klik Layout atau Tatak Letak.
Kalau sudah masuk Layout, klik Edit HTML.
Sebelum menambahkan kode CSS, terlebih dahulu Download Template Lengkap takut salah kode yang ditambahkan nya!!!
Pada Edit HTML carilah kode berikut:a:hover {
color: #CC0000;
text-decoration: underline;
}
Lalu tambahkan kode ini: font-size: 150%; di bawah kode underline
Jelas nya seperti ini.
Sekarang coba kalian lihat hasil nya!!! Kalau berubah menjadi besar berarti kalian berhasil.
Sebelum di Tambahkan:
Sesudah di Tambahkan:
Selamat Mencoba.....
Read More...
Cara buat Favicon
Kalian pasti sudah tau kan apa itu Favicon yang saya perlihatkan di judul? kalau belum tau itu mah ketinggalan jaman atuh!!! Tapi kagak apa-apa nama nya juga belajar, ya udah saya jelasin ya! Favicon adalah Ikon yang menempel di sebelah address bar sebuah situs, Jika kalian suka mengakse Yahoo dan Google pasti kalian menemukan ikon Y dan G kan! Itu namanya Favicon, masih belum ngerti? nih gambar nya saya kasih: Catatan: warna biru ganti dengan alamat icon sesuai dengan nama alamat url tempat disimpannya icon Contoh 8. simpan, kemudian lihat hasilnya.
Secara awal pastinya Blog kita memakai ikon dari Blogger. Untuk membuat gambar favicon kita harus memakai format ico, tetapi blogger mendukung dalam format lain, yaitu PNG dan JPG. Masalah nya kita kesulitan saat penyimpan format ico dalam hal hosting file, Banyak situs2 image hosting seperti Photobucket tidak mendukung format ico. Untuk itu saya akan memberitahukan caranya upload file ico.
Berikut Langkah-Langkah nya:
Kalian bisa gunakan gunakan jasa Iconj untuk membuat favicon dan kalian juga bisa sekalian untuk tempat hosting gambar.ico kalian.
Setelah gambar kalian di Generator dan hosting seperti gambar diatas. Kalian langsung lah copy link nya, seperti gambar dibawah.
Sekarang buka Blogger.com, lalu masuk ke Dashbord.
Lalu klik Layout atau Tatak Letak.
Setelah itu klik Edit HTML, Lalu cari kode berikut ini: <title><data:blog.pageTitle/></title>
Letakan lah kode berikut dibawah kode tadi<link rel="shortcut icon" href="/favicon.ico">
<link href='http://www.geocities.com/oom_directory/favicon.ico' rel='shortcut icon'/>
Ngilangin Subscribe to Post Comments
Trik ini sangat bagus untuk memperlihatkan ke-Profesional Blog kalian, Subscribe to Post Comments atau (atom) ini berada di bagian bawah postingan. jika kalian ingin menghilangkan nya dari postingan Blog kalian, itu sangat mudah! Cuma nambah kode CSS aja.
Berikut 6 Step-By Stepnya:
Pertama-tama masuk ke Dashbord, lalu klik Layout atau Tatak Letak.(1)
Kalau sudah klik Edit HTML, untuk jaga-jaga meningan kalian Backup Template dulu! Takut-takut ada salah kode nanti jadi berabe deh.(2)
Sudah di Backup, beri lah tanda ceklits pada Expand Widget Template, Pada kotak Edit HTML cari lah kode berikut ini:<div class='blog-feeds'>
Lalu tambah kan kodenya, jadi seperti ini:(3)<div class='blog-feeds' style='display:none;'>
Setelah selesai klik Save Template.(4)
Sekarang coba kalian lihat ke postingan di blog kamu! Hilang kan (atom)nya.(5)
Ini nomor terakhir yang kalian harus/wajib/kudu dilaksanain, yaitu adalah Berikan Lah Komentar Posting Ini.(6)
Selamat Mencoba.........Jangan lupa loh yang nomor 6 
Read More...
Ngilangin Tanggal Postingan di Blogger
Buat kalian yang suka nulis postingan di Blog kalian dengan tepat waktu, itu sangat tidak cocok akan trik ini! Trik ini hanya cocok bagi seorang penulis yang males akan meng-update postingan nya, karena malu akan keliatan orang-orang bahwa dia males untuk meng-update tuh Blog nya, Ya seperti saya ini . Jika kalian hendak untuk mencobanya kalian harus membackup template nya terlebih dahulu!!! Takut-takut salah hapus, nanti jadi panjang kan masalah nya!!!
Berikut Langkah-Langkahnya:
Pertama-tama Login ke Blogger.
Lalu Klik Dashbord, Lalu klik Layout atau Tatak Letak.
Kalau sudah masuk Layout, klik Edit HTML.
Sebelum menghapus terlebih dahulu Download Template Lengkap takut salah kode yang dihapus nya!!!
Sudah masuk ke Edit HTML, ceklits Expand Template Widget.
Kalau sudah di Ceklits cari lah kode dibawah ini:<data:post.dateHeader/>
Kalau sudah ketemu hapus lah kodenya, lalu klik Save Template.
Sekarang Monggo dilihat apa sudah hilang??? Kalau ya berarti kalian sudah benar menghapus tuh Kode.
Selamat Mencoba..............
Read More...
