Wednesday, September 1, 2010

Stats dan Popular Post Gadget

Setelah menambahkan Statistik pada blogger draft, kini Blogger menambahkan dua gadget / widget baru : Blog Stats dan Popular Post.  Data yang ditampilkan di widget ini adalah data pada Blogger Stats. Jadi kita sudah gak perlu lagi menggunakan jasa dari luar yang biasanya memberatkan loading blog kita.

Cara menggunakan 2 widget baru ini sama dengan widget- widget yang lain, masuk ke Design | Page Elements, dan klik “Add a gadget.”



Blogger Stats menunjukkan banyaknya total kunjungan (pageview) blog kita. Widget ini juga tersedia dalam berbagai macam tampilan.



Sesuai dengan namanya, widget Popular Post akan membantu pembaca blog kita untuk menemukan artikel yang paling populer di blog kita, setingannya adalah sebagai berikut

Saturday, August 21, 2010

Blogger Menambahkan Filter Spam pada Comment

Sistem komentar pada blogger masih sulit untuk dibilang cukup atau lumayan, memang sih kita bisa mengikuti perkembangan komentar kita lewat email (subscribe), atau berkomentar lewat openID. Tapi sepertinya masih banyak yang perlu dibenahi pada sistem komentar blogger ini. Misalnya, kita tidak bisa men-edit komentar yang telah terlanjur kita post, melakukan reply layaknya facebook atau wordpress, dan masih banyak lagi.



Kabar baiknya, Google akhirnya telah menyelesaikan dua masalah besar bagi penulis blogger, antara lain : Filter komentar spam / HOAX serta pengelolaan komentar . Jika Gmail memiliki penyaring spam yang hebat, mengapa Blogger tidak dapat menggunakan teknologi yang sama untuk mendeteksi komentar spam?

"Blogger sekarang telah dilengkapi dengan filter komentar spam yang langsung akan masuk ke Kotak Masuk Spam, seperti folder spam di email Anda. Ketika seseorang meninggalkan komentar di blog Anda, maka komentar tersebut akan ditinjau oleh detektor spam kami, dan komentar yang mungkin diidentifikasi sebagai spam akan dikirim ke Kotak Masuk Spam Blog anda", Blogger's help center.

Nah..Untuk dapat mengkakses nya kita musti mengaktifkan dulu Comment Moderations di Dashboard>Setting>Comments, scroll mouse anda kebawah sampai terlihat Comment Moderations. Pilih Yes serta masukkan alamat email anda untuk moderasi.

Bila sudah selesai, kembali lagi ke Dashboard dan anda akan melihat satu lagi tab baru bernama Comments



Tab Komentar baru ini berisikan semua daftar komentar yang telah diterbitkan dan memungkinkan kita menghapusnya atau menandainya sebagai spam. Kita tidak lagi harus mengunjungi masing-masing posting blog dan secara manual untuk menghapus komentar spam.



Filter spam Blogger ini bekerja dengan baik, kita tinggal memilih / men-cawang serta mengklik "Not Spam" bila komentar yang masuk itu asli, atau memilih "delete" untuk komentar-komentar HOAX! 

Satisfied? tinggalkan komentar anda dibawah supaya saya bisa men-cawang serta men-klik "Not Spam" komentar anda :)

Monday, August 2, 2010

Blogger untuk Mobile phone

Beberapa waktu yang lalu, wa (baca: saya) secara tidak sengaja ngecek statistik pengunjung blog wa lewat Google Analytics. Ketika wa buka sumber kunjungan, tidak ada yang istimewa, semua keliatan wajar-wajar aja. eh, begitu wa liat browser yang dipake reader, wa sempet kaget.. ternyata hampir 10% pengunjung wa menggunakan mobile phone buat browsing ngeliat-liat blog wa. Aduh.. wa bener-bener panik. Kayaknya wa ketinggalan zaman banget.. setelah wa browsing di internet, sungguh diluar dugaan.. ternyata di Indonesia, jutaan orang telah mengakses internet melalui ponsel mereka. Hihihi.. kuper banget.. :D

