Bagaimana Menampilkan Pengunjung Blog

Bagi yang mempunyai blog atau website, ada banyak cara untuk menampilkan jumlah pengunjung yang sedang online. Tetapi bagaimana jika kita ingin informasi lebih banyak, tidak hanya sekedar jumlah pengunjung saja ? Ada beberapa tools tambahan gratis (widget) yang bisa kita manfaatkan.

Berikut beberapa situs yang menyediakan widget khusus untuk menampilkan jumlah “user online” dengan berbagai fitur yang menarik dan informatif.

whos.amung,us
Ini mungkin merupakan widget “user online” yang paling banyak digunakan blogger di berbagai dunia, tampilan sederhana, dengan berbagai fitur :

Artikel paling banyak dibaca secara real time ( update setiap saat)
Jumlah minimum, rata-rata dan maksimum user online
Informasi asal pengunjung dalam map/peta
Statistik dalam 24 jam terakhir, bulanan, tahunan dan 5 tahunan

Cara pemasangan di website cukup mudah, tinggal buka situs whos.amung.us dan pilih menu “Get One” selanjutnya, copy code HTML yang tampil ke website kita, misalnya di file sidebar.php ( jika wordpress). Jika ingin menampilkan dengan warna dan tampilan yang berbeda, klik saja “Customize your widget!” dibawahnya.

Selain statistik otomatis terupdate, informasi map yang diberikan dapat dilihat dalam tipe normal, heat map (asal pengunjung yang paling banyak), cluster dan tampilan siang malam (Day night).

radarurl.com
Ini mungkin belum banyak yang kenal, karena sepertinya memang pemain baru dalam hal ini. Fitur yang diberikan mirip seperti whos.among.us, dengan sedikit tambahan. Selengkapnya:

jumlah user online real time
artikel yang sedang dibaca dan jumlah pembacanya
asal pengunjung dengan disertai map /peta dunia
statistik dalam 24 jam, bulanan, tahunan dan 5 tahunan
Negara terbanyak user online-nya

Untuk menggunakannya tinggal klik menu “Get Radar” kemudian pilih tampilan (widget) yang ingin dipasang, setelah itu copy code HTML yang ada dan paste di salah satu file website kita (misal di dalam file sidebar.php). Setelah terpasang, maka kita bisa langsung melihat statistik secara real time ( melihat perubahan setiap saat ).

radarurl memiliki kelebihan dengan tampilan peta dari google map, sehingga bisa kita zoom ( perbesar) peta yang ditampilkan untuk mengetahui lokasi pengguna lebih detail.

whosread.com

Whosread juga memberikan layanan user online, tetapi mungkin yang paling mudah dan paling ringan, karena tidak membuka file javascript. Tetapi sisi lain, seperti fiturnya relatif lebih sederhana dan statistik tidak otomatis ter-update setiap saat (kita harus me-refresh halaman agar statistik memberikan informasi terbaru /update ). Untuk mendapatkan kode HTML-nya dilahkan buka situsnya dan klik link “Get your free counter!”

Baca Selengkapnya

Cara Mengetes Website atau Blog Anda

Jika kita mempunyai sebuah website/blog, terkadang kita tidak menyadari bahwa user yang membukanya belum tentu melihat persis ketika kita mencobanya. Mengingat begitu banyak web browser yang tidak sepenuhnya kompatibel. Selain itu, kadang kita juga perlu melihat seberapa cepat web site kita dibuka, apa saja yang membuat loading web kita sangat lambat. Bagaimana jika kita ingin mengetes hal tersebut?

Berikut ada beberapa web yang menyediakan fasilitas diatas secara gratis

Mengetes tampilan Web site
Browsershots

Browsershots memberi fasilitas screenshot web site dalam berbagai web broser yang berbeda. Web browser yang disediakan cukup banyak, mulai dari Mozilla Firefox, Internet Explorer, Opera, Safari, Konqueror, K-Meleon sampai browser yang jarang kita dengar. Karena banyaknya browser yang tersedia, maka sebaiknya hanya memilih beberapa browser yang sering digunakan saja, karena jika terlalu banyak memerlukan waktu yang cukup lama.

IE NetRenderer

IE NetRenderer memberi kita fasilitas untuk mengecek bagaimana sebuah web site ditampilkan dalam browser Internet Explorer 8 beta 1, 7, 6 dan Internet Explorer 5.5. Karena pengetesan satu persatu dan hanya untuk Internet Explorer, maka relatif lebih cepat dari browsershots.

Kita juga bisa mengetes tampilan web kita di HP yang menggunakan sistem operasi Windows Mobile atau Blackberry di BrowserCamp atau melalui Opera Simulator (memerlukan plugins Java)

Mengetes Kecepatan Loading web
Pingdom

