Multiple Social Bookmarking Untuk Blog: AddThis

Ingin men-submit postingan blog ke berbagai situs penanda sosial (social bookmarking sites) secara praktis? Coba AddThis.

AddThis setidaknya memiliki 199 (seratus sembilan puluh sembilan) tombol situs penanda sosial.

Klik di sini untuk pergi ke situs AddThis.

Cara menambahkan social bookmarking AddThis ke blog Blogger (Blogspot) sangat mudah. Tinggal copy paste saja.

• Seperti biasa, kunjungi situs yang dimaksud, AddThis.
  

• Sebenarnya tanpa bergabung (Join Now) atau masuk (Sign In) pun sudah bisa mendapatkan kode, dan tombol, untuk dipasang di blog atau situs.
  

• Tapi jika ingin mendapat juga data analisa, kita harus bergabung menjadi anggota dan membuat akun (acount) di AddThis.
  

• Oke, sekarang pilih situs atau blog.

• Kemudian pilih jenis tombol yang diinginkan.

• Kini pilihan ketiga. Di sinilah yang menentukan apakah kita perlu bergabung menjadi anggota atau tidak.

• Jika hanya menginginkan tombolnya saja, pilih No, just give me the button. Kita tidak perlu bergabung dan tetap mendapatkan kode dan tombol AddThis-nya.
  

• Tapi jika memilih yang kedua, Yes, track the performance of my button. (requires registration), kita harus bergabung menjadi anggota. Keuntungannya adalah kita bisa mendapatkan laporan data tentang pemakaian tombol ini, misalnya berapa banyak posting blog kita telah di-share dan difavoritkan di Facebook, Twitter atau Technorati. 
  

• Sekarang kita pilih dulu No, just give me the button.
  

• Kemudian klik Get Your Button.

• Kita lalu diarahkan ke laman Get Your Button Code untuk mendapatkan kode tombol.

• Klik Install to Sidebar. Kita akan dibawa ke blog.

• Masukkan Nama Pengguna dan Kata Sandi, jika belum masuk ke Blogspot.
  

• Jika sudah masuk, akan secara otomatis diarahkan ke laman Add Page Element.

• Klik Add Widget. Kita akan diarahkan ke laman Page Elements (Layout). Dan tombol AddThis kini telah ditambahkan.
  

• Pindahkan letak gadget AddThis ke posisi lain jika tidak sesuai dengan keinginan.
  

• Klik Preview untuk melihat hasil copy paste tombol gadget AddThis.

Tetapi jika ingin mendapatkan laporan analisis data, bukan hanya tombolnya, kita kembali ke langkah ketiga dan pilih opsi kedua: Yes, track the performance of my button. (requires registration).

• Lalu klik Get Your Button. Kita akan diarahkan ke laman Register.

• Isikan data diri dan klik Register. 
  

• Kembali kita akan dibawa ke laman Get Your Button Code.

• Klik Analytics di sisi kiri atas untuk melihat (contoh) analisa dari penggunaan tombol AddThis.

• Selanjutnya tinggal mengulangi langkah yang sama seperti di atas sampai akhirnya gadget tombol penanda sosial AddThis terpasang di blog. Dengan menjadi anggota dan memiliki akun di AddThis, kita akan mendapat laporan berkala dari penggunaan tombol AddThis.
  

• Berikut screenshot dari AddThis di blog ini.

• Bisa juga menambahkan AddThis 2.1.1 ke browser Mozilla Firefox versi terbaru atau yang lama. Klik di sini untuk mengunduh (download) add-on AddThis bagi Mozilla Firefox.
  

• Semoga bermanfaat.
  

Artikel yang berhubungan:

- Cara Menambahkan Gadget Google Translate di Blog Blogger

- Cara Menambahkan Gadget Google Friend Connect ke Blog Blogger

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---

Cara Menambahkan Google Translate di Blog Blogger

Berikut cara memasang Google Terjemahan atau Google Translate ke blog Blogger (Blogspot).

• Klik di sini untuk pergi ke situs Google terjemahan (Google Translate).

• Lalu klik Alat dan sumber. 
  

• Kemudian pilih bahasa laman web Anda.
  

• Dan pilih setelan opsional. Bisa seluruh bahasa,
  

• atau pilih bahasa tertentu sebagai bahasa sasaran (target language) sebagai hasil dari terjemahan blog atau situs Anda. Contreng pada bahasa yang diinginkan.

