Mengetahui kualitas artikel dengan Blog ratings

"Get Ratings on you blog with blog ratings" Blogratings merupakan widgets yang digunakan untuk menampilkan ratings pada setiap postingan, widgets ini bekerja dengan cara mengambil nilai vote jika ada user yang memberikan suara dengan melakukan klik pada Star icon. Dengan widgets ini kita dapat mengetahui penilaian para pembaca terhadap kekuatan artikel yang kita tulis, ada 5 bintang yang bisa dipilih dengan nilai yang berbeda pula tentunya. Nilai bintang tersebut antara lain, * Bad ** Boring *** OK **** Good ***** Excellent. Widgets ini support pada beberapa blog diantaranya Blogger, TypePad, WordPress dan javascript untuk installasi manual. Keterangan lebih lanjut bisa dibaca disini Contoh tampilan: Cara daftar cukup klik disini http://www.outbrain.com/users/login.vm?r=login Jika malas login bisa langsung kealamat ini http://www.outbrain.com/new/pages/get_ratings.html

Pasang Yahoo ! Messenger Status

Dengan memasang Offline/Online Yahoo Messenger status, pengunjung dapat dimudahkan untuk melihat apakah pemilik blog sedang online atau tidak dengan Yahoo Messenger. Untuk memasang Yahoo Messenger Status caranya sangat mudah, rekan tinggal memasang saja kode dibawah ini, Jangan lupa juga menggantikan kode warna merah dibawah dengan identitas milik yahoo kamu (ID merupakan nama depan email yahoo kamu) Id_yahoo_kamu"> src="http://opi.yahoo.com/online?u=Id_yahoo_kamu&m=g&t=0&l=us"/> Yahoo status online Icon: Untuk menganti icon YM status kita tinggal mengubah kode diatas yang ditandai warna hijau, ID kode yang bisa digunakan mulai dari 0-9.

 

FeedBurner Stats Pro: Tracking Feed dan Visitor

Feedburner sebenarnya juga menyediakan sistem Track untuk melakukan monitor terhadap statistik pengunjung, Service yang diberi nama FeedBurner Stats Pro juga tidak kalah dengan sistem tracking yang sering kita gunakan, malah menurut saya pribadi menggunakan sistem track layanan ini sangat menguntungkan karena kita bisa melakukan dua pengamatan sekaligus yaitu  traking pada Feed dan Traking pada Blog/Site. Keuntungan selain melakukan traking, pengunjung juga diudahkan untuk melakukan subscribe feed per posting karena kode yang di letakan pada blog/site juga menampilkan beberapa pilihan Subscribe ke beberapa layanan. Sebenarnya banyak keunggulan yang ditawarkan jika kita mengaktifkan sistem traking ini, untuk lebih jelasnya bisa lihat keterangan dibawah : Untuk melihat statistik feed dan visitor lihat gambar dibawah ini: Cara Mengaktifkan FeedBurner Stats Pro: 1. Login ke Feedburner 2. Klik salah satu Feed yang ingin dikatifkan 3. Pada tab Analyze, lalu klik FeedBurner Stats Pro 4. Disini ada beberapa pilihan yang bisa kita gunakan, silahkan rekan centang apa saja yang ingin diaktifkan 5. Untuk memasang kode script traks, pilih Get the HTML code to collect stats on your site: 6. Jika menggunakan Blogger jadi pada pilhan Combobox rekan tinggal pilih Blogger 7. Pada jendela baru ada dua pilihan script yang bisa digunakan yaitu untuk New Blogger dan Untuk Blogger Classic, silahkan Copy paste kode yang ada sesuai dengan versi blogger yang rekan gunakan (Cara pasang kode pada blog sudah dijelaskan cukup lengkap)   8. Jangan lupa untuk menekan tombol "Save" untuk mengaktifkan layanan FeedBurner Stats Pro Cara menambah dan mengurangi Subscribers : 1. Masuk Pada tab Optimize, lalu pilih FeedFlare 2. Silahkan pilih apa saja Subscribers yang ingin digunakan 3. Jangan Lupa tekan tombol "Save" 4. Jika rekan tidak ingin menampilkan Subscriber ini tinggal tekan tombol Deactive Selamat Mencoba :)

Menampilkan Top Comment di Blogger

