Gudang Ilmu

Cara Memasang Postingan Terpopuler di Blog

Ternyata Blogger sudah menyediakan widget tersendiri untuk menampilkan postingan terpopuler di Blog. Dengan parameter berupa kunjungan (visit). Jadi yang komentarnya paling banyak akan berada di posisi teratas.

Cara memasangnya?

1. Login ke Blogger. Lalu klik Rancangan

2. Pada jendela Elemen Halaman, klik Tambah Gadget.

3. Pada popup yang muncul, klik tanda plus disamping tulisan "Entri Populer (Baru)".

4. Atur sesuai kebutuhan.

- Judul: Isikan judul dengan yang diinginkan (Judul widget)
- Paling banyak dikunjungi: Pilih statistik entri populer selama 7 hari terakhir, 30 hari terakhir atau setiap saat.
- Tampilkan: Beri centang pada Thumbnail Gambar untuk menampilkan gambar preview (thumbnail) dari entri yang ditampilkan. Beri centang pada Cuplikan untuk menampilkan cuplikan (ringkasan) dari entri populer yang ditampilkan. Lalu klik dropdown Tampilkan hingga ... entri lalu tentukan banyak postingan yang dimasukkan kedalam entri populer (batas: 1-10).

5. Klik Simpan
KLIK DISINI UNTUK BACA SELENGKAPNYA

Bagaimana Cara Menjadi Blogger yang Ditunggu-tunggu?

Blogger yang ditunggu-tunggu? Rasanya nggak mungkin ah blogger newbie seperti saya bisa ditunggu-tunggu oleh orang banyak...

. Eh, bisa saja loh... tetapi itu sangat susah. Saya pun mengakui kalau saya ngeblog hanya untuk berbagi, tanpa mengharap pengunjung dan komentar... Tetapi bisakah kita ditunggu-tunggu postingannya?

Jawabannya: BISA!

Gimana caranya?

Yang penting dari semua ini adalah postingan yang bermutu dan memikat. Lalu senjata selanjutnya ialah...

Jangan terlalu sering update!

Maksudnya dalam sehari setidaknya paling tidak jangan lebih dari 3 postingan. Meskipun anda punya banyak ide segar. Jika demikian, anda dapat membuat beberapa postingan lalu disimpan sebagai draft, lalu diterbitkan sewaktu-waktu.

Postinglah secara berkala, tetapi jangan terlalu sering. Misalnya 2 hari sekali, atau seminggu sekali. Dengan begitu pengunjung akan terus menunggu postingan terbaru anda.

Tetapi... jangan juga terlalu jarang. Jangan sampai anda tidak update dalam jangka waktu yang lama. Meskipun... itu hak anda, tetapi anda akan kehilangan pengunjung setia yang selalu menunggu anda.

Jadi... apakah anda mau menjadi blogger yang ditunggu-tunggu?

KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Signature dibawah Komentar Admin

Dulu saya pernah membahas cara menambahkan signature (tanda tangan) pada postingan. Nah, sekarang bisa nggak kalau di komentar? Oh, tentu saja bisa. Ini bisa digunakan sebagai pembeda antara komentar admin dan pengunjung. Yahud nggak tuh? (evil_grin)

Bagaimana caranya gan?

Begini nih...

1. Login ke Blogger *eh, asal tahu saja sekarang tampilan halaman awal blogger baru lagi loh...* lalu klik Rancangan > Edit HTML.

2. Centang kotak kecil Expand Template Widget.

3. Cari kode berikut.

<dd expr:class='"admin-comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<data:comment.body/>
<b:else/>

<data:comment.body/>


</b:if>
</dd>

4. Lalu isikan seperti berikut dibawahnya.

<dd class='admin-comment-credit'>
Isi dari signature...
</dd>

Ubah isi signature dengan yang anda inginkan. Misal:

<dd class='admin-comment-credit'>
Posted by Muhammad Rizki Fadillah. Semoga bermanfaat dan memberi inspirasi. 
Blog: <a href='http://mrizkifadillah.wordpress.com'>WordPress</a> | <a href='http://mrizkifadillah.tumblr.com'>Tumblr</a> | <a href='http://www.emeref.co.cc'>Homepage</a> 
MRF on Web: <a href='http://facebook.com/mrizkifadillah'>Facebook</a> | <a href='http://twitter.com/mrizkifadillah'>Twitter</a> | <a href='http://plurk.com/mrizkifadillah'>Plurk</a> 
YM: muhammadrizkifadillah 
<img src='http://opi.yahoo.com/online?u=muhammadrizkifadillah&m=g&t=2'/>
</dd>

5. Cari kode ]]></b:skin>, lalu ketikkan kode berikut diatasnya. Ini berfungsi untuk memberikan style dari signaturenya.

.admin-comment-credit{
/* Style yang diinginkan */
}

Misal: untuk membuat border hitam solid setebal satu piksel diatas signature.

.admin-comment-credit{
border: 1px solid black;
}

6. Simpan.

Sekarang tiap komentar admin akan dibubuhi signature.

KLIK DISINI UNTUK BACA SELENGKAPNYA

Tutorial Blog itu Sangat Luas!

Apa yang terlintas di benak anda tentang tutorial blog?

Mungkin tutorial mengedit template, widget yang dipenuhi tag HTML rumit yang jika tak memahaminya akan membuat anda keblinger...

Padahal...

Tutorial blog itu sangat luas spektrumnya.

Cara menulis blog juga disebut tutorial blog.
Cara mengelola blog juga disebut tutorial blog.
Cara mengoptimasi SEO juga tutorial blog.
Bahkan opini seputar blogging itu juga merupakan sebuah tutorial, tutorial untuk mengintropeksi dirinya.

Jadi, tutorial blog seharusnya tidak kekeringan ide.

Tidak seperti saya!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Saya Hiatus???

Hiatus... itu adalah kondisi dimana seorang blogger tidak mengupdate blognya dalam jangka waktu yang lama. Saya belum mengupdate blog ini 2 minggu. Tetapi apakah saya hiatus?

Tergantung ari mana anda memandang.

Di blog ini saya memang hiatus. Tetapi di blog lain?

Saya dari kemarin sibuk memanage blog Berbagi Inspirasi sehingga melupakan blog ini.

Inilah dilema punya banyak blog.

Jadi hemat kata, sebaiknya anda yang baru mulai ngeblog atau mau ngeblog persiapkan konsep blog anda dulu.

Apakah ingin membuat satu, dua, atau tiga blog.

Kalau tidak, anda bisa keblinger!
KLIK DISINI UNTUK BACA SELENGKAPNYA

Cara Membuat Daftar Emot yang Bisa Dibuka-Tutup (Spoiler)

Coba anda lihat pada bagian diatas kotak komentar blog ini. Terdapat tombol yang jika diklik akan memunculkan daftar emot. Seperti gambar diatas.

Trik ini berguna untuk menghemat tampilan blog supaya terlihat lebih menarik dan seksi. (evil_grin) Gimana caranya? Ikuti trik berikut!

1. Login ke Blogger, kemudian klik Rancangan > Edit HTML.

2. Centang kotak kecil Expand Template Widget.

3. Cari kode berikut.

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

4. Diatasnya, masukkan kode berikut.

<style>
#tblttpemot, #daftaremot{display:none;}
</style>
<script>
function bukaemot(){
document.getElementById('tblbukaemot').style.display='none';
document.getElementById('tblttpemot').style.display='inline';
document.getElementById('daftaremot').style.display='inline';
}
function ttpemot(){
document.getElementById('tblbukaemot').style.display='inline';
document.getElementById('tblttpemot').style.display='none';
document.getElementById('daftaremot').style.display='none';
}
</script>
<h3>Emoticon yang dapat digunakan <a href='#nogo' id='tblbukaemot' onClick='bukaemot()'>[Tampilkan]</a> <a href='#nogo' id='tblttpemot' onClick='ttpemot()'>[Sembunyikan]</a></h3>
 
