Daftar Isi Menggunakan J-Query

Bismillah,..

Sudah lama sekali saya tidak menyapa sobat Berbagi Ilmu.
OK.. baiklah.. untuk pemanasan.. kali ini berbagi ilmu akan memberikan tutorial tentang bagaimana cara membuat daftar isi menggunakan J-Query, seperti yang dimiliki oleh Berbagi Ilmu sendiri. Sumber tutorial saya ambil dari blog ini.

OK deh,.. gak perlu basa basi terlalu panjang.. langsung aja nih langkah-langkahnya..

• Log In ke akun blogger sobat
• masuk ke dasbor, klik rancangan dan pilih edit HTML
• Lalu, letakkan kode di ini dibawah ]]></b:skin>

Apa itu JQuery

Melihat banyaknya blogger yang menggunakan efek jquery guna mendesain blog mereka menjadi apik, saya pun menjadi tertarik untuk ikut menggunakannya. Salah satunya yaitu daftar isi yang dimiliki Blog Berbagi Ilmu ini.

Namun, sebelum saya membuat tutorial desain blog menggunakan JQuery, alangkah baiknya mengetahui apa itu JQuery. Seperti sebuah istilah klasik, "Tak kenal maka tak sayang". Bukan begitu sobat.

OK, langsung saja.

Aplikasi animasi di FB

Bismillah,
Sobat, kemarin kita baru saja mengenal facade. yaitu sebuah aplikasi animasi yang ada pada status jejaring facebook. Aplikasi ini berfungsi mempercantik status-status sobat di FB. Namun, kali ini saya akan kembali memperkenalkan aplikasi lain semacam facade. Bedanya aplikasi animasi ini selain dapat digunakan untuk mempercantik status, ternyata bisa juga digunakan untuk mempercantik tulisan ke dinding teman, dan juga komentar sobat.

Konsep Banner blogugm

Bismillah..

kali ini di Berbagi Ilmu akan menampilkan beberapa karya saya dalam design grafis.. (weh nggayane). Tapi berhubung masih designer ecek-ecek, masih belajar, ya hasilnya pun belum bagus....

Picture banner ini saya buat untuk blog agregasi anak-anak UGM yang beralamatkan di blogugm.tk . Silakan dikunjungi blog agregasi kami... semoga bisa berbagi ilmu bersama kami...
silakan juga bergabung untuk melengkapi informasi/postingan di blog tersebut.

Sebenarnya saya masih belum merasa puas dengan hasil picture ini.. tapi belum ada gambaran kaya apa. Apakah sobat punya ide?

OY picture banner dikomentari y.., karena saran dan kritik sobat sangat membantu saya dalam mengembangkan karya saya selanjutnya. Terima kasih

Efek Pelangi pada Link

Kali ini di Berbagi Ilmu akan berbagi cara membuat efek link menjadi warna-warni ketika di shot oleh mouse. Efek ini akan memperapik blog sobat. Seperti efek link pada blog ini..
Apik bukan..?
OK, tanpa basa-basi lagi saya akan jelaskan bagaimana caranya.

Langkah awal, seperti biasa

• buka akun blog sobat
• klik rancangan => edit laman => tambah gadget => HTML/javascript
• setelah itu copas kode di bawah ini

Status FB keren dengan animasi dari Facade

Hmm,,, aplikasi di FB emang ada-ada aja. kemaren saja saya dapet animasi facemood dari FB. Sekarang Facade.

lucu-Lucu lho animasinya.

contoh status:

bikin Banner dengan bantuan Situs

Yang lalu kita udah tahu cara buat banner dengan gambar sendiri. kali ini kita akan buat banner dengan gambar banner yang dibuat dengan bantuan suatu situs di internet.
 Caranya:

Cara bikin Banner Blog

Blog, gak terasa lengkap tanpa banner. Meski pembuatan banner, kalau ditampilkan membuat halaman agak lola.  Tapi blog itu butuh yang namanya banner sebagai salah satu identitas dari blog. Mau tahu cara buatnya..

Langsung aja, yuks cekidot..

Sobat harus punya gambar buat bannernya. Gambar bisa buat sendiri atau bisa juga dengan bantuan situs di internet.

kalo sobat udah punya gambar banner yang didesign sendiri, Upload gambar banner sobat ke photobucket.com. dan ambil alamat gambarnya. Lalu..