Top Comment di Blogger merupakan infromasi dari jumlah terbanyak pemberi komentar di blog kita, Selama ini banyak yang menanyakan ke pada om bagaimana menampilkan Top Comment di Blogger , nah akhirnya terpecahkan juga cara membuatnya, informasi ini saya temukan di blog mas Anangku selengkapnya bisa dibaca disini. Seperti informasi dari mas Anang, pembuat kode pertama kali di munculkan disini kemudian diedit disini, sebagai tambahan Top comment ini dibuat oleh  Ionut Alex Chitu dialah yang membuat dengan menggunakan aplikasi dari bantuan online yahoo pipes info selengkapnya bisa dilihat di http://pipes.yahoo.com/googlesystem/topcommentators Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada element halaman: Apa saja yang perlu diedit? filter=nickname : Masukan nama yang ingin kamu beri filter, sebaiknya filter nama sendiri. namablog.blogspot.com : Ganti sesuai nama blog sendiri num=10 : Jumlah maksimal komentator yang ingin ditampilkan Pada tampilan awal akan tampil urutan jumlah komentator, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode document.write(" ");  dan document.write(" "); pada kode diatas Thanks buat Anang untuk Infonya.

 

Mengganti text link "Post a Comment"

Default Blogger biasanya menampilkan link "Post a Comment" dibawah kolom komentar, meskipun blog tersebut sudah di set ke dalam bahasa indonesia, jika anda ingin mengubah tulisan tersebut dengan gaya anda sendiri misalkan "Tulis sebuah komentar" atau "Ingin becuap-cuap" atau dengan tulisan lainya. Cara mengubah text tesebut sangat mudah ikuti caranya dibawah ini: 1. Masuk halaman Edit Html 2. Beri tanda centang pada Expand Template Widget 3. Cari Kode dibawah ini : Ganti tulisan ditandai warna merah diatas sesuai keinginan anda. 4. Kemudain simpan template anda, Selamat mencoba :)

Manage kapasitas ruang simpan di blogger

Blogger sebenarnya tidak pernah menghapus gambar anda meskipun gambar tersebut tidak anda gunakan, gambar yang di upload melalui blogger biasanya otomatis tersimpan pada Google Picasa Sampai saat ini belum ada kepastian mengenai kapasitas ruang simpan postingan di Free Blogger, jika menggunakan FTP external (hosting sendiri) tentu saja tergatung dari kapasitas ruang simpan pada directory hosting masing-masing. Lalu bagaimana dengan kapasitas penyimpanan gambar di blogger? berbeda dengan kapasitas ruang simpan pada posting, ruang simpan  gambar di Blogger yang bisa dilihat secara langsung dan biasanya gambar di Blogger otomatis tersimpan pada Google Picasa. Untuk melihat kapasitas simpan di blogger bisa dilakukan dengan langkah mudah, Coba perhatikan ketika Upload gambar pada halaman posting, disitu tertulis informasi kapasitas penyimpanan gambar (Saat ini Anda menggunakan 9MB (0%) dari 1024MB Anda) -> Contoh kapasitas penyimpanan gambar milik saya mungkin saja informasi tersebut juga termasuk dalam kapasitas posting :) Berapa kapasitas ruang simpan gambar di Picasa?  Cara yang cepat dan mudah melihat berapa kapasitas gambar yang telah digunakan dengan melakukan pengecekan langsung di Google manage storage ada 2 informasi kapasitas yang ditayangkan yaitu kapasitas pada Gmail dan Picasa web Album. Manage kapasitas simpan gambar di Album Picasa. Saya yakin kita sering upload gambar, kemudian membatalkannya lalu mengganti dengan gambar yang baru, sekalipun gambar tidak di gunakan tetap saja gambar tersebut akan tersimpan. Dalam keadaan login di Account Google kita bisa buktikan dengan melihat gambar tersimpan pada Google Picasa disinilah dengan mudah kita bisa melakukan manage pada gambar.  Menghapus beberapa gambar yang tidak digunakan, berarti terjadi pengembalian pada kapasitas ruang simpan (Catatan : gambar yang diupload melalu blogger biasanya ditandai dengan icon blogger bergambar kecil dikiri bawah)

 

Page Element Directory (Unified Gadget)