Pingdom memberikan layanan ini secara gratis. Kita tinggal memasukkan nama web site dan setelah diproses maka akan ditampilkan waktu loading setiap file ( HTML, CSS, gambar, javascript, flash dan lainnya) dengan ukurannya. Fasilitas ini sangat bagus untuk meningkatkan proses loading dan mengetahui apa saja yang membuat web site kita loadingnya sangat lambat.

Web Page Analyzer

Selain Pingdom, Web Site Analyzer juga memberikan fasilitas untuk mengetes kecepatan loading web site. Perhitungan mencakup ukuran file,total object, komposisi dan waktu download. Selain itu setelah dilakukan pengetesan, diberikan juga analisis dan rekomendasi untuk mengoptimalikan web site.

Baca Selengkapnya

Bagaimana Mempercantik Tampilan Blog

Untuk Mempercantik Tampilan Blog Sebenarnya tidak perlu menjadi ahli koding jika ingin mengutak-atik template blog. Yang diperlukan adalah pengetahuan dasar tentang html dan css. Saya rasa pengetahuan tentang keduanya saja sudah cukup untuk memulai eksperimen dengan template blogger.

Di sini saya akan coba tunjukkan beberapa hack sederhana pada blog untuk menambah fungsionalitas blog dan sekaligus memberi tampilan yang lebih baik.
 

1. Social Bookmark Button

Social bookmark memudahkan pengguna internet untuk menyebarluaskan informasi lewat web social bookmark, seperti like Facebook atau tweet Twitter. Keuntungannya adalah semakin tersebarlah info dari blog kita dan tentu saja menarik banyak minat pembaca. Ada tiga widget yang bisa dicoba, yaitu AddThis, Floating Social Media Button, dan share button standar dari Blogger.  AddThis button bisa didapatkan secara gratis di addthis.com. Hanya dengan beberapa klik, kamu bisa mendapat kode untuk memasang share social bookmark di blog kamu. Tampilan yang akan didapat akan menjadi seperti gambar di bawah ini.

 

Jika ingin kodenya, tinggal klik Get AddThis dan secara otomatis akan dibawa ke halaman selanjutnya dan tinggal copy-paste kodenya. Silakan menuju web AddThis di sini untuk mendapatkan widget keren ini.

2. Related Post dengan Thumbnail 

Related post adalah posting/artikel di blog yang memiliki label yang paling mirip dengan artikel yang sedang dibaca sekarang. Tujuannya untuk memberikan rekomendasi artikel lain untuk dibaca.

Related post memiliki kelebihan bagi blogger karena blog bisa menyarankan artikel yang memiliki tema yang mirip, karena mungkin hal ini akan mendorong pembaca untuk membaca artikel yang direkomendasikan itu.

Related post dengan thumbnail berarti daftar related post itu dilengkapi dengan thumbnail gambar yang ada di artikel yang disarankan.

Tentang artikel saya mengenai Related Post selengkapnya klik disini

3. Hack Label dan Archive Link
Jika kita menyediakan label untuk memudahkan pembaca mencari artikel dengan label tertentu, jika label ini di-klik, maka yang muncul adalah semua artikel dengan label yang dipilih.

4. Memberi highlight pada posting
Highlight yang dimaksud adalah penanda supaya mudah dibaca oleh pembaca blog, karena mungkin ada beberapa kalimat yang ingin kita tekankan.

5. Memasang SyntaxHighlighter pada blogger 

SyntaxHighlighter adalah open source code by Alex Gorbatchev untuk memberi tampilan menarik pada potongan kode-kode pada blog. Kode-kode ini bisa kode apa saja, misalnya c++, c, html, css, dll...

Baca Selengkapnya

Bagaimana Membuat Blog Lebih Unik

Ada tips blogging khusus yang dapat Anda ikuti untuk mengembangkan identitas diri anda dan untuk membantu Anda berdiri sendiri. Beberapa di antaranya memerlukan bakat tertentu atau keahlian orang lain lebih diandalkan dari pada pada konsistensi dan ketekunan. Dalam kedua kasus itu adalah sangat penting untuk menjadi unik dalam meningat karena bisnis blogging yang sangat kompetitif/memiliki persaingan yang ketat. Bahkan satu-satunya ukuran blog yang paling populer adalah kemampuan mereka untuk menjadi menarik dan cara mempertahankan yang mantap. Satu-satunya hal yang baik untuk menarik dan membuat betah pembaca setia blog adalah dengan menawarkan mereka sesuatu yang lain dari pada yang lain. Itulah namanya keunikan.

Berikut adalah 5 cara di mana Anda dapat menciptakan sesuatu yang unik tentang Anda atau situs Anda. Blog yang unik tidak hanya akan meningkatkan traffic blog tetapi membangun loyalitas mereka para pembaca setia blog. Ingat membuat blog ini adalah soal memberikan sesuatu yang orang lain miliki atau tidak dan melakukannya secara konsisten.

