Blogger : Transparent gif and error message

Dari sekian banyak jenis file gambar yang didukung Blogger untuk diupload di postingan hanya file dengan ekstensi gif yang bermasalah.Tentu kita tak akan mengalami banyak masalah bila mengupload file gambar jpg atau png.Untuk file gif semestinya kita melakukan cek lagi sebelum mendapati pesan error seperti :

Untuk itu jangan buru-buru menyimpulkan blogger sedang mengalami masalah seperti yang pernah terungkap di Blogger Status.Bila keadaannya seperti yang diduga dengan masalah di blogger sepertinya akan mendapati kenyataan yang berbeda.Artinya bila kita mengupload file dengan ekstensi jpg dan png juga mestinya tak bermasalah.Ini dibuktikan dengan menggunakan akun blog yang berbeda namun selalu mendapati pesan error yang sama.Sekalipun menggunakan trik nama file diubah berkali-kali.Akhirnya setelah mencoba mengubahnya dengan ekstensi yang sama namun mengubah polanya menjadi bukan transparen, filepun terupload dengan sukses.Saya masih mencari artikel untuk menguatkan dugaan bahwa gif transparen tidak didukung formatnya sebagai file gambar di postingan.

Paling tidak ini sedikit mengecewakan karena sudah terbiasa mengupload file gambar di blogger untuk semua keperluan kecuali avatar.Jadi, lain kali hati-hati bila mengupload file gif transparen.

WEB : Program Free Hosting ConstantioDotCom

Baca judulnya saja sudah menarik, terlebih bila bisa gabung,ya kan?

Pagi ini shoutku menerima kunjungan dari H 3 RI yang memberitakan tentang tawaran dari Constantio mengenai program Free Hosting bagi web/blog yang memiliki Google Page Ranking 5 atau lebih.

Kita cukup memberitahukan mengenai hal ini dengan cara mengklaimnya melalui formulir yang disediakan.

Promosi berlaku hingga akhir bulan Juli 2006,terhitung dari tanggal 24 – 31 Juli 2006, ConstantioDotCom promosi FREE HOSTING ISTIMEWA dengan paket sebagai berikut :

1. PageRank 5-6: Paket Hosting Linux 100MB
2. PageRank 7-8: Paket Hosting Linux 250MB
3. PageRank 9: Paket Hosting Linux 500MB
4. PageRank 10: Paket Hosting Linux 1000MB

Bila mendapatkan jawaban yang memuaskan dari pihak Constantio selanjutnya kita hanya diajak untuk mencamtumkan tautan mereka atau banner resmi di setiap halaman website anda (header, footer atau menu).

Saat itu juga saya klaim melalui kang H 3 RI blog saya lainnya yang beralamat di http://agushery.blogspot.com yang mendapatkan Page Ranking 7.Wah doakan mendapatkan 250 MB ya.

WEB : Display Flickr photos on your website

Beberapa pemilik blog kini semakin banyak yang melengkapi tampilan blognya dengan menampilkan album photo di salah satu sudut blognya.Hitung-hitung sebagai media aktualisasi, blog memang ampuh untuk mewujudkan keinginan menampilkan sosok yang lebih manusiawi dengan kemunculan photo-photo pribadi.Jadi bila photo kita terlalu sayang hanya dinikmati sendiri, knapa tidak mencoba menyebarkannya lewat blog?

Salah satu layanan photo album yang popular di kalangan blogger adalah flickr.Layanan gratis dari Yahoo ini memang paling menarik, baik dari segi tampilan maupun dukungan tool dibelakangnya.Untuk itu kita akan mencoba mendapatkan kode HTML dari flickr agar bisa digabungkan dengan template blogger kita.Kita mulai?

Pertama kali yang perlu dilakukan jelas memiliki akun di flickr.Bilapun tidak, yahoo tidak berkeberatan kita menggunakan akun email kita di yahooo sebagai user login di flickr.Kita akan membicarakan cara mendapatkan kode HTMLnya, untuk itu disini tidak dibahas bagaimana cara mengupload photo, mengorganisasikan, membuat group atau setingan photo album lainnya.

1. Untuk itu kita membutuhkan badge dengan mengakses tautan http://www.flickr.com/badge_new.gne.

