Sempat saya mencari-cari lewat Google cara agar Blogger dapat menampilkan fitur Top Komentator, fitur yg dapat menampilkan siapa-siapa yg plg sering meninggalkan komentar di blog kita. Tapi saya tidak berhasil menemukan hasil apa-apa, yang saya temukan hanyalah Plug-In Top Komentator untuk Wordpress. Sekarang, siapa bilang Blogger engga' punya?
Saat saya blogwalking ke blognya Mas Anang, saya nemuin hack supaya bisa masang widget top komentator di Blogger. Seperti yg Mas Anang bilang, metode yang dipakai menggunakan feed dari blog yang diolah dengan bantuan aplikasi online pengolah RSS-feed milik Yahoo yaitu Yahoo Pipes.
Dengan widget ini, dapat digunakan sebagai rasa terima kasih pemilik blog bagi reader-nya atas respon2 mereka, sekaligus membuat reader jadi lebih terpacu meninggalkan komentar.
Bagi yg ingin memasang Top Komentator widget ini dengan mudah, kamu bisa buat dengan one-click widget installer-nya Mas Anang. Mau ngetes hasilnya kaya' apa, kamu bisa langsung coba di Top Commentators from a Blogger Blog.
Top Komentator di Blogger
2
comments
Jarang Nge-Post Ngurangin Traffic ?
8
comments
Bener ga sih kalo kita jarang posting di blog kita bakalan ngurangin traffic? Kan ada tuh yg bilang, blog tuh mesti diupdate kalo bisa seminggu 3 kali atau malah lebih bagus diupdate setiap hari.
Ada benernya juga sih. Tapi mungkin saran ini lebih ditujukan kepada blog yg masih muda alias masih baru. Biasanya blog yg masih muda ini belum punya content yg begitu banyak sehingga bisa ngga' dapet peringkat teratas dalam SERP. Kalo kamu tetep males ngupdate blog kamu yg masih muda itu, sebaiknya kamu fokus dalam SEO blog kamu, misalnya dengan META TAG atau hanya dengan mengoptimalkan judul artikel.
Sebagai bukti, ada blog populer yg engga' diupdate berminggu-minggu tapi traffic mereka tetep stabil. Atau malah dapet lebih tinggi lagi. Mungkin traffic mereka yg banyak ini mereka dapat dari Search Engine karena content yg banyak dan keyword-keyword yg mendukung.
Intinya, buat blogger2 yg masih muda jgn karena bosen atau ga ada bahan posting langsung berhenti nge-blog. Kunjungin aja blog-blog lain, siapa tau aja dapet bahan postingan yg bagus. Kalo masih ga dapet ide jg, silakan cari udara segar, jalan-jalan kek ke mana gitu. Don't forget with Ur own life. (sok nasehatin bgt ya' :P)
Wew, panjang bgt ya. Saya sendiri juga masih berusaha terus mengupdate Blogger-Holic ini, walau sering sekali saya bingung mau nge-post apa.
Well, I just try to become good blogger :)
Bikin Artikel Terkait di Blogger
5
comments
Berikut ini adalah tutorial ngebuat Related Article/Artikel Terkait dalam Blogger.
Awalnya widget ini dibuat oleh Hoctro, namun widget buatannya itu memakai 2 blog widget sehingga sekarang tidak bisa dipergunakan lagi pada Blogger. Dan untungnya, Jackbook telah memodifikasi widget buatan Hoctro tersebut sehingga widget ini masih dapat dipakai pada Blogger.
Widget ini merupakan daftar artikel terkait berdasarkan label yg sama dengan artikel tersebut. Jadi bukan berdasarkan isi yg sama.
1. ada baiknya kamu backup dulu template kamu dengan nge-Download Full Template untuk menghindari hal2 yg ngga' diinginkan terjadi.
2. Tick Expand Widget Templates.
3. cari <data:post.body/>
4. copy kode ini di bawah <data:post.body/>
5. Save template
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</span></div>
</b:if>
Kamu juga bisa ngatur jumlah label dan artikel yg akan muncul pada widget ini. Ubah nomor pada maxNumberOfLabels untuk mengganti jumlah label yg muncul.
Ubah nomor pada maxNumberOfPostsPerLabel untuk mengganti jumlah label yg muncul. Perlu diketahui, kamu harus nambahin dengan 1 pada jumlah artikel yg kamu mau. Jadi kalo kamu mau yg muncul 5 artikel, maka angka yg harus kamu masukin di maxNumberOfPostsPerLabel adalah 6. Saya juga ga tahu kenapa begini.
Semoga berhasil :)
Mengubah Desain Search Box
5
comments
Setelah jalan-jalan ke blognya Annie, saya menemukan sebuah hack yang menarik perhatian saya. Seperti yang terlihat dari judulnya, hack kali ini bertujuan mengubah desain Search Box. Dari yang tadinya biasa saja seperti ini :
menjadi seperti ini :
Terlihat jauh lebih baik kan..? At least, ga kotak-kotak lagi :)
Caranya gampang banget. Tinggal tambahin kode-kode di bawah ini ke dalam kode CSS kamu.@-moz-document url-prefix(http) {
/* change the buttons*/
input[type="reset"], input[type="submit"], button
{
-moz-border-radius: 0.5em !important;
border: 1px solid #CCC !important;
border-bottom: 1px solid #CCC !important;
background-color: #EEE !important;
color: #555555 !important;
}
input, textarea
{
-moz-border-radius: 0.8em !important;
}
input, textarea,select
{
background-color: #FFF !important;
border-top: 1px solid #C3C3C3 !important;
border-right: 1px solid #C3C3C3 !important;
border-bottom: 1px solid #C3C3C3 !important;
border-left: 1px solid #C3C3C3 !important;
color: #555555 !important;
}
/*change them on focus with a blue border*/
input:not([type="button"]):not([type="reset"])
:not([type="submit"]):not([type="checkbox"])
:focus,textarea:focus
{
-moz-outline-radius: 0.8em !important;
}
input:not([type="button"]):not([type="reset"])
:not([type="submit"]):not([type="checkbox"])
:focus, textarea:focus, select:focus
{
-moz-outline: 2px solid #ccc !important;
-moz-outline-offset: -1px !important;
}
/*rollover effect on the buttons*/
input[type="submit"]:hover,input[type="reset"]
:hover,button:hover {
border-color: #E8E9E8 !important;
border-bottom-color:#E8E9E8 !important;
background-color: #FCFCFC !important;
}
}
Kalau kamu mau yang lebih beda lagi, kamu bisa ubah-ubah sesuai selera kamu. Feel free and be creative.
Blogger in Draft
0
comments
Mungkin udah pada tahu, Blogger terus bereksperimen dengan berbagai macam fitur-fitur baru. Karena masih dalam tahap percobaan, Blogger membuat tempat khusus untuk menampung hasil dari eksperimen mereka. Bagi yang ingin mencoba fitur-fitur baru Blogger bisa mengakses Blogger in Draft, kemudian costumize seperti biasa.
Dari yang saya lihat ada beberapa fitur yang sudah digunakan secara massal, tapi ada juga yang belum, dengan kata lain tanpa harus mengakses Blogger in Draft.
Untuk tahu lebih banyak mengenai Blogger in Draft , kunjungin deh blog official Blogger in Draft.
Webware 100 Awards 2008 - Vote 4 Blogger
1 comments
Webware 100 adalah penghargaan tahunan terhadap program-program Web 2.0. Blogger, sebagai salah satu provider Blog terbesar milik Google, dinominasikan sebagai salah satu Program Web 2.0 terbaik. Tahun lalu, Blogger menjadi pemenang dalam kategori Publishing. Tahun ini, Blogger telah dinominasikan dalam kategori Publishing and Photography.
It's Time for Vote
Sebagai Bloggers, kita juga mesti ngedukung Blogger. It's time to give back, pal. Waktunya balas jasa sama Blogger.
Vote di Webware 100 Awards 2008: Publishing & Photography
Update:
Polling telah ditutup dan hasilnya... Blogger kembali menjadi yang terbaik dalam kategori Publishing and Photography. Mau ngeliat 100 Aplikasi Web 2.0 lain yg terpilih juga? Masuk aja ke Webware 100 Awards 2008 Winners!
Nambahin Search Box ke Blog
1 comments
Blogger mempunyai Search Box sendiri yang berada pada Navbar Blogger yang terdapat di bagian paling atas blog, jika belum dimodifikasi. Karena berada pada bagian paling atas, terkadang menyulitkan pengunjung yang ingin mencari sebuah artikel. Oleh karena itu, kali ini saya akan membahas trik menyisipkan Search Box ke dalam blog.
Pada HTML/Javascript Element, masukkan kode-kode berikut:<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text" size="30"/><input id="search-btn" value="Go!" type="submit"/></form>
Kamu bisa mengatur panjang-pendek Search Box kamu dengan mengganti Size. Dan dengan mengubah Value, kamu bisa mengubah tulisan pada Search Button-nya.
Save.
Contoh Search Box dengan Size:"30" dan Value="Go!" :
Tambahan aja, kamu juga bisa menggunakan Search Engine-nya Google, baik itu Search Engine milik Google Adsense, maupun Search Engine buatan kamu sendiri.
Kalo kamu bosen sama desain Search Box yg kotak2, ubah aja desainnya menjadi lebih rounded. Baca artikel tentang Mengubah Desain Search Box.
Update:
Blogger mengeluarkan Search widget resmi mereka. Karena masih dalam tahap percobaan, widget ini ditampung dulu dalam Blogger in Draft.