Page Element Directory merupakan kumpulan dari beberapa pilihan Element halaman terstruktur dengan menambahkan beberapa fasilitas multi fungsi berupa Ribuan Gadget yang siap digunakan. Jika saya diminta memilih antara Search Engine dengan Web Directory tentu saja pilihan saya langsung tertuju ke Directory dengan halaman web terstruktur, sama halnya jika saya di hadapkan kepada pilihan antara Page Element Standar dengan Page Element Directory Blogger tentu pilihan saya akan tertuju ke Page Element Directory Blogger. Seperti biasa Blogger tidak pernah habis-habisnya memanjakan penggunanya dengan menghadirkan fasilitas terbaru mereka yang diberi nama Page Element Directory.  How is it working for you? Does the new presentation, and the new icons, make adding stuff to your blog easier? Page Element Directory merupakan kumpulan dari beberapa pilihan Element halaman dengan menambahkan beberapa fasilitas multi fungsi berupa Ribuan Gatget yang siap digunakan. Seperti halnya directory yang terstruktur kita akan dihadapkan kepada pilihan menu untuk memudahkan kita mencari, memilih dan mengunakan Gadget mana yang akan digunakan. Karena masih dalam daftar tahap uji coba fasilitas ini hanya bisa jumpai pada Blogger in draft Cara menggunakan Page Elemet Directory: 1. Masuk ke http://draft.blogger.com/ 2. Jika belum Login, silahkan login terlebih dahulu. 3. Pada halaman klik tab "Layout" kemudian pilih "Add a Gadget" Selamat mencoba :)

 

Kekurangan komentar Blogger "Status Login"

