Menyikapi pertanyaan dari beberapa sobat baik itu melalui email ataupun shoutbox mengenai bagaimana cara menghilangkan tulisan Subcribe to : Post (atom) atau Berlangganan : post (atom) yang berada di bagian bawah setiap postingan artikel yang di rasa sedikit menggangu dan mengurangi kerapihan dari sebuah artikel. Apakah itu bisa di lakukan? jawabnya bisa saja atau mau dipindah ke sidebar pun bisa kalau kita mau.
Untuk menghapus tulisan Subcribe to : post (atom) silahkan ikuti langkah-langkah berikut ini :
Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Full Template, trus save dulu untuk backup data
Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, jangan lupa yang ini.
Cari kode seperti di bawah ini, kemudian hapus/delete kode tersebut
Apakah sobat suka membaca buku? jawaban sobat tentunya akan beragam, ada yang akan menjawab suka dan ada juga yang akan menjawab tidak suka. Namun saya yakin sobat pernah membaca sebuah buku. Dalam sebuah buku ada satu bagian yang dinamakan daftar isi, dengan adanya daftar isi buku maka akan mempermudah pembaca buku tersebut untuk menemukan bagian-bagian isi buku yang ingin di baca. Pertanyaan yang mungkin muncul adalah apa hubungannya antara buku dengan blog? tak hanya sebuah buku yang bisa memuat daftar isi untuk mempermudah para pembacanya, didalam sebuah blog pun kita bisa melakukannya, contoh yang bisa dilihat adalah saya memuat judul-judul artikel yang pernah saya posting di bagian footer halaman ini ataupun ketika sobat membuka keluruhan artikel yang mau di baca maka di akhir artikel akan muncul sederet judul-judul artikel lainnya yang menggoda sobat untuk membacanya. Selain untuk menggoda pengunjung agar lebih berlama-lama di blog kita, cara ini pun akan sangat mempermudah para pembaca untuk menemukan artikel yang di rasa menarik untuk di baca. Akan tetapi cara tersebut saya lakukan secara manual yakni saya mencatat seluruh alamat artikel yang telah saya posting kemudian membuatkan link ke artikel tersebut.
Teknik pembuatan daftar isi di atas bisa saja kita lakukan, akan tetapi tentunya perlu waktu yang lama untuk mebuatnya dan tentunya akan menyita waktu kita. Nah... yang ingin saya terangkan saat ini adalah bagaimana cara membuat sebuah Daftar isi blog secara otomatis. Yupppsss.. dengan hanya sekali kita membuatnya maka daftar isi tidak usah di buat berulang-ulang namun terus bekerja secara otomatis, teknik ini di perkenalkan oleh hans yang di muat melalui blognya beautiful beta. Agar tidak bingung tentang daftar isi blog yang akan saya terangkan, silahkan alihkan perhatian sobat ke bagian sebelah kanan atas blog ini, di sana terdapat link brtuliskan Lihat Daftar Isi, jika sobat meng klik link tersebut maka secara otomatis akan di perlihatkan seluruh judul artikel yang pernah saya posting lengkap dengan tanggal serta kategori dari artikel tersebut. Sunguh menarik bukan? jika sobat ingin melihatnya sobat bisa mengkliknya dan jika sobat tidak ingin melihatnya sobat tinggal mengkliknya kembali dan daftar isi pun akan di sembunyikan sehingga tidak akan menggangu pemandangan. Tertarik untuk membuatnya? silahkan ikuti langkah-langkah berikut :
Langkah pertama :
Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik link Download full template, silahkan save untuk backup data
Copy paste kode CSS berikut di atas kode ]]></b:skin>
Klik tombol SIMPAN TEMPLATE
Langkah kedua :
Klik menu Elemen Halaman
Klik tulisan Tambah sebuah Elemen Halaman
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
Copy paste kode berikut ke dalam elemen yang muncul
Klik tombol Simpan
Pindahkan elemen yang baru di buat tepat di atas elemen Post
Klik tombol Simpan yang berada di sebelah atas
Klik tulisan Tambah sebuah Elemen Halaman kembali
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML
Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen
Ganti tulisan YOURBLOG dengan nama blog sobat
Klik tombol Simpan
Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)
Klik tombol SIMPAN yang berada di sebelah atas
Selesai
Kode yang terakhir di pasang merupakan kode asli yang di buat oleh hans dan tentunya semua hasil dari kode tersebut berbahasa inggris, baik itu judul , alert dan segala macamnya adalah berbahasa inggris, jika sobat menginginkan jadi berbahasa indonesia, saya sudah memodifikasi javascrips nya sehingga akan menjadi berbahsa indonesia seperti milik saya. Cara yang harus di lakukan sangatlah mudah, sobat tinggal mengganti kode terakhir yang di pasang dengan kode di bawah ini :
Jangan lupa untuk mengganti tulisan YOURBLOG dengan nama blog sobat.
Walowwwww...... semuanya. Nongol lagi nih, setelah beberapa hari absen dari nge-blog. Yups... karena kemarin kantorku abis ngadain Tour ke kampung halamanku Bandung. Acyiiiik... banget, makan-makan di kampung daun trus lihat kawah tangkuban perahu, and then berendem air panas di sari ater, pokonya ga inget deh ama yang namanya blog apalagi sama yang ngajuin pertanyaan lewat Shoutbox kaciaaaaaan deh lho ga ada yang nanggepin
( saya lagi jahat nih )
OK sobat, setelah enak tertawa, kita kembali ke...... blog tutorial.... tentunya bukan laptop emangnya saya tukul arwana apa? Yoi... pada kesempatan kali ini saya mau membicarakan tentang pembuatan fungsi teks berjalan yang sering menggunakan perintah marquee, akan tetapi tentu saja bukan memakai fungsi marquee biasa seperti yang saya terangkan di sini, karena sama-sama kita ketahui bahwa fungsi marquee tidak bekerja dengan baik pada browser Mozilla atau firefox. Artikel ini saya tulis di sebabkan ada beberapa sobat yang komplain akibat perintah marquee tidak berjalan dengan baik pada Mozilla
Untuk membuat sebuah fungsi marquee agar terlihat bekerja dengan baik pada banyak browser, kali ini saya menggunakan javascript sebagai adaptor nya. Prinsip dasar dari yang akan saya terangkan adalah seperti ini :
Kode CSS untuk patokan kode marquee yang ingin di tampilkan
Javascript sebagai adaptor agar fungsi marquee dapat bekerja dengan baik pada berbagai browser
isi yang ingin di tampilkan
Nah kira-kira seperti itu deh kalau menurut saya sih. Bentuk variasi dari marquee ini tentunya bisa berbagai macam bentuk serta ragam yang dapat di ciptakan, akan tetapi kali ini akan saya terangkan satu contoh saja sebagai acuan dasar.
Untuk Template klasik
Sign in di blogger
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode HTML yang ada, kemudian paste notepad lalu save sebagai backup
Copy paste kode berikut di atas kode </style>
Copy kode berikut, lalu paste di atas kode </head>
Copy kode berikut lalu paste pada tempat yang sobat inginkan (biasanya di simpan di sidebar)
Klik tombol Simpan Perubahan template
Selesai.
Untuk Template baru
Sign in di blogger
Klik menu Layout
KLik menu Edit HTML
Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting
Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>
Copy kode berikut lalu paste di atas kode </head>
Klik tombol SIMPAN TEMPLATE
Klik menu Elemen Halaman
Klik tulisan Tambah sebuah Elemen Halaman
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
Copy paste kode berikut pada elemen yang muncul
Klik tombol SIMPAN PERUBAHAN
Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)
Klik tombol SIMPAN
Selesai.
Pada kode marquee yang di terangkan di atas adalah memuat contoh kata-kata yang saya buat, silahkan sobat ganti sendiri sesuai dengan keinginan sobat. Karena fungsi ini adalah mirip dengan kode marquee biasa, maka untuk menciptakan variasi lainnya maka silahkan sobat bandingkan dengan artikel saya lainnya yang memuat pembuatan kode marquee.
Untuk melihat contoh hasil dari yang saya terangkan di atas, silahkan sobat klik di sini !
Dulu.... pernah muncul pertanyaan bagaimana cara membuat gambar bisa bergerak/berjalan seperti sama halnya dengan text yang bergerak dengan menggunakan perintah Marquee, dan untuk pertanyaan ini sudah saya jawab di sini. Ada lagi pertanyaan yang muncul, pertanyaannya kira-kira seperti ini :
Mas, bagaimana cara membuat gambar yang berbingkai yang di dalamnya terdapat tulisan yang bergerak?
Wedewww.... pertanyaan yang cukup menantang sekaligus membingungkan. Pertanyaan ini muncul ketika saya sedang berchatting ria dengansalah seorang sobat, ketika itu saya tidak bisa menjawab langsung pertanyaan ini, dan saya meminta waktu untuk berpikir. Setelah waktu lumayan senggang barulah saya memikirkan jawabannya, dan akhirnya ketemu juga nih jawabannya. But i think, lebih baik jawaban ini saya tuliskan saja di postingan agar sobat yang lain yang sama-sama berminat dapat mengetahuinya.
Teknik dasar yang saya gunakan adalah saya membuat sebuah wadah, nah wadah tersebut saya isi dengan gambar serta tulisan yang berjalan sehingga antara gambar dengan tulisan dapat bersatu dalam satu wadah (frame), kemudian wadah tersebut saya beri bingkai. Maka hasil akhir dari teknik yang saya buat ini adalah sebuah gambar yang berbingkai yang di dalamnya terdapat tulisan yang berjalan. Masih bingung? ya udah baca lagi deh kelanjutannya biar lebih mengerti.
Untuk menampilkan sebuah gambar, tentu saja sobat harus mempunyai gambar yang telah di upload ke hosting tempat menyimpan gambar. Untuk contoh saja, alamat yang saya gunakan untuk contoh adalah sebagai berikut :
photo anak saya nih... lagi acik-aciknya bermain..
Untu membuat frame gambar silahkan ikuti langkah-langkah berikut :
• untuk template klasik
Sigin di blogger
Klik menu Template
Klik menu Edit HTML
Copy seluruh kode HTML yang ada, kemudian paste pada notepad lalu save untuk backup buat jaga-jaga apabila terjadi kesalahan editting
Copy paste kode berikut diatas kode <style>
Copy paste kode berikut pada tempat yang sobat inginkan
Klik tombol Simpan Perubahan Template
Selesai.
• Untuk Template Baru
Sign in di blogger
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting
Copy paste kode berikut di antara kode <b:skin><![CDATA[ dan kode ]]></b:skin> , atau jika bingung simpan saja persis di atas kode ]]></b:skin>
Klik tombol SIMPAN TEMPLATE
Klik menu Elemen Halaman
Klik tulisan Tambah sebuah Elemen Halaman
Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
Copy paste kode berikut pada elemen yang muncul
Klik tombol SIMPAN PERUBAHAN
Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)
Klik tombol SIMPAN
Selesai.
Pada kode-kode diatas sudah saya sertakan keterangan tentang kode-kode css yang saya pasang untuk memudahkan sobat dalam hal mengedit sesuai keinginan sobat.
Agar lebih yakin dengan hasil dari kode-kode yang saya buat di atas, coba lihat saja contohnya, silahkan klik di sini !
Like I promised yesterday, that is template that could download. This tamplate was given the name Gray Lover. For you that liked would the grey colour, you could download him afterwards upload him back to blogger.
Please Click at the image below to see screenshoot from this template!
Some that were important to be paid attention to was before you in place of template, you must back up all the available datas in old template like the shoutbox code, accessories, link et cetera. For that still was confused about the method of backing up the data in your old template, please followed the step along with this:
Sigin
Click the Layout menu
Click the Page Element menu
Click the Edit in each available element. Copy all the available code, afterwards paste in notepad to later in input again if has replaced template
finished.
I feeling was enough, to download the Gray Lover template, please Click here !
Akhirnya kelar juga deh, cape kalo nulis beginian terus. ni gara-gara adsense ga pernah mau mampir di blog ini, terpaksa deh mulai sekarang di selang dikit-dikit ama bahasa orang bule