Tips Memilih Judul/Nama Blog

Ketika anda mulai membuat sebuah blog, tentunya anda harus menentukan terlebih dahulu kira-kira tentang apa topik blog anda. Tentang Gadget Elektronikkah? Atau tentang Belajar Bahasa Inggriskah?

Secara teknis, menentukan dan memilih nama blog bukanlah hal yang sulit untuk dilakukan, namun kenyataannya banyak orang yang sangat bingung ketika harus memilih nama blog. Aneh memang. Tahap yang mudah namun kenyataannya sering menjadi sulit.

Sangat penting bagi anda untuk bisa menentukan nama blog, karena akan berpengaruh besar nantinya bagi perkembangan blog anda. Oleh sebab itu, ada baiknya untuk memikirkan matang-matang mengenai nama blog anda sebelum membuatnya.

Belajarlah dari beberapa blogger senior yang memiliki nama blog yang unik dan mudah ingat. Contohnya saja seperti O-Om.com, KRTutorPlus.com dan juga JokoSusilo.Com dan yang terakhir, AndrePanggabean.Com (sombong :p).

Berikut beberapa tips yang mungkin perlu anda ketahui sebelum menentukan/memilih judul/nama blog anda.

Memilih nama yang unik.
Seperti yang saya sebutkan diatas, blog-blog tersebut memiliki nama yang sangat unik, apalagi O-Om.com. Dengan membuat nama yang unik, bukan tidak mungkin nama tersebut nantinya akan menjadi 'brand'. Siapa tahu saja suatu saat nanti anda bisa membuat baju dengan motif nama situs anda kepada para pengunjung setia blog anda bukan? Contohnya coba lihat Musisi.Com yang nama situsnya telah populer dan sering dijadikan motif untuk pembuatan baju Musisi.Com dan dijual kepada para pengunjungnya. Tentunya hal ini bukan tidak mungkin terjadi kepada anda bukan?

Memilih nama yang mudah diingat.
Lagi-lagi saya harus menyebutkan KapanLagi.com sebagai contoh. Ya, perhatikan istilah KapanLagi.com, mudah sekali untuk diingat bukan? Oleh sebab itu tidak hanya unik, namun juga harus mudah diingat.

Memilih nama yang sesuai URL anda.
Jika anda bingung, membuat nama blog sesuai dengan nama domain adalah pilihan yang cukup baik. Contohnya seperti blog saya ini, AndrePanggabean.com yang sama dengan URLnya, yaitu http://www.andrepanggabean.com. Contoh lainnya adalah KapanLagi.com. Jika anda melakukan hal ini, sebaiknya nama domain anda mestilah juga unik.

Memilih nama blog yang sesuai dengan tema blog anda.
Blog anda bercerita tentang apa? Kesehatankah? Otomotif? Atau Resep Masakankah? Sesuaikan nama blog anda dengan tema. Misalnya tentang Resep Masakan, ada baiknya nama blog anda menjadi ResepMasakan.com. Sebagai contoh, DuniaBelajarBlog.com.

Bagaimana? sudah memutuskan nama blog yang tepat? Tentukan sekarang juga!

Cara Memasang Kotak Like Facebook di Blog

Bagi anda para blogger, mungkin diantaranya pasti sudah membuat fanpage untuk Blognya bukan? Nah barangkali anda akan bertanya mengenai Cara Memasang Kotak Like Facebook Di Blog. Tidak perlu khawatir, sobat akan mengetahui caranya melalui artikel ini. Silahkan lanjut nyimaknya hehehe.

Sebelumnya saya ingin perlihatkan, contoh kotak like Facebook itu seperti ini. Silahkan dilihat, kalau boleh diklik dong Like-nya hehehe.

Jika kita memiliki fanpage, alangkah baiknya jika kita memasang kotak like Facebook dari Fanpage itu di blog kita. Gunanya agar kita bisa mendapatkan lebih banyak like dari orang lain. Apalagi jika blog anda ramai oleh pengunjung, otomatis akan sangat memungkinkan bagi anda untuk memperoleh jumlah likers yang lebih banyak. Alhasil blog anda pun akan semakin populer.

Cara Memasang Kotak Like Facebook di Blog

1. Masuk ke halaman Social Plugins Facebook.
   
2. Lihat ke bagian kiri bawah ada opsi Plugins. Dibawahnya ada beberapa link, klik pada link Like Box.
3. Lihat, ada kotak untuk mengatur tampilan Like Box Facebook kita nanti. Pada bagian Facebook Page URL, isi dengan URL fanpage Facebook anda. Contohnya http://www.facebook.com/AndrePanggabeanCom.
4. Setelah itu, atur tampilan kotak like Facebook sesuai selera anda. Jika sudah, klik tombol Get Code.
5. Anda akan disodorkan dua kode. Kode pada nomor 1 silahkan diletakkan dibawah kode <body> pada HTML template anda. Sedangkan kode nomor 2 bisa diletakkan dimanapun anda ingin widget itu muncul. Contohnya disidebar atau pada bagian header.

Selesai, silahkan dipraktekkan. Semoga bermanfaat.

Langkah-Langkah Membuat Blog Di Blogger