Memberikan identitas asli ketika berkomentar dengan status login tentu mempunyai kelebihan dari pada hanya memasukan alamat URL blog, kelebihan utama yang jelas  menunjukan identias asli kita sebagai komentator. Selain itu kita juga diberi hak untuk menghapus komentar kita sendiri jika dinginkan. Namun  komentar dengan status login juga mempunyai kekurangan ketika pengunjung menuju ke alamat URL pengirim komentar, kekurangan yang sangat mengganggu bisa dilihat ketika kita dihadapkan ke halaman profile pemilik blog dimana kita di hadapkan lebih dari satu URL, tidak masalah kalo alamat blog yang di tampilkan hanya satu..bagaimana jika kita di hidangkan 10 alamat blog sekaligus? mana yang harus kita pilih? URL mana sebagai blog utama-nya? bingung khan :) Gambar diatas merupakan contoh nyata dimana ketika profile akan ditampilkan ketika saya memberikan komentar dengan status login, mungkin anda bisa menebak yang mana blog utama saya, yang jadi masalah bagaimana seseorang bisa mengetahui alamat blog utama anda jika mereka dihidangkan 15 alamat blog sekaligus? yang jelas saya sendiri tidak akan mengujungi satu persatu alamat tersebut..sampai akhirnya saya enggan melihanya dan segera menutupnya. Jangan sampai kejadian ini menjadi hambatan yang membingungkan. Bagaimana Solusinya? 1. Untuk solusi terbaik saya sarankan anda lebih baik langsung memasukan alamat blog utama saja tanpa harus login..cara ini juga sangat menguntungkan dari segi kemudahan kunjungan, yang jelas user bisa diarahkan ke blog anda langsung tapa harus diberi pilihan. 2. Jika anda memang ingin berkomentar dengan status login, Blogger sebenarnya menyediakan menu Kontak dimana menu ini memberikan informasi berupa Link "Halaman Web Saya" menu ini lah yang sering saya jadikan pilihan terakhir ketika mengunjungi blog utama anda. 1. Pertama masuk halaman Panel Kotrol 2. Pilih "Edit Profil" 3. Pada halaman Edit Profile User tuju ke URL Homepage 4. Masukan alamat URL blog utama anda (contoh: http://www.o-om.com) 5. Jangan Lupa di Save. Semoga solusi diatas bisa membantu mengatasi masalah komentar dengan status login. Selamat mencoba :)

 

Percepat loading page dengan CSS Compressor

Teknik kompresi pada CSS paling tidak mampu meningkatkan performa loading page blog anda. Disini bukan dalam artian super cepat ya, tapi cenderung ke arah optimalisasi CSS. Jika kita bicara masalah kecepatan loading page, CSS Compress ini cuma salah satu bumbu penyedap saja, tidak ada cara sebagus apapun selain optimalisasi pada size image (jangan dibandingkan dengan kecepatan koneksi internet dulu ya...kita anggap saja koneksi yang kita gunakan sama). CSS Drive - CSS Compressor merupakan salah satu layanan gratis yang biasa om gunakan untuk keperluan ini. Yang menarik, tools ini menyediakan 3 level mode kompresi berbeda yaitu Light, nomal dan Compact. Cara kerjanya, metode kompresi CSS ini berusaha memperkecil ukuran dengan menghilankan spasi dan komentar yang tidak diperlukan. Om sarankan untuk yang baru utak atik CSS jangan langung mencoba mode Super Compact dan Strip All Comments..sebaiknya gunakan mode Light dan don't strip any comments terlebih dahulu. Untuk yang sudah mengerti bisa mencoba level kompresi selanjutnya pada pilihan Advanced mode. Selain fungsi Compress tentu kita juga mengenal mode Uncompress. Biasanya uncompress digunakan sebagai kebalikannya. Sayang CSS Drive tidak memiliki fungsi ini, jadi om sarankan kita bisa mencoba pada layanan ini CSS Optimizer. Cara Kompresi CSS pada Blogger: (sebelumnya jangan lupa backup semua kode pada halaman Edit HTML) Pada halaman Edit HTML, Code CSS biasanya terletak diatara kode silahkan copy-paste semua kodenya kemudian lakukan kompress pada tools diatas, jika sudah..copy-paste lagi kode yang sudah di compress ke halaman Edit Html pada posisi semula. Selamat mencoba :)

 

Full Source Code "Recent Post" For Blogger Beta

Posting terbaru  atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisa menggunakan source code dibawah. Mengenai cara penggunaan code telah saya jelaskan pada posting Full source code "Recent Comments" for blogger"  jadi tidak ada perbedaan dalam cara menggunakannya caranya hampir sama, yang membedakan hanyalah cource code nya. Source code ini masih terdiri dari 2 bagian, pada code bagian pertama pertama kode ini dapat dimasukan dimana aja selama kita mempunyai tempat penyimpanan pada directory web. jika gak punya directory penyimpanan pada web site kita dapat menggunakan layanan gratis misalnya http://www.geocities.com  atau http://www.tripod.com  Sebelum melakukan proses upload ada baiknya buka notepad terlebih dahulu atau tools text editor apa saja, kemudian copy-paste kode dibawah ini simpan dengan nama (mis: recentcomments.txt). Jika nama file sudah tercipta lakukan upload seperti biasa, pasti udah tau caranya khan :). Jika menggunakan layanan http://www.geocities.com kita tinggal login kemudina menuju  File Manajer - ketikan nama file-nya kemudian klik tombol new, hapus semua tulisan kemudian copy paste pada halaman tersebut dan terakhir jangan lupa disimpan :)   Kode bagian pertama : // ---------------------------------------- // SHOW RECENT POST // ---------------------------------------- // This functions takes a blogger-feed in JSON // format and displays it. // // Version: 2.1 // Date: 2007-02-02 // Author: Hans Oosting // URL: beautifulbeta.blogspot.com // ---------------------------------------- function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); var readmorelink = "(Baca)"; readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t; var cdyear = postdate.substring(0,4); var cdmonth = postdate.substring(5,7); var cdday = postdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (!standardstyling) document.write(' '); if (standardstyling) document.write(' '); document.write(posttitle); if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday); if (!standardstyling) document.write(' '); if (showpostsummary == true) { if (standardstyling) document.write(' '); if (postcontent.length < numchars) { if (standardstyling) document.write(''); document.write(postcontent); if (standardstyling) document.write('');} else { if (standardstyling) document.write(''); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...' + readmorelink); if (standardstyling) document.write('');} } if (!standardstyling) document.write(' '); if (standardstyling) document.write(' '); } if (!standardstyling) document.write(' '); if (standardstyling) document.write(' '); document.write(''); if (!standardstyling) document.write(' '); document.write('Widget by Hackosphere Powered by Beautiful Beta'); if (!standardstyling) document.write(' '); } Untuk melakukan memanggilan pada kode diatas kita tinggal menggunakan code dibawah ini, caranya tinggal copy paste code tersebut dan masukan pada halaman element blogger. Kode bagian kedua : Jangan lupa mengubah kode pada kode bagian kedua, perubahan dapat dilihta pada warna merah dan pink. Pada warna merah : Alamat tempat kita menyimpan code bagian pertama Pada warna pink : Ganti dengan alamat blog mu Malas mempraktekan code diatas kamu bisa  install langsung ke blog mu : Jika ada pertanyaan mengenai kode diatas bisa masukan melalui komentar. terima kasih (oom)