Disini ada 2 pilihan mode tampilan badge yang akan kita pasang di blog.Yakni an HTML badge dan a Flash badge.Keduanya diberikan keleluasaan memilih mengingat kelebihan dan kekurangan badge yang terpilih.HTML sangat cocok untuk yang lebih mengedepankan sisi kesederhanaan.Sedang Flash mengagungkan sisi penampilan.Kekurangannya adalah versi HTML sangat monoton, sedangkan flash membutuhkan dukungan flash plugin di browser pengaksesnya.Jadi silahkan pilih salah satu dari kedua pilihan ini.

2.Pilih photo yang akan dipublikasikan.
Ini bisa jadi photo milik kita sendiri, atau photo temen kita.

Bila memilih opsi photo sendiri maka akan dipertajam pilihannya menjadi semua photo publik, atau photo dengan tag khusus ataupun publik photo yang telah kita Set sebelumnya.Saatnya untuk memilih salah satu agar kita semakin dekat dengan kode yang kita cari.

3.Kostumasi warna.
Ini bagian yang paling menyenangkan.Memilih warna yang kita kehendaki.Tak perlu takut bila kita tak mengetahui kode heksa dari warna yang kita inginkan.Terdapat panel warna yang disediakan untuk memudahkan kerja kita.

Kali ini gunakan feeling ya untuk mendapatkan warna yang sesuai dengan blog kita secara keseluruhan.Bagi yang tak ingin repot dengan warna pilihan terahir pun disediakan, yakni no background dan no border.Sepertinya ini cocok dengan yang diburu waktu mengejar pesawat ya .Setelah itu terahir kita pilih

4.Here comes our badges!

Woala….kodenyapun muncul dibagian ini.Jadi tunggu apalagi…salin dan pasang kode ini di blogmu.

HTML : Input Search Form to Blogger

Tahukah Anda bila blogger menyertakan form pencarian ke dalam blog kita?Inilah salah satu keunggulan yang diberikan blogger dalam layanan blognya.Kelebihan ini dipadukan dengan piranti navbar yang muncul dibagian paling atas blog kita.Artinya ruang pribadi milik blogger yang biasanya disebut papan iklan oleh beberapa pengguna blogger dimaksimalkan dengan fungsi yang sangat relevan.

Ini juga menjadi salah satu inovasi blogger setelah menyertakan iklan di navbarnya.Berikut tampilan navbar yang lama :

Bandingkan dengan saat ini? praktis dan powerful kan?

Nah karena posisi dan bentuknya yang sangat blogger itulah keberadaannya sering diabaikan.Untuk itu ada baiknya pula bila form pencarian kita masukan ke dalam sidebar agar lebih familiar dan bermanfaat.

Berikut kodenya :

<FORM METHOD=”GET” ACTION=”http://search.blogger.com”>
<INPUT TYPE=”hidden” name=”ie” value=”UTF-8″ />
<INPUT TYPE=”hidden” name=”ui” value=”blg” />
<INPUT TYPE=”hidden” name=”scoring” value=”d” />
<INPUT TYPE=”hidden” name=”num” value=”10″ />
<INPUT TYPE=”hidden” name=”x” value=”0″ />
<INPUT TYPE=”hidden” name=”y” value=”0″ />
<INPUT TYPE=”hidden” name=”bl_url” value=”<$BlogURL>” />
<INPUT TYPE=”text” NAME=”as_q” style=”width: 100px;” />
<INPUT TYPE=”submit” value=”Search!” />
</FORM>

Hanya perlu mengganti <$BlogURL> dengan URL blog kita.
Semoga membantu.

Info terkini : Kode diatas menyesuaikan dengan navbar di blogger lama. Karena perubahan teknologi navbar, maka kode diatas diperbarui di sini :
http://edittag.blogspot.com/…html

HTML : ymsgr vs send_webmesg?.target

Setelah menggenapkan beberapa pertanyaan mengenai ikon yahoo messenger, kali ini yang tak kalah penting adalah pemberiaan tag HTML untuk menautkan ikon dengan jendela pesan Yahoo Messenger.