Dewasa ini perkembangan teknologi informasi semakin pesat. Berbagai informasi dapat diakses di internet dengan hanya sekali klik. Gaya hidup membaca koran pun perlahan mulai ditinggalkan. Kebanyakan orang saat ini lebih memilih untuk berlangganan berita secara onlin lewat situs berita di internet daripada berlangganan koran. Contoh nyatanya lihat saja VivaNews atau Yahoo! OMG yang pembaca setianya sangatlah banyak. Mengapa bisa demikian?

Tampilan situs Yahoo! OMG!

Alasannya, yang pertama karena gratis, tidak seperti berlangganan koran yang harus membayar iuran bulanan. Yang kedua, informasinya jauh lebih update daripada koran. Bayangkan saja suatu kejadian yang baru saja terjadi langsung diberitakan dalam hitungan menit dan langsung bisa diakses oleh siapapun saat itu juga. Apakah dikoran bisa melakukan ini? Tentu tidak.

Tidak hanya soal berita, informasi di internet mencakup segala hal. Contohnya saja, sudah banyak blog dengan berbagai topik diakses oleh para pembaca setianya di internet. Bisa dikatakan ini merupakan salah satu batu sandungan bagi para penulis buku. Bayangkan, seorang penulis menulis sebuah buku yang berisi tutorial Potoshop, sedangkan diinternet ada satu blog khusus yang juga membahas tutorial seputar Potoshop, mana yang akan dipilih? Tentu orang akan lebih memilih blog tersebut daripada Buku.

Intinya, mempunyai sebuah web/blog berpotensi memiliki 'supermarket online' yang bisa mendatangkan jutaan keuntungan. Ya saya pikir panjang lebarnya cukup sampai disini. Jika sobat ingin segera tahu cara atau Langkah-Langkah Membuat Blog di Blogger, silahkan lihat pada artikel Cara Membuat Blog Gratis di Blogspot

Cara Menambahkan Komentar pada Blog

Jika sebuah blog memiliki tulisan yang bagus, tentu para pembacanya akan tertarik untuk memberikan komentar terhadap tulisan tersebut. Berbagai opini mereka akan disampaikan melalui kotak komentar yang disediakan.

Banyak blog sudah memiliki 'nama' didunia maya yang tulisannya selalu dibanjiri komentar. Contohnya seperti blognya Kang Rohman (KRTutorplus.com) serta blognya Joko Susilo (JokoSusilo.com). Namun salah satu yang gila adalah Joko Susilo, karena hampir setiap tulisannya memilik hingga ratusan komentar.

Untuk menambahkan komentar pada suatu tulisan di blog sangatlah mudah. Jika blognya menggunakan platform Blogger, sobat tinggal scroll halaman ke bagian yang paling bawah pada tulisan tersebut, lalu akan ketemu form seperti dibawah ini.

Pada form tersebut ada beberpa pilihan yang bisa kita pakai sebagai identitas dalam memberi komentar, gunakan saja opsi akun Google. Atau jika anda ingin link blog anda terpasang di blog orang lain, silahkan gunakan opsi Name/URL. Terakhir, jika anda memang tidak menginginkan identitas anda terlihat, gunakan saja opsi Anonymous.

Terakhir, berilah komentar yang benar-benar berbobot dalam setiap tulisan blog yang anda baca. Semoga bermanfaat.

Cara Membuat Widget Follow Twitter di Blog

Blogger yang serius menekuni dunia blogging tentunya akan selalu mengoptimasi situs blognya ke mesin pencari agar bisa mendapatkan banyak kunjungan dari mesin pencari. Optimasi ke mesin pencari Google adalah salah pilihan yang tepat untuk itu.

Tidak cukup hanya dengan menaikkan kunjungan, kita pun perlu 'mengikat' para pengunjung blog kita agar di waktu berikutnya tetap berkunjung ke blog kita. Apalagi jika anda mengikuti program-program refferal dimana anda menjual produk, maka sangat disarankan untuk mengikat para pengunjung, sehingga bisa difollow up di waktu berikutnya agar kembali datang ke blog kita.

Salah satu cara mengikat pengunjung adalah dengan cara menyediakan layanan Berlangganan Email yang bisa kita buat dari situs Feedburner.com. Hanya saja, ini cara kuno yang sepertinya sudah basi di era jejaring sosial saat ini. Jika anda termasuk pengguna Twitter, lebih baik anda mengikat mereka melalui akun Twitter anda. Caranya?

Apabila blog anda ramai dikunjungi setiap hari, sebaiknya anda memasang widget Follow Twitter di blog anda. Dengan begitu akan besar kemungkinan para pengunjung blog anda untuk memfollow akun Twitter yang anda buat, dengan begitu anda sudah mengikat pengunjung blog anda.

Bagaimana Cara Membuat Widget Follow Twitter di Blog?

Coba lihat sidebar kanan, disitu ada tombol follow Twitter. Jika anda mengkliknya, secara otomatis anda akan memfollow akun Twitter saya. Sebelum kita melanjutkan, follow dulu dong akun Twitter saya. Caranya klik tombol dibawah ini.

@AndryAndreasP

Bagaimana? Apakah anda benar-benar ingin memasang widget follow Twitter di blog? Jika ya, silahkan copy kode dibawah ini dan tempatkan di blog anda dimanapun anda mau. Bisa di bagian header, atau juga di sidebar, pokoknya dibagian manapun yang anda inginkan.

