riza almanfaluthi dedaunan di ranting cemara: Blog Tutorial

Showing posts with label Blog Tutorial. Show all posts

03 May 2007

ADD FAVICON

ADD FAVICON [MENAMBAH FAVICON DI BLOGSPOT]

Blog saya kedatangan seorang pengunjung dari Malaysia. Namanya Irfan Jani. Sebagai balasan atas kunjungannya tersebut saya pun berusaha mengintip jeroan dari blognya: Irfanreka. Dan saya mendapatkan pelajaran bagus dari blog itu. Yaitu membuat Favicon. Apa itu Favicon? Yang saya kotakkan dengan warna hitam pada gambar dibawah ini adalah Favicon.

Mengutip dari blog Irfan:

***
Apa yang anda lihat di atas adalah dinamakan sebagai “Favicon”. Apakah fungsinya?

Jika dilihat secara kasar, ia hanyalah hiasan ikon pada alamat web sahaja. Realitinya, ia sebenarnya adalah simbol/logo yang akan memudahkan sesiapa sahaja untuk mengingat jenama anda apabila menanda (bookmarking) halaman milik anda. (hanya drag ikon itu dan bawa ke bahagian Tab).

Fungsi Favicon hanya terdapat pada Pelayar Musang (Firefox..hehe) dan Internet Explorer 5+ dan ke atas Sahaja. Tapi, siapa tahu akan datang semua pelayar akan turut serta, kan?
***

Saya memakai Opera sebagai perambah (browser) dan untuk saya pasang di blog saya di Blogspot. Ternyata bisa memasang fungsi Favicon terebut. Dan tak perlu muluk-muluk Anda harus mempunyai Adobe Photoshop untuk mengolah gambar menjadi berformat ico. Saya memakai paint bawaan Windows juga bisa (sebagaimana saran dari Irfan juga). Oke tanpa berpanjang lebar saya akan memberikan ilmu dan pengalaman saya yang memang sedikit ini kepada Anda semua. Tapi sebelumnya alangkah lebih baiknya Anda membaca dulu blognya Irfan tersebut. Selamat mencoba.

1. Pertama Anda buka Program Paint di Accessories.
2. Open file pilihan Anda. Saya memilih gambar daun.
3. Buat ukuran file tersebut menjadi 16 x 16. Caranya buka: Image – Stretch/Skew.
4. Isi di pilihan Stretch, untuk horizontal dan vertikalnya dengan angka 16. Tekan OK.
5. Lalu Save As, pilih Save as Type: PNG agar tidak ada ketajaman warna yang berkurang. Lalu beri nama apa saja dengan membubuhkan titik dan huruf ico dibelakang nama file tersebut. File saya diberi nama daun.ico.

6. Save.

Sekarang saatnya untuk menampilkannya diblog kita.
1. Upload file tersebut di blog kita. Bisa di sidebar atau di dalam postingan blog kita. Saya memilih untuk menampilkannya di postingan blog saya.
2. Kemudian catat alamat favicon itu dengan mengklik kanan lalu pilih properties. Alamat file saya ada di:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGji65boOLfO4eyfWt14MgQowJ_gIOTn1KlNRyAGq-3bQQPRPpmQZL7NoOmWHAOUnfBLEEXdsQZQWLO6vJPMRwqAYufjSt6liir7erFvYV-eduwRK71_ft1VL7W5dil0zUlqL1hQm7ZL9c/s200/Daun.ico

3. Edit HTML blog Anda dengan memasukkan kode ini:

4. Ganti [alamat ico] dengan alamat favicon pada poin dua di atas.
5. Menaruh kode tersebut di bawah

<HEAD>

6. Lalu save/simpan hasil edit HTML Anda.
7. Silakan lihat blog Anda sekarang. Favicon tersebut sudah muncul di Tab atau jendela browser Anda.

Wait the minutes...I’ll try to look my blog with other browser. Yes, Opera. It’s work.
And Mozilla, It’s work too. But, in IE, nothing happen. I do not know.
Tapi tidaklah mengapa. Yang penting ini berhasil.

Terimakasih kepada Irfan atas ilmunya.

Riza Almanfaluthi
dedaunan di ranting cemara
Kalibata masih sunyi
09:23 03 Mei 2007

28 April 2007

Add Recent Reader

[Memanjang dari Kiri ke Kanan}

Saya punya recent reader dari mybloglog. Awalnya letaknya
ada di sidebar sebelah kiri, satu kolom menurun dari atas ke bawah. Otomatis
dengan layout seperti ini, sidebar yang letaknya di bagian bawah postingan,
semakin turun ke bawah dan makan tempat. Pengunjung harus memainkan scrollbar
untuk melihatnya.

Dan saya melihat recent reader yang dimiliki oleh Kang
Agus ini apik dilihat dengan tata letak yang memanjang dari kiri ke kanan dan
tentunya tidak memakan tempat. Apalagi username yang terbaca oleh
mybloglog tidak tampak. Cukup avatarnya yang terlihat.

Saya berusaha melihat script yang diberikan mybloglog kepada
saya saat pertama kali mendaftar dan menampilkannya di sidebar. Berikut
scriptnya:

Dan saya
bandingkan script yang dimiliki oleh Kang Agus:

Pada
pandangan pertama saya melihat letak bedanya ada di width dan row.
Saya menyamakan kedua perbedaan tersebut. Saya isi width-nya dengan angka
800 dan row-nya 2. Saya simpan perubahan tersebut dan saya taruh
sidebarnya di bagian bawah blog. Dan ternyata: Amburadul….oh…oh…Amburadul.