Kedalaman Isi artikel Blog

Tulislah beberapa topik yang Anda posting dengan isi artikel yang memuat berbagai wawasan atau informasi lainnya yang berguna bagi pembaca. Artinya pengunjung atau pembaca bisa mendapatkan keuntungan dari artikel yang anda tulis. Tulislah posting yang mendalam dengan membuat wawasan yang lebih komprehensif dan dapat menjadi bahan pemikiran pembaca blog. Pembaca blog akan menghargai ini dan akan menunjukkan penghargaan mereka.

Kepribadian

Tunjukkan kepribadian Anda atau setidaknya salah satu yang membuat pembaca blog anda merasa nyaman. Hal ini dapat tercermin dalam cara Anda menulis atau pendapat Anda yang anda sampaikan. Hal ini akan membantu untuk meningkatkan traffic blog ke situs Anda karena pembaca akan mengalami sesuatu yang unil terhadap wawasan anda, pendapat atau gaya penyampaian anda.

KeAhlian

Jika Anda memiliki keahlian tertentu atau bakat bagikan di situs Anda. Banyak blog menjadi populer dan menonjol karena ‘otoritas’ mereka telah menunjukkan dalam bidang yang mereka minati. Jika Anda memiliki keahlian maka patut dikembangakan melalui posting di web anda

Vokal

Dengan menjadi vokal atau berbagi opini yang hangat maka Anda dapat menarik banyak orang yang memiliki kepentingan tentang apa yang Anda katakan. Tidak semua orang akan setuju dengan Anda tentu saja tetapi mereka akan menghargai komentar Anda dan orang-orang yang umumnya tidak tertarik pada sudut pandang Anda. Sebuah situs seperti ini, yang biasanya melibatkan banyak komentar dan jenis kegiatan, adalah salah satu aset terbaik blog Anda dapat memiliki.

Perspektif Baru

Memposting topik yang telah ‘usang’ dan menyajikannya dalam sebuah artikel baru dapat membuatnya sangat populer pada pembaca. Ketika menyampaikan perspektif Anda pada sesuatu kuncinya adalah untuk menjelaskan dan / atau merasionalisasikan sepenuhnya  sudut pandang Anda. Posting dengan cara ini biasanya akan pembaca blog melihat sesuatu dengan cara yang mereka belum pikirkan sebelumnya. Apakah mereka setuju atau tidak setuju kemungkinan mereka akan menemukan jenis konten menarik.

Beberapa tips blogging yang paling berharga yang bisa Anda dapatkan adalah mengembangkan situs yang menonjol dari yang lain. Memahami bisnis blogging sangat kompetitif adalah penting untuk menawarkan sesuatu yang orang lain tidak punya. Seperti halnya dengan salah satu blog populer Anda harus memiliki kemampuan untuk tidak hanya menarik tetapi juga mengembangkan loyalitas tertentu dengan pembaca blog. 5 cara kita diskusikan di atas, di mana Anda dapat mengembangkan atau menciptakan keunikan tentang diri Anda atau situs Anda, akan berfungsi untuk membuat Anda lebih menonjol dari orang lain. Dengan cara ini maka Anda akan dapat tidak hanya meningkatkan traffic blog ke situs Anda, tetapi juga mempertahankan blog anda.

Baca Selengkapnya

Membuat Postingan Blog atau Web dalam Kotak

Cara membuat kotak dengan border pada posting blog atau web. Menggunakan kotak border dengan warna dan bentuk berbeda dapat menambah nilai lebih pada postingan. Selain itu tujuaannya untuk memberikan sebuah penekanan terhadap pernyataan yang di anggap penting, unik ataupun peringatan. Mulai dari warna background, model dan warna border dapat diganti-ganti sesuai dengan keinginan.

Dalam fitur blog, sebenarnya sudah tersedia untuk membuat kotak berbeda, yaitu blockquate. Akan tetapi jika dalam satu postingan ada beberapa penekanan terhadap pernyataan, kalau memakai blockquote semua jadi akan terlihat membosankan dan kaku. Maka agar lebih menarik sehingga menjadi tampil cantik dengan membuat kode html untuk kotak-kotaknya.

Cara membuat border beda

Untuk membuat border pada postingan maka dalam penulisan kodenya harus dalam mode HTML, tanpa mode tersebut, maka akan dianggap sebagai teks biasa. Contoh border pertama kode html sebagai berikut :

<div style=”border: 1px #c8c785 solid; background-color: #fdfccf; width: 200px; padding: 10px; text-align: left;”>KATA POSTING DI SINI</div>

Hasilnya script di atas menjadi seperti di bawah ini

