Buktikan Bahwa “Aku Blogger Indonesia Sejati” dengan Pasang Badgenya

Hidup Anak Blogger asal Indonesia

Alhamdulillah akhirnya badge/banner dengan design bertemakan panji-panji Indonesian Blogger ini sudah selesai saya buat :) memang tetap tidak sebagus dan se-gaya desain-desain badge buatan rekan-rekan Blogger yang lebih expert dari saya…

Terlepas dari latar belakang diatas, badge/banner yang dapat secara instant dapat anda Copy-Paste ke Sidebar/Widget Blog/Web anda ini saya “DEDIKASIKAN” untuk dunia Blogging yang benar-benar telah mengubah hidup dan Hobby saya :D , yap! Blogger adalah suatu ‘profesi hobbies‘ yang memiliki komunitas terbanyak di jagat maya saat ini, dan satu hal lagi saya tetap memiliki impian agar para Blogger Indonesia dapat disejajarkan dengan Blogger-Blogger lainnya didunia.

Jadi… AYO BUKTIKAN BAHWA ANDA INGIN MEMAJUKAN DUNIA BLOGGING INDONESIA!! seperti saya dengan memasang Badge/Banner kecil ini di blog-mu (WordPress.com, Blogspot.com, dll)

INFO DOWNLOAD: Khusus untuk free member designerlistic.net anda dapat mendownload file coreldraw:

[download id=”28″]

Kepada seluruh blogger yang telah turut mendedikasikan dan mendeklarasikan sebagai “AKU BLOGGER INDONESIA SEJATI” saya ucapkan terimakasih…

  • BADGE STYLE 1


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-1.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 2


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-2.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 3


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-3.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 4


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-4.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 5


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-5.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 6


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-6.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 7


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-7.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 8


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-8.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

  • BADGE STYLE 9


    Indonesian Freebie Web and Graphic Designer Resources

    <a href="http://designerlistic.net/buktikan-bahwa-aku-blogger-indonesia-sejati-dengan-copy-paste-code-badgebanner-ini-di-blog-mu/" target="_blank" title="Indonesian Freebie Web and Graphic Designer Resources"><img src="http://www.designerlistic.net/designerlistic-badge/aku-blogger-indonesia-sejati-badge-designerlistic.net-9.png" alt="Indonesian Freebie Web and Graphic Designer Resources" /></a>

Kupas Tuntas Twitter Social Networking untuk SEO Web Designer

Oke inilah artikel tentang dunia Sociable Network atau jaringan bersosialisasi ;) yang benar-benar menggugah adrenaline saya untuk mengupasnya lebih dalam khususnya bagi anda seorang Web Designer dan umumnya bagi siapa saja yang memang doyan bertemu sapa dengan orang di seluruh dunia.

Saat ini terdapat banyak sekali situs-situs sosial yang populer di dunia, seperti Friendster, Facebook, MySpace, dll. Jika anda seorang Mahasiswa atau ABG pasti mengetahuinya dengan detail seluk beluk bagaimana mencari teman, sahabat, pacar, jodoh dan cinta ;) di layanan situs ini bukan? selain itu juga anda biasanya akan dengan mudah menampilkan photo-photo kesayangan anda untuk nampang keren and beken di sub domain yang disediakan oleh social website tersebut.

Mmm…ternyata banyak sekali tipe-tipe situs sosial saat ini, yang saya contohkan diatas adalah tipe social site yang memberikan keleluasaan bagi membernya untuk mempublikasikan dirinya sendiri di dunia maya, jadi lebih tepatnya seperti album photo pribadi ;) dimana orang bisa sekedar melihat-lihat sekaligus memberikan komentar dan bertukar biodata dengan diri kita.

twitter-designerlisticNah! ada sebuah situs layanan sociable yang benar-benar fokus dalam Show Up! apa saja tentang diri anda dengan singkat, misalkan apa yang sedang anda lakukan, peristiwa apa saja yang menggugah perasaan anda, pesona hidup dan suasana hati anda saat ini, dll. Salah satunya Twitter!!

twitter

website ber-icon Burung (entah burung pipit atau burung kenari ;) ) kecil yang lucu, disana digambarkan burung kecil ini selalu berkicau tiada henti.

 

Anda lihat icon burung dengan nama Twitter di pojok atas website jarumsuntik.com, designerlistic.net ini, itulah salah satu contoh apa yang bisa dilakukan si Twitter ini, dia bisa “memfasilitasi” siapa saja secara real-time untuk “Berkicau” setiap saat tentang apa yang anda lakukan sekarang kepada teman, keluarga ataupun rekan kerja anda.

satu hal yang pasti… jika anda dapat memanfaatkan social networking Twitter ini untuk mendatangkan visitor (pengunjung blog/website) sebanyak mungkin, anda telah sukses menerapkan konsep SEO (search Engine Optimization) untuk Web Designer ;)