Wa mikir, gimana ntar blog wa kalo gak friendly ma mobile phone? bisa-bisa wa kehilangan 10% reader wa cuman gara-gara itu.

Berjam-jam wa browsing cuman buat nyari gimana caranya blogger bisa mobile friendly.. dan akhirnya wa nemu solusinya.. pengen tau caranya gimana? gampang banget kok. Pertama masuk dulu ke akun blogger anda. Setelah itu masuk ke Design>Edit HTML. Seperti biasa, untuk menghindari hal-hal yang sama sekali tidak di inginkan backup dulu template anda.. Klik Download Full Template . Setelah itu cari kode ini
<b:include data='blog' name='all-head-content'/>
Kalo dah ketemu, copy paste kode dibawah tepat dibawahnya kode diatas
(Kalo gak ketemu kodenya, copy paste aja dibawahnya tag head)
<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
Klik SAVE. Nah, cuman tu aja.. sekarang blog kita dah bisa friendly ma mobile phone.. :)

{thanks to bloggertricks}

Sunday, August 1, 2010

Bagaimana mesin pencari Google bekerja?

Teknik SEO (Search Engine Optimization), mulai beberapa waktu lalu telah ramai dibicarakan orang. Tujuan dari SEO adalah menempatkan sebuah situs web/blog pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web/blog yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung yang lebih banyak.

Sejalan dengan makin menggilanya pemanfaatan jaringan internet sebagai media bisnis, kebutuhan atas SEO juga semakin menggila. Dan Peluang ini banyak dimanfaatkan sejumlah pihak untuk menawarkan jasa optimisasi mesin pencari bagi perusahaan-perusahaan yang memiliki basis usaha di internet.

Penasaran dengan cara kerja mesin pencari google? ini wa (baca:saya) iseng-iseng nemu presentasinya Matt Cutts, Salah seorang Engineer Google yang mem-presentasikan tentang bagaimana sih cara mesin pencari google tu bekerja.. selamat menyaksikan :)



{via How Google Works}

Mengenal Static Pages Blogger

Blogger telah banyak menambahkan fitur baru di versi terbarunya di Blogger in Draft. Setelah kita coba beberapa fitur baru diposting sebelumnya, Blogger juga telah menambahkan Static Pages untuk memenuhi banyaknya request dari para pengguna layanan blogger.

Static Pages merupakan halaman pada sebuah blog.. yang berdiri sendiri. Kita dapat menggunakan static pages ini untuk memberikan informasi seputar blog kita, dengan kata lain kita dapat memberikan informasi yang lebih banyak tentang blog atau kita sendiri, seperti About Me atau juga Contact. Tentunya blogger juga membatasi jumlah static pages yang boleh terpasang, yaitu maksimum 10 pages.



Sekarang saatnya kita coba. Untuk mencobanya kita musti login dulu di draft.blogger.com. Setelah itu masuk ke POST>Edit Pages. Untuk membuat Static Pages baru, Klik New Pages ..

Setelah kita mengisi serta mem-publish-nya , kita tinggal menambahkan widget baru yang bernama Pages. Tinggal terserah kita mau nempatinnya dimana, bisa di sidebar, atau bisa juga di atas posting kita seperti pada contoh gambar diatas.



{via Blogger in Draft}

Saturday, July 31, 2010

Blog tidak ditemukan?

Hal pertama yang kita lakukan untuk memulai blogging adalah mencari nama domain. Di zaman modern ini yang namanya domain susaaaah banget dicari, karena nama domain harus unik. Kalaupun kita nemu yang pas juga, sering-seringnya udah ada yang gunain. Mungkin sebagian dari kita ada yang mengibaratkan nama domain tu emas dah.. bila kita nemu domain yang nganggur, bagus lagi, Hfff... gak ada habis-habisnya senyum :)