<div class="follow-button"><a href="http://twitter.com/AndryAndreasP" class="twitter-follow-button" title="Follow @AndryAndreasP" data-lang="en" target="_blank">@AndryAndreasP</a></div>

Lihat kode diatas, ada tulisan berwarna biru, itu adalah username akun Twitter saya. Silahkan ganti dengan username akun Twitter anda. Mudah bukan!

Cara Menambahkan Hewan Peliharaan Di Blog

Memang ada banyak jalan untuk membuat blog terlihat lebih menarik, salah satunya dengan cara menambahkan hewan peliharaan di blog. Maksudnya?

Banyak sekali situs di internet yang menyediakan widget-widget unik untuk kita pasang di blog kita, salah satunya situs Abowman.com yang menyediakan widget unik berupa hewan peliharaan. Contohnya seperti hamster yang ada dibawah ini.

Bagaimana? Unik bukan? Ayo beri dia makan, hehehe.

Jika anda tertarik untuk memasang widget hewan peliharaan di blog sobat, ikuti langkah berikut ini.

1. Kunjungi blog Abowman.com
2. Setelah halaman blog tersebut terbuka dengan sempurna, klik pada Gadget.





3. Akan muncul beberapa pilihan hewan yang bisa anda pasang di blog anda. Silahkan dilihat dan klik pada gambar hewan yang ingin anda pasang di blog anda. Sebagai contoh, saya memilih kura-kura.





4. Anda akan dibawa ke halaman baru. Silahkan copy kode HTML dari widget tersebut dan pasangkan di blog sobat.





5. Selesai. Silahkan dilihat hasilnya.
   

Saya sudah copy paste kode HTML dari widget kura-kura yang saya sebutkan diatas, berikut hasilnya.

Menarik bukan? Selamat mencoba :)

Cara Membuat Blockquote di Blog

Sebelum kita memulai, saya akan sedikit menjelaskan tentang Blockquote.

Apa itu Blockquote?

Blockquote terdiri dari 2 kata, yaitu Block yang berarti blok dan Quote yang berarti kutipan. Jadi bisa disimpulkan bahwa Blockquote adalah kutipan yang diblok agar mendapat perhatian khusus dalam suatu tulisan. Contohnya pada artikel Mengapa Wenda dan Devi Keluar Dari Cherrybelle? seperti yang terlihat dibawah ini.

"Tuhan tolong aku, ku tak dapat menahan rasa didadaku... ingin aku memiliki, namun dia ada yang punya..."

Cara Membuat Blockquote di Blog

Untuk membuat blockquote di blog sangatlah mudah. Anda tinggal gunakan kode <blockquote> dalam membuat tulisan, dan otomatis akan terbentuk menjadi sebuah blockquote dalam tulisan blog anda. Contohnya seperti ini.

<blockquote>Daun berguguran, embun berjatuhan...
tebalnya kabut pagi semakin menyelimuti rasa dingin yang menusuk tulang...
sambil menanti hadirnya sang surya...

tubuh ini serasa tak siap
menerima hadirnya sang mentari..
sesaat menyadari, tiada kau lagi disini</blockquote>


Maka hasilnya akan seperti ini.

Daun berguguran, embun berjatuhan...
tebalnya kabut pagi semakin menyelimuti rasa dingin yang menusuk tulang...
sambil menanti hadirnya sang surya...

tubuh ini serasa tak siap
menerima kedatangan sang mentari..
sesaat menyadari, tiada kau lagi disini...

Barangkali blockquote anda akan terlihat berbeda dengan yang saya miliki di blog ini. Nah itu akan dibahas dalam posting berikutnya, Selamat mencoba! :)

Cara Membuat Buku Tamu Tersembunyi di Blog

Belakangan ini, banyak blog yang Buku Tamu-nya (shoutbox) sudah tidak tampil penuh dihalaman blog, tetapi 'disembunyikan' disebelah kiri/kanan dan terdapat tulisan "Buku Tamu" yang jika diklik, akan memunculkan buku tamu tersebut. Ini tentu saja membuat widget shoutbox terlihat lebih professional dan menarik, serta tidak memakan ruang di sidebar. Saya sendiri pernah menerapkan sistem shoutbox tersembunyi ini di blog saya. Lalu, bagaimana membuatnya? Tidak terlalu sulit, ikuti langkah berikut:

1. Login ke akun Blogger Anda.
2. Klik tab Rancangan.
3. Klik Tambahkan Gadget, lalu pilih HTML/JavaScript.
   
4. Lalu copy dan paste-kan kode berikut ini, lalu simpan dan lihat hasilnya.
   
   <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START -->
   <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/393656_2400861740213_1211158261_31829773_579178586_n.jpg') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
   .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent">
   
   
   PASTE-KAN KODE HTML SHOUTBOX ANDA DISINI
   
   
   <div style="text-align: right; font-size: 10px;">
   Widget by
   <a href="http://www.andrepanggabean.com">
   AndrePanggabean.com
   </a>
   </div>
   
   
   <br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div> <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://www.andrepanggabean.com END --></div>

Silahkan anda lihat sendiri hasilnya, selamat mencoba :)

Cara Mengganti Template Blogspot

Terkadang template blog yang disediakan oleh Blogger dirasa tidak dapat memenuhi kebutuhan kita dalam ngeblog, oleh sebab itu banyakorang yang mencari template buatan orang lain untuk dipasang diblog mereka. Hanya saja permasalahannya, banyak blogger pemula yang masih bingung bagaimana cara mengganti template, khususnya di Blogspot.

