What's New Here?

Showing posts with label Widgets. Show all posts
Showing posts with label Widgets. Show all posts

Berhati-hatilah Jika Menggunakan Widget Statistik Traffic Blog (agar tidak disalahgunakan)


Ada banyak sekali web service yang menyediakan layanan pemantauan dan analisis traffic. Salah satu yang paling kita kenal adalah Google Analytics. Meskipun sangat terkenal, penggunaan Google Analytics bersifat stealth, hanya pemilik website/blog saja yang bisa melihat statistik traffic yang terekam. Beberapa blogger, termasuk saya dan mungkin juga sobat semua, memilih untuk menayangkan sebagian kecil capaian traffic harian melalui widget blog. Oleh karena itu, layanan-layanan statistik blog yang memiliki fitur widget blog kemudian lebih menjadi pilihan. Sebut saja Sitemeter, Histats, Statcounter, Feedjit, Hitwebcounter, dan segudang layanan widget traffic blog lainnya adalah nama-nama yang acapkali menjadi bagian dari widget blog kita.

Keuntungan Menggunakan Widget Statistik Traffic

Tentu saja ada banyak tujuan dari penayangan widget traffic tersebut, dari menunjukkan jumlah visitor dan jumlah pageview blog kepada pengunjung, sebagai alat analisis traffic harian yang cepat (tinggal klik bagian link di dalam widget dan pada halaman yang muncul kita bisa langsung melihat kondisi traffic blog, tidak seperti Google Analytics yang terlalu ribet untuk sekedar melihat perkembangan traffic hari ini), hingga untuk "memamerkan" capaian traffic kepada advertiser (pengiklan) agar mereka semakin yakin. Kita tidak bisa begitu saja mempercayai satu sumber statistik traffic seperti site stats-nya Blogger, karena tentu memiliki beberapa kekurangan. Diantaranya adalah statistik yang dihimpun hanya pada permukaan saja dan hanya menampilkan jumlah berdasarkan pageview, bukan visitor.

Kerugian Menggunakan Widget Statistik Traffic

Inilah poin utama dari topik yang saya bicarakan kali ini. Penggunaan widget statistik traffic blog memiliki beberapa kelemahan yang disebabkan oleh beberapa hal. Sebagai suatu contoh riil, saya akan menggunakan kasus saya sendiri sebagai gambaran atas kerugian penggunaan widget ini. Sudah hampir dua tahun ini saya menggunakan widget Histats untuk menampilkan jumlah pengunjung yang sedang online. Pada awalnya saya tidak hanya menampilkan jumlah visitor online saja, tapi juga visitor harian, total visitor, pageview harian, dan total pageview. Hasilnya cukup baik untuk menarik advertiser dan yah, katakanlah "sedikit pamer" lah :). Namun saya kemudian mengurangi beberapa statistik yang ditampilkan (hanya menampilkan online visitor) karena pada akhir 2011 lalu saya mulai "mencium" ada yang mengambil kode widget tersebut melalui page source dan menayangkan di blognya. Ini mirip seperti beberapa kasus kecurangan yang saya tulis dalam salah satu artikel satir saya, Cara [Curang] Meningkatkan "Kualitas" Blog dengan Cepat.

Atas saran seorang sobat blogger, saya juga menutup akses ke beberapa halaman statistik di Histats agar halaman analisis keyword yang mendatangkan cukup banyak traffic ke blog saya tidak dapat dilihat. Karena memang, setelah si pelaku mengetahui keyword apa saja yang tampil di halaman pertama dia kemudian meng-copas beberapa artikel saya dan menerbitkannya di blog miliknya, dengan judul dan isi yang sama persis. Sempat beberapa waktu saya kalang kabut karena artikel-artikel curian itu berada di atas peringkat artikel saya, meskipun kemudian dengan sedikit upaya link building natural dan juga kedatangan Google Panda serta Penguin, artikel saya terselamatkan.

Sekitar 6 atau 7 bulan yang lalu, saya kembali menemukan kejanggalan pada dashboard Histats. Ada satu atau dua link referral dari Google yang sama sekali tidak berhubungan dengan artikel apapun di blog ini.  Beberapa keyword berkaitan dengan sebuah produk dan menuju ke halaman-halaman sebuah toko online (atau landing page, saya kurang begitu tahu, karena tidak melakukan cek). Beberapa keyword lainnya menuju ke halaman-halaman sebuah blog yang ber-niche (maaf) p*rno. Saya cukup terkejut, namun bisa langsung menebak apa yang terjadi.Sampai pada tahap ini saya masih membiarkan. Biarlah, toh dengan memasang widget saya bukan berarti toko itu langsung laris, atau blog p*rno tersebut kemudian kebanjiran traffic. (Note: Mungkin sampai saat ini, beberapa web/blog masih menggunakannya)

Datang lagi kejanggalan lain! Sebelumnya, terus terang saya memiliki aktivitas yang cukup minim di blog ini selama hampir 1 tahun ini, sebab pekerjaan online dan offline lain cukup menumpuk, hingga saya jarang memperhatikan widget statistik yang dipasang tepat di footer widget sebelah kiri. Kira-kira dua minggu yang lalu, saya mendapatkan pesan dari seorang advertiser yang hendak memasang iklan, namun juga mempertanyakan jumlah pengunjung online yang cukup sedikit. Hal ini bertolak belakang dengan screenshot pengunjung unik harian dan bulanan pada Google Analytics dan Histats yang saya sodorkan pada advertiser tersebut. Saya tidak langsung membalas namun memutuskan untuk menelusuri lebih jauh.
Contoh stats traffic harian riil dari Histats

The Case Study

Saya mulai melakukan case study kecil-kecilan untuk melihat hal yang sebenarnya. Pengamatan saya mulai dari widget Histats. Dan memang benar, saya melihat penurunan drastis pada jumlah pengguna online. Namun demikian, herannya jumlah online user di dashboard histat cukup tinggi! Memang, jumlah online user pada histats (live) akan sangat jarang memiliki jumlah sama persis dengan wudget karena widget akan refresh jika halaman di reload, tapi perbedaannya sangat signifikan! Widget menunjukkan 11 online user sedangkan halaman users online (live) pada dashboard histat pada saat yang hampir bersamaan menunjukkan 44 orang online! Saya refresh halaman blog berkali-kali, namun tetap menunjukkan jumlah yang tidak jauh dari sebelumnya. Dan saya menyayangkan diri saya sendiri karena ini baru disadari sekarang, sebab mungkin sudah terjadi cukup lama, berbulan bulan. Setelah jarang online dan sibuk dengan pekerjaan di "dunia nyata" saya hanya melihat dan berpatokan pada Google Analytics. Tentu ini sebuah pola buruk yang tidak patut ditiru oleh para pelaku dunia online. :)

Kasus lain yang lebih membuat saya geleng-geleng kepala adalah, kadang-kadang widget histats "diam di tempat" alias "macet" meskipun sudah direfresh dengan jarak satu sampai dua menit, dan hal ini sering terjadi, bahkan kadang hingga beberapa jam. Ada apa gerangan?!  Dua kejanggalan aneh.

Saya kemudian teringat bahwa widget Histats ini juga digunakan oleh beberapa website lain. Jika referral link menuju website yang memasang widget saya juga ikut terlacak, maka logika seharusnya adalah traffic tersebut ikut terhitung, dan tentunya jumlah visitor justru bertambah (karena visitor website-website itu ikut terhitung, menguntungkan bukan? tuing2 :p ). Tapi... kenyataannya tidak. Yang terjadi adalah, menurut dugaan saya saat ini, tracker pada widget menjadi kacau, jumlah mana yang seharusnya ditampilkan, milik blog saya atau milik blog yang memasang widget histats blog saya? Dan jumlahnya tidak hanya satu.... Saya juga berhipotesis bahwa "kemacetan" itu mungkin juga disebabkan oleh banyaknya halaman dari beberapa website berbeda yang harus direkam, sehingga justru statistik pada widget menjadi kacau balau.

Mungkin agak kurang meyakinkan, namun sebelum membuat hipotesis di atas, saya telah mencoba hal yang sama pada Sitemeter yang dipasang pada dua website berbeda, namun dengan satu ID user. Hasilnya, jumlah traffic, visitor, dan online user jauh berbeda jauh dari statistik lain yang saya gunakan. Ini sekaligus menjawab pertanyaan mengapa banyak webmaster yang memakai salah satu dari 3 layanan statistik traffic seperti Statcounter, Sitemeter, dan Histats kini menggunakan hidden tracker atau hanya memasang widget logo atau tulisan. Logo ini masih berfungsi sebagai tracker, apabila diklik tetap akan menampilkan halaman statistik (kondisi login), tapi tidak akan membuat yang lain curang dan menggunakannya karena tidak menampilkan apapun.