Pada blogger.com, setiap nama domain yang telah didaftarkan dengan pertama.blogspot.com dan selanjutnya diganti dengan kedua.blogspot.com, maka domain yang pertama didaftarkan dianggap hangus atau hilang & tidak bisa digunakan lagi. Amat sayang kan kalau kita punya nama domain yang bagus terus kita ganti?! kan mending kalo kita bikin blog lagi aja,mumpung gratis :)

Desain Template dengan Blogger in Draft

Udah pada nyoba desain template sendiri pake Blogger in Draft ya? Bagi yang belum, yuk kita coba review sedikit gimana cara desain template sendiri pake Blogger draft..

Pertama-tama kita musti login dulu lewat draft.blooger.com. Akunnya sama kok dengan akun kita di-blogger versi sebelumnya. Jika kita ingin blogger in draft ni jadi dasboard utama kita, centang dulu..

Nah, udah ngerasain bedanya belum antara blogger beta dengan blogger in draft? coba liat, ada berapa tab disana? Ya, Blogger telah menambahkan beberapa fasilitas di versi terbarunya ini. Salah satu diantaranya adalah Template Designer (selain itu ada juga Blogger Stats versi blogger sendiri). Template Designer ini bisa kita gunakan pada, Design>Template designer.

Nah, jika kita udah masuk ke Template Designer, kita akan melihat tampilan seperti disamping ini. Ada beberapa tab disana, diantaranya :

Templates : Disini kita bisa milih tampilan visual blog kita ntar kayak gimana sih?! banyak kok pilihan tampilannya.

Background : Di tab ini kita disuguhin berbagai macam gambar yang bisa kita jadikan background blog kita. Bisa juga kita Upload gambar/foto kita buat dijadiin background. Tinggal ntar kita milih posisinya gimana terserah kita sendiri. Caranya klik pada Blackground Image>Upload, lalu klik SAVE. Sekarang kita tinggal ngatur mau ditaruh dimana background kita, maksudnya jika background kita lebih kecil daripada lebar blog kita, gambar.fotonya mau digimanain?!

Seperti gambar sasuke disamping. Lebarnya terlalu kecil, tapi kita bisa ngatur gambar ini untuk tampil berulang-ulang (Tile), bisa juga diatur yang lain tergantung selera kita. Nah, jika kita pilihan Scroll (dibawah) pilihan repeat gambar disamping kita check, tu artinya gambar kita akan mengikuti scroll mouse kita. Artinya gambar akan tetap tampil (diam) meski kita melihat halaman blog yang paling bawah.

Layout : Ini mungkin yang paling ditunggu-tunggu. pilihan layout ini memungkinkan kita untuk memilih letak/posisi tiap-tiap bagian/ kerangka blog kita. Blogger in Draft memiliki banyak stok pilihan untuk layout. Bagi kita yang ingin blog kita penuh dengan widget, kita bisa memilih kerangkannya disini :) Kita juga bisa kok menentukan berapa lebarnya blog kita. Untuk masalah font, warna dan sebagainya, blogger in Draft juga tidak lupa untuk menambahkannya di Advance.

{Really Code Less}

Friday, July 30, 2010

Statistik pada Blogger

Akhirnya Blogger benar-benar menjawab keinginan para blogger (? kata-kata yang aneh). Yup, blogger telah menyediakan statistik pada versi terbarunya tanpa perlu menginstall atau mengkonfirmasi apapun. Hanya dengan login pada blogger draft, kita akan melihat adanya tab baru disamping kanan tab Monitize. Meskipun tidak selengkap Google Analytics, namun statistik pada blogger draft ini bisa dibilang cukup lumayan.

