Blogger : Photo Hosting in Blogger

Setelah sekian lama edittag selalu menyarankan untuk menyimpan file gambar untuk keperluan blog -baik header, photo profile, logo, banner, maupun materi postingan- dengan menyimpanya dalam kondisi Draft sepertinya setelah ada kebijakan pemberlakuan materi gambar dari pihak Blogger, kini saran tersebut boleh diabaikan.

Peringatan ini dimulai dengan kegagalan untuk mengakses file gambar dalam postingan dengan keadaan disimpan dalam Draft. Alamat URL file gambar yang dulunya sangat mudah diakses secara langsung dengan perambah, kini sudah mulai menemukan hambatan.

Kendala ini mulai mendapat pencerahan dikala kita akan membuang postingan yang bermaterikan gambar di dalamnya. Perhatikan pesan peringatan berikut ini :

Dengan ini terkuaklah perilaku yang baru di Blogger. Gambar kini bukan lagi menjadi materi ‘tak tersentuh‘. Saat masih menggunakan platform lama (baca : Blogger lama) gambar bisa senantiasa diakses meski gambar tersebut sudah dibuang. Karena saat itu Blogger sempat mengklaim bahwa teknologi kompresinya sangat relevan untuk memperlakukan materi gambar. Nah hal ini yang kini tak lagi dilakukan. Sepertinya (ini sekedar tebakan) makin maraknya penggunaan hosting Blogger sebagai sarana penyimpan gambar.

Untuk itu berhati-hatilah disaat membuang postingan dengan materi gambar di dalamnya.

Catatan penangkapan Google :
- Berada di posisi pertama dengan kata kunci ‘mengedit photo’ di Google Indonesia pada tanggal 17 April 2007.

Blogger : Shoutmix Issues

Dua hari yang lalu edittag sempat mendapatkan 2 pertanyaan dengan topik yang sama. Pertama yang masuk melalui messenger dan lainnya tertangkap dari log hasil pencarian dari Google yang salah satu hasil pencariannya merujuk ke halaman edittag.

Untuk itu tak ada salahnya bila tulisan kali ini akan menjawab sekaligus pertanyaan yang masuk. Pertanyaan pertama adalah “Cara memasang shoutmix di blogger” sedang satu lagi adalah “Mengapa shoutmix di blog tidak muncul secara sempurna, hanya menyisakan form pengisian, tanpa menampilkan shout yang masuk.”

Ok, akan kita bahas satu persatu.

Jawaban untuk pertanyaan pertama :

Bila Anda menggunakan blogger dengan template versi baru, maka hal yang perlu dilakukan adalah mengambil kode yang didapat dari pihak Shoutmix saat anda selesai mendaftar (atau bila pengguna lama bisa pula mendapatkan kodenya kembali dengan masuk log (log in), lalu masuk ke tab [Settings] lalu di box Appereance lakukan penyesuain seperlunya dan akhiri dengan menekan button [Save Settings] ). Salin kode yang didapat, lalu masuk log ke Blogger, pilih blog yang akan dipasang shoutbox, klik [Layout], tuju tab Add Page Elements, di bagian Sidebar pilih menu HTML/Javascript dan klik tombol [ADD TO BLOG].Masukin kode yang tadi disalin disini.Simpan,dan lihat hasilnya. Keterangan ini sama dengan pemasangan shoutbox dari Oggix.

Namun bila Anda masih berkutat dengan blogger lama, Anda perlu mengedit manual bagian HTML dengan masuk ke bagian Template dan salin kode yang didapat dari shoutmix ke bagian Sidebar. Kode dari shoutmix biasanya akan bisa dilihat seperti disini.

Ok, ke pertanyaan selanjutnya.

Berikut visualisasi dari pertanyaan kedua :

Perhatikan, tak ada pesan yang muncul dibagian bawah form pengisian. Bukan pemandangan yang semestinya kan?. Untuk menajwab hal ini ada hal yang perlu dicermati pada saat melakukan penyetelan tampilan saat kita berada di dalam Shoutmix.