Sebagai kesimpulan awal, ternyata meskipun widget memiliki ID, tapi bisa digunakan di sembarang tempat dan tracker tidak melakukan pembatasan pada website yang seharusnya dilacak. Sistem pun menjadi kacau. Saya sudah melayangkan informasi bug dan complaint ini ke Histats. Seharusnya ID unik memang benar-benar digunakan dan diijinkan pada satu blog yang sudah didaftarkan dan ID hanya milik blog itu, yah seperti widget PPC KlikSaya setidaknya lah (bukan promo!), saya sekedar kagum dengan sistem yang digunakan kliksaya.

Mungkin akan ada yang bilang, "Ah repot-repot amat sih ngurusin statistik traffic". Tidak repot kok. Justru ini adalah bagian pekerjaan penting. Mengetahui dan menganalisis traffic adalah bagian keseharian dalam memantau perkembangan traffic blog. Apakah traffic naik atau turun? Apakah user baru persentasenya jauh lebih banyak dari user yang sudah menjadi pelanggan? Dari mana saja datangnya user? Browser apa yang mereka gunakan? Post/artikel apa saja yang paling disukai/mendapat kunjungan terbanyak? dan masih panjaaaang lagi daftar pertanyaannya. Dengan mengetahui berbagai aspek statistik traffic, kita dapat merancang berbagai strategi untuk meningkatkan kualitas traffic, bukan hanya kuantitasnya. Nah, kalo statistik itu kacau, tidak benar, salah, bahkan palsu, bagaimana kita bisa melakukan analisis dengan benar? Permasalahannya bukan pada jumlah traffic yang besar atau kecil, tapi pada akurat atau tidaknya.

Sekarang (baru saja) saya sudah melepas widget Histats dan menggunakan versi hidden tracker. Karena jika harus melepaskannya secara total, sayang. Histats menurut saya adalah tracker dan alat statistik traffic yang cukup akurat, lengkap, dan gratis 100%.

Semoga dari kasus di atas ada beberapa bagian yang bisa diambil pelajaran. Terutama mengenai arti penting kebijakan penggunaan statistik traffic blog dan bagaimana agar kasus ini bisa dihindari.

Ke depan akan saya bahas mengenai analisis traffic dan bagaimana menggunakan hasil analisis untuk mengembangkan blog/web, salah satunya untuk mengukur tingkat konversi traffic. Kalo tidak saya bahas di sini, kemungkinan besar akan saya tuangkan di tautweb.com

Salam dan happy blogging, as always :)

� 2012 - 'til drop! buka-rahasia.blogspot.com. All rights reserved.

Berhati-hatilah Jika Menggunakan Widget Statistik Traffic Blog (agar tidak disalahgunakan)

Posted by rike No comments


Ada banyak sekali web service yang menyediakan layanan pemantauan dan analisis traffic. Salah satu yang paling kita kenal adalah Google Analytics. Meskipun sangat terkenal, penggunaan Google Analytics bersifat stealth, hanya pemilik website/blog saja yang bisa melihat statistik traffic yang terekam. Beberapa blogger, termasuk saya dan mungkin juga sobat semua, memilih untuk menayangkan sebagian kecil capaian traffic harian melalui widget blog. Oleh karena itu, layanan-layanan statistik blog yang memiliki fitur widget blog kemudian lebih menjadi pilihan. Sebut saja Sitemeter, Histats, Statcounter, Feedjit, Hitwebcounter, dan segudang layanan widget traffic blog lainnya adalah nama-nama yang acapkali menjadi bagian dari widget blog kita.

Keuntungan Menggunakan Widget Statistik Traffic

Tentu saja ada banyak tujuan dari penayangan widget traffic tersebut, dari menunjukkan jumlah visitor dan jumlah pageview blog kepada pengunjung, sebagai alat analisis traffic harian yang cepat (tinggal klik bagian link di dalam widget dan pada halaman yang muncul kita bisa langsung melihat kondisi traffic blog, tidak seperti Google Analytics yang terlalu ribet untuk sekedar melihat perkembangan traffic hari ini), hingga untuk "memamerkan" capaian traffic kepada advertiser (pengiklan) agar mereka semakin yakin. Kita tidak bisa begitu saja mempercayai satu sumber statistik traffic seperti site stats-nya Blogger, karena tentu memiliki beberapa kekurangan. Diantaranya adalah statistik yang dihimpun hanya pada permukaan saja dan hanya menampilkan jumlah berdasarkan pageview, bukan visitor.

Kerugian Menggunakan Widget Statistik Traffic

Inilah poin utama dari topik yang saya bicarakan kali ini. Penggunaan widget statistik traffic blog memiliki beberapa kelemahan yang disebabkan oleh beberapa hal. Sebagai suatu contoh riil, saya akan menggunakan kasus saya sendiri sebagai gambaran atas kerugian penggunaan widget ini. Sudah hampir dua tahun ini saya menggunakan widget Histats untuk menampilkan jumlah pengunjung yang sedang online. Pada awalnya saya tidak hanya menampilkan jumlah visitor online saja, tapi juga visitor harian, total visitor, pageview harian, dan total pageview. Hasilnya cukup baik untuk menarik advertiser dan yah, katakanlah "sedikit pamer" lah :). Namun saya kemudian mengurangi beberapa statistik yang ditampilkan (hanya menampilkan online visitor) karena pada akhir 2011 lalu saya mulai "mencium" ada yang mengambil kode widget tersebut melalui page source dan menayangkan di blognya. Ini mirip seperti beberapa kasus kecurangan yang saya tulis dalam salah satu artikel satir saya, Cara [Curang] Meningkatkan "Kualitas" Blog dengan Cepat.

Atas saran seorang sobat blogger, saya juga menutup akses ke beberapa halaman statistik di Histats agar halaman analisis keyword yang mendatangkan cukup banyak traffic ke blog saya tidak dapat dilihat. Karena memang, setelah si pelaku mengetahui keyword apa saja yang tampil di halaman pertama dia kemudian meng-copas beberapa artikel saya dan menerbitkannya di blog miliknya, dengan judul dan isi yang sama persis. Sempat beberapa waktu saya kalang kabut karena artikel-artikel curian itu berada di atas peringkat artikel saya, meskipun kemudian dengan sedikit upaya link building natural dan juga kedatangan Google Panda serta Penguin, artikel saya terselamatkan.

Sekitar 6 atau 7 bulan yang lalu, saya kembali menemukan kejanggalan pada dashboard Histats. Ada satu atau dua link referral dari Google yang sama sekali tidak berhubungan dengan artikel apapun di blog ini.  Beberapa keyword berkaitan dengan sebuah produk dan menuju ke halaman-halaman sebuah toko online (atau landing page, saya kurang begitu tahu, karena tidak melakukan cek). Beberapa keyword lainnya menuju ke halaman-halaman sebuah blog yang ber-niche (maaf) p*rno. Saya cukup terkejut, namun bisa langsung menebak apa yang terjadi.Sampai pada tahap ini saya masih membiarkan. Biarlah, toh dengan memasang widget saya bukan berarti toko itu langsung laris, atau blog p*rno tersebut kemudian kebanjiran traffic. (Note: Mungkin sampai saat ini, beberapa web/blog masih menggunakannya)

Datang lagi kejanggalan lain! Sebelumnya, terus terang saya memiliki aktivitas yang cukup minim di blog ini selama hampir 1 tahun ini, sebab pekerjaan online dan offline lain cukup menumpuk, hingga saya jarang memperhatikan widget statistik yang dipasang tepat di footer widget sebelah kiri. Kira-kira dua minggu yang lalu, saya mendapatkan pesan dari seorang advertiser yang hendak memasang iklan, namun juga mempertanyakan jumlah pengunjung online yang cukup sedikit. Hal ini bertolak belakang dengan screenshot pengunjung unik harian dan bulanan pada Google Analytics dan Histats yang saya sodorkan pada advertiser tersebut. Saya tidak langsung membalas namun memutuskan untuk menelusuri lebih jauh.
Contoh stats traffic harian riil dari Histats

The Case Study

