Cara Membuat Related Post (Artikel Terkait) pada Blog

Bagaimana Cara Membuat Artikel Terkait (Related Post) dengan Scroll Bar dalam postingan Blog atau tepatnya berada di bawah postingan blog. Seberapa penting sih memasang Artikel terkait di blog ?  Yang pasti sangat penting, dengan memasang Artikel Terkait di blog akan lebih memudahkan lagi bagi para visitor blog membaca dan melihat artikel-artikel yang berhubungan dengan artikel yang dibaca.

Dan jika dikreasikan dengan Sroll Bar akan lebih menghemat tempat di blog kita jika isi postingan sudah banyak.

Untuk cara memasangnya silahkan ikuti langkah-langkahnya berikut ini :

1. Login ke akun blog

2. Selanjutnya edit HTML lalu centang Expand Template Widget dan jangan lupa download template untuk berjaga-jaga jika terjadi kesalahan.

3.  Kemudian carilah kode berikut ini <data:post.body/> (gunakan ctrl+f untuk mempermudah pencarian)

4. Jika sudah letakkan kode di bawah ini tepat di bawah kode <data:post.body/>

Kodenya sebagai Berikut :

==================================

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='similiar'>

<div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #ffffff;'>

<div class='widget-content'>

<h3>Related Post :</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement(&#39;ul&#39;);

var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i &lt; maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {

if (entry.link[k].rel == &#39;alternate&#39;) {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement(&#39;li&#39;);

var a = document.createElement(&#39;a&#39;);

a.href = alturl;

if(a.href!=location.href) {

var txt = document.createTextNode(entry.title.$t);

a.appendChild(txt);

li.appendChild(a);

ul.appendChild(li);

}

}

for (var l = 0; l &lt; json.feed.link.length; l++) {

if (json.feed.link[l].rel == &#39;alternate&#39;) {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);

var txt = document.createTextNode(label);

var h = document.createElement(&#39;b&#39;);

h.appendChild(txt);

var div1 = document.createElement(&#39;div&#39;);

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById(&#39;data2007&#39;).appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement(&#39;script&#39;);

script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;

+ label +

&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);

script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);

document.documentElement.firstChild.appendChild(script);

}

var labelArray = new Array();

var numLabel = 0;

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

<b:loop values='data:post.labels' var='label'>

textLabel = &quot;<data:label.name/>&quot;;

var test = 0;

for (var i = 0; i &lt; labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel &lt; maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</div>

</b:if>

 ==================================

5. Simpan dan kemudian lihat hasilnya

Selamat Mencoba.....

Baca Selengkapnya

Bagaimana Agar Blog atau Web Terindex oleh Google

Bagi yang mempunyai blog atau web site, google saat ini tidak bisa dilupakan begitu saja. Jika kita ingin punya banyak pengunjung maka salah satu caranya bagaimana agar web site / blog kita terindex dengan baik oleh google. Karena google merupakan mesin pencari terbesar, maka terindex-nya web kita tentu akan memberikan keuntungan. Bagaimana agar web kita terindex dengan baik oleh google ?

Sebelumnya jika belum pernah memasukkan alamat web ke google, bisa menambahkan di Add your URL to Google. Berikut beberapa langkah atau tips yang bisa dilakukan agar web/blog kita terindex dengan baik oleh google :

1. Daftar di Google Webmaster Tools

Google webmaster tool , bisa dikatakan tool utama (wajib) untuk mengetahui seberapa baik web site kita terindex oleh google. JIka web/blog kita belum di daftarkan, maka segera daftarkan, karena gratis. Setelah ikut mendaftar, maka langkah selanjutnya adalah verifikasi web kita, baik dengan menuliskan kode yang di perintahkan atau menambahkan file html tertentu di root folder kita.

Jika sudah di verifikasi, maka langkah selanjutnya adalah menambahkan Sitemap menggunakan fasilitas di google webmaster. Apa itu sitemap dan bagaimana membuatnya bisa di baca bagian kedua dibawah ini. Berbagai fasilitas tersedia di google webmaster tools ini adalah :

• Diagnostics, meliputi gambaran umum, web crawl, mobile crawl dan content analysis
• Statistics, meliputi kata-kata kunci yang paling banyak dicari dan melalui kata kunci tersebut pengunjung datang ke web kita (Top Seacrh Query), ditampilkan per minggu atau per bulan. Apa yang sebenarnya dilihat oleh Googlebot tentang isi web kita, statistik crawl, index dan juga subscriber.
• Links, berisi jumlah dan detail link-link dari luar yang menuliskan link ke web kita (external link) dan juga link yang mengarah keluar (internal link), serta Sitelinks ( berisi informasi link tambahan yang tampil di google).
• Sitemaps, untuk menambahkan sitemap web/blog kita, dan statusnya saat ini.
• Tools, fasilitas tambahan lainnya seperti Robot.txt, set target lokasi geografi dan lainnya.

Jika sudah berjalan sebulan atau lebih, maka google webmaster akan sangat bermanfaat untuk menganalisa tentang web site kita dan bagaimana cara meng-optimalkannya.

2. Tambahkan Sitemap di web/blog

Secara singkat Sitemap merupakan ringkasan apa saja isi website kita. Sitemap biasanya berupa link-link (URL) yang ada di web site kita, baik dalam format HTML maupun XML. Dengan adanya sitemap ini maka akan mempermudah google apa saja yang akan di index (crawl), karena akan dijadikan sebagai referensi utama. Bagaimana membuat sitemap ini ?

Bagi pengguna wordpress ada plugins yang namanya XML sitemap Generator. 

Dengan plugins ini kita tinggal meng-install, maka ketika kita menulis artikel baru atau mengeditnya, otomatis akan dihasilkan sitemap baru dan otomatis memberi informasi ke beberapa search engine seperti google, MSN, yahoo dan lainnya. Kita juga bisa men-generate sitemap secara manual setiap saat.

Informasi selengkapnya tentang Sitemap, termasuk plugins untuk CMS lainnya bisa dibaca disini XML Sitemap

3. Sebisa mungkin mengikuti petunjuk penulisan (Webmaster Guidelines)

Google telah membuat petunjuk agar isi web kita bisa optimal. Meskipun hal ini tidak wajib, tetapi ada banyak point-point penting dari apa yang dijelaskan di Google Webmaster guidelines yang hendaknya di ikuti. Berikut beberapa point aturan umum dalam membuat konten web/blog :

• Buat tulisan yang bermanfaat, kaya akan informasi dan tulisan dengan judul sesuai ( Judul mendeskripsikan isinya)
• Perkiran menulis yang berisi kata-kata yang nantinya akan di cari melalui google atau search engine.
• Jika menambahkan gambar, pastikan memberikan deskripsi gambar
• Perhatikan kesalahan penulisan kode HTML ( lebih baik jangan copy paste dari MS Word, karena kode HTML akan berukuran besar dan kadang tidak kompatibel dengan browser)

Masih banyak point-point lainnya yang dianjurkan. Selengkapnya tentang google guidelines ini bisa melihat langsung di Webmaster Guidelines.

Baca Selengkapnya

Bagaimana Cara Optimasi Blog Agar Tampil Lebih Cepat

Need for speed up your blog? Yups, siapa yang tidak ingin halaman blog-nya tampil lebih cepat, pada kenyataannya selain kualitas konten, faktor kecepatan loading page lah yang sangat besar pengaruhnya buat kenyamanan pengunjung. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yang harus kita cermati bersama, jangan sampai pengunjung kabur dan pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka.

Disini saya mencoba memberikan tips cara Optimasi blog agar bisa tampil lebih cepat, tentunya cepat dalam batas wajar.

15 Cara Optimasi Halaman Blog Agar tampil lebih cepat:

1. Aktifkan Kompresi dengan GZIP
Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript. Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loading halaman dan secara otomatis tentu akan terjadi pengurangan waktu download. Para Webmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi dengan Gzip. Untuk teknik dan tutorial Gzip silahkan disearch aja ya..sudah banyak sekali yang membahasnya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi ini karena secara default blogspot sendiri sudah mendukung teknik tersebut. Untuk pengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini atau kalau gak mau repot pake Gzip sebaiknya gunakan saja plugin WP Super Cache.

2. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya  termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

3. Lakukan Kompresi CSS (Stylesheet)
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.

4. Letakan CSS (Stylesheet) di Atas
Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakan untuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahli biasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halaman HEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satu pemanggilan dalam Header.

5. Buang CSS (Stylesheet) yang tidak perlu
Ketika browser mengakses halaman, biasanya harus melalui proses download dan menganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jika banyak kode CSS percuma yang harus diproses namun  tidak dieksekusi sama sekali! ini akan sangat mengganggu karena akan menghambat proses rendering yang harusnya lebih cepat!

6. Periksa Validasi CSS (Stylesheet)
Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akan menampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terus dijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja. Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebih mudahya silahkan gunakan tools online gratis seperti W3C CSS Validations

7. Kombinasi CSS (Stylesheet) dalam file External
Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan kode CSS melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalam satu file saja.  (untuk pengguna blogger abaikan teknik ini karena akan lebih bagus dengan pemanggilan internal)

8. Lakukan Kompresi Javascript
Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

9. Buang Javascript yang tidak Perlu
Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JS kadang membuat loading halaman akan semakin berat. Ketika browser mengakses suatu halaman, biasanya harus melalui proses download dan menganalisa kode dalam JS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harus diproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yang menurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidak digunakan lagi mending hapus saja!

10. Kombinasi Javascript dalam file External
Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua koding JS hanya dalam satu file saja.  (untuk pengguna blogger jika memungkinkan sebaiknya panggil melalui file internal saja.

11. Lakukan Optimasi Gambar
Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaan gambar yang berlebihan akan menjadi masalah ketika browser melakukan download pada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yang mempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknya lakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harus mengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it

12. Jangan Paksa Skala Gambar dalam HTML
Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dan tinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSS atau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100" src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah 200x200px sebaiknya jangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuat gambar 100x100px sesuai dengan ukuran gambar sebenarnya.

13. Hindari Gambar SRC kosong
Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melalui HTML <img scr=""> atau memalui Javascript var img = new Image(); img.src = ""; walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong, tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkan perikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.

14. Periksa Kembali Broken link
Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search engine sekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisa menggunakan tools dari W3C Checklink

15. Buang Widget atau plugin yang tidak Perlu
Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widget tersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranya tidak ada maanfaat sama sekali seperti memasang jam dan kalender. 

Baca Selengkapnya

Bagaimana Mendaftarkan Blog di Search Engine

Agar blog anda dapat diakses dan dikunjungi oleh banyak pengguna internet, perlu dilakukan upaya publikasi secara intensif. Salah satunya dengan cara mendaftarkan blog di search engine atau mesin pencari, Berikut ini cara mudah mendaftarkan blog di search engine besar, seperti Google, Yahoo dan MSN :

1. Mendaftarkan Blog Di Google.

• Klik www.google.com/addurl/
• Pada jendela ‘Add your URL to Google’ terdapat :

1. URL : http://trikbloggeroke.blogspot.com/ (ganti URL blog anda).
2. Comments : tuliskan dengan hal-hal yang terkait dengan isi blog anda, jika lebih dari satu pisahkan dengan tanda koma).
3. Optional : isikan kode angka/huruf seperti yang tertera dibawahnya.

• Jika Sudah terisi semuanya, klik tobol ‘Add URL’.
• Kemudian jika pendaftaran berhasil muncul jendela konfirmasi pertanda bahwa blog anda telah masuk ke database Google.com.

2. Mendaftarkan Blog Di Yahoo.

• Klik http://siteexplorer.search.yahoo.com/submit
• Pada halaman Site Explorer masukkan alamat blog anda pada kotak ‘Submit a Website or Webpage’.
• Tulislah secara lengkap alamat blog anda.

3. Mendaftarkan Blog Di MSN.

• Klik http://search.msn.com/docs/submit.aspx?FORM=WSDD2
• Kemudian masukkan kode anti spam yang telah disediakan di atasnya pada kotak ‘Characters’.
• Pada jendela ‘Live Search’, masukkan alamat lengkap blog anda pada kotak ‘Type the URL of your homepage’.

• Kemudian klik tombol ‘Submit URL’.

Periksalah hasilnya dengan cara mengetikkan: inurl:alamat blog anda contoh: inurl: http://trikbloggeroke.blogspot.com/ di dalam kotak search engine atau pencarian setelah 3 – 5 hari kedepan, kemudian lihat hasilnya..

Baca Selengkapnya

Membuat Postingan Blog Lebih Ekpresive dengan Auto Smile Icon

Bagaimana Cara Membuat Postingan/Content Blog Agar Lebih Expressive. Maksudnya apa sih ? Kalau di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini :) , kalau tanda ini :p maka yang muncul gambar ini :p dan lain-lain .

Untuk membuat blog kita menjadi lebih expressive dengan menggunakan auto smile icon. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi dalam Trik dan Tips kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, sebagai berikut :

1. Login ke blogger terus pilih Layout -->> Edit HTML
2. Beri tanda centang  pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, terus coba kamu posting dengan memakai kode-kode tersebut, dijamin berhasil. kalau gagal coba lagi,kalau masih gagal lagi mungkin servernya lagi down.

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) --> :)
:D --> :D
:$ --> :$
:( --> :(
:p --> :p
;) --> ;)
:k --> :k
:@ --> :@
:# --> :#
:x --> :x
:o --> :o
:L --> :L
:O --> :O
:r --> :r
:y --> :y
:t --> :t
:s --> :s
:~ --> :~
:v --> :v
:f --> :f
:d --> :d
:c --> :c
:z --> :z

Sebelum mengetikkan kodenya, harus di spasi dulu. Selamat Mencoba....

Baca Selengkapnya

Template Blog Keren Unik dan Gratis Terbaru

Template Blogger Keren Unik Gratis Terbaru setiap harinya sangat banyak dicari blogger yang ingin Mengganti Tampilan Blog agar terlihat lebih Profesional. Saya Sarankan Mengganti Template Blogger janganlah terlalu sering, karena klo terlalu sering mengganti Template Blog dapat membuat Search Engine males mengindex blog kita.

Dari informasi yang pernah saya baca, template blogger yang baik digunakan adalah template blog yang letak Postingannya di sebelah kiri agar Template SEO Friendly. karena Banyak yang tidak mengetahui ternyata Search Engine Mengindex halaman Blog dari sebelah kiri terlebih dahulu.

Buat pembaca yang lagi pengen cari Template Blogger berikut ada beberapa URL yang saya kumpulkan. situs ini menyediakan Template Blogger Terbaru, Template Blogger Keren, Template Blogger Free, Template Blogger Gratis, Template Blogger Unik:

 

01. www.zoomtemplate.com

02. www.template-godown.com

03. www.deluxetemplates.net

04. www.mytemplatebox.com

05. www.btemplates.com

06. www.finalsense.com

07. www.ourblogtemplates.com

08. www.freewebtemplates.com

10. www.themesbase.com

11. www.freecsstemplates.org

12. www.free-css-templates.com

13. www.blogtemplate4u.com

14. www.e-webtemplates.com

15. www.oswd.org

16. www.bloggertemplatesfree.com

17. www.borneotemplates.com

18. www.bloggertemplateplace.com

19. www.bloggerbuster.com

20. www.pyzam.com

21. www.bietemplates.com

 

Baca Selengkapnya

Widget Pilihan untuk Mempercantik Blok

Widget jika berhubungan dengan web ataupun blog maka yang dimaksud adalah sebuah tool (alat yang berguna) dalam memaksimalkan keindahan, kecantikan, serta “kenarsisan” blog Anda. Widget sendiri merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal dari third party atau pihak ketiga.

Penggunaan serta pemasangan widget telah sangat dimudahkan oleh pihak-pihak penyedia layanan, sehingga yang Anda perlukan hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali, cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah berikut ini 58 widget pilihan untuk mempercantik tampilan blog Anda. Namun jangan terlalu berlebihan memasang widget karena bisa mengakibatkan blog jadi terkesan kumuh dan membebani loading halaman blog anda.
1. MyBlogLog’s Recent Readers – Widget satu ini sejak kehadirannya didunia lain blog langsung mendapat sambutan meriah . Widget ini memperlihatkan avatar dari para pengunjung blog Anda.
2. Mashable – Widget ini menyediakan semacam newsreel (headline news) dalam element blogger yang memberikan cuplikan berita/postingan dari sosial networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout blog Anda.
3. Headline News – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.
4. Flickr Flash Photo Stream Badge – Widget ini menampilkan photo-photo dari profil flickr Anda secara berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti pada widget MyBlogLog di atas.
5. Preview Anywhere – sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord admin penggunanya. Fungsinya untuk melihat preview link keluar dengan tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan mouse pada teks atau banner yang “mengandung” link.
6. Twitter Badge – Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu dan menampilkan cuplikan kalimat-kalimat pendek.
7. Digg News – Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social bookmarking dengan Pilihan theme dan warna mudah untuk Anda atur agar sesuai dengan template blog Anda.
8. FEEDJIT –  Feedjit merupakan layanan real time traffic pada blog Anda. Ada empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi saja Feedjit dan lihat empat widget apa saja yang tersedia.
9. LineBuzz – Komentar dalam widget inline untuk Blog Anda.
10. Flixn – Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui blog Anda.
11. 3Jam – Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.
12. Jaxtr – Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP Anda.
13. LinkedInABox – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.
14. Box Widget – Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload file ke tempat penyimpanan online box.net melalui widget box.net pada blog Anda.
15. Price of gas – Menampilkan harga bahan bakar kendaraan bermotor secara online (US$), kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya tinggi.
16. iBegin Weather Widget – Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti widget Price of Gas di atas widget ini hanya cocok untuk blog yang memang membahas masalah yang sama.
17. ClockLink –  widget ini menampilkan petunjuk waktu atau jam pada blog Anda.
18. Film Loops – Menampilkan kesimpulan film terakhir yang Anda tonton melalui account FilmLoops Anda.
19. Daily Painters – Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.
20. WhoLinked – Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini secara teratur mengupdate sendiri web/blog yang melink blog Anda.
21. Criteo AutoRoll – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda.
22. Calender – Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya, untuk pengguna blogger widget kalender belum tersedia, oleh karenanya jika Anda ingin menampilkan kalender maka widget satu ini pantas di perhitungkan.
23. Bitty Browser – Menampilkan web browser “mini” pada sidebar blog Anda.
24. Leafletter – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.
25. WikiSeek – Menampilkan widget untuk pencarian pada Wikipedia.
26. FeedCount – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan account feedburner Anda.
27. Technorati Link Count – Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu directory blog technorati.
28. MyPageRank –  menampilkan Ranking Google atau Google PageRank (PR).
29. CheckPageRank – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.
30. Counter Statistic – Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka widget ini adalah salah satu yang menyediakan fasilitas tersebut.
31. Web/Blog Counter – Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari blog mana saja, dan jika melalui search engine semisal google, yahoo, msn menggunakan keyword apa. Jika Anda ingin melihat IP Address pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.
32. BlinkxIt –  ketika banner BlikxIt itu di klik maka keluar mini popup seperti snapshot dan menampilkan video yang berhubungan dengan postingan blog Anda.
33. Skype button –  widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.
34. RockYou Horoscope – widget berupa ramalan bintang
35. Bravenet Horoscope – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.
36. del.icio.us Tagometer – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.
37. del.icio.us Linkrolls – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.
38. Timelines – Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah digunakan, hanya perlu memasukkan RSS blog Anda lalu memasukkan ukuran lebar dan tingginya.
39. PollDaddy – PollDaddy memberikan Anda kemudahan membuat sebuah poling.
40. Vizu – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.
41. AnswerTips – Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah yang terdapat pada blog Anda.
42. AnswerBoxes – Masih widget dari Answer.Com hanya saja widget ini memberikan kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak dimengerti dan mendapat jawaban.
43. Now Playing – Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan ingin agar pengunjung blog Anda juga mendengarkan.
44. BuzzBoost – Menampilkan headline dari RSS FeedBurner blog Anda pada blog Anda sendir.
45. LibraryThing – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!
46. Plaxo Address Book – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.
47. AuctionAds – Widget yang menampilkan pelelangan barang dari eBay, dan memberikan kesempatan pada untuk mendapat persentase pengunjung blog Anda membeli barang lelang tersebut.
48. aStore – Hampir mirip dengan AuctionAds di atas, hanya saja widget ini datangnya dari Amazon.
49. Deal of The Day – Masih dari Amazon ini merupakan widget paling anyar yang dirilis amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang ditawarkan untuk pengunjung blog Anda.
50. Plazes – Widget ini menampilkan dimana posisi Anda.
51. Stockalicious – Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda keluarkan untuk ngeblog.
52. Yahoo! For Good – Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada yang berhak menerimanya.
53. Giftspace – Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda inginkan.
54. MixMap – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.
55. Google Map Widget – Perlihatkan pencarian pada peta google dari blog Anda.
56. Google Video Search – Tampilkan form pencarian video dari video pilihan pada blog Anda.
57. This Day in History – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.
58. Shoutbox – Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para blogger yang tengah blogwalking.

Demikian diantara widget yang bisa digunakan untuk mempercantik blog Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda.

Sumber : mashable.com

Baca Selengkapnya