• Setelah itu copy kodenya di dalam kotak. Klik di dalam kotak. 
  

• Tekan [Ctrl+A] untuk memilih semua kode. 
  

• Tekan [Ctrl+C] untuk mengopi semua kode.

• Bisa juga klik Pratinjau dan Coba! untuk melihat hasil sementara.

• Setelah itu kembali ke Dashboard blog Blogger (Blogspot).
  

• Klik Layout. 

• Klik Page Elements.

• Klik Add a Gadget.

• Pilih HTML/JavaScript dengan meng-klik gambar panah biru di sisi kanan.

• Tekan [Ctrl+V] untuk mem-paste semua kode di kotak Content. Bisa ditambahkan judul di kotak Title jika mau. Misalnya Translate This Blog.
  

• Klik Save dan selesai.
  

• Klik Preview untuk melihat pra-tinjau atau klik View Blog untuk melihat hasilnya. 
  

• Jika tidak puas, klik Edit pada lembaran Add a gadget (contoh di sini bernama Translate This Blog) untuk mengubah konfigurasinya. 
  

• Bisa juga memindahkan letak gadget di posisi lain pada blog atau situs.
  

• Di blog ini, gadget Google Translate saya tempatkan di sisi kanan atas.
  

• Cara menggunakan Google terjemahan untuk menerjemahkan artikel atau postingan blog adalah dengan melakukan klik pada bahasa sasaran yang diinginkan di kotak Select Language (Pilih Bahasa).  Misalnya Japanese (Bahasa Jepang).

Tapi harap maklum kalau fitur canggih ini juga (sering) membuat kesalahan. Contohnya ketika menerjemahkan kalimat berikut, Facebook Farmville Mengalahkan Twitter:

hasil terjemahannya malah jadi terbalik alias saltot a.k.a salah total. Malah jadi Twitter Beats (Mengalahkan) Facebook Farmville.

Demikian.

Artikel yang berhubungan:

- Cara Menambahkan Gadget Google Friend Connect ke Blog atau Situs Web

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---

Cara Menambahkan Google Friend Connect ke Blogger

Cara memasang gadget Google Friend Connect (GFC) ke blog Blogger (Blogspot) adalah sebagai berikut:

• Pastikan sudah memiliki akun di Gmail. Jika belum klik di sini untuk membuat account gratis (create an account) di Gmail.
  

• Jika sudah punya akun di Gmail, klik di sini untuk pergi ke situs Google Friend Connect.
  

• Klik di Language dan pilih Bahasa Indonesia untuk mengubah bahasa di halaman GFC menjadi Bahasa Indonesia.

• Jika melihat halaman Persyaratan Layanan Pengembang Jalinan Teman, klik Saya  setuju dengan Persyaratan Layanan Pengembang Jalinan Teman.
  

• Lalu isi formulir berikut ini:
  

• Klik Lanjutkan.
  

• Akan ada pemberitahuan seperti ini.
  

• Klik Tambahkan gadget anggota.

• Jika memiliki beberapa blog atau situs, tambahkan ke daftar GFC yang terletak di sebelah kiri halaman dengan klik pada Tambahkan situs baru. Ulangi beberapa langkah sebelumnya untuk menambahkan situs atau blog baru.
  

• Setelah semua situs/blog sudah ditambahkan, kini kita akan menambahkan gadget untuk situs/blog.
  

• Jika menambahkan banyak blog atau situs, pastikan memilih dan klik nama blog atau situs yang akan dipasangi gadget dari GFC dengan benar, supaya nanti tidak ada pesan error salah konfigurasi saat gadget sudah terpasang di blog. Misalnya di sini saya memilih blog yang berjudul Andre's Tutorial Blog, bukan yang lain.
  

• Kemudian klik pada gadget yang ingin dipasang. Lalu tentukan ukurannya di bagian Pilih ukuran gadget.
  

• Kemudian tentukan warna dan jenis font yang ingin ditampilkan. Bisa disesuaikan dengan tema atau warna blog.

• Dan yang terakhir, dapatkan kode HTML gadget dengan melakukan klik pada kotak Buat kode di bagian Buat kode HTML.
  

• Lalu salin (copy) kodenya. Caranya:

• Klik di dalam kotak. 
  

• Tekan [Ctrl+A] untuk memilih semua kode.
  

• Tekan [Ctrl+C] untuk mengopi semua kode.
  