Pemandangan diatas biasanya terjadi karena penyetelan mode wide (lebar) di bagian Stylenya. Maka tak heran bila kita mendapati kode dari Shoutmix dengan lebar -sebut saja 160px- padahal shout kita dipasang di bagian Sidebar yang hanya berlebar 180 px, maka blog hanya akan menampilkan sisi kanan dari tampilan Shoutmix.

Berikut tampilan shoutmix yang disetel dengan Style Wide di ukuran sesungguhnya :
Nah dari sini bisa disimpulkan bahwa penyebab bagian isi shout yang tidak dimunculkan karena keterbatasan lebar sidebar. Untuk memperbaikinya kita mesti melakukan penyetelan Style. Ada 4 tipe style yang disediakan, yakni Compact, Tag, Wide, dan Inline. Gambar diatas adalah hasil penggunaan style Wide. Untuk mengatasi hal ini adalah bukannya menyetel lebar sidebar, namun style di shoutmix. Caranya adalah : Setelah berada di bagian Setting, klik Appereance, cari tampilan berikut

dan pilih selain Wide, Klik dan Akhiri dengan .

Setelah ini kita akan mendapat kode yang nantinya kode ini akan kita pasang di blogger. Semoga terselesaikan masalahnya.

Catatan penangkapan Google:
-Berada di posisi ke-1 dengan kata kunci ‘blogger template “wide”‘ di Google Indonesia pada tanggal 20 April 2007.

Web : Good News from Budiboga

Sore menjelang malam, messenger Edittag menerima pesan berikut :

“budi***: gini mas, banyak e-mail masuk, katanya layout blogku keren, dan sekarang jadi peringkat satu di Blog Indonesia. Aku rasanya kurang puas saja kalau ngga ngucapin terimakasih sama mas agus yang sudah makeover blogku jadi keren. “

Setengah kaget karena sudah sekian lama tak mendapati kabar dari temen yang dikenal rajin dengan buku-buku resepnya, selanjutnya edittag megecek keabsahan berita ini dengan mengunjungi situs pemberi peringkat lokal. Dan ternyata memang benar, blognya dianugerahi peringkat pertama. Sebuah pencapain yang bisa dibilang luar biasa.

Masih ingat di awal-awal perjuangan saat lebih asyik mendandani blognya ketimbang memikirkan isu peringkat blog, kini malah semunya menjadi terbalik. Blognya mendapat pengakuan dari sebuah situs yang dikenal banyak memiliki anggota blogger. Dan pencapainnya juga tak lepas dari konsistensi yang ditunjukan sedari awal. Bahwa menulis blog butuh perjuangan untuk mempertahankan konten. Mudah untuk disebut namun dibelakangnya dibutuhkan kegigihan berusana. Soal penghargaan….ah itu akan datang dengan sendirinya.

Selamat atas keberhasilannya teman….semoga selalu sukses di kemudian hari.

Q : Question and Answer of the Day

Semoga tak ditanggapi keliru judul diatas. Juga tak sekedar ikut-ikutan tren laiknya web lain yang memajang Frequently Asked Question. Bukan pula bagian ini membahas pertanyaan terbaik seperti halnya kegiatan serupa yang biasanya mencari Employee of the Week ditempat usaha.

Tak lebih hanya sekedar wahana untuk menampung dan membahas beberapa pertanyaan yang sempat singgah ke shoutbox edittag. Namun jangan buru-buru pula menyalahkan shoutbox yang tak menyertakan fungsi reply di shoutnya ya .

Bisa kita mulai ?

1. “Gimana cara mengubah header?”

Bila yang dimaksud adalah mengganti header yang ada dengan materi gambar lainnya, maka bisa disesuaikan dengan jenis template blog yang dipakai. Untuk pengguna blogger dengan template klasik, kita bisa bermain di wilayah CSSnya. Seperti berikut :

#header {
background: transparent url(http://blogku.com/header-01.gif) bottom left no-repeat;
}

untuk menggantinya kita perlu mengganti alamat URL yang tertulis tebal diatas dengan alamat URL file gambar yang akan menjadi penggantinya. Tentu kita perlu mengunggah (upload)file gambar terlebih dahulu untuk mendapatkan alamat URL-nya.
Untuk pengguna tamplate baru dengan page element didalamnya, maka untuk mengganti file header dengan yang baru kita bisa melakukan penyuntingan dengan masuk ke tab[Page Elements] lalu di bagian Picture pada box header klik [Edit]. Bedanya dengan template klasik, disini kita bisa mengunggah file header baru secara langsung. Dan secara otomatis pula file header sebelumnya akan tergantikan dengan yang baru bila proses unggah selesai.