Blog saya ini sendiri telah melakukan beberapa kali penggantian template hingga akhirnya merasa cocok dengan template yang sekarang ini. Jika saya bisa mengganti template, anda juga pasti bisa, walaupun masih pemula. Lantas bagaimana cara mencari template yang sesuai dengan keinginan kita?

Sekarang ini banyak sekali situs yang menyediakan template untuk kita download secara gratis, salah satunya adalah http://creatingwebsite-maskolis.blogspot.com/. Silahkan anda download template yang anda inginkan disana. Cara memasangnya di blog pun tidaklah sulit. Sebenarnya sangat mudah sekali untuk mengganti template. Jika sobat ingin mengganti template, ikuti langkah dibawah ini.

1. Log in ke akun Blogger sobat.
2. Klik pada Rancangan.
3. Pilih pada Edit HTML. Jika anda ingin mengganti template  dengan template yang disediakan oleh Blogspot, klik pada Perancang Template dan pilih template yang anda inginkan. Namun jika anda ingin memakai template yang anda download dari situs penyedia template, silahkan klik Edit HTML.
4. Sebelum mengganti template, disarankan untuk membackup template lama terlebih dahulu, supaya jika ternyata setelah mengganti template terjadi sesuatu yang tidak diinginkan, anda bisa memulihkannya dengan mengunggah template lama.
5. Setelah template lama anda disimpan, klik tombol Browse dan pilih file berkas template yang ingin anda pasang. Pastikan file tersebut berformat .xml.
6. Selesai. Klik Unggah dan tunggu hingga proses selesai. Biasanya sebelum template diganti anda akan ditanya dulu mengenai penghapusan widget pada template anda yang lama. Jika ini terjadi, iyakan saja.

Selesai, sekarang blog anda sudah menggunakan template yang baru. Silahkan dieksplorasi template tersebut sesuai dengan keinginan anda.

Cara Memasang Emoticon di Postingan Blog

Setiap blogger tentunya ingin sekali membuat artikel yang menarik dan mampu menarik minat para pembaca untuk betah berlama-lama di blognya. Dengan begitu rank blog pun akan meningkat. Pengunjung yang tadinya hanya iseng pun bisa berubah menjadi pembaca setia (loyal reader).

Banyak cara yang bisa dilakukan untuk meningkatkan kualitas tulisan. Bisa dengan cara menuliskan artikel tentang topik yang kita kuasai, bisa juga dengan cara mengambil tulisan dari authority site dan tentunya harus menuliskan ulang lagi tulisannya agar tetap terlihat unik oleh Google.

Selain dengan cara-cara diatas, ada satu hal sederhana yang kita terapkan untuk membuat tulisan kita lebih menarik, unik serta lebih ekspressif, yaitu dengan memakai emoticon. Bagaimana penerapannya agar emoticon bisa mengekspresikan suatu tulisan? Contohnya sebagai berikut pada artikel Cara Melupakan Mantan Pacar.

"Ketika masih sekolah, banyak cerita cinta yang terjadi dalam masa-masa pacaran. Masa-masa pacaran memang merupakan masa-masa yang indah, tidak hanya ketika masa sekolah yang hanya sekedar 'cinta-cintaan', tapi juga bagi anda yang telah menginjak usia dewasa, dimana anda masih mencari seorang yang tepat untuk melengkapi hidup anda. Indahnya ...."

Bagaimana? Ekspressif bukan? Tentu saja ! Gue gitu!

Caranya sangat mudah sekali. Anda tidak perlu mendownload program-program apapun untuk menerapkannya. Yang anda perlu lakukan adalah menggunakan browser Mozilla Firefox. Untuk memasang emoticon ketika menulis artikel sangat mudah sekali. Ikuti langkah berikut.

1. Log in ke akun Blogger anda dan siapkan sebuah tulisan yang akan anda publikasikan.
2. Cari kalimat dari tulisan anda yang ingin dipasangi emoticon. Contohnya sebagai berikut.
Aku ingin pergi dan terus pergi dari berbagai kesenjaan yang ada didunia dan mencoba menghapuskan segala kesedihan....
3. Anda sudah pertengahan jalan. Sekarang kunjungi situs Emoticon - Yahoo! Messenger.
   
   
4. Pilih emoticon yang ingin dipasang. Misalnya emoticon sedih. Sorot pada emoticon tersebut, klik-kanan dan klik View Selection Source. Kemudian copy kode HTML gambar tersebut.




5. Sisipkan kode HTML yang sudah dicopy tadi pada tulisan. Contohnya sebagai berikut.




Aku ingin pergi dan terus pergi dari berbagai kesenjaan yang ada didunia dan mencoba menghapuskan segala kesedihan.... <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" alt="sad">


6. Selesai! Silahkan publikasikan tulisan anda yang ekspressif dengan emoticon!




Semoga tulisan ini bermanfaat!

Cara Membuat Readmore Otomatis Di Blogger

Masih teringat dalam ingatan saya ketika baru pertam kali buat blog, saya belajar kesana-kemari dan mencari informasi dengan berselancar di Google. Widget blog pertama yang saya ketahui adalah fitur Readmore karena fitur ini sangat terkenal pada saat itu, apalagi masih sedikit orang yang mahir ngeblog.

