Rabu, 05 September 2007

Hilangkan Tulisan subcribe to

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 :


  1. Sign in di blogger

  2. Klik menu Layout

  3. Klik menu Edit HTML

  4. Klik tulisan Download Full Template, trus save dulu untuk backup data

  5. Beri tanda centang pada kotak kecil di samping tulisan Expand Widget Template, jangan lupa yang ini.

  6. Cari kode seperti di bawah ini, kemudian hapus/delete kode tersebut

    <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> 


  7. Klik tombol SIMPAN TEMPLATE

  8. Selesai, silahkan lihat hasilnya




Selamat mencoba !






Senin, 03 September 2007

Buat daftar isi blog


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 :




  1. Sign in di blogger




  2. Klik menu Layout




  3. Klik menu Edit HTML




  4. Klik link Download full template, silahkan save untuk backup data




  5. Copy paste kode CSS berikut di atas kode ]]></b:skin>













  6. Klik tombol SIMPAN TEMPLATE






Langkah kedua :




  1. Klik menu Elemen Halaman




  2. Klik tulisan Tambah sebuah Elemen Halaman




  3. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML




  4. Copy paste kode berikut ke dalam elemen yang muncul








  5. Klik tombol Simpan




  6. Pindahkan elemen yang baru di buat tepat di atas elemen Post




  7. Klik tombol Simpan yang berada di sebelah atas




  8. Klik tulisan Tambah sebuah Elemen Halaman kembali




  9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan JavaScript/HTML




  10. Beri judul elemen tersebut dengan yang kata yang sobat ke hendaki. Contoh : DAFTAR ISI, kemudian copy paste kode berikut ke dalam kotak elemen














  11. Ganti tulisan YOURBLOG dengan nama blog sobat




  12. Klik tombol Simpan




  13. Pindahkan elemen yang baru di buat ke tempat yang sobat sukai (sebaiknya di simpan disebelah atas)




  14. Klik tombol SIMPAN yang berada di sebelah atas




  15. 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.



Selamat mencoba !



Eh... yang mau dapet menu navigasi buat di header yang cantik, kunjungi aja http://css-lybrary.blogspot.com



Sabtu, 01 September 2007

Senin, 27 Agustus 2007

Marquee with Javascript


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





    1. Sign in di blogger




    2. Klik menu Template




    3. Klik menu Edit HTML




    4. Copy seluruh kode HTML yang ada, kemudian paste notepad lalu save sebagai backup




    5. Copy paste kode berikut di atas kode </style>













    6. Copy kode berikut, lalu paste di atas kode </head>













    7. Copy kode berikut lalu paste pada tempat yang sobat inginkan (biasanya di simpan di sidebar)













    8. Klik tombol Simpan Perubahan template




    9. Selesai.






  • Untuk Template baru





    1. Sign in di blogger




    2. Klik menu Layout




    3. KLik menu Edit HTML




    4. Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting




    5. 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>












    6. Copy kode berikut lalu paste di atas kode </head>













    7. Klik tombol SIMPAN TEMPLATE




    8. Klik menu Elemen Halaman




    9. Klik tulisan Tambah sebuah Elemen Halaman




    10. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript




    11. Copy paste kode berikut pada elemen yang muncul













    12. Klik tombol SIMPAN PERUBAHAN




    13. Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)




    14. Klik tombol SIMPAN




    15. 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 !



    Selamat mencoba !



    Rabu, 22 Agustus 2007

    Text marquee in The Image


    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 :



    http://pic50.picturetrail.com/VOL399/8403005/15651300/237997613.jpg



    photo anak saya nih... lagi acik-aciknya bermain..



    Untu membuat frame gambar silahkan ikuti langkah-langkah berikut :



    •  untuk template klasik




    1. Sigin di blogger




    2. Klik menu Template




    3. Klik menu Edit HTML




    4. Copy seluruh kode HTML yang ada, kemudian paste pada notepad lalu save untuk backup buat jaga-jaga apabila terjadi kesalahan editting




    5. Copy paste kode berikut diatas kode <style>












    6. Copy paste kode berikut pada tempat yang sobat inginkan














    7. Klik tombol Simpan Perubahan Template




    8. Selesai.






    •  Untuk Template Baru




    1. Sign in di blogger




    2. Klik menu Layout




    3. Klik menu Edit HTML




    4. Klik tulisan Download Full Template, silahkan save dulu untuk berjaga-jaga apabila terjadi kesalahan editting




    5. 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>










    6. Klik tombol SIMPAN TEMPLATE




    7. Klik menu Elemen Halaman




    8. Klik tulisan Tambah sebuah Elemen Halaman




    9. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript




    10. Copy paste kode berikut pada elemen yang muncul














    11. Klik tombol SIMPAN PERUBAHAN




    12. Sorot elemen yang baru di buat, klik lalu tahan dan kemudian pindahkan pada tempat yang sobat inginkan (di drag and drop)




    13. Klik tombol SIMPAN




    14. 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 !



    Selamat berkreasi !



    Selasa, 21 Agustus 2007

    Gray Lover Template (XML)


    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:




    1. Sigin




    2. Click the Layout menu




    3. Click the Page Element menu




    4. 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




    5. 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