Yang terlihat: sama dengan format awal. Cuma bedanya, sekarang
hanya ada dua avatar pengunjung yang terlihat dan ada kolom yang memanjang
kekanan. Jelek sekale...Utak-atik lagi. Simpan dan ubah lagi. Sampai saya putus
asa. Pada akhirnya pada titik-titik terakhir keputusasaan, saya menemukan
sesuatu mengapa tidak sama tampilannya dengan yang dipunyai Kang Agus. Saya
belum menghapus amp;

Setelah saya hapus amp;
dan tulisan Recent+Readers di script
saya dengan berusaha menyamakan script (contohnya meletakkan
type="text/javascript” di depan, punya
saya ditulis di bagian belakang script)—tapi ada yang wajib tidak disamakan
yaitu nomor ID yang kita miliki. Karena bila IDnya disamakan maka yang tampak
adalah recent reader-nya kang Agus. Pula ia adalah nomor identik dan unik
yang diberikan mybloglog kepada kita—maka saya dapat hasil yang memuaskan.
Recent Reader saya sama dengan penampakan yang ada di Kang Agus. Nah begini
ceritanya: (halah...)

Saya
sesuaikan ukuran width dengan ukuran width blog saya. Yaitu 600
dan nilai row adalah 2. Hasilnya adalah seperti sekarang pembaca lihat. Enak
dilihat bukan…?

Apa yang saya rasakan? Tentunya puas,
senang, dan bahagia. Saya yang pemula kayak begini dapat mengedit. Dan meminjam
istilah dari Kang Agus, mengedit itu ternyata mengenyangkan. Mengenyangkan batin
kita tentunya… :-p.

Silakan tiru script saya ini, jikalau memang berguna. Dan
saya penasaran untuk meniru dan mengetahui hakekat dibalik script. Itu saja.

Wassalaamu’alaikum wr.wb.

Riza almanfaluthi

Dedaunan di ranting cemara

14:38 28 April 2007

27 April 2007

Add Email Icon Generator, Membuat Ikon Pribadi

Add Email Icon Generator
Membuat Ikon Pribadi [Khusus Blogger Pemula]

Awalnya saya tertarik tentang bagaimana caranya membuat banner pribadi. Soalnya saya melihat betapa para blogger kayaknya punya banner kecil sebagai identitas pribadinya. Seperti bannernya edittag, fatih syuhud, dan para blogger terkenal lainnya. Caranya bagaimana? Pertanyaan itu yang mengemuka.
Ohya, tiba-tiba saya teringat untuk mencarinya di Google. Saya memasukkan kata kunci: membuat banner pribadi Dan ketemu!!! Ada sebuah situs yang telah membahas ini dengan mudahnya. Yaitu di alamat ini sugoistanley . Alih-alih mencari cara membuat banner pribadi, eh, ternyata saya menemukan sesuatu yang menarik yaitu Membuat Ikon buat Pribadi.
Arti dari ikon pribadi itu adalah ikon yang menampilkan informasi pribadi ataupun sekadar ajang narsisme di blog ataupun di forum. Itu yang saya dapatkan dari penjelasan di situs tersebut. Ini disediakan melalui aplikasi yang bernama Online Generator. Ini adalah sebuah aplikasi online berbasis web yang dapat menghasilkan (generate) sesuatu, seperti banner, avatar, id-card, CSS, dsb. Di Internet banyak terdapat beberapa online generator yang dapat digunakan secara cuma-cuma (cuma modal akses internet saja). Itu yang saya dapatkan dari penjelasan di situs tersebut.
Salah satu aplikasi dari online generator ini adalah: Email Icon Generator. Kalau Anda melihat di sidebar kanan blog saya ini ada sebuah gambar dengan identitas email saya di gmail.com maka itulah yang disebut email icon generator. Berguna untuk menghasilkan sebuah icon/gambar email untuk beberapa penyedia email populer seperti Yahoo dan Gmail—dan masih banyak lagi penyedia layanan email lainnya.
Email Icon Generator ini sangat bermanfaat untuk menghindari spam, karena yang ditampilkan berupa gambar. Karena kalau kita menulis alamat email disini, biasanya terlacak oleh spam. Makanya seringkali kita menemui para blogger yang menuliskan alamat emailnya dengan langsung menulis hurufnya seperti misalnya karakter @ ditulis at, karakter . ditulis dot. Ini semata-mata untuk menghindari spam.
Kembali kepada topik awal kita. Lalu bagaimanakah cara membuat dan menampilkannya di blog kita. Ikuti cara sederhana ini:

1. Kunjungi situs ini: services.nexodyne.com
2. masukkan nama email Anda dan pilih situs penyedia layanan email Anda.
3. Tekan tombol Generate.
4. Lalu muncul ikonnya;
5. Untuk menampilkan ikon tersebut di blog Anda maka copy url berwarna merah yang tampil di bawah gambar tersebut.
6. Lalu pasang di blog Anda. Kalau untuk para Blogger di Blogspot maka bisa saya uraikan disini bagaimana cara pemasangannya. Yaitu di menu template Anda, klik Add a Page Element;
7. Pilih menu Picture dengan menekan tombol Add to Blog;
8. Lalu paste alamat url tersebut di Image from the Web;
9. Save Changes.
10. Selesai sudah.

Nah demikian ceritanya. Semoga berhasil yah…Ini sekadar buat pemula seperti saya. Mungkin berguna juga buat blogger pemula yang lainnya. Kurang lebihnya mohon maaf.

Riza Almanfaluthi
dedaunan di ranting cemara
13:19 27 April 2007.