Teknik SEO website: December 2011

Friday, December 30, 2011

Cara Membuat Recent Post Berjalan ke Bawah

Kali ini tutor26 akan mengulas Cara Membuat Recent Post Berjalan ke Bawah.

Langsung aja Cekoprot'z Gan..

Login ke akun blogger masing masing
Dari dashboard ke Rancangan
Klik Add Gadget/Tambah Gadget
Pilih HTML/Javascript
Masukkan kode berikut

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

imgr[1] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

imgr[2] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

imgr[3] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

imgr[4] = "http://tutor26-project.googlecode.com/files/icon.t26.png";

showRandomImg = true;

boxwidth = 290;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 15;

home_page = "http://tutor26.blogspot.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://tutor26-project.googlecode.com/files/postberjalan.txt' type='text/javascript'></script>
</div>
Ganti http://tutor26.blogspot.com/ dengan url blog sobat
Jika sudah silahkan klik Simpan
Lihat hasilnya

Selamat mencoba Sobat Bloger... (",)

Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot

Menu Navigasi Breadcrumbs juga membantu meningkatkan SEO dan SERP, yaitu dalam pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada di bagian atas posting.

Cara Membuat Menu Navigasi Breadcrumbs di Blogger/Blogspot:

1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.

2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:

.breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

Keterangan : jika tidak ingin menggunakan border / garis bawah, hapus kode [ border-bottom:3px double #e6e4e3; ] pada no.2 diatas.

3. Cari (Ctrl+F) <b:include data='top' name='status-message'/> kemudian tambahkan kode ini TEPAT di BAWAH/SETELAH-nya :

<b:include data='posts' name='breadcrumb'/>

4. Cari (Ctrl+F) <b:includable id='main' var='top'> lalu tambahkan script berikut TEPAT di ATAS/SEBELUM-nya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.

note: karena banyaknya problem yang disampaikan ketika mengedit, perhatikan benar-benar instruksinya serta pahami istilah di bawah/setelah serta di atas/sebelum, itu berarti letakkan kode benar-benar setelah atau sebelum kode yang dicari. Contoh :

<b:include data='top' name='status-message'/>

[Taruh kode <b:include data='posts' name='breadcrumb'/> disini....]

<data:adStart/>

Kita lihat di situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru di bawah/setelah <b:include data='top' name='status-message'/>

Itu berarti anda harus meletakkan benar-benar setelahnya, sehingga <data:adStart/> harus digeser posisinya, atau kode/tag baru disisipkan di antara keduanya, seperti contoh dibawah ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:adStart/>

Enjoy Menu Navigasi Breadcrumbs baru di Blog Blogger/Blogspot milik Sobat... (",)

Cara Memasang Berita Pada Blog

Jumpa lagi dengan tutor26 ....

Saya harap Agan-agan semua terbantu dengan artikel-artikel yang ada.

Langsung aja Kita ke TKP sesuai dengan yang kalian mau...

Cara Memasang Berita Pada Blog :

1.Tata Letak-- Tambah gadget

2.Pilih Newsreel

3.dibagian ekspresi muncul Aplle,Google dan Microsoft
4.Ganti tulisan tersebut dengan Info berita lain Seperti Liputan6,jawa pos dll.
saya pilih liputan 6 dan Klik Simpan.

5.Maka Akan tampil berita berganti ganti di blog Anda

Cukup Mudah dan simpel kan!!

Memasang Meta Tags dan Manfaatnya

Meta tags merupakan kode yang dimasukkan dalam kode HTML blog agar memudahkan search engine membaca gambaran singkat tentang blog dan keyword atau kata kunci yang digunakan dalam blog tersebut. Meta tags dalam Blogger.com dipasang setelah kode <title> ... </title>. Jika trik blogger sebelumnya, yakni ; title blog telah kamu optimasi sebelumnya, seperti langkah dalam posting "Cara Membuat Judul Posting SEO Friendly" sebagai berikut :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Maka meta tags dipasang tepat di bawah kode diatas, kode meta-nya adalah :

<meta content="...deskripsi tentang blog kamu..." name="description"/>
<meta content="keyword1,keyword2,keyword3,..." name="keywords"/>
<meta content="index | noindex | follow | nofollow" name="robots"/>

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman blog kamu. Ukuran karakter yang disarankan biasanya 25 - 30 kata (dibawah dan/atau mendekati 150 karakter). Kemudian jangan sampai terjadi pengulangan keyword sebanyak 3 kali atau lebih. Dan usahakan description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman blog kamu. Contoh penulisan meta tag description :

Apabila blog kamu telah di-indeks oleh search engine (ex : Google), maka tampilannya akan seperti ini :

Title blog
Tips SEO dan trik blog. Bagaimana memaksimalkan blog agar mendapat top ranking di google search engine...?

Meta Tag Keywords

Meta tag keyword merupakan kode dasar yang sangat penting untuk menunjukkan kata kunci blog kamu ke search engine. Bagaimana menghasilkan keyword yang baik dan relevan, silakan baca posting "SEO | Optimasi kata kunci / keyword'". Kode meta-nya adalah

Fungsi kedua meta tersebut adalah sama dan tidak ada pengaruhnya di search engine. Namun tujuan pemakaian tanda koma agar keywords tersebut mudah dibaca. Urutkan posisi keyword dari yang paling penting sampai dengan kurang penting dan jangan mengulang keyword sebanyak 3 kali atau lebih, karena akan dianggap spamming. Contoh penulisan meta tag keyword :

<meta content="search engine,ranking,tips seo,trik blogger,optimasi blog" name="keywords"/>

Masukkan keyword yang sesuai dengan tema dan isi blog kamu dan jangan membuat keyword yang tidak ada hubungannya dengan isi blog, lihat dan baca posting "Cara Membuat Judul Posting SEO Friendly".

Meta Tag Robots

Tujuan meta tag robots adalah menentukan halaman blog yang diizinkan di-indeks oleh spider. Jika kamu ingin agar spider dalam search engine melakukan indeks dan menelusuri hyperlink (<a href="..."/>) yang ada di blog kamu, maka meta robots-nya adalah :

Jika sebaliknya, yakni mengintruksikan agar spider tidak meng-indeks maupun menelusuri link yang ada dalam blog kamu, maka kode meta-nya :

Manfaat Geocities Untuk Blog

Geocities merupakan salah satu layanan dari Yahoo untuk membuat website baik yang gratis maupun berbayar. Dalam kesempatan ini, kita batasi ulasan pada layanan yang gratis. Banyak manfaat dari fasilitas ini, terutama untuk menyimpan file-file yang akan kamu manfaatkan dalam mengelola suatu blog. Kho, bisa? Ya, bisa dong. Yang pasti kamu harus memiliki akun di Yahoo terlebih dulu.

Kalau belum ada coba kamu baca : Bikin e-mail Gratis Via Yahoo Mail.

Setelah kamu memiliki akun Yahoo, kunjungi site Geocities. Kemudian login dengan menggunakan akun Yahoo tersebut. Kamu akan melihat halaman "Geocities Control Panel" di tab "Home".

Secara garis besar yang dapat kita manfaatkan disini adalah fasilitas penyimpanan file-nya. Pilih tab "Manage". Pada File Management Tools, terdapat dua opsi ; Pertama, Easy Upload (kamu dapat mengupload file langsung) dan Kedua, File Manager (melihat file-file yang tersimpan).

Jika file kamu berupa gambar atau kode html. kamu bisa meng-upload langsung, namun jika file lain seperti file yang berekstension txt, doc dan sejenisnya maka kamu perlu memperhatikan beberapa trik.

Misalnya meng-upload file "Postterbaru.txt" :

Buka "Open File Manager"
Pada tab "Create & Update" --> klik "New" --> kamu akan dihadapkan pada halaman edit html
Buka aplikasi notepad --> copy full source code "postingterbaru" --> letakkan cursor pada halaman editor html geocities --> tekan tombol Ctrl + A --> pastekan full source code "postterbaru"
isi Filename ex: "postingterbaru.txt" --> klik "Save"

Sekarang kamu telah menyimpan file baru bernama postingterbaru.txt.

File-file yang telah tersimpan dalam Geocities dapat kamu manfaatkan bagi blog kamu dengan cara memodifikasi widget dan penambahan penambahan link menuju ke file yang tersimpan tersebut.

Contoh :
<script style="text/javascript" src="http://www.geocities.com/tutor26.file/postingterbaru.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://suka-sukacom.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Coba perhatikan kode yang berwarna merah, ia akan mengarahkan ke file postingterbaru.txt yang tersimpan di Geocities. Mudah bukan dan selamat menikmati manfaat layanan ini untuk blog kamu.

Cara Membuat Favicon

Favicon

adalah gambar kecil berukuran 16x16 yang ditampilkan di dalam menu bar browser ketika blog kamu dikunjungi. Ini adalah cara yang baik untuk menunjukkan identitas dan meningkatkan cita rasa pengunjung ketika ia melakukan bookmark terhadap blog kamu. Untuk langkah awal siapkan image (gambar) yang akan kamu jadikan favicon dengan format gif, jpg, png, dan bmp serta berukuran tidak lebih dari 150 kb.

Klik untuk memulainya.
Browse lokasi gambar kamu, kemudian pilih button "Create Icon".
Hasilnya akan tampil di bawah button "Create Icon" tersebut.
Download favicon dan simpan dalam komputer kamu.

Sampai di sini favicon kamu telah selesai dibuat.

Agar favicon dapat tampil dalam menu bar icon blog, kamu harus meng-upload icon tersebut ke salah satu situs penyimpanan file (ex : Yahoo Geocities). Layanan ini dapat kamu nikmati jika kamu telah memiliki account Yahoo terlebih dahulu. Baca "Manfaat Geocities untuk Blog" by tutor26.

Sedangkan cara memasang favicon di blogger.com adalah sebagai berikut :

Login ke blogger.com
Klik Tata Letak --> Edit HTML.
Copy kode berwarna hijau di bawah ini dan paste di bawah Meta Tag blog kamu atau di antara <head> ... </head>

<link href='http://alamatpenyimpananfilefavicon' rel='shortcut icon' type='image/x-icon'/>

Ganti alamat penyimpanan file favicon dengan lokasi penyimpanan favicon kamu sendiri
(ex : www.geocities.com/asmara.4477/OBfavicon.ico)

Jangan lupa disimpan

Selamat Buat Favicon...

Cara buat Mini Post atau Mini Artikel diBlogger

Mini Post atau Mini Artikel ini sebenarnya cara lain menampilkan berita singkat dimana style post yang ditampilkan akan berbeda dengan posting sebenarnya. Minipost ini akan tampil sesuai dengan label atau kategori khusus..jadi untuk menampilkan setiap Mini post kita hanya cukup menentukan labelnya saja. Sebenarnya cara membuat mini post ini saya temukan dari salah satu blogger quiterandom.com silahkan dipelajari disana bila ingin lebih jelasnya :)

1. Masukan kode dibawah ini dalam deretan kode CSS

.minipost.home {background: #fff; font: normal 12px 'Arial', sans-serif; padding: 5px;border:1px solid #c0c0c0}
.minipost.home .date {color: #000; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.minipost.home .body {padding: 5px 0;}
.minipost.home .meta a {color: #990000; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.minipost.item {background: transparent;}
.minipost.item .date {margin:1.5em 0 .75em; font:normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif; line-height: 1.4em; text-transform:uppercase; letter-spacing:.2em; color:#999999;}
.minipost.item .title {margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#cc6600;}

2. Kemudian cari kode <b:loop values='data:posts' var='post'> lanjutkan lagi dengan memasukan kode warna pink yang pertama. Kalo sudah masukan lagi kode warna pink yang kedua dibawah kode <b:include data='post' name='post'/>

<b:loop values='data:posts' var='post'>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<b:if cond='data:label.name != "minipost"'>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>

<b:else/>
<b:include data='post' name='minipost'/>
</b:if>
</b:if>
</b:loop>

<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>

3. Langkah ke tiga cari kode berikut <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> Kemudian sisipkan semua kode dibawah ini dibawah kode diatas

<b:includable id='minipost' var='top'>

<b:if cond='data:blog.pageType != "item"'>
<div class='minipost home'>
<div class='date'><data:post.dateHeader/></div>
<div class='body'>
<data:post.body/>
<div class='clear'/>
</div>
<div class='meta'>
<a expr:href='data:post.url'>Read More</a> |
<a expr:href='data:post.url + "#comments"'><data:post.numComments/> comments</a>
<b:include data='post' name='postQuickEdit'/>
</div>
</div>

<b:else/>

<div class='minipost item'>
<div class='date'><data:post.dateHeader/></div>
<div class='title'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
</div>
<div class='body'>
<data:post.body/>
<div class='clear'/>
</div>
<b:include data='post' name='postQuickEdit'/>
</div>
</b:if>

</b:includable>

4. Buat satu postingan dengan label "minipost", silahkan dicoba aja dulu :)

MazeCore: Cara Mudah Memonitor Posisi Keyword

Layanan MazeCore mungkin bukan yang terbaik, tapi paling tidak layanan spesialis monitoring keyword ini gratis :). Untuk rekan yang ingin memantau posisi keyword pada tiga search engine terkenal sekaligus seperti google, bing dan yahoo sepertinya aplikasi ini menjadi pilihan yang menarik. Cara menggunakan aplikasi ini juga tidak sulit, yang kita perlukan hanya mendaftar, kemudian memasukan alamat blog dan keyword yang ingin di monitor.

Selain berfungsi sebagai monitoring keyword, layanan ini juga memiliki pesan alert sebagai pemberi laporan (report) yang akan dikirim langsung ke alamat mail, kita tinggal memilih 3 pilihan untuk hasil laporan, bisa harian, mingguan dan bulanan. Selamat mencoba aja :)

Cara Agar Blog/Web Terindex Di Bing Search Engine

Search Engine terbaru besutan dari Microsoft yang diberi nama dengan Bing.com merupakan hasil kolaborasi dari 2 perusahaan maha besar antara Microsoft dan Yahoo. Tentu saja bing berpotensi menjadi pesaing terberat Google, jadi tidak menutup kemungkinan bing bisa saja menjadi mesin pencari utama kita nantinya. Saat ini kita sebagai blogger berusaha bagaimana memposisikan Blog/Web kita menjadi urutan teratas pada semua search engine, setidaknya dapat terindex saja itu sudah sangat bagus, terlebih Blog/Web kita masih baru lahir.

Cara Submit URL ke Bing
Agar blog terindex di bing caranya sangat mudah, kita hanya menuju ke alamat ini saja http://www.bing.com/docs/submit.aspx, Silahkan masukan saja langsung alamat blog dan kode verifikasi.

Cara Authentikasi Meta tag dan Submit URL di Bing
Untuk lebih meningkatkan spider bing aga bisa mengcrawl dan mengindexs Meta Tag blog anda. Silahkan kunjungi langsung Bing Webmaster http://www.bing.com/webmaster, untuk bisa melakukan beberapa setting anda harus terdaftar dulu di Bing.com

Web Address: masukan nama blog (contoh : http://tutor26.blogspot.com/)
Sitemap address: www.bing.com/webmaster/ping.aspx?siteMap=http://tutor26.blogspot.com/atom.xml (saya masih belum jelas juga sitemap dengan atom.xml bisa bekerja dengan baik apa tidak)
Meta tag authentication -> masukan kode authentication di halaman html blog kita masing-masing, biasanya kode ini diletakan di bawah kode <head>

Menurut sepengatahuan saya, blog yang sebelumnya sudah pernah terindex di MSN Search juga berpotensi terindex di Bing.com jadi silahkan dicek saja dengan langsung memasukan URL blog.

RedAnyWay : Cara Menjaring Pengikut Untuk Meningkatkan Trafik Blog

Sebelum mencoba layanan ini saya sempat berpikir juga, kira2 apa bedanya ya layanan RedAnyWay dengan follower dan GFC-nya blogger. Dari sisi fungsi jelas kedua layanan ini hampir sama sebagai penjaring pengikut (follower). Nah kalo gitu ngapain harus make layanan ini khan? Ups, tapi tunggu dulu, setelah saya mencobanya ternyata fiturnya menarik juga lho :)

Mungkin rekan sudah penasaran apa saja kelebihan dari layanan RedAnyWay ini? ok saya coba jelasin secara singkat. Layanan RedAnyWay menggunakan Facebook dan Twitter sebagai account login mereka, ini sangat berbeda dengan GFC dan Follower yang tidak mensupport sistem login tersebut. Selain itu ada beberapa kelebihan lain yang dimiliki layanan ini dimana layanan RedAnyWay memiliki fungsi Auto Post yang secara otomatis akan mentrack semua postingan terbaru, lalu mengirim pesan tersebut langsung ke status Twitter dan Facebook. Mungkin tehnik inilah yang dimaksud pengembang agar pengguna tidak harus bekerja dua kali bila hanya ingin memberikan info status terbaru diblog mereka.

Nah kesimpulannya terserah pada rekan saja memilih dari layanan follower blogger atau menggunakan RedAnyWay. Toh layanan ini juga bagus kok sebagai alternatif pengganti widget follower. Siapa tau saja trafik yang dihasilkan lebih bagus ketimbang widget yang sekarang rekan gunakan. So, silahkan dicoba aja dulu..

Menampilkan Label Cloud di Blogger

Jika sebelumnya blogger hanya menyediakan label dalam bentuk daftar bullet, namun sekarang sepertinya sudah ada penambahan fasilitas baru lagi dimana sudah tersedianya widget label Cloud (awan). Ini dapat rekan lihat langsung pada widget label masing-masing. Setelah diaktifkan, label yang lebih populer muncul dalam font yang lebih besar daripada label yang kurang populer.

Pilih Label - Fasilitas lain yang ditambahkan pada label yaitu kita dapat memilih dengan menyeleksi label mana saja yang ingin ditampilkan.

Info selengkapnya baca di http://buzz.blogger.com

Jelajahi Semua Album Foto di Facebook dan Flickr via Fotobounce

Ada beberapa alasan kenapa saya menyarankan menggunakan layanan gratis dari fotobounce, salah satunya selain dikemas sebagai aplikasi dekstop client, layanan ini memberikan kita kemudahan dalam memanage keseluruhan album foto yang ada pada layanan Facebook dan Flickr. Saking banyaknya fitur yang ditawarkan, sampai-sampai saya sendiri bingung harus menjelaskan mulai dari mana nih hehehe

Banyak hal yang bisa kita lakukan pada aplikasi ini, yang jelas fotobounce memudahkan kita terutama pada proses upload dan download pada semua album poto. Fitur download tentu memungkinkan kita untuk melakukan proses backup, dan itu tidak hanya pada album poto anda sendiri lho, tetapi kita bebas menjelajahi dan mendowload semua album poto dari teman-teman yang terjaring sebagai teman kita di facebook. ini tentu saja memudahkan kita membuka kembali album poto terdownload tersebut ketika sedang offline.

Fotobounce juga built-in pada pengenalan wajah (sangat mirip dengan apa yang kita lakukan pada Google's Picasa) sehingga dapat dengan cepat menandai foto pada desktop dan men-tag teman-teman kita, bahkan tag ini akan dipertahankan ketika di-upload kembali ke Facebook.
Silahkan download langsung pada situsnya, oh iya ukuran filenya lumayan besar sekitar 15Mb :)

Cara Meningkatkan Trafik Blog Melalui Twitter Dengan Memasang Button Tweetmeme / ReTweet

Banyak sekali usaha untuk meningkatkan trafik, salah satunya mungkin membagikannya melalui jejaringan sosial twitter. Namun sekedar hanya berbagi artikel melalui twitter sendiri saja tidak cukup lho, tidak masalah kalo list friend di Twitter kita sudah mencapai ribuan follower, tapi kalo cuman 50-100 sepertinya tidak terlalu efektif. Nah, dari pada pusing tiap hari mem-follow orang2 yang gak jelas, apalagi tujuan utama hanya kesedar memperbanyak teman, alangkah baiknya kita meminta bantuan pembaca sendiri untuk membagikan link artikel kita di twitter mereka masing2. Cara yang paling mudah salah satunya bisa dengan memasang button dari Tweetmeme atau Retweet.

Untuk memasang button Tweetmeme ini sangat mudah, pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya.

<div class='post-header-line-1'/>

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>'
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

Hampir sama dengan cara diatas, memasang button Retweet ini juga sangat mudah, pertama masuk kehalaman EDIT HTML, kemudian beri tanda centang pada Expand Template Widget. Kalo sudah, cari kode yang warna merah dan letakan kode button warna hijau tepat dibawahnya.

<div class='post-header-line-1'/>

<script type="text/javascript">
url = '<data:post.url>';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Jika ingin ukuran kecil:

<script type="text/javascript">
url = '<data:post.url>';
size = 'small';
</script>
<script type="text/javascript" src="http://www.retweet.com/static/retweets.js"></script>

Sedikit informasi, Tweetmeme atau Retweet memiliki nilai counter tersendiri untuk menilai seberapa banyak link kita yang telah dibagikan oleh pembaca. kita dapat melihat nilai tersebut langsung pada buttonnya.

Cara Chatting di Facebook tanpa membuka Facebook

Selain media sosial untuk berbagi photo dan update status, Facebook memudahkan kita untuk menghubungi pengguna lain melalui aplikasi chatting (obrolan). Namun biasanya sebelum menggunakaan aplikasi obrolan ini kita paling tidak harus login dulu disitus facebook. Sebenarnya ada cara lain yang bisa kita gunakan tanpa harus login, yaitu dengan cara menggunakan aplikasi chat client yang sudah banyak dikembangkan oleh pihak ketiga.

Facebook Chat pada Web Browser
Beberapa aplikasi dibawah ini dapat kita gunakan langsung menggunakan web browser, diantaranya IE, Firefox, Flock dan Google Chrome.

Facebook Chat Client pada Dekstop
Bila ingin mencoba aplikasi chat via dekstop client kita bisa mencoba beberapa aplikasi dibawah ini.

Semoga aplikasi diatas memudahkan kita ber-chat ria di facebook :)

Cara Pasang Avatar pada Komentar Blogger

Masih dalam memperingati ulang tahun blogger yang ke-10, Kali ini blogger menambahkan fitur terbaru lagi yaitu selain pengunjung memberi komentar, dapat juga langsung menampilkan komentar tersebut bersamaan dengan photo profile blogger mereka. Sayangnya, untuk bisa menampilkan kometar Avatar pada Blogger, kita harus dalam status login.

Blogger juga memberikan kemudahan untuk meng-upload langsung foto profil ketika kita ingin meninggalkan komentar, pada komentar pilih tombol Pratinjau, klik "Add photo" untuk meng-upload foto ke profil Blogger. Berikutnya ketika kita meninggalkan komentar diBlogger, foto profil akan langusng ditampilkan di sebelah kolom komentar.

Untuk mengaktifkan atau menonaktifkan gambar profil dalam komentar, buka halaman Pengaturan - Komentar. Lalu beri tanda check "Ya" pada "Tampilkan gambar profil dalam komentar?"

Sekedar info, beberapa template yang sudah dimodifikasi mungkin akan bermasalah dengan fasititas Avatar komentar ini, tapi jangan khawatir semua bisa di kembalikan seperti semula kok :)

53 Cara Mudah Berbagi Aktivitas Sosial dengan Widget Bloggybits

BloggyBits merupakan layanan yang memungkinkan kita memasang widget cepat berupa aktivitas terbaru pada beberapa jaringan sosial terpopuler dan menanamkannya kedalam situs atau blog. Situs sosial yang didukung saat ini diantaranya adalah: Twitter, Digg, Flickr, StumbeUpon, Delicious atau Rss Feed.

Proses untuk setting wigdet dapat dikatakan sangat mudah, setelah memilih dan menekan tombol, situs akan memproses data, kemudian mengembalikan tampilan visual widget dan kode untuk menyalinnya ke situs atau blog kita. Yang jelas, layanan ini bisa di gunakan langsung tanpa harus login sama sekali :)