Karena pada saat itu saya kurang termotivasi, akhirnya saya hentikan kegiatan ngeblog, walau pada akhirnya kembali ngeblog setelah beranjak SMA (kok malah curhat).

Nah ketika mendownload template dari suatu situs, saya melihat ada yang menarik, yaitu fitur readmore nya yang otomatis. Artinya tanpa kita beri kode 'span=blablabla' fitur Readmore tetap muncul. Salah satu contohnya lihat pada blog saya Belajar Gitar Online

Fitur readmore otomatis ini sangat membantu, terutama bagi blogger yang artikelnya sudah berjumlah sangat banyak sehingga tidak perlu mengedit satu per satu. Jika sobat tertarik untuk menerapkannya di blog sobat, ikuti langkah berikut ini.

1. Seperti biasa, log in ke akun Blogger sobat.
2. Klik pada Rancangan, lalu pilih Edit HTML . Beri centang pada Expand Widget Templates. Backup terlebih dahulu template sobat, caranya klik Download Template Lengkap.
3. Cari kode </head>, lalu letakkan kode berikut tepat diatasnya.

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>


4. Anda sudah pertengahan jalan. Sekarang cari kode <data:post.body/> atau <p><data:post.body/></p>. Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode berikut ini.
   

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></a></span>
<b:else/>
<data:post.body/>
</b:if>


5. Selesai! Klik Simpan Template.

Jika anda tertarik, anda juga bisa ganti tulisan Readmore menjadi berupa gambar. Caranya kode yang pada nomor 4 tadi diganti dengan kode berikut ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

Sekarang uji coba blog anda. Posting sebuah artikel dan taraa!! Halaman beranda blog anda sudah terpasang fitur Readmore.

Cara Berkomentar di Blog Dengan Benar

Membuat artikel yang berkualitas serta memiliki nilai mutu yang tinggi tentunya merupakan tugas para blogger. Memang bukan hal mudah, namun itu adalah hal mutlak bagi blogger yang memang ingin blognya bernilai dimata pengunjung, tidak hanya bernilai oleh search engine. Jika sudah begini, otomatis tenaga dan pikiran serta wawasan akan lebih banyak terkerahkan agar bisa membuat artikel yang memang berkualitas.

Apabila sudah membuat artikel yang memang memiliki kualitas dan dibuat bukan sekedar untuk mencari traffic, tentunya kita sebagai blogger menginginkan respon yang baik pula dari orang-orang yang membaca artikel kita tersebut. Respon itu bisa ditunjukkan dengan memberi komentar di artikel yang kita tulis. Bisa dipastikan kita menginginkan komentar yang memang relevan dengan apa yang kita tulis dan tidak sekedar untuk mendapatkan backlink.

Namun, bagaimana perasaan anda jika mendapati artikel yang anda tulis diberi komentar hanya sekedar 'mantap gan infonya!'? Saya bisa pastikan sobat akan jengkel. Ya, begitupun saya yang menulis artikel ini dengan sedikit perasaan jengkel dikarenakan orang yang melakukan 'spam komentar'.

Ketika mengecek halaman beranda blog saya, saya melihat widget 'Recent Comments' yang ada dibagian bawah blog saya dipenuhi dengan komentar-komentar yang baru. Saya sempat merasa senang, namun ketika saya cek baik-baik melalui opsi Komentar yang ada di halaman Dashbboard, saya melihat sesuatu yang mengecewakan sekaligus sangat menjengkelkan. Lihat gambar dibawah ini

Sekilas terlihat seolah banyak komentar baru yang masuk, namun jika diperhatikan baik-baik komentar tersebut berasal dari satu orang yang menamai dirinya 'Apung'. Yang lebih menjengkelkan lagi, ternyata ia memberi komentar yang hanya sekedar untuk mencari backlink.

Sebenarnya saya ingin langsung saja memasukkan komentar-komentar tersebut ke dalam kotak spam. Namun setelah saya pikir-pikir, kasihan juga dia karena telah bersusah payah membuat komentar-komentar tersebut. Tapi saya pikir lagi, komentar-komentar seperti itu sama saja dengan spamming, oleh sebab itu saya putuskan untuk memasukkannya ke dalam kategori Spam. Hanya beberapa saja yang saya 'loloskan' untuk tampil di blog saya.

Ini bisa sobat jadikan pelajaran berharga kedepannya, bahwa setiap blogger menginginkan respon yang baik dari orang-orang yang membacanya, dan respon tersebut bisa diwujudkan dengan memberi komentar yang benar. Berikut cara berkomentar di blog dengan benar.

1. Luangkan waktu untuk membaca artikel tersebut. Atau jika ingin menghemat waktu, minimal sobat tahu poin-poin penting dari tulisan tersebut.
2. Setelah mengetahui poin-poin penting dari artikel, berilah komentar sesuai dengan poin-poin tersebut. Contohnya jika artikel berjudul Definsi Backlink, tentu poin-poin pokoknya adalah tentang backlink dan SEO. Maka sobat bisa beri komentar yang berkualitas misalnya 'gan kl masalah dofollow nofollow emangnya berpengaruh ya?'. Atau jika artikelnya membahas tentang Cara Menyambungkan Twitter ke Facebook, berilah komentar misalnya 'thanks mas udah berbagi triknya. izin praktek yah'.
3. Gunakan identitas yang jelas. Jika anda ingin mendapatkan backlink, silahkan gunakan opsi 'Name/URL' yang ada pada kotak komentar Blogspot. Jangan gunakan Anonyimous.