Kelebihan  yang paling menonjol dari statistik ini adalah kita dapat memonitoring serta menganalisis halaman kunjungan secara hampir mendekati real-time. Kita juga dapat melihat posting apa yang paling populer dibaca oleh reader. Contohnya gini : Jika salah satu posting kita menarik, dan di share ke facebook atau twitter, atau ke yang lain, otomatis posting kita laris manis dikunjungin orang. Cuma salah satu posting lho yang menonjol (yang di share).. Nah, jika anda meng-klik Now pada Tab Stats, otomatis Stats akan me-refresh laporannya, dan sekaligus melaporkannya secara hampir mendekati real-time!




Statistik baru ini juga menampilkan asal pengunjung blog kita, lokasinya dimana atau juga mereka tau blog kita ni darimana, ntar keliatan kok. Untungnya buat kita sebenernya banyak sih, karena statistik baru ini merupakan satu set komponen/bagian dari Blogger, maka kita nggak perlu daftar untuk layanan lain, atau ambil script lain yang embed di gadget yang bisa memberatkan loading-nya blog.

Hmmm... sayang banget, yang di-record kok cuman page view-nya aja :(
{via BLogger in Draft}

Navigation Bar Blogger

Sebagian besar blogger paling demen ni ngilangin Navbar Blogger. Berbagai macam pertimbangan muncul ketika seorang blogger memilih untuk menghapus/tidak menampilkan, atau mempertahankan Navbar ini.. Nah, sebenernya apa sih navbar itu? terus gunanya juga apa?

Navigation bar atau yang sering disingkat dengan navbar, merupakan alat navigasi bagi pengunjung ataupun blogger itu sendiri. Berikut keterangan fungsi navbar
  • [B] : kembali ke www.blogger.com
  • Kotak pencarian : digunakan untuk mencari isi dari blog yang anda kunjungi. jadi bukan mencari blog lain, tapi  mencari isi dari blog yang anda kunjungi
  • Follow : untuk mem-follow atau mengikuti blog yang anda kunjungi
  • Share : Bila anda tertarik dengan blog itu, anda bisa share/bagi ke teman anda baik melalui twitter, facebook, Google Buzz atau Google Reader. 
  • Report Abuse : Bila isi blog yang anda kunjungi sedikit berbau agak "Ngawur" anda bisa laporkan itu ke google
  • Next Blog : Akan membawa anda ke blog-blog yang lain yang telah diacak, atau blog-blog yang ter-update sekarang
  • [email address] : Bila anda telah login dengan akun google anda, maka email anda akan muncul 
  • New Post : Shortcut bagi anda bila ingin membuat posting baru
  • Design : Shortcut menuju Design, bila anda ingin mengutak atik tampilan / Isi blogger anda, &
  • Sign Out : Sama dengan Log out alias Keluar
Blogger menyediakan bermacam-macam warna, anda dapat memilihnya di Design>Page Elements. Pada bagian Navbar, klik Edit
Klik Save untuk menyimpan pilihan anda.

Menghapus secara total Navbar Blogger
Jika anda benar-benar benci dan ingin menghapus total Navbar blogger ini tanpa sisa ada caranya. Pertama Login ke akun Blogger anda. Setelah itu masuk ke Design> Edit HTML dan cari Kode <body>. Copy Paste Kode berikut tepat sebelum kode <body>
<script type='text/javascript'> 
<![CDATA[ 
<!-- 
/*<body>*/ 
--> 
]]> 
</script>
Klik SAVE dan pilihan konfirmasi untuk menghapus Navbar blogger anda akan muncul. Jika anda yakin, klik DELETE WIDGETS

Cari blog lewat Google

Pernah tidak anda mencoba mencari judul artikel/posting dari sebuah blog lewat google? wa (baca: saya) yakin pasti pernah. Perlu digaris bawahi bahwa yang kita cari adalah sebuah Blog lho.. bukan yang lain, Bukan web atau apapun itu namanya..

Nah, sekarang google telah melakukan update pada Google blog search seperti yang ungkapkan oleh Fran├žois Beaufort, serta Jeremy Hylton pada public Buzz mereka, "Kami telah memperbarui Google Blog search untuk membuatnya lebih mudah untuk menemukan blog yang sesuai dengan permintaan Anda, bukan hanya menemukan posting blog. Blog search pada Google juga menyaring hasil Anda sehingga Anda hanya melihat posting blog. Kami juga telah menambahkan pilihan pada homepage yang menunjukkan secara lengkap blog yang berhubungan dengan pencarian Anda.".


contoh {Blogger tricks}

Thursday, July 29, 2010

Kenapa Menggunakan Blogger?

Sebenarnya dizaman sekarang ini udah banyak tersedia layanan blog gratis, bagus-baguus lagi. Sebut aja Blogger, Wordpress, Posterous, Thoughts, dan masih buanyak lagi. Semua memiliki keunggulan dan kekurangan masing-masing. Salah satu alasan berat wa (baca: saya) untuk tetep menggunakan layanan blogger cuman sepele. Google menyediakan akun yang ter-manage dengan bagusnya untuk setiap fasilitas yang digunakan oleh para pengguna akun google. Sehingga memudahkan kita untuk menggunakan semua layanan google dalam satu akun, Simpel kan?!


Beberapa alasan lain diantaranya adalah google itu sendiri. Kita semua tahu, berapa juta orang sih yang telah mengakses Google.com dalam 1 detiknya? kenapa server Google tidak juga down? kenapa masih cepet? ya, karena server google super giant!

Selain itu juga Blogger mempersilahkan kita untuk mengobok-obok template kita, kalo kita pengen template kita kayak typad, wordpress atau yang lain jg, bisa.. (btemplates.com). Beda dengan wordpress.com yang hanya mempersilahkan kita untuk mengutik-utik css-nya aja, dengan alasan keamanan, kata mereka.

Untuk masalah ads (sponsor), Blogger tidak pernah "menitipkan" sponsor/iklan mereka pada semua blog pengguna blogger. Tetapi pengguna blog dipersilahkan untuk memasang ads pada blog mereka sendiri.

Menambahkan caption pada image & memperbesar Text Editor

Lagi-lagi blogger berinovasi. Banyak dari kita yang bertanya, gimana sih caranya nambahin tulisan (caption) dibawah gambar (image) yang kita upload dari text editor blogger? Nah kali ini Blogger in Draft punya solusinya.

Pada awalnya cara ini hanya bekerja pada Blogger versi baru (draft.blogger.com). Tapi setelah wa coba diblogger yang lama, eh.. ternyata juga bisa. Asal kita tetep menggunakan Updated Editor. Caranya masuk ke Setting>Basic, scroll mouse ke bawah, pada bagian Global Setting terdapat pilihan seperti gambar dibawah


Nah, setelah itu buat posting baru. Untuk nambahin caption pada image gampang banget kok. pertama upload dulu image yang akan kita tampilkan diposting. setelah itu klik pada image dan pilih caption. Setelah itu terserah anda ngisi caption-nya apaan.. :)