• Kembali ke Dashboard blog Blogspot.
  

• Klik Layout.
  

• Klik Page Elements.
  

• Klik Add a Gadget.

• Pilih HTML/JavaScript dengan meng-klik tanda panah biru di sisi kanan.
  

• Tekan [Ctrl+V] untuk mem-paste semua kode di kotak Content. Bisa ditambahkan judul di kotak Title jika mau. 

• Klik Save dan selesai.
  

• Klik Preview untuk melihat pra-tinjau atau klik View Blog untuk melihat hasilnya. 

• Jika tidak puas, klik Edit pada lembaran Add a gadget (contoh di sini bernama Daftar Teman Blog) untuk mengubah konfigurasinya.
  

• Ulangi langkah yang serupa jika ingin menambahkan gadget lain dari Google Friend Connect ke blog.
  

• Demikian.
  

Artikel lain untuk dibaca:

- Cara Menambahkan Kotak Chatting di Blog Blogger Blogspot

- Cara menambahkan Gadget Google Translate di Blog Blogger Blogspot

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---

Custom Link List Yang Terbuka di Tab Baru

Berikut cara membuat costum linklist di Blogger yang bila kita klik bisa terbuka di tab baru atau tab lain. Saya membuat ini karena link list default dari Blogspot tidak memuaskan keinginan saya. Saya ingin link-list yang bila saya klik maka tautan/link-nya akan terbuka di tab berikutnya.

Gadget Link List bawaan Blogger yang saya maksud adalah yang seperti di bawah ini:

Widget atau gadget dari Blogger yang bernama Configure Link List di atas tidak memberikan apa yang saya mau. Sedangkan saya ingin agar semua situs jejaring sosial saya: Facebook, Twitter, Plurk dan juga Youtube akan terbuka di tab baru jika diklik linknya.

Saya putuskan untuk membuat sendiri (custom-made) daftar tautan (link list) yang jika diklik akan terbuka di tab lain. Akhirnya saya memakai gadget lain dari Blogspot yang bernama Configure HTML/JavaScript seperti ini.



Dan kini, daftar tautan jejaring sosial saya bisa terbuka di tab baru jika diklik. Cara untuk membuat sendiri Link List ini adalah sebagai berikut:

• jika sudah sign in di Blogger dan berada di Dashboard, 
• klik tab Layout,
• kemudian klik Page Elements,
• lalu klik Add a gadget,
• pilih HTML/JavaScript dengan melakukan klik di panah biru di sebelah kanannya,

• lalu copy kode HTML berikut ini dan paste di kotak Content seperti terlihat di gambar Configure HTML/JavaScript di atas.
  

<ul>
<li style="text-align: left;"><a href="http://facebook.com/andri.rahardian" target="_blank">FACEBOOK</a></li>
</ul>
<ul>
<li style="text-align: left;"><a href="http://www.plurk.com/AndreRahardian" target="_blank">PLURK</a></li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://twitter.com/AndriRahardian" target="_blank">TWITTER</a> </li>
</ul>
<ul>
<li style="text-align: left;;"><a href="http://www.youtube.com/user/gitara79" target="_blank">YOUTUBE</a> </li>
</ul>

• Note: ganti yang berwarna merah dengan alamat URL situs jejaring sosial Anda. Ganti kata-kata berwarna biru sesuai dengan nama situs yang bersangkutan.
  
• Klik Save.
• Selesai.
• Hasilnya bisa dilihat di halaman ini pada bagian yang terlihat seperti berikut ini.

Artikel yang berhubungan:

- Cara Menambahkan Tautan Youtube, Twitter, Plurk dan Facebook di Blogger Blogspot

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---

Memasang Kotak Chatting di Blogger Blogspot

How to Add Chat Box to Blogs

Berikut cara memunculkan atau memasang kotak chatting di blog Blogger Blogspot. Kita akan memakai chatting box dari Yahoo! Messenger Ping Box yang bentuknya kira-kira seperti ini.

Pastikan sudah terpasang Flash Player di kompi atau komputer Anda, jika belum klik di sini untuk mendownload Flash Player dari filehippo.com untuk browser Internet Explorer (IE). Dan klik di sini untuk mendownload Flash Player untuk browser berbasis Gecko seperti Mozilla Firefox, Opera, dan lainnya (non-IE).