Membuat artikel berkualitas adalah tugas setiap blogger, oleh sebab itu jika sobat ingin memberi komentar, berkomentarlah yang berkualitas pula. Jangan berkomentar yang hanya sekedar ingin mendapatkan backlink, sehingga pada akhirnya komentar anda akan dianggap sebagai spamming dan situs anda akan mendapatkan reputasi yang buruk dari orang lain. Salam blogger!

Cara Membuat Mesin Pencari Di Blog

Jika sobat memperhatikan sudut kanan blog ini, maka sobat akan melihat sebuah mesin pencari. Apakah guna mesin pencari itu dipasang pada blog?

Ketika seorang pengunjung blog mencari sesuatu di blog kita, apa yang ia lakukan? Tentu ia akan menggunakan mesin pencari yang ada di blog dan mengetikkan kata kunci yang berhubungan dengan informasi yang dicari, dengan harapan akan mendapatkan artikel yang berisi informasi yang dicari.

Intinya, mesin pencari berfungsi untuk mencari artikel yang berisi informasi yang dibutuhkan pada sebuah situs/blog dengan menggunakan kata kunci tertentu. Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan, yang mau dibahas disini adalah bagaimana caranya membuat search engine di blogger.

Jika sobat ingin membuat dan memasang mesin pencari di blog sobat, maka sobat bisa mengikuti langkah-langkah berikut ini.

1. Login ke akun blogger sobat.
2. Seperti biasa, klik pada Rancangan -> Tambah Gadget -> HTML/Javascript. Maka akan muncul kotak Mengkonfigurasi HTML/Javascript
3. Copy paste kode berikut pada kotak yang disediakan.


<form action="http://nama-blogmu.blogspot.com/search" method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>


4. Ganti nama-blogmu.blogspot.com dengan URL blog sobat. Angka 30 adalah batasan jumlah karakter yang dapat dimasukkan pada kotak mesin pencari, sobat bisa membiarkannya atau mengatur jumlahnya sesuai selera. Sedangkan Search adalah tulisan yang muncul pada tombol yang ada di mesin  pencari. Boleh sobat ganti dengan Cari ataupun dengan teks lainnya sesuai keinginan.





5. Terakhir, klik Simpan.

Nah, sekarang mesin pencari sudah muncul di blog sobat, silahkan mesin pencarinya diuji coba dan rasakan keampuhannya .

Cara Memasang Breadcrumbs di Blogger

Merupakan hal yang penting bagi kita para blogger yang ingin mengoptimalkan blognya pada mesin pencari dengan cara memasang Breadcrumbs di blog. Apakah itu Breadcrumbs? Breadcrumbs adalah fitur yang berguna untuk memperpendek alamat posting URL blog dengan judul label dari posting tersebut. Masih kurang jelas? Lihat screenshot dibawah ini.

Lihat, dibawah judul artikel ada tulisan www.andrepanggabean.com > Ilmu Pengetahuan Alam. Nah, itulah yang dimaksud dengan Breadcrumb.

Dengan memasang Breadcrumbs tentunya akan membuat blog kita terlihat rapi di halaman hasil pencarian sekaligus memberikan kesan 'Profesional'.

Untuk memasang Breadcrumbs di Blogger sangatlah mudah, ikuti langkah berikut ini.

1. Login ke akun Blogger sobat.
2. Klik pada Rancangan -> Edit HTML . Lalu beri tanda centang pada Expand Widget Template.
3. Sebelum mengedit, backup terlebih dahulu template sobat, klik Download Template Lengkap.
4. Cari kode ini di template sobat <b:include data='top' name='status-message'/> . Biasanya ada dua kode. Jika sudah ketemu, paste-kan kode dibawah ini tepat diatas kode sebelumnya.
   
<b:include data='posts' name='breadcrumb'/>
5. Sekarang cari kode <b:includable id='main' var='top'>. Jika sudah ketemu, copy dan paste kode dibawah ini tepat diatasnya.
   
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
6. Selesai. Simpan template sobat. Klik Simpan Template

Nah, efek dari Breadcrumb ini sudah bisa sobat rasakn pada artikel sobat yang baru. Silahkan posting artikel apa saja, dan lihat efek dari breadcrumb ini. Efeknya juga akan terlihat pada posting-posting sebelumnya, hanya saja akan terlihat dalam beberapa hari.

Cara Memasang Lagu Autoplay Di Blog

Sebuah blog tentunya akan terasa lebih asik untuk dibolak-balik halamannya dengan adanya lagu yang diputar setiap blog tersebut dibuka. Pengunjung blog pun akan semakin menikmati setiap halaman yang dibolak-balik karena adanya lagu yang diputar secara otomatis (autoplay) di blog tersebut.

Setiap blogger yang masih pemula tentunya akan sedikit bingung bagaimana cara memasang lagu autoplay di blog. Bahkan blogger yang memasang lagu di blognya bisa dianggap sebagai blogger yang telah proffesional bagi si pemula. Padahal sebenarnya sangat mudah sekali untuk memasang lagu di blog. Dalam waktu singkat, kita sudah bisa memasang lagu di blog yang akan terputar secara otomatis setiap kali blog kita dibuka.