Memperbesar Text Editor
Caranya super simpel! kita cuman tinggal men-drag bagian pojok kanan bawah text editor seperti gambar dibawah

Menampilkan avatar anymous user pada komentar blogger

Sebelumnya wa ingin ngucapin terima kasih sebanyak-banyaknya, karena ulah mereka-lah akhirnya tutorial ini bisa dipublish.. :) yang pertama kepada leblogger.com (atas tutorialnya) dan Google Translate (atas terjemahan bahasa prancisnya.. Mantabh).

Banyak dari kita yang bertanya-tanya, sebenernya anymous user tu bisa diganti gak sih avatar-nya? Kalo avatar untuk komentar registered user sih ada caranya. Dari dashboard, masuk ke Setting>Comments, pada bagian "Show profile images on comments?" pilih Yes!


Opsi diatas cuma berlaku buat registered user. Jadi kalo kita mau ngasi komentar kita harus login dulu ke akun Google, OpenID, AIM, TypePad, WordPress maupun LiveJournal baru keluar image avatar kita. Apabila kita setting anymous/sembarang user bisa nulis komentar, maka yang akan muncul cuman komentarnya doang. avatarnya blank. boleh dicoba kalo gak yakin :D

Nah, untuk mengatasi kekosongan avatar pada anymous user, pertama-tama masuk ke Design>Edit HTML. jangan lupa, download template anda dulu sebelum memulai. klik Download Full Template. Template udah aman, siap untuk si obok-obok..