Buat side Bar di Blogmu

Kalo saya melihat di banyak blog, banyak di antaranya yang menggunakan sidebar di sebelah kanan dan kiri yang membuat tulisan postingannya terdapat di sebelah tengah. Sobat bisa kok buat yang kaya begituan. Ciptakan kreasimu di blogmu. Mau tahu cara bikinnya?

1. Seperti biasa masuklah ke akun blog sobat
2. Dashbor => rancangan => Edit HTML
3. Terus masukkin ni kode HTML ^^

MAAF

Maaf.. blog ini digunakan untuk latihan, jadi jika theme dan tampilannya berantakan. Mohon dimaafkan..
terima kasih...

intermezo nih>>Perbedaan Tautan Wordpress dengan Blogspot di FB

Hanya ingin iseng memposting artikel yang satu ini. Tapi, jujur saja saya memang suka memperhatikan suatu hal yang aneh meskipun mungkin sebagian orang beranggapan bahwa memperhatikan hal yang satu ini "gak penting" banget. Terserahlah.. namanya juga hobby memperhatikan hal-hal yang dianggap beda sama saya.. hi.. hi...
Lihat gambar di bawah ini baik-baik ya...

meskipun kurang jelas... tapi lumayan lah..he.. he..

gimana? ngrasa gak sih kalian kalo model tautan antara wordpress dan blogspot beda? 

Gimana si nulis kode HTML di blog?

Pertama kali saya ingin posting kode HTML di blog, kalo gak salah soal teks berjalan.. berrrrkali-kali saya coba.. yang keluar bukannya kode HTML, tapi malah teksnya..

maklum masih awam soal design web. He..he.. makannya belajar. Alhamdulillah, ada blog-blog yang ngasih tutorial. Yaitu dengan menggunakan widget pengconvert kode HTML. Bentuk widgetnya kaya gini nih..
cara kerjanya gampang banget.
1. copas kode HTML yang mau diconvert ke widgetnya,
2. klik button "convert"
3. copas kode yang sudah diconvert ke lembar entri baru sobat
4. save.. dan liat hasilnya

Memasang Read More pada Postingan

Read Mode berfungsi untuk menyusutkan atau mengecilkan atau menampilkan sebagian isi artikel. Tidak semua akun blogger terdapat read more otomatis, seperti di bawah ini

Text Area di Blog

Apa si text area? text area adalah suatu tempat untuk menuliskan text.  Di Blog text area biasa digunakan sebagai tempat kode HTML banner. Gak cuma itu text area bisa juga digunain buat kode-kode HTML lainnya. Biar gak riber n muluk-muluk dah langsung aja ini cara buatnya:

• Text Area Biasa

  <a href="http://wetenskap-ilmu.blogspot.com" target="_blank" title="wetenskap-ilmu, Blog Berbagi Ilmu"><img alt="wetenskap-ilmu, Blog Berbagi Ilmu " style="border: 0;" src="http://i442.photobucket.com/albums/qq143/caca_2009/cooltext464623984.gif" /></a><br> 

Spoiler Gaya KASKUS

Kali ini saya akan memberitahukan cara memasang spoiler dengan gaya KASKUS. Seperti ini contohnya

Spoiler untuk gambar:

 caranya adalah: 

Buat teks Kita bisa Jalan yuks

Efek teks berjalan atau biasa dikenal Efek MARQUE dapat menarik para pengunjung. Bisa juga digunakan untuk menulis suatu hal yang penting. Berikut kode HTML beserta contoh marque text:

• Marque biasa

teks kamu disini

Bikin Tulisanmu Terbalik

Buat yang suka hal-hal baru, unik, n buat sensasi. Mungkin hal ini perlu dicoba..
Udah pernah nyoba belom buat tulisan kamu terbalik?
contohnya begini:
˙˙˙ǝɥ˙˙˙ǝɥ ʇnqǝsɹǝʇ uɐsılnʇ ɐɔɐq uɐp ɐpuɐ ɹoʇıuoɯ uɐʞılɐq ɐqoɔ ¿ ʇnqǝsɹǝʇuɐsılnʇ ɐɔɐqɯǝɯ ɐpuɐ ɥɐʞɐsıq