Bukan hal yang diragukan bila keinginan untuk memasang ikon yahoo messenger adalah untuk memudahkan pemilik dan pengunjung blog untuk lebih praktis berkomunikasi secara langsung.Lalu bagian manakah yang tidak disebut memudahkan bila kita sudah memasang ikon messenger di blog kita?

Baik,tentu akan lebih mudah bila ada contoh mengenai ini.Ada 2 blog yang menggunakan tag HTML bawaan dari Yahoo di halaman profilnya, yakni :A dan B.Keduanya menggunakan tag yang sama di halaman profile yahoo :

<a href=”http://edit.yahoo.com/config/send_webmesg?.target={Yahoo ID}”>.

Bila kita klik tautan ini maka kita akan dituntun ke halaman selanjutnya ke dalam akun Yahoo kita.Setelah login kita mesti menuliskan Yahoo ID yang akan kita ajak bicara melalui messenger.Tentu ini memakan proses dan waktu yang lebih lama, dibandingkan bila kita menggunakan tautan

<a href=”ymsgr:sendIM?edittagagus”>.

Jelas dengan tag ini maka secara otomatis bila kita sudah mengaktifkan Yahoo messenger akan muncul jendela pesan yang siap untuk digunakan.

Kelebihan lainnya adalah meskipun ikonnya menunjukkan offline, kita masih bisa meninggalkan pesan offline untuk pemilik Yahoo ID tersebut.Dan yang paling utama adalah pengunjung tak perlu direpotkan dengan kegiatan yang tak perlu.

WEB : 5 ways to Refresh your Yahoo Messenger Status

Masih penasaran dengan ikon yahoo messenger yang selalu memunculkan status offline di blog? Berikut 3 langkah untuk mengecek keabsahan ikon status yahoo messenger di blog yang sudah terpasang status yahoo messenger.

1.Cek silang dengan mengakses Yahoo Profile.
Yahoo menyiapkan subdomain khusus di Yahoo untuk mengecek profile di alamat URL : http://profiles.yahoo.com/{Yahoo ID}.Jadi untuk mengecek profile yahoo ID saya disini akan menjadi http://profiles.yahoo.com/edittagagus.
Perhatikan pada menu sebelah kiri dibawah photo profile diselipkan ikon status messenger kita disana.Coba bandingkan dengan ikon yang sama di blog kita.Keduanya semestinya memiliki kesamaan status.Bila menemukan status yang berbeda coba perhatikan kode HTML yang dimasukan ke template Blogger kita.Apakah kita menuliskan Yahoo ID kita dengan benar.
Untuk mengecek kebenaran penulisan Yahoo ID, kita juga bisa melakukan cara dengan mengklik ikon kita di halaman depan blog.Perhatikan Yahoo ID yang dimunculkan di window messengernya.Bila menemukan Yahoo ID yang sesuai dengan Yahoo ID kita, tak perlu mencoba dengan menuliskan pesan disana, kedengarannya narsis ya bila kita berbicara dengan diri sendiri .
Setelah itu kita bisa mencoba dengan merefresh blog dengan menekan F5 berulang-ulang.

2.Gunakan Meebo sebagai media online di Yahoo Messenger.
Meebo menyediakan fasilitas login untuk ke beberapa layanan messenger, seperti Yahoo, MSN, Jabber dan ICQ atau AIM.Tak perlu registrasi untuk menggunakan layanan Meebo.Cukup kita ketikkan Yahoo! ID dan password kita pada kotak Yahoo Messenger.Setelah berhasil login,akan dimunculkan tampilan Yahoo messenger versi web disini.Bila sudah menemukan, kita segera buka blog kita dan tekan F5 untuk merefreshnya.Bila blog kita belum terbuka, kita juga menggunakan shortcut dengan menuliskan alamat berikut : http://opi.yahoo.com/online?u={Yahoo ID}&m=g&t=1.Cek apakah status messenger kita online disana.

3.Pastikan pula selalu menonaktifkan status invisible saat hendak login di Yahoo Messenger.
Karena sifat kode HTML yang kita masukan bersifat statik, maka Yahoo terkadang membaca status kita dari pertama kali kita log in.Jadi pastikan kita log in dengan status online saat hendak masuk ke messenger.

