sebelum diedit (before edit)

follow me on Twitter


< script src="http://twitter.com/javascripts/blogger.js" type="text/javascript">
< script src="http://twitter.com/statuses/user_timeline/zamdesign.json?callback=twitterCallback2&count=5" type="text/javascript">

Setelah dicek ada beberapa pesan error di web W3C sebagai berikut:

ada 4 error dan 4 peringatan, 1 error berasal dari line 8 (disini line 2) karena pemakaian kode < ul > tanpa menyertakan kode < li >, sedangkan error lainnya ada di line 12 (disini line 8) karena banyak memakai karakter tidak standart.

setelah diedit (after edit)

(follow @zamdesign)


< script src="http://twitter.com/javascripts/blogger.js" type="text/javascript" />
< script src="http://is.gd/bOh9D" type="text/javascript" />

line 8 (disini line 2) saya mengubah dari kode < ul > menjadi kode < div >, dan yang unik untuk trik di line 12 (disini line 8) saya menggunakan fasilitas short URL dari is.gd (kalian boleh menggunakan fasilitas short URL lainnya seperti bit.ly dan lain-lain) dan lihat hasilnya ternyata valid

:) ini adalah trik coba-coba yang akhirnya berhasil, dan saya sudah menggunakan trik ini di website zamdesign.

semoga bermanfaat

Background twitter sifatnya fixed (tidak bergerak saat scroller browser digeser), dan posisinya menempel pada bagian pojok kiri atas browser. Sedangkan bagian konten utama twitter terletak tepat di tengah browser, dengan ukuran lebar 763 pixel. Background akan terlihat menyesuaikan ukuran browser, karena itu kita perlu mengetahui bebeberapa batasan ukuran dan jenis gambar sebelum kita membuatnya. Setidaknya untuk saat ini ada empat jenis background twitter: background profil, background satu gambar penuh, background gradasi, dan background gambar berulang (texture / pattern).

1. background profil
   background profil biasanya berisi mengenai biografi singkat, foto diri, dan beberapa link seperti personal website, email dan alamat jejaring sosial. Tetapi semua link tersebut tidak bisa di-klik, karena hanya sebuah background. Biasanya tempat profil ini di sebelah kiri backgound, kadang ada juga yang ditempatkan di sebelah kanan background tetapi kurang lazim, karena tidak akan terlihat dalam beberapa perbedaan ukuran resolusi layar.
   

   from balkhis

2. background satu gambar penuh
   background satu gambar penuh biasanya foto, atau gambar artwork yang berukuran besar memenuhi layar browser. Gambar besar ini akan terlihat bergeser sesuai ukuran resolusi layar, karena bagian tengah tertutupi area utama twitter, sedangkan background tidak bisa center.
   

   from balkhis

3. background gambar pojok kiri atas
   background gambar pojok kiri ini lebih aman karena gambar tidak harus memenuhi layar browser, cukup di bagian pojok kiri atas saja, biasanya bisa berisi profil, atau gambar objek atau permainan gradasi warna. Karena gambar tidak penuh, maka pada bagian kanan dan bawah gambar harus memiliki warna yang sama dengan warna background twitter, agar terlihat menyatu.
   

   from balkhis

4. background gambar berulang (texture / pattern)
   background gambar berulang biasanya cukup menggunakan gambar kecil, lalu gambar tersebut di-load ulang horizontal maupun vertikal (dengan mengaktifkan option “tile”) Sehingga gambar memenuhi background sebagai pattern. Contoh pattern bisa dilihat disini,
   

   from flickr

Ukuran Optimal
Ukuran optimal background bisa dilihat di resolusi 1280×1024 pixel. Di resolusi ini setidaknya ada ruang di bagian kanan dan dikiri area utama, masing-masing berukuran 250 pixel.

Ukuran minimal
setidaknya background minimal bisa terlihat bagus di resolusi layar 1024×768 pixel.