Alasan kenapa Twitter sangat berguna untuk Web Designer?

1. Twitter mendukung konektivitas secara real-time antara seorang dengan lainnya dengan sederhana, yaitu “Apa yang sedang kamu lakukan?”, layaknya seperti Short Message Services (SMS) pada mobile phone, twitter juga menyediakan 140 character untuk anda via mobile texting, mobile web, instant message, third party API projects, ataupun pada website, dan uniknya siapa saja dapat follow (mengikuti/menelusuri) si pemberi pesan dan memberinya balasan.

2. Anda paham konsep SEO coba bayangkan jika anda mengetikan sesuatu info yang penting pada pesan anda, kemudian orang lain akan menelusuri link yang anda ketik, misalkan e-mail, url blog, refferal site, dll. itu akan sangat menguntungkan anda bukan? traffic dan tujuan bisnis anda pun terdongkrak ;)

3. Anda dapat menggabungkan Twitter dengan Blog/Website anda dengan cara menempelkan code lisitng Java Script pada sidebar (widget) web atau blog anda, agar pesan-pesan yang anda ketik di twitter.com akan muncul juga secara langsung di halaman web anda, dibawah ini adalah contoh kode program javascript yang saya gunakan pada WordPress blog saya ini:

twitter-code-in-wordpress

Catatan : pada bagian code yang bertuliskan “designerlistic”  pada
src="http://twitter.com/statuses/user_timeline/designerlistic.json?callback=twitterCallback2&count=1" itu adalah username saya di Twitter.Com, anda ganti dengan username anda sendiri.

4. Jika anda pengguna Containt Management System (CMS) WordPress anda dapat mendownload Plugin Twitter Tools secara Free atau gratis, sehingga anda tidak perlu mengunjungi website Twitter.Com setiap saat anda ingin menulis pesan singkat, anda cukup masuk ke Administrator Panel > Write > Tweet, namun jangan lupa untuk mengetikan id code anda di twitter profile ke Setting > Twitter Tools agar antara blog anda dapat terkoneksi langsung dengan username setting di website Twitter.Com.

5. Dan satu hal unik yang saya lihat adalah, blog / website ber-alexa rank tinggi (kira-kira dibawah 500.000) dan ber-design professional hampir semuanya menggunakan Twitter.Com sebagai media komunikasi mereka ;) benar-benar menginspirasi saya.

Koleksi Source design Photoshop (psd) dan PNG icon Twitter yang sangat populer di kalangan Web Designer?

Berikut ini adalah beberapa icon set avatar burung Twitter yang saya suguhkan ulang dari sharebrain.info . Anda dapat mendownload file-file source Free Twitter Bird Icons dibawah untuk anda tampilkan di widget blog anda, menarik bukan ;)

Twitter Bird Icons & Illustration

http://wefunction.com/2008/07/freebie-twitter-icons-illustration/
by Pasquale D’Silva

Twitter Bird

http://www.flickr.com/photos/fortrel/2034452099/
by Alexandre Lemieux

Twitter Bird Icon

http://www.iconspedia.com/icon/twitter-bird-5-63.html
by IconTexto

Feed & Twitter Monster Icons

http://fasticon.com/freeware/index.php/feed_twitter/
By:Dirceu Veiga

Practika: A Free Icon Set

http://www.smashingmagazine.com/2008/09/23/practika-a-free-icon-set/
by DryIcons

Free Twitter Buttons (Includes Animated GIFs)

http://siahdesign.com/archives/150
by siahdesign.com

High Resolution Twitter Bird Icons

http://thedesignsuperhero.com/2008/10/free-psds-give-away-high-resolution-twitter-bird-icons/
by Aravind Ajith

Free Twitter Graphics

http://randaclay.com/freebies/free-twitter-graphics/
by Randa Clay

It’s Twitter Time! Free vector icon set

http://www.productivedreams.com/its-twitter-time-free-vector-icon-set/
by Gopal Raju

48px Twitter Birds Icons

http://wefunction.com/2008/06/function-free-icon-set
by wefunction.com

Lisa’s twitter bird

http://flickr.com/photos/darkmotion/2691565773/

Bagaimana? jika anda punya alamat twitter sendiri silahkan publikasikan pada komentar dibawah ini ;)

Tips & Trick 301 .htaccess