4.Pastikan opsi Im Online dibaca Yahoo! website.
Opsi ini bisa kita temukan di tampilan awal Yahoo! Messenger.Pilih Messenger -> Preferences -> pilih submenu Privacy lalu cek pada kotak Allow Yahoo! web sites to show when Im Online.

5.Bila memiliki lebih dari satu profile dengan akun yang sama di Yahoo Profile pastikan pula opsi “Check the box to hide my online status (online) from other users” telah dinon-aktifkan / tidak dipilih.

Bila masih memiliki kesulitan menampilkan status online di blog kita, ada baiknya perhatikan komentar dari codeproject mengenai keadaan ini :

This is an HTML page, so it is static. The HTML Page doesn’t know when you go online, it just know if you are online or not when the HTML Page is being loaded. So, after logging in, you should refresh the website to see the changed icon. There are some reasons that sometimes make you cannot see the icon change. One of the reason is Yahoo Server. You know, when I am chatting with my friends on Yahoo Messenger, sometime I cannot see my friends even they are not invisible.

Semoga membantu.

Tag : mengapa ikon yahoo tetap online meski sudah log out, ikon messenger tetap online.

WEB : Free Hosting of Favicons at MyFavatar

Menyiapkan favicons selalu menyisakan pertanyaan dimana tempat yang tepat untuk menguploadnya.Tentu bukan menjadi hal yang sulit bila kita memiliki tempat hostingan sendiri.Dari sekian banyak yang menyediakan layanan hosting, baik yang dengan atau tanpa perlu registrasi, kekecewaan karena kurangnya dukungan hosting favicons pun sering ditemukan.Untuk pengguna Blogger tentu kita menyadari bahwa file dengan ekstensi jpg, gif, maupun png lah yang diperkenankan diupload.Untuk itu kita membutuhkan dukungan dari web lain untuk menguploadnya.

Untunglah pertanyaan ini terjawab dengan keberadaan layanan hosting gratisan dari Myfavatar.Favatar adalah tampilan dari favicon kita yang dimunculkan di website lain dan ini merupakan perwakilan visual (avatar) dari pemilik website.

Mereka mempersilahkan untuk menyimpan file berukuran 32×32 PNG dan ICO yang muncul hampir di semua browser, ukuran 32×32 sendiri memberikan keleluasaan ukuran dari favatar yang ingin dimunculkan di komen blog.

Hampir 70% layanan ini digunakan pengguna Blogger.Jadi alternatif yang sangat manarik kan.Nantinya favicon kita akan beralamat di http://favatar.myfavatar.com/(namafile).ico.Dan alamat URL ini bisa kita sertakan dalam blogger kita agar mendapatkan favicon yang cocok dan tepat untuk blog kita. Pasang dibagian antara <head> dan </head>

Berikut tips dari Favatar :

Favicons can be displayed on all recent versions of Internet Explorer, Firefox, Opera, Safari, AOL Explorer, and Konqueror. For IE, you may need to drag the standard IE icon to the right a couple of times, and restart IE to see the favicons.

Tag : edit blogger favicon, cara pasang favicon, mengganti favicon, membuat file .ico, mengganti logo blogger yg tampil di addressbar, icon blogger ganti, ganti icon blogger.

Blogger : Add Banner Code to Your Blog

vadis dalam pesan di shout blog ini sempat meninggalkan pesan “mas agus, numpang tanya bagaimana kodenya dan caranya untuk
menampilkan kode link banner seperti banner edittag di sidebar
seperti contoh di web ini (sidebar)? Terima kasih.”

Terima kasih juga untuk pertanyaannya.Sebenarnya banyak juga yang menanyakan hal yang sama yang disampaikan melalui messenger.Mesti pada akhirnya cukup dijawab dengan mempersilahkan melihat source code blog ini.Namun inipun akan menjadi jawaban yang selalu sama dan mungkin akan lebih efektif bila langsung menuliskannya disini agar bisa dijadikan referal bila menemui pertanyaan yang sama.

Tak semuanya mudah mencari kode yang dimaksud.Untuk itu hal yang pertama yang perlu dipersiapkan tentu adalah alamat URL dari banner yang akan ditampilkan.Setelah itu kopi kode ini dimana saja yang diinginkan (kebanyakan menempatkannya di posisi sidebar).