2. “Mas napa ya blogku kalo buka pake IE gak bisa terbuka penuh tapi kalo yg lain kayak firefox ama opera bisa?”

Bila mengingat kemampuan masing-masing perambah (browser) tentu ada nilai lebih dan kurangnya. Namun jelas jawaban ini tak akan memuaskan keingintahuan penanya. Untuk itu ada baiknya agar tampilan lebih aman untuk dipantau dari multi-browser maka yang perlu kita perhatikan adalah kode template yang digunakan. Beberapa kode HTML tak serta merta mengeluarkan hasil yang sama di perambah yang lain. Selain kendala teknis, hal ini biasanya terjadi karena perilaku pemilik blog yang giat menambah dan mengurangi materi blog secara manual. Minggu ini menambah kode HTML untuk memasukan kalendar, lalu di minggu selanjutnya menghilangkan kode tadi untuk diganti dengan kode untuk memasukan kode Flickr misalnya. Nah selama proses ini biasanya ada kode-kode tertentu yang luput dari pengetahuan kita untuk dibuang dan dipasang.

Repotnya lagi kode yang tertinggal tadi bisa mengakibatkan peralihan maksud untuk dibaca oleh perambah. Seperti misalnya closing tag <UL> yang terlupakan. Efeknya? file HTML dibawahnya tak lagi patuh pada kode HTML yang ada diatasnya. Ingat ya, saat kode template kita pasang pertama kali, tentu kita tak mengalami masalah seperti ini kan? Untuk itu ada baiknya kita cek kembali kode yang kita pernah pasang dan bongkar. Dari sinilah manfaat melakukan back up template menjadi penting dilakukan bagi pemilik blogger.

Bagi yang rela “berkeringat” kita bisa menyusuri kode satu persatu dengan memadukan jumlah opening tag dengan closing tag, atau <span> dengan </span> dengan pengertian bahwa jumlahnya haruslah sama. Kita bisa meminta bantuan editor HTML untuk keperluan ini. Cukup kita gunakan fungsi Find.

Namun bagi yang ingin praktis, tentu pilihan dengan menggantinya dengan jenis template yang sama menjadi lebih bijak. Bila ditilik dari kemampuan template baru blogger dengan add widgetnya, nampaknya kita tak perlu memasukan semua komponen yang pernah kita pasang secara manual. Karena ada beberapa data yang masih tersimpan rapi dalam Blogger. Nah bagi pengguna lama, tentu ini berarti kerjaan kita bertambah, kita harus memasukan daftar tautan teman, kode HTML flickr, kalendar dan teman-temannya secara manual.

Demikian, semoga bermanfaat.

Terima kasih untuk nieke dan elen atas bantuan editorialnya.

Catatan penangkapan Google :
- Berada di posisi pertama dengan kata kunci ‘PASANG kalendar DI blog’ di Google Indonesia pada tanggal 17 April 2007.

Blogger : Experience Typefaces on Vista

Edittag merasakan pengalaman yang berbeda saat mengunjungi blog menggunakan Sistem Operasi terbaru dari Microsoft yakni Windows Vista. Tampilan yang sangat mudah mengundang decak kagum yakni penyajian tampilan huruf (font) yang terasa sangat berbeda. Berikut perbedaan yang tertangkap :

Ket : Tampilan dari Vista.

Ket : Tampilan di Windows sebelumnya.

Semua ini berkat disematkannya jenis huruf terbaru berbasis pada ClearType yang sering dijumpai pada seri Macintosh. Tentu bagi penggila grafis seri Mac menjadi acuan untuk menemui tampilan grafis yang lebih baik. Jadi tak heran bila dengan Vista kita pun bisa mencicipi tampilan font hingga tampilan blog terlihat sangat manis bila dipandang dengan varian Windows sebelumnya.