“MOVING FORWARD” atau Hijrah adalah pekerjaan yang sangat melelahkan, bagaimana tidak website yang telah kita bangun dari mulai “0” dan telah mendapatkan Query Index pada hasil pencarian (Search Engine Result Page (SERP)) dari Search Engines seperti Google, tiba-tiba ketika anda “merubah”, “mengganti” atau “menghapus” halaman di website anda yang telah “diakui” oleh Mesin Pencari, kemudian Visitor mengetikan kata-kata yang berhubungan dengan website anda (misalkan: Free Graphic Design Indonesia) di google.co.id , ternyata begitu muncul URL website anda di halaman 1 Baris 1 (Hebat baget tuh) dan user tersebut tertarik dan meng-click link tersebut..Apa yang terjadi!! munculah pesan error 404 ERROR PAGE, atau halaman tidak ditemukan. Saya camkan itulah Awal dari Kiamat (Maaf) untuk website anda, bagaimana tidak untuk mendapatkan rangking muncul di halaman 1-3 itu adalah pekerjaan luar bisa, sampai-sampai anda harus bekerja keras untuk mempelajari Search Engines Optimization (SEO), atau banyak orang juga menyewa jasa SEO tersebut dengan mengorek kocek ratusan $Dollar perbulan….

Intinya adalah jangan menyia-nyiakan Search Engine Page Result yang telah anda dapatkan di beberapa mesin pencari populer seperti Google, Yahoo dan MSN karena disitulah para Visitor akan mengunjungi website anda dengan cuma-cuma tanpa diminta tanpa memasang iklan dan tanpa dipikirikan sekalipun. Jadi jika anda termasuk orang yang “Moving Forward” seperti saya (dari website biasa ke WordPress Containt Management System), anda wajib mempelajari Tips & Trick 301 .htaccess yang saya baru pelajari berikut ini:

Catatan penting tentang htaccess redirection Trick:

  1. Pastikan ketika meng-upload file  .htaccess dari laptop anda ke server adalah selalu menggunakan mode file ascii (selalu akan muncul di fasilitas CPanel, Spanel, dll di web hoster anda), karena mengirinkannya dalam mode binary akan menghancurkan kombinasi kode pada struktur filenya (dan tentu saja membuat server anda tidak bahagia alias lambretooo…hehe)
  2. .htaccess tidak dapat bekerja pada server yang menggunakan Operating System Windows, jadi bagi anda yang terlanjur menggunakan Sistem Operasi itu berpikirlah ulang untuk segera berpindah.
  3. Pastikan juga anda mengecek dua hingga tiga kali. kosongkan Cache pada browser anda (biasanya melalui tools>option>clear/delete cache,cookies,dll), test juga server headers untuk memastikan anda melihat si “301” (yang berarti permanen) bukan si 302 (yang berarti sementara) .
  4. Semenjak beberapa Sistem Operasi tidak mengijinkan anda membuat file hanya dengan akhiran (extention) saja “.htaccess“, contohnya seperti sistem operasi Windows, maka anda harus menamai file untuk disimpan di server tersebut dengan nama htaccess.txt terlebih dahulu dan kemudian setelah di upload ke server Linux anda dapat menggantinya menjadi .htaccess .
  5. Pastikan juga program aplikasi untuk meng-upload file-file website anda yaitu ftp program mempunyai kemampuan untuk memunculkan file .htaccess (FileZilla adalah ftp program terbaik pilihan saya, Free karena berlisensi GNU) benar-benar sederhana ;)
  6. Cek ulang juga, apakah file .htaccess itu sudah ada di server anda, jangan sampai anda menimpanya (overwrite) denngan begitu saja, tanpa mengcopy code-code yang telah ada sebelumnya (karena beberapa server juga telah mensetting secara otomatis halaman ini untuk halaman pemunculan pesan error 404 pages).
  7. Dan untuk contoh dibawah ini jangan lupa anda merubah domain www.designerlistic.net dengan domain anda sendiri.. ;-)

Setalah anda memahami beberapa proses diatas masuklah ke root folder (tingkatan folder setelah www.namadomainanda.com/ ) di website anda, download file .htaccess (jika telah ada) ke komputer local anda dan editlah dengan Notepad. Jika anda memakai FTP Client software anda tetap saja tidak menemukan  see file .htaccess di server anda, cek ulang settingan program FTP anda, dan pastikan anda telah menghidupkan konfigurasi invisible / system files.

Untuk me-redirect halaman tertentu saja:

Redirect 301 /halamanlama.php http://www.designerlistic.net/halamanbaruanda.php
Redirect 301 /namafolderlama/halamanlama2.php http://www.designerlistic.net /namafolderbaru/

Untuk me-redirect website lama ke alamat website baru:

Redirect 301 / http://www.new-site.com/

Untuk me-redirect struktur “www.designerlistic.net/index.php” ke “www.designerlistic.net/”:

Teknik ini digunakan agar Search Engine tidak memberikan penalty (penghapusan hasil index di database SERP) karena ada duplikasi halaman antara namadomainanda.com/ dengan namadomainanda.com/index.php
Options +FollowSymLinks
RewriteEngine on
# index.php to /
RewriteCond %{THE_REQUEST} ^[A-Z]{3, 9}\ /.*index\.php\ HTTP/
RewriteRule ^(.*)index\.php$ /$1 [R=301,L]

Oke selamat mencoba!

Addapted from www.webweaver.nu

Page 2 of 212