Saya mulai melakukan case study kecil-kecilan untuk melihat hal yang sebenarnya. Pengamatan saya mulai dari widget Histats. Dan memang benar, saya melihat penurunan drastis pada jumlah pengguna online. Namun demikian, herannya jumlah online user di dashboard histat cukup tinggi! Memang, jumlah online user pada histats (live) akan sangat jarang memiliki jumlah sama persis dengan wudget karena widget akan refresh jika halaman di reload, tapi perbedaannya sangat signifikan! Widget menunjukkan 11 online user sedangkan halaman users online (live) pada dashboard histat pada saat yang hampir bersamaan menunjukkan 44 orang online! Saya refresh halaman blog berkali-kali, namun tetap menunjukkan jumlah yang tidak jauh dari sebelumnya. Dan saya menyayangkan diri saya sendiri karena ini baru disadari sekarang, sebab mungkin sudah terjadi cukup lama, berbulan bulan. Setelah jarang online dan sibuk dengan pekerjaan di "dunia nyata" saya hanya melihat dan berpatokan pada Google Analytics. Tentu ini sebuah pola buruk yang tidak patut ditiru oleh para pelaku dunia online. :)

Kasus lain yang lebih membuat saya geleng-geleng kepala adalah, kadang-kadang widget histats "diam di tempat" alias "macet" meskipun sudah direfresh dengan jarak satu sampai dua menit, dan hal ini sering terjadi, bahkan kadang hingga beberapa jam. Ada apa gerangan?!  Dua kejanggalan aneh.

Saya kemudian teringat bahwa widget Histats ini juga digunakan oleh beberapa website lain. Jika referral link menuju website yang memasang widget saya juga ikut terlacak, maka logika seharusnya adalah traffic tersebut ikut terhitung, dan tentunya jumlah visitor justru bertambah (karena visitor website-website itu ikut terhitung, menguntungkan bukan? tuing2 :p ). Tapi... kenyataannya tidak. Yang terjadi adalah, menurut dugaan saya saat ini, tracker pada widget menjadi kacau, jumlah mana yang seharusnya ditampilkan, milik blog saya atau milik blog yang memasang widget histats blog saya? Dan jumlahnya tidak hanya satu.... Saya juga berhipotesis bahwa "kemacetan" itu mungkin juga disebabkan oleh banyaknya halaman dari beberapa website berbeda yang harus direkam, sehingga justru statistik pada widget menjadi kacau balau.

Mungkin agak kurang meyakinkan, namun sebelum membuat hipotesis di atas, saya telah mencoba hal yang sama pada Sitemeter yang dipasang pada dua website berbeda, namun dengan satu ID user. Hasilnya, jumlah traffic, visitor, dan online user jauh berbeda jauh dari statistik lain yang saya gunakan. Ini sekaligus menjawab pertanyaan mengapa banyak webmaster yang memakai salah satu dari 3 layanan statistik traffic seperti Statcounter, Sitemeter, dan Histats kini menggunakan hidden tracker atau hanya memasang widget logo atau tulisan. Logo ini masih berfungsi sebagai tracker, apabila diklik tetap akan menampilkan halaman statistik (kondisi login), tapi tidak akan membuat yang lain curang dan menggunakannya karena tidak menampilkan apapun.

Sebagai kesimpulan awal, ternyata meskipun widget memiliki ID, tapi bisa digunakan di sembarang tempat dan tracker tidak melakukan pembatasan pada website yang seharusnya dilacak. Sistem pun menjadi kacau. Saya sudah melayangkan informasi bug dan complaint ini ke Histats. Seharusnya ID unik memang benar-benar digunakan dan diijinkan pada satu blog yang sudah didaftarkan dan ID hanya milik blog itu, yah seperti widget PPC KlikSaya setidaknya lah (bukan promo!), saya sekedar kagum dengan sistem yang digunakan kliksaya.

Mungkin akan ada yang bilang, "Ah repot-repot amat sih ngurusin statistik traffic". Tidak repot kok. Justru ini adalah bagian pekerjaan penting. Mengetahui dan menganalisis traffic adalah bagian keseharian dalam memantau perkembangan traffic blog. Apakah traffic naik atau turun? Apakah user baru persentasenya jauh lebih banyak dari user yang sudah menjadi pelanggan? Dari mana saja datangnya user? Browser apa yang mereka gunakan? Post/artikel apa saja yang paling disukai/mendapat kunjungan terbanyak? dan masih panjaaaang lagi daftar pertanyaannya. Dengan mengetahui berbagai aspek statistik traffic, kita dapat merancang berbagai strategi untuk meningkatkan kualitas traffic, bukan hanya kuantitasnya. Nah, kalo statistik itu kacau, tidak benar, salah, bahkan palsu, bagaimana kita bisa melakukan analisis dengan benar? Permasalahannya bukan pada jumlah traffic yang besar atau kecil, tapi pada akurat atau tidaknya.

Sekarang (baru saja) saya sudah melepas widget Histats dan menggunakan versi hidden tracker. Karena jika harus melepaskannya secara total, sayang. Histats menurut saya adalah tracker dan alat statistik traffic yang cukup akurat, lengkap, dan gratis 100%.

Semoga dari kasus di atas ada beberapa bagian yang bisa diambil pelajaran. Terutama mengenai arti penting kebijakan penggunaan statistik traffic blog dan bagaimana agar kasus ini bisa dihindari.

Ke depan akan saya bahas mengenai analisis traffic dan bagaimana menggunakan hasil analisis untuk mengembangkan blog/web, salah satunya untuk mengukur tingkat konversi traffic. Kalo tidak saya bahas di sini, kemungkinan besar akan saya tuangkan di tautweb.com

Salam dan happy blogging, as always :)

� 2012 - 'til drop! buka-rahasia.blogspot.com. All rights reserved.

Cara Memasang Facebook Recommendation Bar di Blogger

Blogger Facebook Recommendation Bar.
Akhir 2011 lalu Facebook mengumumkan akan menambahkan fitur baru yaitu "Facebook Recommendation Bar". Akhir Juni 2012 lalu, fitur ini kemudian dirilis dalam bentuk beta. Saya sudah pernah mencobanya, namun karena terlalu berat, dan terlalu banyak fitur, maka saya kembali melepaskannya. Beberapa waktu kemudian, fitur seperti "Add to Timeline" yang juga muncul di recommendation bar tersebut dihilangkan. Script diperbaiki sehingga menghasilkan load yang lebih cepat dan efisien. Settingnya pun bisa dikostumisasi sendiri dengan mengubah beberapa parameter sehingga sesuai dengan keinginan pemilik web/blog.

Pada dasarnya, script Facebook Recommendation Bar berbasis pada pengambilan (fetching) beberapa meta informasi di dalam blog/web; sehingga basic penggunaanya tergantung pada template dan susunan strukturnya. Penggunaan fitur ini ditujukan sebagai alat rekomendasi posting/artikel setelah pembaca artikel blog selesai membaca sebuah artikel. Secara default, recommendation bar akan terbuka secara otomatis dalam waktu dan posisi tertentu pada sebuah halaman, berisi beberapa rekomendasi posting (default 3 buah), dan juga sebuah like button.

Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?

Tentu saja ada! Facebook Recommendation Bar telah saya buktikan memberikan keuntungan yang sangat banyak. Di antaranya adalah meningkatkan jumlah pageview, meningkatkan traffic, mengurangi bounce rate, dan tentu saja meningkatkan revenue. Sinergi widget ini dengan widget lainnya seperti LinkWithin Related Posts, Recent Posts Widgets, dan beberapa widget sejenisnya akan memberikan dampak yang signifikan terhadap traffic blog. Facebook Recommendation Bar memiliki keunggulan menampilkan jumlah like pada sebuah post, dan ini akan menjadi daya tarik tersendiri bagi pembaca blog untuk mengetahui isi posting yang direkomendasikan.

Cara Menambahkan Widget Facebook Recommendation Bar

Widget ini bekerja berdasarkan otorisasi aplikasi. Kemungkinan anda gagal menggunakannya adalah karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh karena itu, sebaiknya menggunakan Facebook App yang dibuat sendiri. So, langkah yang harus dilakukan dalam memasang widget ini adalah:

Langkah 1: Membuat Facebook Application

Note: Jika anda sudah memiliki aplikasi yang berkaitan atau digunakan di blog anda dan telah terotorisasi, lewati langkah ini. Langsung copy App ID yang tertera dan simpan terlebih dahulu.