Ukuran Maksimal
ukuran maksimal gambar bisa di ukuran layar 1600×1200 pixel, atau kalau ingin lebih besar bisa membuat ukuran 1920×1200 pixel atau bisa lebih besar lagi sampai 2560×1600 pixel tidak lebih dari itu.

Branding
jika ingin menampilkan logo di background, ukuran lebar logo kurang dari 122 pixel bisa terlihat aman di resolusi 1024×768 pixel, tapi ukuran itu akan terlihat kecil di resolusi yang lebih besar, ukuran lebar logo kurang dari 212 pixel terlihat cukup di single post twitter (di resolusi 1024×768 pixel) juga terlihat cukup di halaman profil (di resolusi 1280 pixel keatas).
Jarak dengan bagian top bisa menggunakan 10-12 pixel (sejajar dengan logo twitter) atau menggunakan jarak 66 pixel (sejajar dengan area utama twitter). Jika menggunakan text di background sebaiknya memakai ukuran font agak besar, karena sebagai gambar, font akan berkurang kualitas ketajamannya.

Ukuran file
gambar background dengan ukuran dibawah 100 KB akan lebih cepat ditampilkan, ukuran 300 – 400 KB sudah cukup berat, jika memang mengharuskan gambar besar, jangan sampai melewati 800 KB.

Jenis format File
Twitter menerima: format file GIF, JPG, dan PNG

Cara Mengganti Background Twitter
silahkan cek disini

*adaptasi bebas dari 99designs

by leighannew31

1. Yang perlu diingat adalah cara ini menggunakan SMS jadi tidak perlu risau soal setting Ponsel untuk GPRS, WAP di dan sebagainya kita tidak perlu itu
2. Tidak harus HP canggih atau terbaru yang bisa menggunakan cara ini, HP tipe keluaran lama pun bisa, asalkan bisa kirim SMS dan bisa menulis no telpon berawal karakter “+” (kode internasional)
3. Operator Selular apa saja yang bisa? soal ini saya belum coba satu-persatu, kemungkinan semua GSM bisa, tetapi tidak semua CDMA bisa, karena tidak semua support SMS ke nomor internasional
4. Kita harus sudah punya akun minimal di facebook, twitter, plurk. Jika belum punya silahkan buat akun dulu. Saya sendiri sudah daftar di: Facebook, Twitter, Plurk,  Tumblr, Friendfeed, Linkedin, Flickr, Friendster, Hi5, Plaxo. dll
5. Langkah terpenting selanjutnya adalah kita buat akun di ping.fm  sebuah layanan gratis untuk update status ke beberapa jejaring sosial sekaligus. (layanan ini lebih popular dan lebih dulu daripada helloTXT)
6. Jika sudah punya akun di ping.fm, setelah login kita perlu setting “social networks” di ping.fm bisa dengan klik link “Add More Networks“ 
7. Ada sekitar 30 lebih jejaring sosial yang bisa di daftarkan, minimal kita daftarkan  satu-persatu untuk akun facebook, twitter, dan plurk.
8. Saat mendaftarkan jejaring sosial kita, centang saja semua pilihan jika belum faham membedakan antara update status, microblog, dan blog
9. Langkah berikutnya masih di ping.fm yaitu mengaktifkan “Services / Tools” SMS / Text Messaging bukan Mobile App (WAP)
10. Kosongilah form “Mobile #” di halaman berikutnya dan klik link “Not in the US or Canada? Click here!“
11. klik link “click this link”  pada tulisan: 
    

    Before you can post through the international SMS number, you must first verify your mobile device. Verification is easy! Just click this link and generate your verification code, and then follow the instructions on the next page.