Cara mendapatkan kode kotak chatting ini adalah dengan mengunjungi situs MyBlogLog dari Yahoo.

• jika sudah sign in, Anda bisa langsung ke halaman Create a Pingbox dari Yahoo! Messenger.
• Jika belum, Anda bisa mengunjungi situs MyBlogLog atau akun (account) saya di MyBlogLog.
• Sign in jika sudah jadi anggota/member. Join atau sign up jika belum.
• Setelah itu, klik di kata Widgets untuk Blogger seperti di bawah ini.
  

• (Jika belum ada fitur seperti gambar di atas di akun MyBlogLog, Anda harus memiliki account blog dulu di Blogger/Blogspot. Kemudian ketika berada di MyBlogLog, klik pada add website di bagian My Sites and Services dan ikuti instruksi di halaman selanjutnya.)

• Kemudian klik Create a Pingbox di halaman berikutnya.

• Lalu Anda akan dibawa ke halaman Create a Pingbox. Klik pada kotak Create a Pingbox.

• Di halaman selanjutnya, klik Create New.
  
• Kemudian Anda akan memilih theme untuk background. Ada beberapa pilihan: Fun, Professional, Seasonal, Color. Tentukan juga ukuran dan warna teks.
  

• Kemudian tentukan nama YM Anda (display name). Bisa juga memakai nama default YM anda. Klik dan beri tanda cek pada Show Yahoo! Message display image jika ingin foto YM Anda ditampilkan.
  

• Kemudian tentukan pesan/salam jika sedang online (Online greeting) dan pesan jika Anda sedang offline (Offline message). Klik dan beri tanda cek pada Require visitors to enter Nickname to send IM jika ingin pengunjung blog Anda memasukkan nama YM mereka jika mau chatting dan mengirim IM.
  

• Lalu beri nama Pingbox. Defaultnya adalah New Pingbox. Bisa diubah sesuai keinginan. Klik Save.
  

• Lalu Anda akan mendapatkan kode (code) untuk dipasang di Blogger. Pilih logo Blogger untuk mendapatkan kode yang tepat untuk blog Blogspot.

• Tentukan ukuran kotaknya. Setting standarnya adalah 220 x 400 pixel.

• Copy kode itu ke Notepad (atau cukup tekan [Ctrl+C] atau klik Copy to clipboard) dan kemudian kita berpindah ke Blogger.
• Jika belum, sign in ke Blogger.
  
• Klik Layout,
  
• klik Page Element,
• klik Add a gadget, pilih posisi yang diinginkan untuk menempatkan kotak chatting,
  
• klik tanda plus biru di HTML/JavaScript,
  
• ketik Title yang diinginkan misalnya, Chat with me, Cutey Pie!,
  
• paste kode ke kotak Content (tekan [Ctrl+V]),
• klik Save untuk menutup kotak dialog.
  
• Katam bin Selesai.
  

Dan nantinya di Yahoo! Messenger kita akan terlihat nama Pingbox yang kita buat di blog.

Untuk melihat hasil dari proses tutorial ini silahkan klik di sini untuk mengunjungi halaman live demo dari Pingbox saya. Disarankan melihat halaman live demo ini memakai browser Mozilla Firefox versi terbaru 3.5.5. atau yang versi lebih lama.

Masih banyak kotak chatting lainnya untuk Blogger. Anda bisa juga mencoba:

• oggix
• shoutmix.com
• plugoo,
• cbox, 
• xat.com, (full of emoticons/smileys),
  
• dan masih banyak lagi. 

Langkah-langkah cara pemasangannya mirip-mirip dan hampir sama. Tinggal mengikuti instruksi di halamannya.

Pastikan sudah terpasang/terinstal Flash Player di komputer Anda jika ingin melihat hasil tutorial ini di halaman live demo. Jika belum klik di sini untuk mengunduh/mendownload Flash Player langsung dari adobe.com.

Klik di sini untuk mengunduh/mendownload Flash Player untuk browser Mozilla Firefox, Opera dan browser lain yang berbasis Gecko (Gecko-based browsers) dari filehippo.com.

Klik di sini untuk mengunduh/mendownload Flash player untuk browser IE (Internet Explorer) dari filehippo.com.

Happy hunting dan selamat bereksperimen.

Klik di sini membawa Anda ke AndresTutorialBlog.blogspot.com

Klik di sini untuk ke DownloadMyFreeMP3.blogspot.com - download my own free mp3

---