<img src=”{alamat URL banner}” alt=”{alamat URL Blog}” border=”0″ width=”{lebar gambar banner}” height=”{tinggi gambar banner}”><br><textarea rows=”3″><a href=”http://edittag.blogspot.com” target=”_blank”><img src=”{alamat URL banner}” border=”0″ alt=”http://edittag.blogspot.com” width=”{lebar gambar banner}” height=”{tinggi gambar banner}”></a></textarea>

Lalu save template blogger kita.Siap-siap dikagetkan dengan keberadaan banner kita di blog lain ya…:D

Tag : link banner blogger, adding banners to blog.

WEB : Budi and Sally Newest Header Image

Menyenangkan sekali melihat hasil karya kita bisa digunakan temen.Dari hari kmarin aku mencoba membuat 2 sampel header blog untuk rekan saya di jakarta.Hasilnya? sangat membanggakan.

Header yang pertama dibuat untuk budiboga.blogspot.com.Dilihat dari kontennya jelas makanan menjadi santapan utama di tiap postingannya.Untuk itu sepertinya tinggal dipilih beberapa poto di blognya untuk kemudian digabung menjadi satu.Dan untuk mengukuhkan sang koki dibelakang ini semua ditambahkan karakter sang koki dengan diiringi beberapa masakan sebagai hasil karyanya.

Berikut tampilan blog dengan headernya :

Sumber : http://budiboga.blogspot.com

Sedang yang kedua adalah blog milik sally yang beralamat di http://sallika.blogspot.com.Sesuai dengan tagnya yang simply me, tak banyak pernah pernik yang mesti dititipkan.Cukup sosok sally dengan tulisan pendek simply me.

Berikut tampilannya :

Sumber : http://sallika.blogspot.com/

Yang menarik dari blog milik budi adalah perkembangan rangking di http://blog-indonesia.com/ yang awalnya menempati ranking 31, 3 hari setelah diganti headernya melesat ke urutan 26 saat ini (14-07-06).Sedangkan sally mendapatkan keuntungan naek peringkat dari 600-an menuju 579.Wah lumayan banyak kan.Sunggu menggembirakan menyadari hal ini mesti berulang kali aku menolak anggapan mas budi bahwa ini akibat ulah header barunya .

Ayo terus percantik blogmu!.

CSS : Footer should be on Foot

Makanya aneh bila menemukan footer yang bukan pada tempatnya.Kenapa dinamakan bagian footer karena memang dia akan menjadi catatan kaki, bukan catatan samping kan?.Jadi posisinya wajib berada di bagian bawah.Beda template sekalipun pasti menempatkan bagian header dan footer di tempat yang serupa.Berada diatas dan dibawah.

Untuk itu bila menemukan bagian footer yang nempel dibagian sidebar mesti cepat-cepat dilihat bagian CSSnya.Lalu cek silang dengan menggunakan browser yang berbeda.Bisa jadi hasilnya pun berbeda.Bila ini terjadi dipastikan bagian CSSnya perlu dilakukan pembenahan, karena browser memiliki kemampuan yang berbeda dalam memberlakukan CSS yang dibacanya.

Berikut contoh tampilan footer yang nempel pada bagian Sidebar (milik Bebex) bila diakses menggunakan Mozilla Firefox :

CSS :

#footer {
margin: 0 auto;
padding: 0;
width: 780px;
text-align: center;
background: transparent;
font-size: 11px;
color: #FFFFFF;
}

Sedang berikut tampilan normal yang ada di IE :

CSS :

#footer {
clear:both;
margin: 0 auto;
padding:15px 30px 0 50px;
width: 780px;
text-align: center;
background: transparent;
font-size: 11px;
color: #FFFFFF;
}

artinya perlu penambahan tag CSS clear:both; agar turun kebawah dan memberikan space yang lebih lapang untuk bagian footernya.Dengan cara ini, baik di IE maupun Mozilla tampilan footer akan berada pada tempat yang semestinya.Sedangkan perubahan nilai pada padding hanya untuk memberikan sedikit ruang pada footer agar tidak menempel dengan bagian postingan.