Klik Expand Widget Template karena kita akan merubah beberapa kode HTML dan menambahkan sedikit bumbu CSS.

pertama cari kode berikut
<dl id='comments-block'>
apabila kosong atau tidak ketemu cari yang mirip dengan kode diatas (kadang id='comments-block' diawali dengan class). Kalo udah ketemu replace/ganti dengan
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

selanjutnya cari
<a expr:name='data:comment.anchorName'/>
dan tambahkan kode berikut tepat diatasnya
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' style='margin-bottom:-2px;' width='35px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

tambahkan CSS berikut sebelum ]]></b:skin>
.avatar-image-container img {
background: url(UR IMAGE URL GOES HERE..) no-repeat;
width: 35px;
height: 35px;
}

Selesai. Klik SAVE dan komentar anda akan tampak seperti gambar diatas

Wednesday, July 28, 2010

Menampilkan comment form dibawah posting blogger

Pertama kali blog ini di obok-obok, wa (baca: saya) bingung setengah mati. kok bisa ya comment form-nya nggak muncul? padahal wa dah nyentang setingan diblognya di Setting>Comment lalu pilih Embedded below post. Tapi apa yang muncul setelah wa reload? tetep.. cuma ada link mati yang bertuliskan Post a Comment


Nah, wa langsung tanya ke om Google, dan akhirnya wa nemu solusinya di bloggerbuster.com miliknya mbak Amanda. Ternyata gampang kok caranya. Pertama-tama masuk dulu ke Dasboard akun blogger anda. Setelah itu masuk Setting>Comment. Pilih Embedded below post seperti gambar diatas. Klik save.

Masuk ke Design>Edit HTML dan centang Expand Widget Templates. Sebelumnya sangat dianjurkan untuk melakukan backup template anda. klik Download Full Template. Bila dah terbackup, cari script berikut :
<b:include data='post' name='comments' />
Tepat setelah kode diatas tambahkan
<b:include data='post' name='comment-form'/>
Klik Save untuk menyimpan! Harusnya script diatas dah bekerja dengan baik dan normal. jika didalam prakteknya anda menemukan masalah.. Give me a sign.. :)

Dan bila masih juga ada masalah dengan widget anda, masuk ke Design>Edit HTML Klik Revert widget templates to default.

Melampirkan file dan gambar pada Gmail menggunakan drag and drop

Saat ini gmail telah mengupdate sebuah fitur yang memungkinkan kita menambahkan lampiran dengan menggunakan "drag and drop", sehingga kita juga dapat menyisipkan foto kita kedalam pesan. Fungsi ini hanya bekerja di Google Chrome, belum tau juga kalo di firefox udah bisa juga. (Apa cuman triknya google ya biar semua orang pake chrome? tuing tuing...)

Untuk mencobanya silahkan download dulu google chrome (bagi yang belum punya) gratis kok. Setelah itu masuk ke akun gmail anda. Tulis pesan baru dengan mode "rich text" atau bahasa indonesianya "Format kaya". Cari file yang ingin anda lampirkan. Coba drag file anda kedalam pesan gmail anda seperti gambar dibawah ni

Untuk memasukkan gambar kedalam pesan, caranya juga sama kok. tapi drag foto/gambar yang ingin anda masukkan ke badan pesan email yang anda tulis (yang berwarna putih). Jika anda men-drag gambar anda seperti contoh gambar diatas, maka gambar anda akan masuk kedalam lampiran.



{via Gmail Blog}