Jenis huruf terbaru yakni Candara, Consolas, Calibri, Cambria, Constantia dan Corbel. Sayangnya jenis huruf ini hanya tersedia dalam bundel Windows Vista. Namun ada juga yang menengarai bahwa untuk mendapatkan font ini diluar Vista kita bisa mengunduh Powerpoint 2007 Viewer atau Microsfot Office Compatibility Pack. Hanya sayangnya file yang bisa kita unduh disana ukurannya sangat besar. Hingga mencapai 25.8-27.1 MB .

Accessories : Nova’s Newest Header

Hari ini salah satu kreasi header ala edittag kembali diluncurkan. Dan yang beruntung adalah blog milik nova yang beralamat di http://readavon.blogspot.com.

Dengan mengedepankan warna latar netral, kartun sang pemilik blog kian terasa perwujudanya. Semakin manis dengan aksen huruf Myriad berwarna putih pada bagian titlenya. Semoga semakin menyemangati pemiliknya untuk tetap menyajikan blog yang terkini.

Accessories : Nova’s Newest Header

Hari ini salah satu kreasi header ala edittag kembali diluncurkan. Dan yang beruntung adalah blog milik nova yang beralamat di http://readavon.blogspot.com.

Dengan mengedepankan warna latar netral, kartun sang pemilik blog kian terasa perwujudanya. Semakin manis dengan aksen huruf Myriad berwarna putih pada bagian titlenya. Semoga semakin menyemangati pemiliknya untuk tetap menyajikan blog yang terkini.

Accessories : Nova’s Newest Header

Hari ini salah satu kreasi header ala edittag kembali diluncurkan. Dan yang beruntung adalah blog milik nova yang beralamat di http://readavon.blogspot.com.

Dengan mengedepankan warna latar netral, kartun sang pemilik blog kian terasa perwujudanya. Semakin manis dengan aksen huruf Myriad berwarna putih pada bagian titlenya. Semoga semakin menyemangati pemiliknya untuk tetap menyajikan blog yang terkini.

Accessories : Nova’s Newest Header

Hari ini salah satu kreasi header ala edittag kembali diluncurkan. Dan yang beruntung adalah blog milik nova yang beralamat di http://readavon.blogspot.com.

Dengan mengedepankan warna latar netral, kartun sang pemilik blog kian terasa perwujudanya. Semakin manis dengan aksen huruf Myriad berwarna putih pada bagian titlenya. Semoga semakin menyemangati pemiliknya untuk tetap menyajikan blog yang terkini.

Edittag’s 1st Anniversary

“Rekan di milis BBV ingin mengtahui bagaimana mengubah tag table ke dalam div.tag div digunakan dalam CSS.awal-awal tahun 2000-an, apabila kita ingin melayout sebuah halaman web metode menggunakan table maupun frame sangat jamak dilakukan.table sangat elastis untuk diakses di komputer dengan resolusi yang beragam, tentu dengan setingan pesen untuk lebar ataupun tinggi.”

Paragraf diatas menandai tulisan pertama edittag di blog ini. Ya, tertulis pada tanggal 15 Maret 2006. Tepat satu tahun yang lalu.

Apa yang terjadi setelahnya? Banyak sekali persaudaraan yang terjalin dari sini. Hingga saat ini ada 146 InBlogs (InBlogs adalah jumlah blog yang merujuk ke blog tersebut) dan 325 Inlink(InLinks adalah jumlah taut yang merujuk ke blog tersebut) yang tercata menurut versi Technorati. Atau lebih mudahnya bila merujuk pada daftar peringkat yang dirilis Hericz maka saat ini edittag bertengger di posisi 24. Posisi ini jelas mudah hanya sementara karena sifatnya yang sangat fluktuatif. Pada tulisan sebelumnya, 4 desember 2006, edittag sempat nangring di urutan 44. Artinya blog ini menerima apresiasi yang baik di kalangan blogger lainnya. Sanggat pantas untuk mengucap terima kasih kepada rekan-rekan semua.

Melanjut pada hasil tersebut, edittag juga memohon saran, kritik dan komentar pengunjung sekalian agar lebih baik di masa mendatang.

Sekali lagi, terima kasih kepada semuanya yang membuat edittag masih aktif hingga saat ini.

Keterangan Poto : Tanpa ada rekayasa, hari ini aguSHery menggunakan kaos berlogo Edittag .