1. Masuk ke halaman Facebook Apps (pastikan sudah login).
2. Klik Create New App.
3. Akan muncul pop up box, masukkan nama aplikasi (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
create new app
4. Masukkan kode captcha, klik submit.
5. Anda akan masuk ke halaman setting aplikasi. Lihat pada bagian bawah, tepatnya pada "Website with Facebook Login". Klik, lalu masukkan url blog. Jangan klik opsi lainnya, karena ini akan menyebabkan kesalahan setting dan memang tidak perlu diaktifkan untuk jenis aplikasi ini. Lalu klik "Save Changes".
add app url
6. Setelah itu akan muncul informasi App Id dan App Secret. Copy angka-angkan pada App ID, simpan di tempat yang aman. Berikut contohnya:
app ID
Langkah 2: Menginstall Facebook Recommendation Bar

1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian setelah pop up box muncul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template terlebih dahulu.
3. Cari kode ini:
<html 
Tujuannya adalah untuk memasukkan xlmns Facebook yang berfungsi sebagai fetcher, masukkan xmlns:fb='http://ogp.me/ns/fb#' tepat setelahnya. 
<html xmlns:fb='http://ogp.me/ns/fb#'
Oh ya, jika anda telah menggunakan xlmns:fb versi lama sebelumnya, hapus dan ganti dengan yang diatas.
4. Kemudian cari <body>. Pada template-template Blogger versi baru (simple, awesome, travel, dll), ada kemungkinan tambahan script atau informasi di belakang body, jadi cukup cari saja dengan <body (tanpa penutup). Copy kode berikut tepat setelahnya/di bawahnya:

<div id='fb-root'/>
<script>
//Facebook Recommendation bar - buka-rahasia.blogspot.com
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789012345";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://buka-rahasia.blogspot.com' trigger='50%'/></div>
</b:if></b:if>

Buat perubahan script di atas dengan petunjuk berikut:
  • Ganti 123456789012345 dengan App ID yang sebelumnya telah dibuat.
  • Ganti http://buka-rahasia.blogspot.com dengan url blog sobat.
5. Save template dan coba cek hasilnya.

Kostumisasi Tingkat Lanjut (Opsional)

Jika sobat ingin melakukan kostumisasi pada bagaimana Facebook Recommendation Bar ditampilkan, perhatikan poin-poin berikut:
  • max_age adalah maksimum usia posting yang akan ditampilkan dalam rekomendasi, ubah nilai 0 menjadi maksimal usia posting dalam hitungan hari, misalnya 100, berarti maksimal usia posting yang ditampilkan adalah 100 hari. Nilai 0 adalah default yang artinya tidak ada batasan usia posting.
  • num_recommendations adalah jumlah rekomendasi dalam setiap tampilan/load, ubah nilai 3 untuk menampilkan jumlah posting yang diinginkan.
  • read_time adalah waktu yang dibutuhkan untuk load seketika user/pembaca mencapai titik scroll dimana widget muncul dan menampilkan isi rekomendasi. Saya telah menyettingnya hingga sama dengan 10 detik, jika ingin widget menampilkan lebih lama, tambah nilai 10.
  • side adalah di sisi mana widget akan ditampilkan. Default settingan saya di atas adalah right dimana widget ditampilkan di sisi kanan. Jika ingin ditampilkan di sisi kiri, ubah menjadi left.
  • trigger adalah posisi awal dimana widget akan muncul. Setting di atas saya beri nilai 50% yang artinya widget akan muncul setelah user/pembaca blog scroll hingga separuh halaman. Ubah nilainya jika ingin widget muncul lebih ke atas atau ke bawah. Semakin besar nilai persentasenya, semakin ke bawah.
  • Script saya set untuk ditampilkan pada halaman posting dan statis (untuk halaman statis, tergantung template, kadang tidak ditampilkan), untuk menampilkan di semua halaman hapus tag b if conditional (semua yang berwarna pink). Untuk menampilkan di halaman-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger hanya di Halaman Tertentu.

Analisa Permasalahan Jika Widget Tidak Bekerja Sempurna

Kemungkinan permasalahan yang akan muncul adalah gambar yang tidak sesuai, title yang salah dan sejenisnya. Beberapa template Blogger memiliki struktur yang tidak baik atau susunannya tidak sempurna sehingga ketika fetcher mengambil informasi, bisa terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui masalah demikian, gunakan meta:og tambahan di dalam template blog anda. Simak tutorial selengkapnya di Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Well, that's it and have a nice blogging!

� 2012- 'til drop! buka-rahasia.blogspot.com. All rights reserved.

Cara Memasang Facebook Recommendation Bar di Blogger

Posted by rike No comments

Blogger Facebook Recommendation Bar.
Akhir 2011 lalu Facebook mengumumkan akan menambahkan fitur baru yaitu "Facebook Recommendation Bar". Akhir Juni 2012 lalu, fitur ini kemudian dirilis dalam bentuk beta. Saya sudah pernah mencobanya, namun karena terlalu berat, dan terlalu banyak fitur, maka saya kembali melepaskannya. Beberapa waktu kemudian, fitur seperti "Add to Timeline" yang juga muncul di recommendation bar tersebut dihilangkan. Script diperbaiki sehingga menghasilkan load yang lebih cepat dan efisien. Settingnya pun bisa dikostumisasi sendiri dengan mengubah beberapa parameter sehingga sesuai dengan keinginan pemilik web/blog.

Pada dasarnya, script Facebook Recommendation Bar berbasis pada pengambilan (fetching) beberapa meta informasi di dalam blog/web; sehingga basic penggunaanya tergantung pada template dan susunan strukturnya. Penggunaan fitur ini ditujukan sebagai alat rekomendasi posting/artikel setelah pembaca artikel blog selesai membaca sebuah artikel. Secara default, recommendation bar akan terbuka secara otomatis dalam waktu dan posisi tertentu pada sebuah halaman, berisi beberapa rekomendasi posting (default 3 buah), dan juga sebuah like button.

Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?

Tentu saja ada! Facebook Recommendation Bar telah saya buktikan memberikan keuntungan yang sangat banyak. Di antaranya adalah meningkatkan jumlah pageview, meningkatkan traffic, mengurangi bounce rate, dan tentu saja meningkatkan revenue. Sinergi widget ini dengan widget lainnya seperti LinkWithin Related Posts, Recent Posts Widgets, dan beberapa widget sejenisnya akan memberikan dampak yang signifikan terhadap traffic blog. Facebook Recommendation Bar memiliki keunggulan menampilkan jumlah like pada sebuah post, dan ini akan menjadi daya tarik tersendiri bagi pembaca blog untuk mengetahui isi posting yang direkomendasikan.

Cara Menambahkan Widget Facebook Recommendation Bar

Widget ini bekerja berdasarkan otorisasi aplikasi. Kemungkinan anda gagal menggunakannya adalah karena menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh karena itu, sebaiknya menggunakan Facebook App yang dibuat sendiri. So, langkah yang harus dilakukan dalam memasang widget ini adalah:

Langkah 1: Membuat Facebook Application

Note: Jika anda sudah memiliki aplikasi yang berkaitan atau digunakan di blog anda dan telah terotorisasi, lewati langkah ini. Langsung copy App ID yang tertera dan simpan terlebih dahulu.

1. Masuk ke halaman Facebook Apps (pastikan sudah login).
2. Klik Create New App.
3. Akan muncul pop up box, masukkan nama aplikasi (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
create new app
4. Masukkan kode captcha, klik submit.
5. Anda akan masuk ke halaman setting aplikasi. Lihat pada bagian bawah, tepatnya pada "Website with Facebook Login". Klik, lalu masukkan url blog. Jangan klik opsi lainnya, karena ini akan menyebabkan kesalahan setting dan memang tidak perlu diaktifkan untuk jenis aplikasi ini. Lalu klik "Save Changes".
add app url
6. Setelah itu akan muncul informasi App Id dan App Secret. Copy angka-angkan pada App ID, simpan di tempat yang aman. Berikut contohnya:
app ID
Langkah 2: Menginstall Facebook Recommendation Bar

1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian setelah pop up box muncul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template terlebih dahulu.
3. Cari kode ini:
<html 
Tujuannya adalah untuk memasukkan xlmns Facebook yang berfungsi sebagai fetcher, masukkan xmlns:fb='http://ogp.me/ns/fb#' tepat setelahnya. 
<html xmlns:fb='http://ogp.me/ns/fb#'
Oh ya, jika anda telah menggunakan xlmns:fb versi lama sebelumnya, hapus dan ganti dengan yang diatas.
4. Kemudian cari <body>. Pada template-template Blogger versi baru (simple, awesome, travel, dll), ada kemungkinan tambahan script atau informasi di belakang body, jadi cukup cari saja dengan <body (tanpa penutup). Copy kode berikut tepat setelahnya/di bawahnya:

<div id='fb-root'/>
<script>
//Facebook Recommendation bar - buka-rahasia.blogspot.com
//<![CDATA[
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=123456789012345";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://buka-rahasia.blogspot.com' trigger='50%'/></div>
</b:if></b:if>

Buat perubahan script di atas dengan petunjuk berikut:
  • Ganti 123456789012345 dengan App ID yang sebelumnya telah dibuat.
  • Ganti http://buka-rahasia.blogspot.com dengan url blog sobat.
5. Save template dan coba cek hasilnya.

Kostumisasi Tingkat Lanjut (Opsional)

Jika sobat ingin melakukan kostumisasi pada bagaimana Facebook Recommendation Bar ditampilkan, perhatikan poin-poin berikut:
  • max_age adalah maksimum usia posting yang akan ditampilkan dalam rekomendasi, ubah nilai 0 menjadi maksimal usia posting dalam hitungan hari, misalnya 100, berarti maksimal usia posting yang ditampilkan adalah 100 hari. Nilai 0 adalah default yang artinya tidak ada batasan usia posting.
  • num_recommendations adalah jumlah rekomendasi dalam setiap tampilan/load, ubah nilai 3 untuk menampilkan jumlah posting yang diinginkan.
  • read_time adalah waktu yang dibutuhkan untuk load seketika user/pembaca mencapai titik scroll dimana widget muncul dan menampilkan isi rekomendasi. Saya telah menyettingnya hingga sama dengan 10 detik, jika ingin widget menampilkan lebih lama, tambah nilai 10.
  • side adalah di sisi mana widget akan ditampilkan. Default settingan saya di atas adalah right dimana widget ditampilkan di sisi kanan. Jika ingin ditampilkan di sisi kiri, ubah menjadi left.
  • trigger adalah posisi awal dimana widget akan muncul. Setting di atas saya beri nilai 50% yang artinya widget akan muncul setelah user/pembaca blog scroll hingga separuh halaman. Ubah nilainya jika ingin widget muncul lebih ke atas atau ke bawah. Semakin besar nilai persentasenya, semakin ke bawah.
  • Script saya set untuk ditampilkan pada halaman posting dan statis (untuk halaman statis, tergantung template, kadang tidak ditampilkan), untuk menampilkan di semua halaman hapus tag b if conditional (semua yang berwarna pink). Untuk menampilkan di halaman-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger hanya di Halaman Tertentu.

Analisa Permasalahan Jika Widget Tidak Bekerja Sempurna

Kemungkinan permasalahan yang akan muncul adalah gambar yang tidak sesuai, title yang salah dan sejenisnya. Beberapa template Blogger memiliki struktur yang tidak baik atau susunannya tidak sempurna sehingga ketika fetcher mengambil informasi, bisa terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui masalah demikian, gunakan meta:og tambahan di dalam template blog anda. Simak tutorial selengkapnya di Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Well, that's it and have a nice blogging!

� 2012- 'til drop! buka-rahasia.blogspot.com. All rights reserved.

Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

Fitur Reply to Comment (Balas Komentar) sering kita temui di blog-blog Wordpress maupun Blogger. Perbedaannya, WordPress telah menyediakannya sebagai fitur bawaan. Selain itu, fitur reply comment WordPress mengandung threads yang independen. Masing-masing komentar dapat memiliki kesinambungan urutan seperti thread forum atau board. Di Blogger, fitur reply to comment pun dapat ditambahkan, namun sifatnya masih sangat sederhana. Hasil balasan komentarnya pun berupa komentar terbaru dan bukan thread. Tapi, tidak ada salahnya menambahkan fitur ini sebagai bagian dari tampilan desain blog yang tentunya akan memberikan kesan profesional pada blog Blogger anda.

Cara Membuat Reply To Comment (Balas Komentar) di Blogger/Blogger

Hack ini digunakan untuk menambahkan link fitur balas komentar Blogger. Ketika link tersebut di klik, maka akan muncul pop up window komentar baru, sama dengan jika anda melakukan setting kotak komentar agar muncul sebagai window baru dan bukan menyatu dengan bagian posting (berada di bawah posting).

Langkah-langkah menambah fitur reply to comment:

1. Copy kode berikut ke notepad atau text editor yang lain:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Reply</a></span>
2. Cari ID blog anda. Dari dashboard, buka halaman design, comment, post, atau yang lainnya. Lihat ke kotak url di bagian atas browser. Lihat bagian belakang url. Di bagian itu akan terlihat ID blog.
Contoh:
http://www.blogger.com/post-create.g?blogID=3293775847481849705 
Di bagian berwarna merah itulah ID blog anda. Copy angka ID blog tersebut. Jangan sampai ada kekeliruan dalam meng-copy.
3. Ganti  ID-BLOG-MU  dengan angka ID blog yang telah di copy tadi.
4. Ganti Reply dengan text lain yang diinginkan.
5. Masuk ke edit HTML/Template.
6. Centang/klik 'Expand Widget Templates' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter)
7. Cari kode berikut:
<data:commentPostedByMsg/>
8. Masukkan seluruh kode yang telah diganti ID-nya tadi tepat DI BAWAH / SETELAH-nya.
9. Save Template.

Mengganti Text 'Reply' Comment dengan Gambar/Image Button

Jika ingin mengganti text 'Reply' dengan gambar, cukup ganti text tersebut dengan script gambar.
<img src='http://urlgambar.com/gambar.jpg' />
Selengkapnya, copy kode berikut:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title="Balas Komentar Ini"/></a></span>
Ganti dengan url gambar tombol/icon reply untuk blog.

Kostumisasi Posisi Tombol/Gambar Reply Button 
Ganti http://urlgambar.com/gambar.jpg  dengam url gambar reply button. Ganti right dengan left jika ingin gambar berada di sebelah kiri (tepat di sebelah nama komentator). Atur nilai padding 4px untuk memberi besaran ruang kosong di sekeliling gambar. Ganti Balas Komentar Ini dengan kalimat atau perintah lain. Atau, tinggalkan begitu saja.

Gambar Tombol/Button Comment Reply

Untuk mendapatkan gambar reply button yang sesuai, anda dapat dengan mudah mencarinya di Google atau gunakan gambar berikut sebagai tombol reply komentar:
Penting! Upload dan host sendiri gambar-gambar tersebut karena sewaktu-waktu gambar-gambar tersebut  dapat dihapus. Klik kanan, pilih 'save as'. Upload gambar ke Blogger (Picasa) atau lainnya.
demo blogger comment reply
Catatan: Beberapa problem yang muncul biasanya bersumber pada pencantuman ID blog yang keliru dan kesalahan dalam mencari kode yang sama persis. Pastikan benar mencentang 'Expand Widget Templates',  jika tidak ketemu, cari tanpa tanda < dan >.

DOnE! 

Thanks to Paul Crowe yang sudah mengajarkan membuat hack ini step by step. 
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Fitur Reply Comment (Balas Komentar) di Blogger

Posted by rike No comments

Fitur Reply to Comment (Balas Komentar) sering kita temui di blog-blog Wordpress maupun Blogger. Perbedaannya, WordPress telah menyediakannya sebagai fitur bawaan. Selain itu, fitur reply comment WordPress mengandung threads yang independen. Masing-masing komentar dapat memiliki kesinambungan urutan seperti thread forum atau board. Di Blogger, fitur reply to comment pun dapat ditambahkan, namun sifatnya masih sangat sederhana. Hasil balasan komentarnya pun berupa komentar terbaru dan bukan thread. Tapi, tidak ada salahnya menambahkan fitur ini sebagai bagian dari tampilan desain blog yang tentunya akan memberikan kesan profesional pada blog Blogger anda.

Cara Membuat Reply To Comment (Balas Komentar) di Blogger/Blogger

Hack ini digunakan untuk menambahkan link fitur balas komentar Blogger. Ketika link tersebut di klik, maka akan muncul pop up window komentar baru, sama dengan jika anda melakukan setting kotak komentar agar muncul sebagai window baru dan bukan menyatu dengan bagian posting (berada di bawah posting).

Langkah-langkah menambah fitur reply to comment:

1. Copy kode berikut ke notepad atau text editor yang lain:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>Reply</a></span>
2. Cari ID blog anda. Dari dashboard, buka halaman design, comment, post, atau yang lainnya. Lihat ke kotak url di bagian atas browser. Lihat bagian belakang url. Di bagian itu akan terlihat ID blog.
Contoh:
http://www.blogger.com/post-create.g?blogID=3293775847481849705 
Di bagian berwarna merah itulah ID blog anda. Copy angka ID blog tersebut. Jangan sampai ada kekeliruan dalam meng-copy.
3. Ganti  ID-BLOG-MU  dengan angka ID blog yang telah di copy tadi.
4. Ganti Reply dengan text lain yang diinginkan.
5. Masuk ke edit HTML/Template.
6. Centang/klik 'Expand Widget Templates' (ni yg sering banget kelupaan, bis tu komen marah2 bilang kode yang harus dicari ga ada meskipun berulang2 dicari pe jenggotnya tambah panjang 5 meter)
7. Cari kode berikut:
<data:commentPostedByMsg/>
8. Masukkan seluruh kode yang telah diganti ID-nya tadi tepat DI BAWAH / SETELAH-nya.
9. Save Template.

Mengganti Text 'Reply' Comment dengan Gambar/Image Button

Jika ingin mengganti text 'Reply' dengan gambar, cukup ganti text tersebut dengan script gambar.
<img src='http://urlgambar.com/gambar.jpg' />
Selengkapnya, copy kode berikut:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID-BLOG-MU&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img border="0" src='http://urlgambar.com/gambar.jpg' style='float:right;padding:4px;' title="Balas Komentar Ini"/></a></span>
Ganti dengan url gambar tombol/icon reply untuk blog.

Kostumisasi Posisi Tombol/Gambar Reply Button 
Ganti http://urlgambar.com/gambar.jpg  dengam url gambar reply button. Ganti right dengan left jika ingin gambar berada di sebelah kiri (tepat di sebelah nama komentator). Atur nilai padding 4px untuk memberi besaran ruang kosong di sekeliling gambar. Ganti Balas Komentar Ini dengan kalimat atau perintah lain. Atau, tinggalkan begitu saja.

Gambar Tombol/Button Comment Reply

Untuk mendapatkan gambar reply button yang sesuai, anda dapat dengan mudah mencarinya di Google atau gunakan gambar berikut sebagai tombol reply komentar:
Penting! Upload dan host sendiri gambar-gambar tersebut karena sewaktu-waktu gambar-gambar tersebut  dapat dihapus. Klik kanan, pilih 'save as'. Upload gambar ke Blogger (Picasa) atau lainnya.
demo blogger comment reply
Catatan: Beberapa problem yang muncul biasanya bersumber pada pencantuman ID blog yang keliru dan kesalahan dalam mencari kode yang sama persis. Pastikan benar mencentang 'Expand Widget Templates',  jika tidak ketemu, cari tanpa tanda < dan >.

DOnE! 

Thanks to Paul Crowe yang sudah mengajarkan membuat hack ini step by step. 
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Spoiler di Blogger/Blogspot


Tips dan trik membuat spoiler ini sebenarnya sudah banyak yang posting dan share. Akan tetapi, tidak ada salahnya juga jika saya ikut share tentang spoiler dan sedikit tentang kegunaannya.
Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk memperpendek teks atau gambar yang sangat besar/panjang dan memakan space halaman atau untuk menyembunyikan kejutan bagi pengunjung (maka seringkali disebut pula sebagai "peek-a-boo", Indonesianya kurang lebih, "ci-luk-ba!", hehe)
Pada posting blog, spoiler dapat digunakan untuk memperpendek panjang halaman sementara sebelum di-klik oleh pengunjung, sehingga tampak tidak ruwet.

Spoiler juga dapat digunakan untuk menghibur pengunjung juga loh, misalnya seperti ini:

1. Copy dan gunakan script berikut:
<div id="spoiler" style="display:none">
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>
Kostumisasi spoiler:
- Ganti Konten Yang Disembunyikan dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.
- Ganti title Klik untuk melihat/menyembunyikan dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.
- Ganti Buka/Tutup dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.
2. Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.
3. Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".

Enjoy your Peek-A-Boo Spoiler!
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Spoiler di Blogger/Blogspot

Posted by rike No comments


Tips dan trik membuat spoiler ini sebenarnya sudah banyak yang posting dan share. Akan tetapi, tidak ada salahnya juga jika saya ikut share tentang spoiler dan sedikit tentang kegunaannya.
Spoiler dibuat dengan menggunakan javascript button. Sedangkan untuk menyembunyikannnya digunakan properti CSS display, dalam hal ini, "display:none;". Fungsinya ada banyak sekali, diantaranya untuk memperpendek teks atau gambar yang sangat besar/panjang dan memakan space halaman atau untuk menyembunyikan kejutan bagi pengunjung (maka seringkali disebut pula sebagai "peek-a-boo", Indonesianya kurang lebih, "ci-luk-ba!", hehe)
Pada posting blog, spoiler dapat digunakan untuk memperpendek panjang halaman sementara sebelum di-klik oleh pengunjung, sehingga tampak tidak ruwet.

Spoiler juga dapat digunakan untuk menghibur pengunjung juga loh, misalnya seperti ini:

1. Copy dan gunakan script berikut:
<div id="spoiler" style="display:none">
Konten Yang Disembunyikan
</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>
Kostumisasi spoiler:
- Ganti Konten Yang Disembunyikan dengan konten (text, url, url gambar, script dll) yang ingin disembunyikan.
- Ganti title Klik untuk melihat/menyembunyikan dengan title sekehendak anda. Title berfungsi memberi informasi ketika mouse di hover di atas tombol spoiler.
- Ganti Buka/Tutup dengan teks sesuai keinginan, teks tersebut akan menjadi perintah yang terlihat pada tombol spoiler.
2. Untuk membuat spoiler di badan posting, buat spoiler melalui menu Edit HTML, letaknya dibagian pojok kanan atas kotak posting, semua editing dilakukan pada menu tersebut, jika tidak maka script tidak akan bekerja.
3. Jika ingin membuatnya di widget, pilih menu "HTML/Javascript".

Enjoy your Peek-A-Boo Spoiler!
mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

Tutorial Cara Membuat Widget Twitter Follow Me Melayang (Floating) di Blogger/Blogspot

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.

Cara membuat/memasang:
1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
2. Setelah pop up window muncul, pilih opsi HTML/Javascript
3. Kemudian copy kode berikut:
<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/azmisurvivor target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznTJvYir5uKx52-ljkMM3avrBBBXUGtdJj_oleI6yBJC59oUjivdJA7x6dAVBpijK-YdxRRu9haN2QDnf2Q64smPXSHw3wCxAUbLsRZLSwy6Og7FIbmkZQHAEBJjFWe5PPnXAi74n8YPD/s1600/floatingtwitter.png" /></a>
Ganti azmisurvivor dengan  nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.
4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

 
5. Klik save.
6. Refresh blog dan lihat hasilnya.
Done and cheers!

mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Widget Twitter Follow Us Melayang di Blogger/Blogspot

Posted by rike No comments

Tutorial Cara Membuat Widget Twitter Follow Me Melayang (Floating) di Blogger/Blogspot

Konsep widget ini sama dengan tombol back to top melayang Blogger beberapa waktu yang lalu, yaitu dengan memberikan styling CSS: fixed position dan scrolling display pada link gambar untuk memberikan efek melayang.

Cara membuat/memasang:
1. . Masuk ke dashboard > Design/Rancangan > Klik Add a Gadget
2. Setelah pop up window muncul, pilih opsi HTML/Javascript
3. Kemudian copy kode berikut:
<br/><a style="display:scroll;position:fixed;bottom:200px;right:1px;" href="http://twitter.com/azmisurvivor target="_blank"><img style="border:0;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznTJvYir5uKx52-ljkMM3avrBBBXUGtdJj_oleI6yBJC59oUjivdJA7x6dAVBpijK-YdxRRu9haN2QDnf2Q64smPXSHw3wCxAUbLsRZLSwy6Og7FIbmkZQHAEBJjFWe5PPnXAi74n8YPD/s1600/floatingtwitter.png" /></a>
Ganti azmisurvivor dengan  nama account Twitter anda. Jika anda ingin widget berada di sebelah kiri browser, ganti right dengan left.
4. Paste kode yang sudah di edit ke kolom configure HTML/Javascript.

 
5. Klik save.
6. Refresh blog dan lihat hasilnya.
Done and cheers!

mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

Cara Membuat Fitur/Tombol Back To Top di Blogger-Blogspot

 membuat tombol/fitur back to top/kembali ke atas blogger-blogspot
Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:
1. Masuk ke edit HTML.
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>
Ganti title Back to Top dengan kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas', 'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke laptop'... terserahlah, suka-suka elo... ^_^ Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.
Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.
Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet and pengunjung gak melet-melet!

Atau Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.
Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut. Contoh:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-khl9PyquHvQRiSCiZFG2ZJWTBvLMcPe8WVyOjuDwh1cCCXOgZQ648aPXrOVr_1fHnelrqqK-y9kyq7kbTosiPyRfzA0s3OazxQpVOPeEqYaA5shXSxTYO1rOznipZ28qxIWnTk8h-gVw/s1600/bttp-4.png'/></a>
Oke, udah? Belum? Buruan lah!

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.
5. Done! Fitur/Button Back To Top siap digunakan.

Cara Membuat Fitur/Tombol Back To Top di Blogger-Blogspot

Posted by rike No comments

 membuat tombol/fitur back to top/kembali ke atas blogger-blogspot
Back to Top Button atau Tombol Kembali ke Atas adalah fitur blog yang mempermudah pengunjung/visitor blog kembali ke bagian atas halaman dengan sekali klik tanpa melakukan mouse scrolling. Efeknya sangat besar sekali terutama bagi blog yang memiliki halaman panjang. Letak dari tombol fitur back to top kali ini ada di bagian footer sebelah kanan.

Cara menambahkan fitur 'Back To Top' untuk Blogger-Blogspot:
1. Masuk ke edit HTML.
2. Cari kode tag </body> (Ctrl+F)
3. Masukkan kode berikut di atas </body>:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='alamat url gambar Back to Top-mu'/></a>
Ganti title Back to Top dengan kata-kata yang disuka, misalnya 'return to top', 'kembali ke atas', 'balik ke atas', 'meluncur ke atas', 'balikan nyook', atau 'kembali ke laptop'... terserahlah, suka-suka elo... ^_^ Fungsinya untuk notifikasi ke pengunjung tentang kegunaan tombol tersebut.
Alt Back to TOP lebih baik ditinggalkan begitu saja kalo-kalo gambar gagal dimuat browser jadi tulisan itu masih nongol sebagai pengganti.
Gunakan gambar berikut, klik kanan copy (save as), trus upload dan host sendiri ya gambarnya, biar gak lelet and pengunjung gak melet-melet!

Atau Googling (cari juga di photobucket.com) gambar 'back to top/kembali ke atas' sendiri yang lebih keren dan sesuai dengan warna dan ukuran footer blog-mu, gunakan keyword "back to top button image", kemudian upload dan host gambar itu.
Ambil/copy direct link gambar dan ganti alamat url gambar Back to Top-mu dengan alamat url/link tersebut. Contoh:
<a href='#' style='position: fixed; right: 15px; bottom: 15px; outline: medium none; border: 0px none;' title='Back to Top'><img alt='Back to Top' border='0'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-khl9PyquHvQRiSCiZFG2ZJWTBvLMcPe8WVyOjuDwh1cCCXOgZQ648aPXrOVr_1fHnelrqqK-y9kyq7kbTosiPyRfzA0s3OazxQpVOPeEqYaA5shXSxTYO1rOznipZ28qxIWnTk8h-gVw/s1600/bttp-4.png'/></a>
Oke, udah? Belum? Buruan lah!

4. Kalau sudah dimasukkan semuanya dan pastikan tidak ada yang terlewat, save template HTML-nya.
5. Done! Fitur/Button Back To Top siap digunakan.

2 Cara Menampilkan Widget/Iklan/Link/Script HANYA di Bagian Posting (Post Body)

Let's go straight to the point! Jika anda ingin menampilkan widget, iklan, link, ataupun script anda hanya di bagian bawah posting saja (menyembunyikan widget dari homepage) dan tidak ingin menampilkannya di bagian lain, termasuk halaman muka, you can follow these two tricks.

Ada dua cara yang bisa digunakan:
1. Jika blog anda berplatform blogger, anda dapat memanfaatkan fitur dalam setting. Login ke dashboard anda, dan::

Klik Setting







 Klik Formatting/format






Scroll ke bawah hingga post template. Anda dapat memasukkan script, link aktif , atau sekedar tulisan saja ke dalam form di sebelahnya. Save settings. That's it.






2. Anda dapat mengedit template html blog dan memasukkan tag b if cond, yang berfungsi sebagai perintah untuk menampilkan suatu hanya pada bagian tertentu. Cara ini saya dapat sebagai salah satu trik untuk menyembunyikan Google Adsense di blog yang lain dan ternyata bisa juga digunakan untuk script lain, misalnya widget-widget tambahan, baik dalam HTML murni maupun java. Masuk ke edit HTML, centang expand widget templates, dan masukkan kode berikut Tepat SEBELUM </body> (gunakan Ctrl+F untuk mencari):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
script widget/iklan/script lain anda disini
</b:if>
Ganti  script widget/iklan/script lain anda disini dengan script atau link aktif anda dan save.

Analisis, kelebihan, dan kekurangan:
Cara 1: Cara ini mudah dan cenderung tidak beresiko. Cara ini sama saja dengan menyisipkan script ke dalam edit HTML anda di dalam posting (sebelah compose), sehingga script anda merupakan bagian posting. Dengan demikian, widget ataupun iklan anda akan muncul setelah anda membuat posting baru. Anda harus mengedit posting lama untuk menyisipkan script. Selain itu karena bersifat eksternal, load time yang dibutuhkan relatif lebih banyak. Cara ini pada akhirnya bersifat jauh lebih  manual dari cara 2.
Cara 2: Memasukkan script secara manual ke dalam template HTML blog memang hal yang sering dihindari, apalagi setelah Blogger memiliki banyak fitur instan. Namun yakinlah hasilnya akan berbeda dan lebih baik. Cara ini berarti mengintegralkan script dengan template blog, sehingga secara otomatis akan muncul dalam semua bagian blog yang diberi perintah untuk dimunculkan. Dengan demikian, semua posting lama anda pun akan 'terinfiltrasi' secara otomatis. Load time yang dibutuhkan relatif lebih cepat (catatan: tergantung dari jenis file widget dan server dari widget tersebut).

Have a nice try, then. ^^

Sebagai contoh adalah widget myfreecopyright di bawah ini:
myfreecopyright.com registered & protected

mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

2 Cara Menampilkan Widget/Iklan/Link/Script HANYA di Bagian Posting (Post Body)

Posted by rike No comments

Let's go straight to the point! Jika anda ingin menampilkan widget, iklan, link, ataupun script anda hanya di bagian bawah posting saja (menyembunyikan widget dari homepage) dan tidak ingin menampilkannya di bagian lain, termasuk halaman muka, you can follow these two tricks.

Ada dua cara yang bisa digunakan:
1. Jika blog anda berplatform blogger, anda dapat memanfaatkan fitur dalam setting. Login ke dashboard anda, dan::

Klik Setting







 Klik Formatting/format






Scroll ke bawah hingga post template. Anda dapat memasukkan script, link aktif , atau sekedar tulisan saja ke dalam form di sebelahnya. Save settings. That's it.






2. Anda dapat mengedit template html blog dan memasukkan tag b if cond, yang berfungsi sebagai perintah untuk menampilkan suatu hanya pada bagian tertentu. Cara ini saya dapat sebagai salah satu trik untuk menyembunyikan Google Adsense di blog yang lain dan ternyata bisa juga digunakan untuk script lain, misalnya widget-widget tambahan, baik dalam HTML murni maupun java. Masuk ke edit HTML, centang expand widget templates, dan masukkan kode berikut Tepat SEBELUM </body> (gunakan Ctrl+F untuk mencari):
<b:if cond='data:blog.pageType == &quot;item&quot;'>
script widget/iklan/script lain anda disini
</b:if>
Ganti  script widget/iklan/script lain anda disini dengan script atau link aktif anda dan save.

Analisis, kelebihan, dan kekurangan:
Cara 1: Cara ini mudah dan cenderung tidak beresiko. Cara ini sama saja dengan menyisipkan script ke dalam edit HTML anda di dalam posting (sebelah compose), sehingga script anda merupakan bagian posting. Dengan demikian, widget ataupun iklan anda akan muncul setelah anda membuat posting baru. Anda harus mengedit posting lama untuk menyisipkan script. Selain itu karena bersifat eksternal, load time yang dibutuhkan relatif lebih banyak. Cara ini pada akhirnya bersifat jauh lebih  manual dari cara 2.
Cara 2: Memasukkan script secara manual ke dalam template HTML blog memang hal yang sering dihindari, apalagi setelah Blogger memiliki banyak fitur instan. Namun yakinlah hasilnya akan berbeda dan lebih baik. Cara ini berarti mengintegralkan script dengan template blog, sehingga secara otomatis akan muncul dalam semua bagian blog yang diberi perintah untuk dimunculkan. Dengan demikian, semua posting lama anda pun akan 'terinfiltrasi' secara otomatis. Load time yang dibutuhkan relatif lebih cepat (catatan: tergantung dari jenis file widget dan server dari widget tersebut).

Have a nice try, then. ^^

Sebagai contoh adalah widget myfreecopyright di bawah ini:
myfreecopyright.com registered & protected

mencuri adalah pekerjaan pengecut! � buka-rahasia.blogspot.com

6 Free Chat Widgets You Can Consider For Your Blog

I did search for and try many chats widgets the whole night. and here are some points I can present.

It is a bit hard to decide which to use since there are so many chat tools provided and they are all free. I could at least say that the number reaches more than 60 chat tools ready to employ and embed to blogs or websites.

You will find it interesting to try one by one, but of course, it will take your whole life before you  get what you want . Hahaha, kiddin'! Instead, I've got some recommended blog chat tools you can consider to use. You may have known some, but there may be some others you haven't.
 
Cbox is one of the popular chat and shout-box tools. Many blogs embed this chat tool. We can see it anywhere around. One thing I like from this tool is that it is secure. You can be sure to control any spam yourself  by having the ultimate control on it. It supports avatars and smileys, but of course, for free use, ads will be embedded either.


Gabby is a chat tool service that supports and provides RSS. It has audio functionality and pretty look. All you have to do is just 'gab' your blog url to get this tool.

Zohochat is easy to set-up, slick, simple to use, and has a professional-look. You can choose whether it is for shout-box or live chat. This one is what I recommend most.


Freeshoutbox is basically formed in HTML, so you can easily embed this tool anywhere you want. You can choose more than 200 templates if you are a bit 'lazy' to customize the details. What I like most is that this tool supports auto refresh: 6 per minute, whether Shoutmix: 1 per minute, and Cbox does not support this feature at all. You can also ban an IP when you find it annoying. Ads embedded below the box.


Well, because Oggix is one of karya anak bangsa, so I simply got to say in Bahasa Indonesia sajah (lebay dikit gapapah....lah ^_^). Shout-box ini adalah karya dari Mas Oggix, men-support smiley, avatar dan tidak membatasi jumlah entri chat. Bahkan anda juga bisa memasang lebih dari satu shout-box di  satu blog /website dengan satu account saja. Ajax platformed. Just give it a try here.

Yoo-hoo, there are of course many other chat/shout-box widgets to find and consider. Just type some words on Mr. Google.

Oops! I forgot to present one other tool; that is: Shoutmix.  The service enables you to modify the appearance of your widget by employing many optional themes, as well as custom CSS. This tool is able to filter profane words from being displayed on the shout-box.
Have a nice try!

6 Free Chat Widgets You Can Consider For Your Blog

Posted by rike No comments

I did search for and try many chats widgets the whole night. and here are some points I can present.

It is a bit hard to decide which to use since there are so many chat tools provided and they are all free. I could at least say that the number reaches more than 60 chat tools ready to employ and embed to blogs or websites.

You will find it interesting to try one by one, but of course, it will take your whole life before you  get what you want . Hahaha, kiddin'! Instead, I've got some recommended blog chat tools you can consider to use. You may have known some, but there may be some others you haven't.
 
Cbox is one of the popular chat and shout-box tools. Many blogs embed this chat tool. We can see it anywhere around. One thing I like from this tool is that it is secure. You can be sure to control any spam yourself  by having the ultimate control on it. It supports avatars and smileys, but of course, for free use, ads will be embedded either.


Gabby is a chat tool service that supports and provides RSS. It has audio functionality and pretty look. All you have to do is just 'gab' your blog url to get this tool.

Zohochat is easy to set-up, slick, simple to use, and has a professional-look. You can choose whether it is for shout-box or live chat. This one is what I recommend most.


Freeshoutbox is basically formed in HTML, so you can easily embed this tool anywhere you want. You can choose more than 200 templates if you are a bit 'lazy' to customize the details. What I like most is that this tool supports auto refresh: 6 per minute, whether Shoutmix: 1 per minute, and Cbox does not support this feature at all. You can also ban an IP when you find it annoying. Ads embedded below the box.


Well, because Oggix is one of karya anak bangsa, so I simply got to say in Bahasa Indonesia sajah (lebay dikit gapapah....lah ^_^). Shout-box ini adalah karya dari Mas Oggix, men-support smiley, avatar dan tidak membatasi jumlah entri chat. Bahkan anda juga bisa memasang lebih dari satu shout-box di  satu blog /website dengan satu account saja. Ajax platformed. Just give it a try here.

Yoo-hoo, there are of course many other chat/shout-box widgets to find and consider. Just type some words on Mr. Google.

Oops! I forgot to present one other tool; that is: Shoutmix.  The service enables you to modify the appearance of your widget by employing many optional themes, as well as custom CSS. This tool is able to filter profane words from being displayed on the shout-box.
Have a nice try!

Pasang Widget Translator

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>


5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...

Pasang Widget Translator

Posted by rike No comments

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...

1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".
3. Lalu pilih HTML/Javascript"
4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>


5. Kemudian simpan.

Coba sekarang lihat blogmu maka ada tampilan seperti ini :



Coba dites apakah translator tersebut bekerja dengan baik atau tidak.
Gimana? gampang kan...

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Cara membuat Form "Email Subscriber" / "Berlangganan Lewat Email"

Posted by rike No comments

Seperti yang kamu lihat, disebelah kanan blog ini ada sebuah kotak yang berisi kotak untuk mengisikan alamat email dan sebuah tombol yang ada tulisan "Berlangganan Trik Baru". Nha dalam trik dan tips kali ini kita akan belajar kelompok tentang bagaimana membuat kotak tersebut. Oh ya, perlu dijelasin dulu nih apa fungsi dari form tersebut. Form tersebut fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbari postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru kita. Mudeng ra? wes pokoke ngono lah.
Beginilah cara membuat form "Email Subscriber" tersebut :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar :D
3. Biasanya alamat feed blog kamu seperti ini http://NAMABLOGMU.blogspot.com/feeds/posts/default , ganti tulisan NAMABLOGMU dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blogmu itu isinya hanya video2 maka beri tanda centang pada kotak "I am a podcaster", jika tidak ya gak usah dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data2 yg diperlukan disana, trus klik tombol "Activate Feed"
5. Nha kalo berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa sih tapi biar seru kita lewat jalan lain aja.
7 Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Nha setelah itu nanti akan ada beberapa kotak yang berisi kode2. Nha kalo km pinginnya yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tadi, trus klik tombol "Save" untuk mengaktifkan layanan tersebut.
12. Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" nha paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, udah ada kan form untuk "Email Subscriber".

Trus kalo mo nampilin jumlah reder yang berlanganan gini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" nha disitu scriptnya yang harus km copy dan pasang di blogmu.

Cara Membuat Kotak Blogroll dan Marquee

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>


keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>


Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Cara Membuat Kotak Blogroll dan Marquee

Posted by rike No comments

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>


keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>


Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".


<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>



Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Cara Menampilkan Status Off/Online Yahoo Messenger

Posted by rike No comments

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".


<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>



Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Cara Membuat Search Engine

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Membuat Search Engine

Posted by rike No comments

Tentu kita semua sudah tahu apa itu Search Engine (hari gini gak tahu apa itu search engine? cape' deeh...). Search Engine adalah ... bla.. bla..bla.. dst.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga bla.bla..bla..... udah ah penjelasannya, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger . Caranya sangat mudah, yaitu:

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Aangka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya

Cara Membuat Kotak Link Exchange

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :



Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>



text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:



piye? wes mudeng rung?
Guampang tho?

Cara Membuat Kotak Link Exchange

Posted by rike No comments

Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh :p
Kalo kita mau tukeran link biasanya ada kotak seperti ini :



Nha trus gimana cara buat kotak tersebut?
gini lho,
pertama Login ke blogger trus pilih Layout --> Page Elements
trus klik Add a Gadget lalup pilih HTML/Java Script
trus kopi kode berikut ini di tempat yang disediakan.

<textarea name="textarea" cols="20"><a href="http://trik-tips.blogspot.com"><img src="http://http://kendhin.890m.com/banner-trik.gif" width="90" height="17" border="0" /></a></textarea>



text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km.
terus simpan templatenya.
Hasilnya akan seperti kotak diatas, trus gambarnya mana?, gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. Kisi kotak diatas kalo dicopy dan paste jadinya akan seperti ini:



piye? wes mudeng rung?
Guampang tho?

Blogger templates. Proudly Powered by Blogger.
back to top