KATA POSTING DI SINI

Contoh lagi dengan panjang, warna dan background border posting berbeda seperti di bawah ini kode html-nya. Perubahan pada kata yang dicetak tebal

<div style=”border: 1px #a0ca9e dotted; background-color: #e5fce4; width: 400px; padding: 5px; text-align: right;”>Contoh border kedua</div>

Contoh border kedua

Penjelasan sedikit supaya paham struktur kode html tersebut, yaitu :

1. border: 1px #a0ca9e dotted;
   Ini untuk model border. “1px” untuk ketebalan border, bisa diganti dengan 2px atau 3px.
   “#a0ca9e” ini untuk warna border (hijau). Bisa diganti-ganti misalnya pada contoh pertama warna kuning #c8c785, biru #7c9af0, atau warna-warna yang lainnya.
   “dotted” bentuk border garis putus-putus (titik-titik). Pada contoh yang pertama dengan type “solid” untuk garis biasa.
2. background-color: #e5fce4;
   Ya sudah bisa dimengerti, ini untuk warna backgroundnya. Bisa diganti-ganti.
3. width: 400px;
   Kode untuk panjang border, bisa disesuaikan dengan panjang posting.
4. padding: 5px;
   Jarak huruf dengan garis tepi. Semakin besar angkanya maka jaraknya menjadi semakin jauh. Kode di atas berlaku untuk semua jarak dari atas, kanan, bawah dan kiri.
   Juga bisa dibuat berbeda, misalnya dengan kode padding: 10px 5px; Kode ini membuat jarak atas dan bawah 10px, sedangkan yang kanan dan kiri 5px.
   Jika setiap sisi ingin beda, maka kodenya padding: 10px 5px; atau berbeda semua padding: 10px 15px 5px 8px;
   Jika hanya satu sisi yang berbeda bisa dengan kode padding-left: 10px;

Demikian sedikit postingan ini semoga dapat membantu para blogger untuk membuat blognya lebih bagus.

Baca Selengkapnya

Kode Warna Untuk Mempercantik Postingan Blog

Dalam membuat postingan pada blog adakalanya kita membutuhkan vareasi warna untuk memperindah postikan yang kita buat, sehingga menarik untuk dibaca oleh pembacanya.

caranya :  <span style="color: Kode Warna;">Teks yang diberi warna</span>

Berikut ini adalah kode warna yang sering digunakan oleh para blogger :

Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e

Semoga bermanfaat dan selamat mencoba.....

Baca Selengkapnya

Bagaimana Cara Mengganti Temlpate Pada Blog

Saat baru membuat blog biasanya kita kurang puas dengan tampilan template bawaan blogspot yang terlihat standar dan polos. Untuk mendapatkan template blog sekarang ini sudah banyak situs yang menyediakan berbagai macam model template yang secara gratis bisa kita dapatkan. Salah satunya kita bisa mengunjungi http://btemplates.com/ . jika sudah download template yang telah kita pilih untuk ke proses selanjutnya (Upload Template).

Adapun langkah-langkah untuk mengganti Template Blog sebagai Berikut :

1. Seperti biasa Login ke akun blog

2. Dashboard > pilin options menu Template

3. Jika masih bingung dengan tampilan baru dashboard kita bisa menggunakan tampilan dashboard lama dengan mengklik opsi blogger yang ada dipojok kanan atas dan pilih tampilan antar muka blogger lawas,  jika tidak lanjut ke proses berikutnya.

4. Klik kotak Cadangkan/Pulihkan yang ada di pojok kanan atas. 

5. Proses selanjutnya mengedit tampilan blog (biasanya saat mengganti template baru tampilannya masih acak-acakan, dan kita perlu merapikannya).

 

Jika kita suka mengganti-ganti template blog, biasakan untuk mengunduh template salinan untuk berjaga-jaga jika kita menggganti template terjadi kesalahan atau masih kurang pas dengan pilihan. jika sudah choose file template yang telah di download yang disimpan di pc/laptop. ekstrak lah terlebih dulu file'a karna biasanya masih berbentuk rar/zip .jika sudah Unggahlah/upload file tersebut. dan terakhir tutup. dan lihat hasilnya

Perlu Menjadi perhatian dalam menganti Template Blog

1. Biasakan saat mengganti template, widget2 yang telah terpasang pada template lama di amankan di notepad agar saat mengganti template baru tidak hilang dan bisa kita pasang kembali.

2. Edit html dan kode2  yang berlebihan di hapus.

3. Edit tata letak blog dan dirapikan.

4. Menyesuaikan tampilan header dengan template blog

5. Buat blog seramping mungkin tidak terlalu byk widget agar terlihat SEO friendly dan tidak berat saat dibuka.

6. Jangan sering ganti-ganti template.

Baca Selengkapnya

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