12. kita akan diberi 4 digit nomor untuk verifikasi, catatlah no tersebut di HP kita kemudian kirimkan SMS ke no SMS internasional +447786208201 (simpanlah no penting ini untuk update status selanjutnya)
13. setelah SMS tersebut terkirim kita tidak mendapat konfirmasi apa-apa jadi tidak usah menunggu balasan :)
14. ok sekarang coba kirim update status melalui ponsel kita dengan mengirim SMS ke +447786208201, jika berhasil maka SMS kita akan menjadi update status di facebook, twitter, plurk, dll sekaligus
15. selamat mencoba!

Setelah saya mencoba ping.fm saya hendak merevisi tulisan saya di postingan sebelumnya bahwa hellotxt tidaklah selalu lebih baik dari ping.fm, karena saya juga coba setting SMS untuk hellotxt tapi belum berhasil (atau lama?). Namun mulai sekarang saya tetap memakai dua layanan tersebut, HelloTXT untuk update status via GoogleTalk (pidgin) dan Ping.fm untuk update status via SMS

by pshab

Jika tertarik silahkan mencoba langkah-langkah berikut ini:

1. Langkah pertama buat akun dulu di beberapa layanan jejaring sosial, sebagai contoh paling tidak kita pilih 3 yang populer: Facebook, Twitter dan Plurk. jika sudah punya akun tersebut lewati saja langkah ini, dan bila punya akun lebih banyak dari itu juga lebih baik :)
2. Sudahkah kita punya akun di Gmail? jika belum maka buat akun di Gmail, nanti kita perlu memakai layanan chattingnya yang bernama Google Talk / Jabber, layanan ini mirip seperti layanan Yahoo Messenger (YM) milik Yahoo.
3. Download dan install software Pidgin. Ini adalah software chatting yang bisa dipakai untuk beberapa layanan chatting apa saja sekaligus, misalnya: Yahoo! Messenger, Google Talk, MSN, ICQ, AIM dan lain-lain
4. Atur dan aktifkan akun Google Talk kita di Pidgin, aktifkan pula akun Yahoo Messenger kita. Dengan Pidgin, kita bisa mengaktifkan lebih dari satu akun Yahoo Messenger sekaligus.
5. Karena kita sudah memakai software Pidgin, Sekarang kita tidak perlu lagi mengaktifkan software Yahoo Messenger ataupun Software Google Talk.
6. Buat akun di HelloTXT, layanan ini memiliki tagline yang keren: “we are status”, meskipun masih versi beta (saat postingan ini dibuat) tapi menurut saya HelloTXT lebih bagus dari Ping.fm, cara registernya cukup mudah kok!
7. Atur HelloTXT untuk mengaktifkan atau menghubungkan dengan beberapa akun jejaring sosial yang telah kita buat pada langkah ke-1. Ada lebih dari 50 situs jejaring sosial yang bisa dilayani oleh HelloTXT, silahkan aktifkan untuk Facebook, Twitter dan Plurk.
8. Aktifkan layanan “update by Google Talk” di HelloTXT, caranya adalah menambah BOT im@hellotxt.com sebagai teman di akun Google Talk (via Pidgin) Awalnya kita perlu mengirim kode verifikasi ke BOT yang ada di web HelloTXT
9. Sekarang buatlah postingan dengan mengirim pesan via BOT im@hellotxt.com di Pidgin. Jika berhasil maka postingan tersebut otomatis telah mengupdate status kita di Facebook, Twitter dan Plurk. silahkan cek masing-masing.
10. Batas banyak karakter dalam satu postingan adalah 140 karakter, jika lebih dari itu maka otomatis terpotong.

Nah sekarang kita bisa mengupdate status di beberapa layanan jejaring sosial cukup dengan sekali postingan tanpa harus login ke beberapa websitenya satu-persatu.  Dan kita bisa melakukan aktifitas YM! sambil update status kita cukup dengan fasilitas yang sama sekaligus.

Tapi apakah langkah-langkah diatas ini sudah cukup mudah untuk dipahami? atau masih sulit untuk dipraktekkan? :) silahkan saya terbuka jika ada masukan, semoga bermanfaat!