<div id='daftaremot'>
<div style='-moz-column-count:2;-moz-column-rule:1px solid #aabbcc;-moz-column-gap:10px;'>
<img src='http://forum.plurk-id.org/Smileys/default/joyful.gif' style='border:0; margin:0; padding:0;'/> :-)) 
<img src='http://forum.plurk-id.org/Smileys/default/smile.gif' style='border:0; margin:0; padding:0;'/> :-) 
<img src='http://forum.plurk-id.org/Smileys/default/grin.gif' style='border:0; margin:0; padding:0;'/> :-D 
<img src='http://forum.plurk-id.org/Smileys/default/laugh.gif' style='border:0; margin:0; padding:0;'/> (lol) 
<img src='http://forum.plurk-id.org/Smileys/default/tongue.gif' style='border:0; margin:0; padding:0;'/> :-p 
<img src='http://forum.plurk-id.org/Smileys/default/w00t.gif' style='border:0; margin:0; padding:0;'/> (woot) 
<img src='http://forum.plurk-id.org/Smileys/default/wink.gif' style='border:0; margin:0; padding:0;'/> ;-) 
<img src='http://forum.plurk-id.org/Smileys/default/surprised.gif' style='border:0; margin:0; padding:0;'/> :-o 
<img src='http://forum.plurk-id.org/Smileys/default/angry_002.gif' style='border:0; margin:0; padding:0;'/> X-( 
<img src='http://forum.plurk-id.org/Smileys/default/sad.gif' style='border:0; margin:0; padding:0;'/> :-( 
<img src='http://statics.plurk.com/72ddf2c585fe77dd0be731b19624d8cb.gif' style='border:0; margin:0; padding:0;'/> :'-( 
<img src='http://forum.plurk-id.org/Smileys/default/sick.gif' style='border:0; margin:0; padding:0;'/> :-& 
<img src='http://forum.plurk-id.org/Smileys/default/kiss.gif' style='border:0; margin:0; padding:0;'/> (K) 
<img src='http://forum.plurk-id.org/Smileys/default/angry.gif' style='border:0; margin:0; padding:0;'/> (angry) 
<img src='http://forum.plurk-id.org/Smileys/default/annoyed.gif' style='border:0; margin:0; padding:0;'/> (annoyed) 
<img src='http://forum.plurk-id.org/Smileys/default/bye.gif' style='border:0; margin:0; padding:0;'/> (wave) | (bye) 
<img src='http://forum.plurk-id.org/Smileys/default/cool.gif' style='border:0; margin:0; padding:0;'/> B 
<img src='http://forum.plurk-id.org/Smileys/default/cozy.gif' style='border:0; margin:0; padding:0;'/> (cozy) 
<img src='http://forum.plurk-id.org/Smileys/default/fever.gif' style='border:0; margin:0; padding:0;'/> (sick) 
<img src='http://forum.plurk-id.org/Smileys/default/tired.gif' style='border:0; margin:0; padding:0;'/> (: 
<img src='http://forum.plurk-id.org/Smileys/default/fingerscrossed.gif' style='border:0; margin:0; padding:0;'/> (goodluck) 
<img src='http://forum.plurk-id.org/Smileys/default/gril_toungue.png' style='border:0; margin:0; padding:0;'/> (griltongue) 
<img src='http://forum.plurk-id.org/Smileys/default/like_food.gif' style='border:0; margin:0; padding:0;'/> (mmm) 
<img src='http://forum.plurk-id.org/Smileys/default/hungry.gif' style='border:0; margin:0; padding:0;'/> (hungry) 
<img src='http://forum.plurk-id.org/Smileys/default/listening_music.gif' style='border:0; margin:0; padding:0;'/> (music) 
<img src='http://forum.plurk-id.org/Smileys/default/tears.gif' style='border:0; margin:0; padding:0;'/> (tears) 
<img src='http://forum.plurk-id.org/Smileys/default/tongue_002.gif' style='border:0; margin:0; padding:0;'/> (tongue) 
<img src='http://forum.plurk-id.org/Smileys/default/unsure_002.gif' style='border:0; margin:0; padding:0;'/> (unsure) 
<img src='http://forum.plurk-id.org/Smileys/default/wave.gif' style='border:0; margin:0; padding:0;'/> (highfive) 
<img src='http://forum.plurk-id.org/Smileys/default/dance.gif' style='border:0; margin:0; padding:0;'/> (dance) 
<img src='http://forum.plurk-id.org/Smileys/default/blush.gif' style='border:0; margin:0; padding:0;'/> (blush) 
<img src='http://forum.plurk-id.org/Smileys/default/big_eyed.gif' style='border:0; margin:0; padding:0;'/> (bigeyes) 
<img src='http://forum.plurk-id.org/Smileys/default/dance_moves.gif' style='border:0; margin:0; padding:0;'/> (funkydance) 
<img src='http://forum.plurk-id.org/Smileys/default/idiot.gif' style='border:0; margin:0; padding:0;'/> (idiot) 
<img src='http://forum.plurk-id.org/Smileys/default/lonely.gif' style='border:0; margin:0; padding:0;'/> (lonely) 
<img src='http://forum.plurk-id.org/Smileys/default/scenic.gif' style='border:0; margin:0; padding:0;'/> (scenic) 
<img src='http://forum.plurk-id.org/Smileys/default/silly_couple.gif' style='border:0; margin:0; padding:0;'/> (hassle) 
<img src='http://forum.plurk-id.org/Smileys/default/startled.gif' style='border:0; margin:0; padding:0;'/> (panic) 
<img src='http://forum.plurk-id.org/Smileys/default/unsure.gif' style='border:0; margin:0; padding:0;'/> (okok) 
<img src='http://forum.plurk-id.org/Smileys/default/yupi.gif' style='border:0; margin:0; padding:0;'/> (yahoo) 
<img src='http://forum.plurk-id.org/Smileys/default/cry.gif' style='border:0; margin:0; padding:0;'/> (cry) 
<img src='http://forum.plurk-id.org/Smileys/default/doh.gif' style='border:0; margin:0; padding:0;'/> (doh) 
<img src='http://forum.plurk-id.org/Smileys/default/broken_heart.gif' style='border:0; margin:0; padding:0;'/> (brokenheart) 
<img src='http://forum.plurk-id.org/Smileys/default/drinking.gif' style='border:0; margin:0; padding:0;'/> (drinking) 
<img src='http://forum.plurk-id.org/Smileys/default/girl_kiss.gif' style='border:0; margin:0; padding:0;'/> (girlkiss) 
<img src='http://forum.plurk-id.org/Smileys/default/lol.gif' style='border:0; margin:0; padding:0;'/> (rofl) 
<img src='http://forum.plurk-id.org/Smileys/default/money.gif' style='border:0; margin:0; padding:0;'/> (money) 
<img src='http://forum.plurk-id.org/Smileys/default/rock_n_roll.gif' style='border:0; margin:0; padding:0;'/> (rock) 
<img src='http://forum.plurk-id.org/Smileys/default/not_talking.gif' style='border:0; margin:0; padding:0;'/> (nottalking) 
<img src='http://forum.plurk-id.org/Smileys/default/party.gif' style='border:0; margin:0; padding:0;'/> (party) 
<img src='http://forum.plurk-id.org/Smileys/default/sleeping.gif' style='border:0; margin:0; padding:0;'/> (sleeping) 
<img src='http://forum.plurk-id.org/Smileys/default/thinking.gif' style='border:0; margin:0; padding:0;'/> (thinking) 
<img src='http://forum.plurk-id.org/Smileys/default/bring_it_on.gif' style='border:0; margin:0; padding:0;'/> (bringit) 
<img src='http://forum.plurk-id.org/Smileys/default/worship.gif' style='border:0; margin:0; padding:0;'/> (worship) 
<img src='http://forum.plurk-id.org/Smileys/default/applause.gif' style='border:0; margin:0; padding:0;'/> (applause) 
<img src='http://forum.plurk-id.org/Smileys/default/nerd.gif' style='border:0; margin:0; padding:0;'/> 8 
<img src='http://forum.plurk-id.org/Smileys/default/gym.gif' style='border:0; margin:0; padding:0;'/> (gym) 
<img src='http://forum.plurk-id.org/Smileys/default/heart.gif' style='border:0; margin:0; padding:0;'/> (heart) 
<img src='http://forum.plurk-id.org/Smileys/default/devil.gif' style='border:0; margin:0; padding:0;'/> (devil) 
<img src='http://forum.plurk-id.org/Smileys/default/lmao.gif' style='border:0; margin:0; padding:0;'/> (lmao) 
<img src='http://statics.plurk.com/4f01bac8a707e5450307f97065ec0fa7.gif' style='border:0; margin:0; padding:0;'/> (banana_cool) 
<img src='http://forum.plurk-id.org/Smileys/default/banana_rock.gif' style='border:0; margin:0; padding:0;'/> (banana_rock) 
<img src='http://forum.plurk-id.org/Smileys/default/evil_grin.gif' style='border:0; margin:0; padding:0;'/> (evilgrin) 
<img src='http://forum.plurk-id.org/Smileys/default/headspin.gif' style='border:0; margin:0; padding:0;'/> (headspin) 
<img src='http://forum.plurk-id.org/Smileys/default/heart_beat.gif' style='border:0; margin:0; padding:0;'/> (heart_beat) 
<img src='http://forum.plurk-id.org/Smileys/default/ninja.gif' style='border:0; margin:0; padding:0;'/> (ninja) 
<img src='http://forum.plurk-id.org/Smileys/default/haha.gif' style='border:0; margin:0; padding:0;'/> (haha) 
<img src='http://forum.plurk-id.org/Smileys/default/evilsmirk.gif' style='border:0; margin:0; padding:0;'/> (evilsmirk) 
<img src='http://forum.plurk-id.org/Smileys/default/eyeroll.gif' style='border:0; margin:0; padding:0;'/> (eyeroll) 
<img src='http://forum.plurk-id.org/Smileys/default/muhaha.gif' style='border:0; margin:0; padding:0;'/> (muhaha) 
<img src='http://forum.plurk-id.org/Smileys/default/taser.gif' style='border:0; margin:0; padding:0;'/> (taser) | (rammi) 
<img src='http://forum.plurk-id.org/Smileys/default/banana_ninja.gif' style='border:0; margin:0; padding:0;'/> (banana_ninja) 
<img src='http://forum.plurk-id.org/Smileys/default/beer.gif' style='border:0; margin:0; padding:0;'/> (beer) 
<img src='http://forum.plurk-id.org/Smileys/default/coffee.gif' style='border:0; margin:0; padding:0;'/> (coffee) 
<img src='http://forum.plurk-id.org/Smileys/default/fish_hit.gif' style='border:0; margin:0; padding:0;'/> (fish_hit) 
<img src='http://forum.plurk-id.org/Smileys/default/muscle.gif' style='border:0; margin:0; padding:0;'/> (muscle) 
<img src='http://forum.plurk-id.org/Smileys/default/smileydance.gif' style='border:0; margin:0; padding:0;'/> (smileydance) 
<img src='http://forum.plurk-id.org/Smileys/default/fireworks.gif' style='border:0; margin:0; padding:0;'/> (fireworks) 
<img src='http://forum.plurk-id.org/Smileys/default/47d20905d017c396d67b4a30c9ac9b10.png' style='border:0; margin:0; padding:0;'/> (goal) 
<img src='http://statics.plurk.com/e3481a0219283c49455d8af6012980ea.png' style='border:0; margin:0; padding:0;'/><img src='http://statics.plurk.com/7bd4d66256fc805da4dd178b9fdbe3ce.png' style='border:0; margin:0; padding:0;'/><img src='http://statics.plurk.com/5a2a63fa773e68797ec69a1303bfa3b9.png' style='border:0; margin:0; padding:0;'/><img src='http://statics.plurk.com/129b757f2346a6e5ea782c79f0337ba9.png' style='border:0; margin:0; padding:0;'/> (bzzz) 
<img src='http://forum.plurk-id.org/Smileys/default/4ad099fba019942f13058610ff3fc568.gif' style='border:0; margin:0; padding:0;'/> (dance_bzz) 
<img src='http://forum.plurk-id.org/Smileys/default/rusia.gif' style='border:0; margin:0; padding:0;'/> (Русский) 
<img src='http://statics.plurk.com/0efc4d55d28704f4370ef874ae906161.gif' style='border:0; margin:0; padding:0;'/> (code) 
<img src='http://statics.plurk.com/91cf07e3aa16738943fa1147940b48ea.gif' style='border:0; margin:0; padding:0;'/> (morning)
 
</div>
Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)
</div>

5. Simpan.
KLIK DISINI UNTUK BACA SELENGKAPNYA

Bolehkah Mengganti Header pada Event Tertentu?

Kalau saya tanya kepada anda, Siapa yang memakai header gambar? Bagi yang tidak memakai header gambar, postingan ini sudah cukup sampai disini. Tetapi jika anda memakai header gambar, silakan lanjutkan postingan ini sampai ke akhir hayat *eh* maksudnya akhir postingan.

Saya beri pertanyaan lagi: apakah anda pernah mengganti gambar header? pasti jawabannya beragam. Ada yang menjawab ya, tetapi ada yang menjawab tidak.

Tetapi apakah baik jika mengganti header? Misalnya untuk event tertentu seperti lebaran atau ulang tahun blog. Menurut saya baik-baik saja.

Asalkan anda tidak merubah ciri khas dari logo blog anda, karena logo itu adalah branding blog anda.

Saya sudah beberapa kali mengganti header.

Ini adalah header default.	Ini adalah header pada saat ultah blog ini ke-1.
Ini adalah header pada waktu pergelaran sepak bola akbar Piala Dunia berlangsung.	Ini adalah header pada saat bulan puasa 1431 H.
Ini adalah header pada saat HUT RI ke-65 yang bertepatan dengan bulan ramadhan 1431 H.	Ini adalah header pada saat idul fitri 1431 H.

Apa persamaan diantara keenam gambar header tersebut? Yap, font Lucida Handwriting-nya tak pernah lepas, dengan tulisan utama 24 pt dan tulisan dibawahnya 12 pt. *utk yg south africa pada bagian lirik lagunya sengaja diperkecil jadi 8-10 pt supaya tidak terlalu panjang, yang penting pada bagian Tips trik mtk, tutorial blogging dll tetap 12 pt*

Yang penting tetap utamakan ciri khas dari logo blog anda. Anda tahu google? Mesin pencari no. wahid didunia ini juga kerapkali mengganti logo, tetapi tidak menghilangkan ciri khasnya, seperti huruf O-nya yang berwarna merah dan kuning, huruf L-nya yang berwarna hijau, atau paling tidak, tidak merubah bentuk dari huruf-huruf G-O-O-G-L-E-nya sendiri.

Jadi, apakah anda ingin mengganti header blog anda pada hari dan event tertentu?
KLIK DISINI UNTUK BACA SELENGKAPNYA