Untuk memasang lagu 'autoplay' diblog sobat, ikuti langkah berikut ini.

1. Kunjungi http://www.divine-music.info
2. Klik pada Browse All.
'
3. Pilih nama musisi yang diinginkan. Sebagai contoh, saya memilih artis idola saya, Alter Bridge.
4. Akan muncul pilihan lagu yang diinginkan beserta kode HTML nya. Sebagai contoh, saya memilih lagu Open My Eyes. Copy kode HTML yang disediakan.
5. Pasang kodenya di blog sobat. Lalu nikmati blog sobat dengan lagu favorit yang diputar secara otomatis di blog sobat.

Nah, jika sobat belum mencoba memasang di blog sobat dan ingin melihat contoh blog yang menggunakan fitur autoplay ini, maka lihat blog saya yang beralamat di http://tokokameradslronline.blogspot.com. Setelah sobat membukanya, secara otomatis lagu Open My Eyes-nya Alter Bridge akan diputar.

Cara Memasang Kalender Lucu Di Blog

Berbagai widget bisa kita pasang di blog untuk memaksimalkan penampilan blog dan membuat blog terlihat lebih professional. Salah satu contohnya adalah widget Yahoo Messenger, widget jam, dan widget bunga bertaburan di blog. Nah, kali ini saya akan sharing widget yang cukup menarik, yaitu Kalender.


Sebelumnya, lihat gambar-gambar kalender dibawah ini.

Bagaimana? Bagus bukan? Nah jika sobat tertarik untuk memasang kalender lucu dan cantik seperti diatas, ikuti langkah berikut ini.

Widget Blog Kalender

Berikut cara mendapatakan script kalender widget untuk di pasang pada blog blogger sobat.

1. Buka situs www.cuteki.com/widgets/calendars/
2. Silahkan lihat pilihan kalender yang ada, lalu pilih dan klik widget kalender yang kamu suka.
3. Sesuaikan tampilan widget kalender tersebut dengan template blog sobat.
4. Copy dan paste kode yang diberikan. Lalu pasang di blog sobat. Belum tahu cara memasang widget di blog? Lihat artikel Cara Memasang Widget di Blog.

Lihat hasilnya. Blog sobat terlihat lebih menarik dengan kalender tersebut.

Cara Memasang Widget Yahoo Messenger di Blog

Mungkin sobat pernah melihat blog dengan sebuah ikon YM yang sedang menunjukkan bahwa ID Yahoo tersebut sedang dalam keadaan online dan siap diajak chat. Tahukah sobat itu widget apa? Itu adalah widget Yahoo Messenger yang dipasang di blog. Tujuannya adalah untuk berkomunikasi real-time dengan pemilik blog.

Banyak orang yang suka dengan tampilan status online Yahoo! Messenger di blog mereka. Karena dengan begitu visitor bisa tahu kalau sang admin blog sedang online dan dapat melakukan percakapan dengannya. Untuk memasang widget Yahoo Messenger di blog ikuti langkah berikut ini.

1. Login ke akun blogger milik sobat.
2. Klik Rancangan. Kemudian klik Tambah Gadget pada Elemen Halaman.
3. Pilih HTML/Javascript
4. Copy paste kode HTML dibawah ini
   
   
<a href='ymsgr:sendIM?Nama Id YM sobat'><img border='0' height='16' src='http://opi.yahoo.com/online?u=Nama Id YM sobat&m=g&t=1' style='padding-top:3px' width='64'/></a>
5. Tulisan biru ganti dengan ID YM sobat. kemudian klik Simpan.

Jika diperlukan, sobat bisa menambah lebih dari 1 ID YM, yaitu dengan cara menambah kode diatas setiap ID Yahoo Messenger. Semoga bermanfaat:)

Cara Membuat Blog Gratis Di Blogspot

Internet sudah sangat menyatu dengan kehidupan kita saat ini. Kecanggihan teknologi telah menciptakan sesuatu yang telah berpengaruh besar dalam kehidupan kita saat ini, yaitu internet. Jutaan informasi diakses tiap harinya melalui internet. Tidak hanya itu, para penjual barang saat ini pun berlomba-lomba memasarkan produknya melalui internet. Para pengusaha pun beralih dari yang beriklan melalui media offline seperti koran menjadi ke media online, yaitu internet.


Hal itu bukan merupakan sesuatu yang aneh jika melihat jumlah pengguna internet yang terus meningkat. Setiap orang bisa mendapatkan informasi yang dibutuhkannya dengan mudah melalui internet.


Jika kita sering browsing dan mencari informasi di internet, tentu kita akan menemukan banyak sekali website di internet. Jika kita perhatikan baik-baik, banyak sekali website yang alamatnya memiliki nama domain .blogspot.com. Nah itu adalah sebuah blog (web blog) yang berplatform Blogger (dibuat dari situs Blogger.com). Blog saya sendiri termasuk Blog yang berplatform Blogger.com, hanya saja saya membeli domain sehingga bisa menjadi .com.


Keuntungan membuat blog sangat banyak sekali, saya akan coba bahas di artikel berikutnya. Jika sobat ingin membuat blog gratis di Blogspot, silahkan ikuti tutorial berikut. (Tutorial ini ditujukan bagi sobat yang benar-benar pemula)

1. Kunjungi Blogger.com. Pastikan anda sudah membuat email. (Direkomendasikan memakai email dari Gmail). Lalu klik Daftar.
2. Anda akan dibawa ke halaman registrasi. Isilah data-data yang diminta. Lalu klik Lanjutkan.
   
   

   

   Gambar 1. Formulir Pendaftaran di Blogger

3. Anda akan dibawa ke halaman Dashboard. Selamat! Sobat sudah maju 1 tahap untuk membuat blog sobat! Silahkan klik pada tombol Blog Baru yang ada di sebelah kiri atas.
   
   



Gambar 2. Buat Blog Baru

4. Akan muncul jendela formulir untuk membuat blog. Silahkan isi data-data yang diminta dan klik Buat Blog.



Gambar 3. Jendela Pembuatan Blog

5. Selamat, anda telah berhasil membuat blog gratis dari Blogspot! Anda sudah 2 langkah lebih cepat dari mereka yang belum membuat blog, silahkan mulai menulis artikel dengan mengklik gambar pensil (Buat Entri Baru) dan meng-eksplorasi blog sobat sesuai dengan rencana dan kebutuhan sobat!
   
   

   

   Gambar 4. Blog selesai dibuat.

Cara Memasang Feedjit Di Blogspot

Coba sobat klik tab Tags di sebelah kanan, sobat akan melihat sebuah widget yang berjudul "Live Traffic Feed". Itulah yang dinamakan Feedjit. Feedjit adalah widget yang berfungsi untuk memberi informasi yang menarik untuk blogger. Sudah banyak sekali blogger yang menggunakan widget Feedjit ini. Bukan tanpa alasan, widget besutan Feedjit.com ini memang sangat berguna bagi para blogger, karena dapat memberi informasi yang sangat menarik, yaitu:

1. Kapan waktu terakhir visitor datang.
2. Halaman apa yang terakhir dikunjungi
3. Lokasi geografis visitor (Kota dan Negara).
4. Visitor yang pergi dari tautan keluar di blog kita. (Cara Membuat Blog Gratis di Blogspot)

Nah, untuk lebih detailnya, silahkan lihat widget Feedjit yang ada di blog saya ini. Maka sobat akan mendapatkan informasi-informasi yang seperti diatas. Jika sobat tertarik untuk memasangnya di blog sobat, silahkan ikuti langkah berikut.

1. Kunjungi Feedjit.
2. Nah silahkan isi data-data yang diperlukan. Yaitu nama dan alamat email sobat serta negara. Kemudian klik Get your Traffic Feed Lihat gambar dibawah.
   
   

   

   Gambar 1. Isi data-data yang diminta

3. Silahkan atur tampilan widget Feedjit anda pada opsi FREE CUSTOMIZATION.
4. Setelah selesai, pilih Blogger Blog pada opsti Install Feedjit on My. Lalu klik Go.
   
   

   

   Gambar 2. Atur tampilan Feedjit dan klik Go

5. Anda akan dibawa pada halaman baru. Klik pada tombol Click to open a New window and install on Blogger.
6. Anda akan dibawa lagi pada halaman baru, yaitu halaman login Blogger. Silahkan login menggunakan akun blogger anda



Gambar 3. Log in ke akun Blogger sobat.

7. Setelah anda login, pilih blog yang ingin anda masukkan widget Feedjit, lalu klik Menambah Widget.
   
   

   

   Gambar 4. Tambahkan Widget ke Blog Sobat.

8. Selesai, widget sudah terpasang di blog anda

Setelah anda memasang widget tersebut, anda sudah mulai dapat melacak informasi-informasi yang sudah saya sebutkan sebelumnya diatas. Semoga bermanfaat :)

Cara Memparse Kode HTML

Terkadang kita sebagai blogger perlu memparse kode HTML untuk sebuah keperluan, contohnya untuk memasang kode Adsense agar muncul di tengah posting. Jika dilakukan secara manual, tentunya akan sulit sekali karena harus mengganti kode satu per satu.

Memparse kode HTML atau Javascript bukanlah suatu hal yang sulit, bahkan lebih mudah dari Cara Memasang Widget Di Blog karena anda tinggal mencopy paste kode HTML atau Javascript yang ada ke dalam kotak yang saya sediakan dibawah ini. Setelah anda paste kan kode tersebut, klik "Convert". Sedangkan tombol “Clear” fungsinya adalah untuk menghapus kode html atau java script yang telah Anda masukkan. Sebenarnya kode html atau java script tersebut bisa dihapus tanpa menggunakan tombol “Clear”, yaitu dengan menggunakan tombol “Delete” di keyboard. Aplikasi dibawah ini bukan satu-satunya tool yang bisa digunakan untuk memparse kode html atau java script, sebab selain aplikasi dibawah ini masih ada aplikasi lain yang bisa digunakan untuk memparse kode html atau java script. Anda bisa mencarinya sendiri di internet. Akan tetapi, menurut saya aplikasi dibawah merupakan aplikasi yang paling mudah digunakan untuk memparse kode html atau java script jika dibandingkan dengan yang lainnya. Jika Anda tahu ada ada aplikasi lain yang lebih praktis dari pada aplikasi dibawah ini, silakan di share disini.


Post-Code: code converter

Gadgets powered by Google