Rabu, 30 November 2011

Memasang Widget Search Box

Memasang Widget Search Box | Tutorial Blog

Tutorial kali buat sobat yang masih belum bisa dan ingin memasang widget Kotak Penelusuran (Search Box) di blog. Cara memasangnya tidak menggunakan coding, karena sekarang Blogger sudah menyediakan widget Kotak Penelusuran. Jadi caranya lebih mudah dari Membuat Kotak Pencarian (Search Box).
Berikut cara Membuat Search Box di Blog :
  1. Login ke Akun Blogger milik Anda, pilih Rancangan (Design) > Elemen Laman (Page Elements).
    Design Page Element
  2. Klik Tambah Gadget (Add a Gadget).
    Add Gadget
  3. Pilih Kotak Penelusuran (Search Box).
    Search Box
  4. Pada bagian Judul / Title, isi dengan Cari di Blog Ini atau kata lain yang Anda inginkan. Pada bagian Tab, centang pada Blog ini (This Blog).
    Search Box
  5. Terakhir klik tombol Simpan (Save), dan lihat hasilnya.
    Save Widget
Semoga tutorial ini bisa membantu sobat yang ingin Memasang Search Box di Blog.

Selasa, 29 November 2011

Membuat Kotak Pencarian (Search Box)

Membuat Kotak Pencarian (Search Box) | Tutorial Blog

Tutorial kali ini saya akan berbagi cara Membuat Kotak Pencarian (Search Box).
Berikut caranya :
  • Login ke Dasbor blogger, klik Design (Rancangan) > Edit HTML, Taruh kode ini di atas kode  ]]></b:skin>
    berikut kodenya:
    #search {
    width: 280px;
    font-size: 11px;
    float: right;
    margin: 0;
    padding: 6px 0 0;
    }
    #searchform {
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline;
    }
    #searchbox {
    background: #84CAF6;
    width: 220px;
    color: #000;
    margin: 0;
    padding: 4px 0 3px 5px;
    border: 1px solid #005BC3;
    display: inline;
    font: normal 12px Georgia, Times New Roman, Trebuchet MS;
    }
    #searchbutton {
    background: #84CAF6 !important;
    color: #000;
    margin: 0 0 0 5px;
    padding: 3px 3px 2px;
    border: 1px solid #005BC3;
    font: bold 11px Georgia, Times New Roman, Trebuchet MS;
    }
  • Save Template.
  • Sekarang ke Page Element, klik Add a Widget > HTML/Javascript Masukkan kode ini di dalam area content.
  • <div id='search'>
    <form action='/search/' id='searchform' method='get' style='display:inline;'>
    <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}' onfocus='if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}' type='text' value='Search...'/>
    <input class='btn' type='submit' value='Go'/>
    </form>
    </div>
  • Save dan lihat hasilnya.
Semoga bermanfaat...!

Artikel lainnya :

Apa Itu Google Plus ?

Google Plus – Google plus merupakan layanan jejaring sosial yang diluncurkan oleh Google pada akhir bulan Maret 2011. Google plus memiliki fitur yang memungkinkan penggunanya untuk saling berinteraksi dan berkomunikasi dengan teman sesama pengguna Google plus lainnya.


Latar belakang munculnya Google plus.

Banyak kabar yang menyebutkan jika latar belakang munculnya Google plus ini untuk mematahkan dominasi facebook dalam dunia jejaring sosial. Google memang sebelumnya sangat berambisi untuk bisa menyaingi kejayaan facebook.

Buktinya adalah mereka sudah pernah mengeluarkan beberapa layanan yang diharapkan mampu mengimbangi popularitas facebook seperti google wave, google buzz dan orgut. Akan tetapi, semua layanan tersebut gagal di pasaran dan tetap saja tidak mampu mengimbangi dominasi facebook sebagai situs jejaring sosial terbesar di dunia dengan 721 juta anggota per November 2011.


Saat ini, Google sudah memiliki layanan jejaring sosial berupa Google plus yang diyakini mampu berperan efektif dalam menyaingi popularitas facebook. Banyak sumber yang juga mengatakan jika Google plus sebagai ancaman serius bagi keberlangsungan facebook. Buktinya adalah Mark Zuckenberg sebagai pendiri facebook pun ikut membuat akun Google plus setelah beredar kabar layanan ini telah resmi diluncurkan.

Saat ini akun Google plus Mark Zuckerberg sudah memiliki 611735 jalinan pertemanan. Akan tetapi, dia belum pernah melakukan aktifitas apapun dalam jejaring sosial tersebut. Hal ini dimungkinkan karena Mark Zuckerberg merasa penasaran dan ingin melihat seperti apa layanan jejaring sosial yang berpotensi mengalahkan facebook miliknya.

Saat ini facebook juga membatasi ruang gerak penggunanya agar tidak pindah ke Google plus. Salah satu upaya yang sudah dilakukan adalah dengan memblokir aplikasi yang dapat digunakan sebagai akses untuk memindahkan kontak data pengguna dari facebook ke Google plus.

Fitur Google Plus.


Pada dasarnya Google plus ini masih bersifat beta atau masih dalam tahap pengembangan, sehingga masih ada beberapa fitur penggunaan yang dirasakan perlu untuk ditambahkan.


Beberapa fitur yang terdapat dalam Google plus adalah sebagai berikut.

  1. Kolom Status, digunakan untuk membuat status.
  2. Notifikasi, memberikan kita kabar peringatan jika ada sesuatu yang terjadi dalam akun Google plus kita.
  3. Galeri Foto, fitur untuk menampilkan foto dalam akun Google plus kita.
  4. Stream, membedakan mana yang kita lihat di timeline kita.
  5. Sparks, fitur untuk mencari konten yang kita inginkan.
  6. Chat, fasilitas untuk komunikasi secara real time.
  7. In Your Circles, orang-orang yang menjadi teman kita.
  8. Suggestions, fitur untuk membantu kita untuk memasukkan pengguna Google lain ke dalam circle yang telah kita miliki.
  9. Hangouts, fitur untuk video group chat.
  10. Go Mobile, untuk sementara hanya support untuk ponsel ber-OS Android.


Cara daftar Google plus.

Cara untuk mendaftar Google cukup mudah. Kita hanya memerlukan akun gmail sebagai syarat wajibnya dan kemudian kunjungi situs http://plus.google.com/. Setelah itu, klik Keep Me Posted dan isikan biodata yang diperlukan.

Manfaat Google Plus.

Jika dikaitkan dengan dunia blogging, Google plus dapat bermanfaat sebagai salah satu alat seo untuk menentukan pemeringkatan blog berdasarkan popularitasnya di SERP (search engine result page). Saat ada pembaca yang berkunjung ke blog kita dan membaca sebuah artikel hingga kemudian merasa senang dengan artikel yang baru saja dibacanya tersebut, dia dapat merekomendasikan artikel tersebut untuk dibaca oleh orang lain dengan cara klik tombol Google plus.

Klik tombol Google plus ini maksudnya adalah kita merekomendasikan sebuah artikel kepada orang lain untuk dibaca dan memberikan semacam poin plus agar halaman artikel dalam blog kita tersebut mendapatkan tempat yang baik di hasil pencarian Google untuk keyword yang terkandung dalam artikel tersebut. Jadi, semakin banyak pembaca yang klik tombol Google plus untuk artikel blog kita maka kemungkinan artikel tersebut mendapatkan SERP yang baik juga akan semakin besar.

Google plus memang menjadi fenomena tersendiri saat ini. Akan tetapi, kita tidak boleh terpancing keadaan dan membuatnya semakin terkesan heboh. Gunakanlah jika memang diperlukan dan dalam batas keperluan kita saja.

Senin, 28 November 2011

Membuat Related Post (Artikel Terkait)

Membuat Related Post (Artikel Terkait) | Tutorial Blog

Related post atau Artikel Terkait sangat bermanfaat untuk memberitahu pengunjung tentang artikel yang lain dalam satu label / category pada blog kita.
Berikut cara Membuat Related Post :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Artikel Terkait
  • Beri tanda centang pada Expand Template Widget.
    Membuat Artikel Terkait
    Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
  • Cari kode </head>, lalu Copy kode dibawah ini dan letakkan diatas kode </head>.
    <!--Simple Related Posts Scripts Start-->
    <script type='text/javascript'>
    //<![CDATA[
    var relatedTitles = new Array();
    var relatedTitlesNum = 0;
    var relatedUrls = new Array();
    function related_results_labels(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
    var entry = json.feed.entry[i];
    relatedTitles[relatedTitlesNum] = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    relatedUrls[relatedTitlesNum] = entry.link[k].href;
    relatedTitlesNum++;
    break;
    }
    }
    }
    }
    function removeRelatedDuplicates() {
    var tmp = new Array(0);
    var tmp2 = new Array(0);
    for(var i = 0; i < relatedUrls.length; i++) {
    if(!contains(tmp, relatedUrls[i])) {
    tmp.length += 1;
    tmp[tmp.length - 1] = relatedUrls[i];
    tmp2.length += 1;
    tmp2[tmp2.length - 1] = relatedTitles[i];
    }
    }
    relatedTitles = tmp2;
    relatedUrls = tmp;
    }
    function contains(a, e) {
    for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
    return false;
    }
    function printRelatedLabels() {
    var r = Math.floor((relatedTitles.length - 1) * Math.random());
    var i = 0;
    document.write('<ul>');
    while (i < relatedTitles.length && i < 5) {
    document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
    if (r < relatedTitles.length - 1) {
    r++;
    } else {
    r = 0;
    }
    i++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>
        <!--Simple Related Posts Scripts and Styles End-->
  • Kemudian silakan Sobat cari kode seperti berikut
    <div class='post-footer-line post-footer-line-1'>
    Lalu letakkan kode berikut dibawah kode tersebut.
    <!-- Simple Related Posts Code Start-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
    Related Post on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
    </b:if></b:loop>
    <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
    <!-- Simple Related Posts Code End-->
  • Terakhir klik Save / Simpan Template.
    Membuat Artikel Terkait
Selamat mencoba dan semoga berhasil Membuat Related Post (Artikel Terkait).

Cara Membuat Banner Pasang Iklan Di Blog

Buat Banner Pasang Iklan Di Blog – Salah satu manfaat memiliki blog adalah kita dapat memonetisasinya menjadi sumber penghasilan jika blog yang kita miliki tersebut sudah memiliki kualitas yang baik. Di antara beberapa bentuk monetisasi yang dapat kita lakukan tersebut, kita dapat melakukan monetisasi berupa pemasangan iklan mandiri. Monetisasi blog dalam bentuk pemasangan iklan mandiri memiliki cara kerja di mana kita menyewakan space atau ruangan dalam halaman blog kita baik di untuk ditempati iklan oleh advertiser dan advertiser tersebut membayar sejumlah uang kepada kita secara periodik, baik mingguan dan bulanan.


Fakta yang ada saat ini adalah kebanyakan blogger melakukan aktifitas bloggingnya karena motivasi bisnis online. Mereka melakukan blogging bukan hanya semata untuk berekspresi dan berbagi, melainkan juga karena alasan ingin mendapatkan banyak uang dengan prinsip bisnis online.

Jika termasuk salah satu di antara mereka dengan alasan blogging untuk mendapatkan banyak uang, hal yang harus kita benahi untuk pertama kali adalah kualitas blog kita. Tanyakan pada diri sendiri, apakah blog kita sudah layak dimonetisasi? Beberapa indikator yang bisa digunakan untuk menilai apakah blog kita layak dimonetisasi adalah jumlah kunjungannya, pageranknya, pageviewsnya, bahkan hingga jumlah penggemarnya.

Jika kita sudah yakin bahwa blog kita layak dimonetisasi, kita dapat menggunakan salah satu bentuk monetisasi blog berupa pemasangan iklan mandiri. Dalam pemasangan iklan mandiri kita cukup memasangkan banner pasang iklan di blog ini untuk membertahukan kepada advertiser yang berkunjung jika kita menyewakan beberapa ruang kosong di blog kepada mereka.

Adapun cara untuk membuat banner pasang iklan di blog adalah sebagai berikut.

Pertama, buat dahulu gambar banner pasang iklan di blog dengan ukuran luas space yang akan kita sewakan di blog. Contohnya adalah ukuran 125x125, 468x60, 250x250, dsb.

Upload gambar tersebut di situs hosting gambar gratisan. Kalau bisa, gunakan saja blogspot sebagai pilihan hosting gambarnya. Baca kembali artikel tentang Cara Hosting Gambar Di Blogspot.

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik add gadget/tambah gadget.

Pilih HTML/JavaScript.

Masukan kode berikut ini.

<a href="URL halaman blog" target="_blank"><img src="URL gambar" border="0"></a>

Klik simpan.

Setelah itu atur dan letakan banner di posisi di mana kita akan memberikan ruang sewa kepada para advertiser di dalam blog kita.

Selesai.

Keterangan:

  1. Ganti URL halaman blog dengan link halaman yang akan dituju saat banner tersebut diklik. Biasanya diisi dengan link yang menuju pada halaman yang memberikan penjelasan tentang prosedur dalam menyewa space iklan di blog.
  2. Ganti URL gambar dengan URL yang kita dapatkan saat hosting gambar sebelumnya.

Kita tidak perlu menggunakan tag <br/> untuk mengganti baris saat meletakan banner tersebut karena banner akan secara otomatis berganti baris ketika lebar banner yang berjajar sudah tidak sesuai lagi dengan lebar di bagian blog kita.

Dengan adanya pemasangan banner pasang iklan di blog ini akan memudahkan advertiser untuk mengetahui jika blog kita sudah menyewakan space iklan bagi mereka. Buatlah gambar banner yang menarik untuk memancing perhatian para advertiser. Selain itu, tawarkan juga posisi pemasangan iklan yang strategis banyak di lihat pembaca dengan tarif pemasangan iklan yang menguntungkan.

Cara Menampilkan Avatar Pada Komentar Blog

Menampilkan Avatar Di Komentar Blog – Salah satu cara untuk mempromosikan blog kita adalah berkomentar di blog milik orang lain. Karena dengan hal tersebut paling tidak bisa membuat pemilik blog yang telah kita komentari sebelumnya berkenan untuk berkunjung balik hingga terciptalah jalinan pertemanan dengannya.


Ada beberapa hal yang dapat kita lakukan untuk menarik minat pembaca agar berkenan meninggalkan komentarnya di blog kita. Untuk pembahasan lengkapnya, silakan baca artikel 7 Tips Meningkatkan Jumlah Komentar Di Blog. Salah satu upaya yang kita lakukan adalah dengan memberikan tampilan form komentar yang menarik dan memikat pembaca.

Akan tetapi, dalam melakukan tips tersebut kita akan sedikit menemukan kendala karena pada tampilan komentar default blogger tidak memunculkan avatar untuk pilihan profil komentar selain berkomentar menggunakan profil akun google.

Coba lihat tampilan di bawah ini.


Bagaimana cara menampilkan avatar pada komentar blog ?

Masuk ke dalam akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut ini.

<dl class='comments-block' id='comments-block'>

atau

<dl id='comments-block'>

Kemudian hapus dan ganti dengan kode berikut ini.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

Cari kode berikut ini.

<a expr:name='data:comment.anchorName'/>

Kemudian hapus juga dan ganti dengan kode berikut ini.

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>

Cari kode berikut ini.

]]></b:skin>

Tambahkan kode berikut ini di atasnya.

#comments-block .avatar-image-container img {
background: #fff url(URL Avatar) no-repeat left top;
width:32px;
height:32px
}

Klik simpan dan selesai.

Keterangan:

  1. Unduh dan simpan template blog kita terlebih dahulu sebagai antisipasi jika terjadi kegagalan dalam proses editing template.
  2. Tekan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian kode yang kita inginkan dalam template blog kita.
  3. Ganti URL Avatar dengan alamat gambar avatar yang ingin kita tampilkan untuk mengisi kekosongan gambar profil di tampilan komentar blog.
  4. Ganti ukuran tinggi (height) dan lebarnya (width) sesuai keinginan kita.


Ini adalah contoh tampilan komentar blog yang sudah kita pasangi avatar untuk profil komentar selain akun google.


Dengan pemasangan avatar pada komentar blog ini akan membuat tampilan komentar menjadi lebih attraktif dan menarik, sehingga diharapkan akan memancing banyak pembaca untuk meninggalkan komentarnya di postingan blog kita. Semakin banyak pembaca yang aktif memberikan komentarnya di postingan blog kita, maka akan membuat blog menjadi lebih hidup karena tingginya intensitas komunikasi antara pemilik blog dengan para pembacanya.

Minggu, 27 November 2011

Membuat Auto Read More

Membuat Auto Read More | Tutorial Blog

Auto Read More adalah opsi yang otomatis memotong artikel Sobat saat di tampilkan pada home page blog Anda. Auto Read More ini dilengkapi dengan pengaturan jumlah karakter, Ada 2 pengaturan jumlah karakter yaitu jumlah karakter Read More tanpa gambar dan jumlah karakter Read More dengan gambar.
Berikut cara membuat auto read more :
  1. Login ke akun Blogger Sobat, klik Design / Rancangan  > Edit HTML.
    Penting!!! Biasakan men-Download / membackup template blog Anda sebelum mengedit template.
  2. Beri tanda centang pada Expand widget template, kemudian letakkan kode berikut ini di atas kode </head> (tekan Ctrl+F untuk mempermudah dalam pencarian kode)
    <script type="text/javascript">
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 220;
    img_thumb_height = 120;
    img_thumb_width = 220;
    </script>
    <script type="text/javascript">
    //<![CDATA[
    function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf("
    ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>
    "+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c};
    //]]>
    </script>
    Anda juga dapat merubah kode berikut:
    var thumbnail_mode = "float";
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 120;
    img_thumb_width = 120;
    Ganti angka pada summary_noimg untuk mengatur jumlah karakter yang tampil pada kutipan artikel tanpa gambar.
    Ganti angka pada summary_img untuk mengatur jumlah karakter yang tampil pada kutipan artikel dengan gambar.
    Ganti angka pada img_thumb_height untuk mengatur tinggi gambar yang tampil pada kutipan artikel.
    Ganti angka pada img_thumb_width untuk mengatur lebar gambar yang tampil pada kutipan artikel.
  3. Selanjutnya cari kode <data:post.body> lalu ganti dengan kode 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 class='rmlink' style='float:left'><a expr:href='data:post.url'><b>More about</b> &#8594;</a></span>
    </b:if>
  4. Ganti kata left dengan right untuk menampilkan link readmore di bagian kanan.
    Ganti kata More about dengan kata yang Anda inginkan. Misalnya Read More,Baca Selengkapnya, Selanjutnya atau Seterusnya.
  5. Terakhir klik Pratinjau / Preview untuk melihat hasilnya. Jika Anda rasa sudah sesuai, klik tombol Simpan / Save Template.
Catatan : Jika Sobat menggunakan opsi ini, Artikel pada halaman juga akan terpotong.
Semoga tutorial ini bisa berguna buat sobat yang ingin Membuat Auto Read More.

Sabtu, 26 November 2011

Cara Membuat Schedule / Jadwal Postingan di Wordpress

Cara Membuat Schedule / Jadwal Postingan di Wordpress | Tutorial Blog

Pada postingan kali ini saya akan berbagi cara membuat Jadwal Postingan di WordPress. Jika kita menggunakan opsi ini maka postingan yang kita buat akan dipublish secara otomatis sesuai pengaturan yang kita lakukan. Untuk Blogspot silakan baca Membuat Schedule / Jadwal Postingan Blogspot.

Berikut Cara Membuat Schedule / Jadwal Postingan di Wordpress :
  1. Login ke Dashboard Wordpress Anda, klik Posts > Add New, dan buat sebuah postingan.
    Post Addnew WP
  2. Sebelum di Publish klik Edit yang terletak disamping Publish immediately.
    Schedule Post
  3. Atur tanggal dan jam kapan postingan Sobat ingin dipublish.
    Jadwal Postingan
  4. Terakhir klik tombol Schedule.
    Jadwal Postingan
Semoga tutorial diatas bermanfaat buat sobat yang ingin Membuat Schedule / Jadwal Postingan di Wordpress.

Jumat, 25 November 2011

Cara Membuat Schedule / Jadwal Postingan

Cara Membuat Schedule / Jadwal Postingan | Tutorial Blog

Schedule atau Jadwal dalam memposting artikel memang penting. Dengan jadwal posting yang teratur, berarti kita konsisten, ini menandakan kita rajin dan aktif dalam ngeblog. Tutorial kali untuk blogspot, untuk wordpress.com silakan baca Cara Membuat Schedule / Jadwal Postingan di Wordpress.

Cara ini bisa digunakan buat sobat yang sibuk dan tidak sempat untuk posting artikel setiap harinya, misalkan Anda membuat 4 postingan, akan lebih baik jika Sobat terbitkan satu persatu, daripada Anda terbitkan sekaligus. Blogger akan menyimpan postingan Anda sampai waktu yang telah Anda tetapkan.

Berikut cara Membuat Jadwal Postingan di Blogspot :
  1. Login ke akun Blogger milik Anda, pilih New Post / Entri Baru, dan buat sebuah postingan.
  2. Sebelum diterbitkan klik Post Options.
    Schedule Post
  3. Akan muncul opsi-opsi di bawah Post Editor, pilih Scheduled at / Dijadwalkan pada lalu isi tanggal dan jam sesuai keinginan Anda.
    Jadwal Postingan
  4. Terakhir klik Publish Post / Terbitkan Entri. Maka Postingan tersebut akan diterbitkan sesuai tanggal dan jam yang telah ditentukan.
    Publish Post
Sekian tutorial tentang Cara Membuat Schedule / Jadwal Postingan.

Bagaimana Cara Hosting Gambar Di Blogspot ?

Cara Hosting Gambar Di Blogspot – Pemilihan media hosting yang tepat akan mempengaruhi kecepatan loading blog saat halaman dari blog kita tersebut memuat konten yang dihostingkan dalam media hosting tersebut. Selain itu, pemilihan media hosting yang bagus juga akan menentukan kelanggengan dari keberadaan konten kita dalam media hosting tersebut.

Apakah ada di antara kita yang sering mengeluhkan performa kecepatan loading blognya yang menurun? Jika ada, bisa jadi hal itu disebabkan oleh banyaknya konten blog kita yang dihostingkan di situs penyedia hosting di mana waktu request untuk menampilkan data atau konten yang dihostingkan terlalu lama. Coba baca kembali artikel 6 Langkah Mempercepat Loading Blog.

Performa kecepatan loading blog yang buruk juga bisa berimbas buruk pada citra blog kita di mata pembaca. Secara logis, biarpun blog tersebut tampil dengan desain yang wah, tetapi kalau loading untuk membuka halamannya lama maka akan membuat minat pembaca untuk sering berkunjung semakin berkurang. Coba cek terlebih dahulu berapa kecepatan loading blog kita dengan membaca artikel Cara Mengetahui Berat dan Lamanya Loading Blog.


Salah satu langkah yang dapat kita lakukan untuk mempercepat loading blog adalah dengan memilih hosting yang baik untuk meletakan konten blog kita. Misalnya pada sebuah gambar, ada baiknya jika kita melakukan hosting untuk menyimpan gambar tersebut pada blogspot. Alasannya adalah waktu request untuk menampilkan gambar menjadi lebih cepat daripada hosting di situs hosting lainnya dan lebih fleksibel serta mudah dilakukan.

Adapun cara untuk hosting gambar di blogspot adalah sebagai berikut.

Masuk ke dalam akun blogger masing-masing.

Klik entri baru.

Masukan gambar pada postingan blog seperti biasanya.


Terbitkan gambar tersebut ke dalam sebuah postingan blog. kemudian, buka halaman yang menampilkan gambar tersebut.

Arahkan mouse pada gambar dan klik kanan. Pilih salin URL gambar.


Sekarang gambar sudah kita hosting di blogspot. Ketika kita ingin menampilkan gambar tersebut untuk keperluan lain, kita dapat menggunakan URL gambarnya untuk menampilkan gambar tersebut.

Manfaat yang dapat kita peroleh dari hosting gambar di blogspot terutama adalah request waktu yang dibutuhkan untuk menampilkan gambar lebih cepat dari situs hosting gambar lainnya. Selain itu juga minim risiko server down, hilangnya konten gambar, dan gratis!

Gambar yang kita hostingkan di blogspot akan masuk dalam album picasa kita yang memiliki kapasitas hingga 1GB. Akan tetapi, kita memerlukan blog yang berbasis blogspot untuk bisa menggunakan layanan hosting gambar di blogspot ini.

Kamis, 24 November 2011

Memasang Jam di Wordpress

Memasang Jam di Wordpress | Tutorial Blog

Untuk memasang widget jam di wordpress.com caranya sama dengan Memasang Jam di Blogspot, namun ada kode yang harus Sobat rubah, Berikut tutorialnya :
  • Kunjungi www.clocklink.com
  • Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh pilih kategori Digital.
  • Kemudian klik View HTML Tag.
  • Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept.
  • Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog. Kemudian Copy kode HTML yang di bagian bawah.
    Memasang Jam
    Contoh Kode:
    <embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash">
  • Hapus bagian "<embed" dan penutup ">" dan ganti dengan "[gigya" dan "]". Agar widget menjadi rata tengah tambahkan "center" sehingga kodenya akan menjadi seperti ini:
    <div style="text-align:center;">[gigya src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=JOG&"  width="240" height="80" wmode="transparent" type="application/x-shockwave-flash"]</div>
  • Kemudian pasang pada widget "Teks" blog Sobat, Jika belum bisa cara memasang widget di wordpress.com silakan baca Memasang Widget di Wordpress.com, Selesai...
Sekian tutorial tentang Memasang Jam di Wordpress.

Wawancara Dengan Herman Yudiono Dari Blogdolar.com

Wawancara Make Money Blogging – Saya senang melakukan blogwalking, baik itu mengunjungi blog pemula yang baru dibuat maupun blog para senior yang sudah banyak materi bloggingnya. Karena dengan blogwalking saya bisa mendapatkan banyak manfaat, seperti mendapatkan ilmu baru, cara pandang baru, hingga teman yang baru.

Beberapa bulan yang lalu, saya tertarik dengan sebuah blog yang memiliki konten blogging yang cukup bagus. Materi yang dipublikasikan tidak hanya berkutat dengan masalah teknis, tetapi juga menampilkan konten materi yang bersifat analisis kualitatif dan motivasi blogging hingga hal-hal atau berita blogging yang jarang saya temui di blog dengan tema blogging lainnya.


Blog yang saya maksud itu adalah blogodolar. Blogodolar dibuat oleh Herman Yudiono atau yang lebih dikenal dengan Kang Yudiono. Informasi lebih lengkap tentang Kang Yudiono ini dapat disimak dalam Profil Kang Yudiono di blogodolar.


Satu hal yang menarik bagi saya dari Kang Yudiono ini adalah beliau berani mengambil langkah serius dengan meninggalkan dunia kerjanya yang menurutnya sudah memberikan hasil yang mencukupi dan bisa dibilang sebagai zona aman dan beralih profesi menjadi full timer blogger. Kisah selengkapnya dapat kita simak di postingannya Saya Adalah Seorang Full Time Blogger Sekarang!

Karena alasan itulah saya kemudian mengadakan wawancara online dengan Kang Yudiono via email dengan tema Make Money Online via Blogging. Berikut hasil wawancaranya.

1. Dulu Kang Yudiono blogging secara tidak sengaja karena bisa dibilang terinspirasi akibat “nyasar” menemukan blog teman. Darimana saja sumber Kang Yudiono belajar blog? Dan mengapa Kang Yudiono tertarik untuk blogging?

Saya bisa dibilang otodidak dalam belajar blog. Tentunya ini berasal dari beberapa problem ngeblog yang saya jumpai. Misalnya, ketika saya tidak tahu cara membuat read more postingan Wordpress, maka saya akan mencari informasi terkait hal itu di Google. Selain karena problem, saya juga sering mencoba-coba fitur yang ada di Wordpress karena penasaran akan fungsinya.

Saya tertarik ngeblog karena saya suka menulis. Dengan kata lain, blog menjadi sarana saya dalam menuangkan opini dan tips. Selain itu, saya juga melihat tren bahwa memang sekarang adalah eranya blogging.

2. Apa saja kendala yang dulu dihadapi selama masa awal-awal blogging? Dan bisa dijelaskan solusinya?

Banyak kendala yang saya hadapi. Satu di antaranya adalah jaringan internet yang lambat. Dulu saya punya target membuat satu postingan sehari di Blogodolar. Namun, karena lambatnya jaringan internet, target itu berantakan.

Solusinya adalah dengan membuat beberapa tulisan di Microsoft Words. Tulisan-tulisan tersebut kemudian saya posting terjadwal ketika saya menggunakan internet kantor (misalnya saat jam makan siang).

3. Sejak kapan terpikirkan ide untuk memonetisasi blog menjadi sumber uang penghasilan? Usaha apa saja yang dilakukan saat itu?

Ide untuk make money blogging saya jumpai ketika membaca buku Meraup Dollar dari Internet (saya lupa pengarangnya) yang saya beli via Gramedia Online. Alhasil, saya mendaftarkan blog gratisan saya (di wordpress.com) ke beberapa penyedia dollar gratis. Sayangnya, saya tidak mendapatkan satu dolar pun dari aktivitas itu. Saya terlalu naïf dan berharap meraup dolar dengan cepat ketika itu.

Kondisi ini membuat hasrat make money blogging saya pudar. Namun, hasrat itu kembali tumbuh ketika saya melihat tayangan e-Lifestye di Metro TV yang menayangkan Mendulang Dolar dengan Blog (kalau gak salah April 2009). Oleh karena itu, saya memutuskan membuat blog berbayar, yaitu Blogodolar.com yang satu targetnya adalah menghasilkan dolar dari paid review.

Ketika ber-Page Rank 1 (6 bulan setelah Blogodolar dibuat), saya mendaftarkan Blogodolar ke beberapa broker paid review. Alhamdulilah, saya mendapat beberapa job dari broker tersebut.

4. Siapa blogger make money online yang menginspirasi Kang Yudiono untuk make money online via blogging?

Pada waktu itu, saya sudah bisa make money blogging (via paid review). Namun, saya punya cita-cita make more money blogging. Saya pun berkelana ke blog-blog luar negeri untuk mengetahui siapa saja blogger yang bisa make more money blogging.

Dari aktivitas tersebut,  saya tahu Darren Rowse, pemilik Problogger.net. Dialah yang menginspirasi saya. Dalam pengamatan saya, Darren menjadikan blognya menjadi ladang uang yang melimpah.

5. Menurut Kang Yudiono, peluang seperti apa yang bisa kita manfaatkan sebagai sumber penghasilan saat menjalani aktifitas blogging?

Banyak sumber penghasilan online bagi blogger. Beberapa di antaranya:

  1. PPC lokal.
  2. Google adsense.
  3. Jualan eBook sendiri.
  4. Menyediakan jasa (misal penulisan artikel, pembuatan blog, dan theme berbayar).
  5. Paid review.
  6. Jualan link.
  7. Iklan mandiri (menyediakan spot iklan di blog sendiri).
  8. Afiliasi (Amazon, ClickBank, dan sebagainya).


6. Saya terkejut sekaligus salut dengan daftar rincian rencana proyek mengelola banyak blog dan upaya Kang Yudiono ketika memutuskan untuk menjadi full timer blogger. Alasannya adalah saat itu Kang Yudiono sedang bekerja di perusahaan tambang yang tentunya memiliki gaji relatif besar. Selain itu juga modal awal untuk proyek tersebut juga nominalnya sangat besar. Akan tetapi, kedua hal itu tidak membuat niat untuk menjadi full timer blogger terhenti. Apa yang mendasari semua itu?

Ada dua alasan yang mendasarinya. Pertama, saya punya hobi menulis. Ketika hobi menulis saya disalurkan di blog dan menghasilkan uang, saya sangat “menikmatinya”. Kedua, saya bosan menjadi karyawan yang terikat dengan waktu dan aturan. Dengan menjadi full time blogger, saya bisa bekerja kapan dan di mana saja.

7. Apa rencana yang Kang Yudiono lakukan dalam make money online via blogging kedepannya?

Saya akan fokus pada proyek 100 niche blog (micro dan mini-authority blog yang dimonetisasi dengan Google Adsense) dalam 1-2 tahun ke depan. Bila proyek ini sukses, saya akan mendiversifikasi penghasilan dengan jualan eBook sendiri (tahun ketiga). Bila proyek ebook sukses, saya akan membuat kursus online mengenai make money blogging (tahun keempat). Pada tahun kelima, saya akan mengembangkan sayap ke bisnis offline. Diharapkan, perpaduan hasil dari bisnis online dan offline akan membuat saya dan keluarga hidup layak.

8. Apa saran yang bisa diberikan bagi kami blogger pemula agar bisa sukses make money online via blogging seperti yang telah Kang Yudiono lakukan?

Saya belum sukses dalam make money blogging. Dengan kata lain, saya masih dalam tahap trial and error untuk menemukan metode make money from Google Adsense yang efektif dan efisien. Masih banyak kurva pembelajaran yang saya harus hadapi.

Satu saran saya bagi rekan-rekan pemula adalah GIGIH. Ini artinya tetap bersemangat dan tidak gampang menyerah. Bila jatuh seratus kali, maka bangunlah seratus satu kali.

Sekali lagi saya menyampaikan terima kasih dan salam kenal kepada Kang Yudiono atas kesediaannya dalam wawancara ini. Semoga hasil wawancara di atas dapat menjadi contoh dan inspirasi bagi kita blogger pemula untuk semakin menikmati blogging karena blogging itu terbukti memberikan banyak manfaat seperti menghasilkan uang.

Update:
Hasil wawancara juga diterbitkan di artikel ini, Hasil Wawancara Panduanbelajarblog.com dengan Saya.

Rabu, 23 November 2011

Inilah Cara Termudah Untuk Mengatasi Kotak Kode Verifikasi Komentar Yang Tidak Muncul Di Blog

Cara atasi kode verifikasi komentar blogBlogwalking adalah aktifitas yang menyenangkan. Selain bermanfaat karena menambah pengetahuan baru, kita juga dapat menjalin ikatan silaturahmi dengan blogger lain sekaligus promosi blog milik kita dengan cara berkomentar di blog mereka.


Akan tetapi, ada juga blogger yang memberikan kode verifikasi di sebelum kita memberikan komentar di blog mereka untuk mencegah munculnya SPAM. Sehingga, kadang kala kegiatan berkomentar untuk menyambung silaturahmi dan promosi blog ini sedikit terganggu ketika kotak atau bingkai kode verifikasi komentar yang diberikan tersebut tidak muncul sepenuhnya.

Akibatnya, kita tidak bisa memasukan kode verifikasi komentar tersebut ke dalam kotak yang disediakan hingga akhirnya komentar pun tidak dapat kita berikan.


Penyebab tidak munculnya kotak untuk mengisikan kode verifikasi karena ukuran form komenar itu sendiri yang terlalu kecil. Sehingga, kita tidak bisa memasukan kode verifikasi pada kotak yang sudah disediakan dan tidak dapat melihat tombol untuk mengirim kode verifikasi tersebut.

Ada dua cara yang dapat kita gunakan untuk mengatasi kotak kode verifikasi yang tidak muncul di blog ini, yaitu dengan memberikan fungsi scroll pada kotak komentarnya dan mengubah ukuran kotak komentar tersebut menjadi lebih besar.

Langkah untuk mengatasi kotak kode verifikasi komentar yang tidak muncul di blog ini dapat kita lihat sebagai berikut:

Pertama, masuk ke akun blogger masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode seperti berikut.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='500'/>

Tambahkan fungsi scroll.
Ubah keterangan scrolling sehingga kodenya berubah seperti berikut.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='auto' src='' width='500'/>

Perbesar ukuran form.
Kita juga dapat mengatasinya dengan cara mengubah ukuran form menjadi lebih besar. Ubah ukuran tingginya (height) sehingga berubah menjadi seperti berikut.

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='450' id='comment-editor' scrolling='no' src='' width='500'/>

Klik simpan template dan selesai.

Setelah masalah form komentar ini kita perbaiki, jumlah komentar di blog kita yang semula berkurang atau bahkan tidak ada sama sekali bisa bertambah menjadi banyak mulai sekarang. Sehingga, kegiatan blogging pun akan semakin menyenangkan bagi pengunjung dan pemilik blognya.

Memasang Jam di Blog

Memasang Jam di Blog | Tutorial Blog

Untuk mempercantik tampilan blog, baik itu Wordpress maupun Blogspot, mungkin Anda ingin memasang aksesoris berupa widget jam pada sidebar blog Sobat, Bagi Sobat yang ingin memasang widget jam di Wordpress.com, Silakan baca Memasang Jam di Wordpress. Buat Blogspot dapat Anda ikuti tutorial berikut ini :
  • Kunjungi www.clocklink.com
  • Lalu klik pada menu Gallery (kita bisa memilih kategori-kategori yang ingin kita pilih), sebagai contoh kategori Digital yang di pilih.
    Memasang Jam
  • Kemudian klik View HTML Tag.
    Memasang Jam
  • Akan timbul halaman baru. disitu ada ketentuan-ketentuan yang memakai bahasa inggris, pilih Accept.
    Memasang Jam
  • Selanjutnya kita diminta memilih warna (color), time zone, serta ukuran jam agar sesuai dengan sidebar blog.
    Memasang Jam
  • Kemudian Copy kode HTML yang diberikan.
    Memasang Jam
  • Langkah selanjutnya pasang pada widget HTML/Javascript blog Sobat, jika belum bisa memasang widget silakan baca Memasang Widget / Gadget di Blogspot
Silakan dicoba Sob, semoga berhasil...

Selasa, 22 November 2011

Memberi Tag dan Kategori Postingan di Wordpress

Memberi Tag dan Kategori Postingan di Wordpress | Tutorial Blog

Tutorial kali ini tentang memasang / memberi Tag dan Kategori pada postingan di wordpress. Berikut caranya :
  • Login ke WordPress anda.
  • Pada Dashboard klik menu Post > Add New.
    Post Addnew WP
  • Lalu Check List kategorinya sesuai dengan isi postingan anda.
    Tutorial Blog
  • Tulis Tag yang ingin Anda berikan pada kolom tag, dan klik Add.
    Tutorial Blog
  • Setelah selesai membuat postingan klik Publish.
Artikel Yang Lain :
Semoga tutorial ini bermanfaat buat Sobat yang masih belum tau cara Memberi Tag dan Kategori Postingan di WordPress.

Apa itu viral marketing?

Viral Marketing - Apa itu viral marketing?
Saat kita berselancar di dunia internet, pernahkah kita menemukan istilah viral marketing? Setelah menemukan istilah tersebut, apakah kita sampai sekarang juga belum mengerti apa itu viral marketing?


Contoh viral marketing itu seperti ini, misal kita membagi-bagikan free ebook kepada para pembaca setia kita. Di dalam ebook tersebut kita cantumkan alamat blog kita. Nah, saat ada pembaca yang mengunduh dan membagi-bagikan ebook tersebut kepada teman-temannya, maka secara otomatis ebook tersebut akan tersebar dengan cepat dan luas.

Keuntungannya bagi kita sebagai pihak yang membagi-bagikan ebook secara gratis adalah blog kita menjadi terkenal karena pemasarannya yang begitu cepat dan luas. Hal ini disebabkan oleh banyaknya orang yang mengetahui alamat blog kita dari ebook yang sudah kita bagi-bagikan tadi. Itu lah gambaran sederhanya viral marketing.

Istilah viral marketing dipopulerkan oleh Tim Draper dan Steve Jurvetson dari sebuah  perusahaan bernama venture capital, Draper Fisher Jurvetson pada tahun 1997 yang digunakan untuk menjelaskan kesuksesan marketing Hotmail sebagai email provider. Saat itu hotmail sukses menerapkan viral marketing hingga mampu meraih lebih dari 10 juta pelanggan dalam satu tahun hanya dengan modal US$500.000,00.

Viral marketing, viral advertising, or marketing buzz are buzzwords referring to marketing techniques that use pre-existing social networks to produce increases in brand awareness or to achieve other marketing objectives (such as product sales) through self-replicating viral processes, analogous to the spread of viruses or computer viruses. It can be delivered by word of mouth or enhanced by the network effects of the Internet.

Viral marketing may take the form of video clips, interactive Flash games, advergames, ebooks, brandable software, images, or text messages. (wikipedia)

Viral marketing dapat didefiniskan sebagai sebuah sistem pemasaran sebuah produk yang memanfaatkan teknologi dan cara kerjanya adalah dengan menyebarluaskan produk tersebut dari satu pihak ke pihak lainnya karena ada sebuah pemicu yang menarik dan menguntungkan pihak yang mendistribusikan produk tersebut.

Berdasarkan pada pengertian di atas, ada beberapa poin yang menjadi identitas dari viral marketing, antara lain sebagai berikut:

Viral marketing itu memanfaatkan teknologi.

Pada dasarnya viral marketing itu memanfaatkan teknologi sebagai media penyebarannya. Dengan perkembangan internet yang semakin maju, produk yang dipublikasikan akan dapat diketahui oleh orang seluruh dunia dalam waktu seketika. Inilah salah satu faktor yang membuat viral marketing bekerja secara cepat dan luas.

Penyebaran viral marketing seperti virus komputer.

Kita semua pasti kenal dengan virus komputer. Penyebarannya yang cepat dan meluas ini sangat menyebalkan bagi kita. Efek yang ditimbulkan dari viral marketing ini juga serupa dengan efek virus komputer. Selain karena peranan teknologi informasi, viral marketing dapat berjalan dengan begitu cepat dan meluas karena konsep dari viral marketing itu sendiri yang lebih mengutamakan penyebaran dari mulut ke mulut.

Banyak studi yang menyebutkan jika ternyata pemasaran dari mulut ke mulut ini lebih efektif daripada sebuah iklan. Hal ini karena ketika teman kita sendiri yang menyarankan sebuah produk, maka kita akan lebih memiliki sugesti untuk menerima dan percaya daripada apa yang disampaikan lewat sebuah iklan.

Adanya pemicu yang menarik untuk menggerakan seseorang guna menyebarluaskan.

Agar seseorang mau untuk menyebarluaskan produk, maka harus ada pemicu yang membuat orang tersebut mau untuk melakukannya. Misalnya adalah kita merasa senang dengan produk tersebut karena memang berkualitas, sehingga kita berasumsi jika produk ini layak untuk direkomendasikan kepada teman kita.


Kelebihan viral marketing.

  1. Proses pemasaran sangat cepat dan luas.
  2. Meminimalkan biaya dalam pemasaran.
  3. Meningkatkan popularitas produk yang berkualitas.
  4. Cara kerjanya sederhana dan mudah diterapkan oleh siapapun.


Kelemahan viral marketing.

  1. Viral marketing tidak akan berjalan jika tidak ada pemicu yang menarik atau produk memang tidak layak direkomendasikan.
  2. Sebagai produsen, kita cenderung kesulitan untuk melakukan analisis karena bagitu produk ini meledak maka akan tersebuar sangat cepat dan luas.


Viral marketing dapat kita jadikan sebagai salah satu alternatif pemasaran yang bagus dalam rangka promosi blog. Buatlah konten blog yang bermanfaat, adakan kontes berhadiah, dan berikan suvenir secara gratis, maka dalam waktu yang tidak lama blog kita akan cepat terkenal luas dikalangan masyarakat. Intinya, viral marketing itu menekankan pada kepercayaan dan ketertarikan!

Senin, 21 November 2011

Bagaimana Cara Pasang Status Loading Di Blog ?

Pasang Status Loading Di Blog – Apakah kita pernah berpikir tentang bagaimana cara pasang status loading di blog? Jika pernah, mungkin ide ini dapat kita terapkan pada blog kita masing-masing.


Pemasangan status loading di blog dapat memberikan kesan unik dan menarik pada pengunjung kita. Status loading ini akan muncul sesaat sebelum halaman blog kita loading tampil sempurna. Jadi, pemasangan status loading ini dapat menyembunyikan halaman blog sebelum tampil secara penuh.

Kita juga dapat mengubah gambar yang digunakan untuk menampilkan status loading ini. Selain itu, pemasangan status loading blog tidak akan memberatkan proses loading blog secara keseluruhan.

Adapun cara untuk memasang status loading blog pada blog milik kita masing-masing yaitu sebagai berikut:

Pertama, masuk ke dalam akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

</head>

Masukan kode berikut di atasnya.

<!-- Loading Page Script -->
<style type="text/css">
/* add loading image */
body {
background:#4B4B4B url(URL Gambar Loading) no-repeat fixed center;
}
/* hide page div */
#page{
display:none;
}
</style>
<script type="text/javascript">
function css(classORid,rules){
try{
var css=document.createElement("style");
css.innerHTML=classORid+"{"+rules+"}"
document.body.appendChild(css);
}
catch(e){}
try{
document.styleSheets[document.styleSheets.length-1].addRule(classORid,rules);
}
catch(e){}
}
function loaded(){
css("#page","display:block!important");
css("body","background:Kode HTML Warna url(URL Gambar Background Blog)");
}
if(window.addEventListener)window.addEventListener("load",loaded,false);
else if(window.attachEvent)window.attachEvent("onload",loaded);
else if(document.getElementById)window.onload=loaded;
</script>

Cari kode berikut.

<body>

Masukan kode berikut di bawahnya.

<div id="page">

Cari kode berikut.

</body>

Masukan kode berikut di atasnya.

</div>

Klik simpan template dan selesai.

Keterangan:

  1. Ganti URL Gambar Loading dan URL Gambar Background Blog sesuai keinginan kita masing-masing.
  2. Ganti Kode HTML Warna dengan pilihan kita. Silakan baca artikel Macam-Macam Kode HTML Warna untuk mempermudah pemilihan.


Sekarang blog kita akan tampil lebih atraktif dengan pemasangan status loading blog ini. Meski banyak kode yang tersedia, tetapi pemasangannya cukup mudah untuk dilakukan. Pemasangan status loading blog ini juga tidak banyak berpengaruh pada kecepatan loading blog kita yang sebenarnya.

Minggu, 20 November 2011

Cara Mengetahui Blog Kena Banned

Cara Mengetahui Blog Kena Banned | Tutorial Blog

Istilah “Banned Google“ pasti tidak asing lagi buat Sobat-sobat yang selama ini bergelut dengan dunia blog dan website. Banned google merupakan sebuah istilah dari tindakan google yang terhadap blog atau website yang dicurigai oleh mesin pencari google melakukan spam atau teknik black hat SEO. Jika Blog Sobat sampai di banned oleh Google berarti website anda dianggap google 100% telah melakukan spam dan isi website anda tidak sesuai dengan apa yang diindex google. akibatnya website anda 100% tidak diindex google. Juga istilah yang ini, “Penalty Google” merupakan sebuah peringatan menuju banned google. Artinya website tersebut tidak 100% spam, hanya direktori yang dianggap spam saja yang dikeluarkan indexnya dari google. misalkan halaman posting anda 100% copy-paste dan melakukan tindakan spam lainnya maka sedikit demi sedikit index single posting anda akan hilang dari index google

Untuk melihat website / blog kita dibanned google atau kena penalty google, caranya mudah, Coba Sobat ketik site:namadomainanda.com di form pencarian Google, jika hasilnya tidak ada itu berarti akun atau blog Sobat terkena banned google, jika berkurang di bandingkan dengan hari-hari sebelumnya, itu berarti akun / blog anda terkena penalty google atau Sobat jarang posting. untuk mengetahui page index blog anda setiap harinya akan lebih mudah jika Sobat menginstal WebRank Toolbar.

Untuk mengetahui sebuah blog atau website terkena banned dan penalty google, Sobat dapat mengikuti cara berikut :
  • Masuk ke www.bannedcheck.com.
  • Ketikkan url blog Sobat dalam form dan klik Submit, anda akan diberi keterangan hasil dari bannedcheck apakah blog Sobat di banned oleh Google atau tidak.
Semoga penjelasan singkat ini bisa bermanfaat buat sobat untuk Mengetahui Blog Kena Banned.

Inilah Cara Mudah Buat Daftar Isi Blog Bulanan

Cara membuat daftar isi blog bulanan itu sangat mudah. Jika sebelumnya ada Cara Membuat Daftar Isi Blog Berdasarkan Label, maka kali ini akan ada cara baru dalam menampilkan daftar isi blog kita yaitu menampilkan daftar isi blog berdasarkan arsip bulanan.


Apakah kita sebelumnya pernah mengalami masalah karena ruang dalam blog kita sudah penuh dengan pernak-pernik blog hingga kita sulit untuk menempatkan arsip? Jika memang demikian, maka ada baiknya kita mencoba untuk membuat sebuah daftar isi blog yang bedasarkan pada arsip bulanan blog kita.

Selain menghemat ruangan, keuntungan memasang daftar isi blog kita berdasarkan arsip bulanan ini adalah blog kita akan tampil lebih profesional daripada sebelumnya. Selain itu, pembaca juga akan dengan mudah melihat dan mencari konten postingan mana yang menurut mereka bagus untuk dibaca kembali sehingga peluang untuk mendapatkan page views bagi blog kita sangat besar.

Akan tetapi, pemasangan widget ini sedikit banyak akan berpengaruh pada kecepatan loading blog kita nantinya. Seperti yang kita ketahui jika semakin bertambah widget dalam sebuah blog, maka secara otomatis ukuran blog tersebut akan bertambah besar. Dan semakin besar ukuran sebuah blog, maka proses loadingnya pun tentu akan semakin lama.

Cara untuk membuat daftar isi blog berdasarkan arsip bulanan ini adalah sebagai berikut:

Masuk ke akun blogger masing-masing.

Klik entri baru.

Pada halaman yang akan membuat postingan seperti biasanya, pilihlah bagian edit HTML, bukan compose.

Masukan kode berikut.

Tanpa fungsi scroll.

<script style="text/javascript" src="https://panduanbelajarblog.googlecode.com/files/daftar_isi_bulanan.js"></script><script src="http://namablogkita.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Dengan fungsi scroll.

<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;"><p align="center"><font size="4">Daftar Isi Blog Bulanan</font></p><script style="text/javascript" src="https://panduanbelajarblog.googlecode.com/files/daftar_isi_bulanan.js"></script><script src="http://namablogkita.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

Klik simpan dan selesai.

Keterangan:

  • Ganti namablogkita dengan nama blog milik kita masing-masing.
  • Ubah ukuran height/tinggi scroll sesuai selera kita.


Contoh Daftar Isi Blog Bulanan yang menggunakan fungsi scroll seperti berikut ini.

Daftar Isi Blog Bulanan

Setelah selesai menerbitkan daftar isi blog ini dalam bentuk postingan biasa, kita dapat menggunakan URL postingan tersebut untuk kemudian kita pasangkan dalam menu navigasi atau elemen laman dari blog kita masing-masing agar mudah dilihat pembaca.

Penggunaan widget ini cukup berat bagi loading blog. oleh karena itu, pertimbangkan terlebih dahulu dengan melihat aspek kemanfaatan dan sinkronisasi dengan desain blog kita.

Sabtu, 19 November 2011

Kode Script Anti Klik Kanan

Kode Script Anti Klik Kanan | Tutorial Blog

Selain Kode Script Anti Copas, Sobat dapat menggunakan Kode Script Anti Klik Kanan untuk melindungi artikel Anda dari Copaser.
Untuk dapat menggunakannya silakan ikuti tutorial berikut :
  • Login ke Blogger Sobat, Klik Design > Page Elements.
    Tutorial Blog
  • Lalu klik Add a Gadget.
    Tutorial Blog
  • Pilih HTML/Javascript.
    Tutorial Blog
  • Kemudian copy kode di bawah ini:
    <script> var message="Eits,, Klik Kanan Sementara Ini Tidak Diperbolehkan !!";
    ///////////////////////////////////
    function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>
  • Lalu paste pada area content.
    Tutorial Blog
  • Terakhir klik SAVE.
    Tutorial Blog
Silakan dicoba Sob, dan semoga berhasil...
Sekian tutorial kali ini mengenai Kode Script Anti Klik Kanan.

Bagaimana Cara Membuat Tab View Pada Blog ?

Membuat menu tab view di blog itu sangat diperlukan bagi blogger yang ingin membuat desain blognya terlihat lebih profesional dan hemat ruang.


Apakah kita pernah mengunjungi sebuah blog dan melihat adanya menu tab view yang di pasang di sidebarnya? Atau apakah kita sendiri belum tahu apakah menu tab view yang dimaksud beserta kegunaannya?

Menu tab view adalah sebuah pernak-pernik blog yang menampilkan beberapa widget yang berbeda kemudian digabungkan penempatannya menjadi satu bagian dalam bentuk tab-tab yang terpisah. Fungsi dari menu tab view ini bisa kita gunakan untuk menghemat ruang di bagian sidebar maupun footer dan membuat kesan tampilan blog kita terlihat lebih profesional.

Seperti yang kita tahu jika kemudahan akses pembaca dalam menjelajahi blog kita ini sangat diperlukan. Selain menguntungkan bagi kita karena blog kita dapat dieksplorasi dengan baik, blog yang mudah diakses juga menciptakan adanya efisiensi dalam menempatkan widget blog agar terbaca oleh pembacanya. Salah satu fungsi lain dari adanya menu tab view ini adalah kemudahan bagi pembaca dalam mengakses widget-widget dalam blog kita.

Cara yang digunakan untuk membuat menu tab view ini juga relatif mudah. Kita hanya perlu sedikit memodifikasi HTML template blog dengan penambahan kode HTML dan javascript baru.

Adapun cara untuk membuat menu tab view di blog milik kita adalah sebagai berikut:

Langkah pertama.

Masuk ke akun blogger kita masing-masing.

Klik rancangan.

Klik edit HTML.

Klik expand template widget.

Cari kode berikut.

]]></b:skin>

Letakan kode berikut di atasnya.

/* Menu Tab View
----------------------------------------------- */
div.TabView div.Tabs {
padding-top: 0px;
height: 24px;
overflow: hidden;
}

/* Menu Utama */
div.TabView div.Tabs a {
float: left;
display: block;
width: 80px; /*ukuran lebar tabmenu*/
text-align: center;
height: 24px; /*ukuran tinggi tabmenu*/
padding-top: 3px;
margin-right:4px; /*jarak antartabmenu*/
vertical-align: middle;
border: 1px solid #CCC; /*warna border menu*/
border-bottom-width: 0;
font-family: "Arial", Times New Roman, Serif; /*jenis hurup menu*/
font-size: 12px; /*besar hurup menu*/
letter-spacing: -1px;
background-color: #A4A4A4; /*warna latar menu*/
color: #FFFFFF; /*warna hurup menu*/
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
}

div.TabView div.Tabs a.Active {
background-color: #888888; /*warna background menu aktif*/
color: #FFFFFF;
}

div.TabView div.Tabs a:hover {
background-color: #999999; /*warna background menu hover*/
color: #FFFFCC;
font-weight: bold;
}

/* Kotak Utama */
div.TabView div.Pages {
clear: both;
border: 1px solid #CCC; /*warna border kotak utama*/
overflow: hidden;
background:url("http://sites.google.com/site/ruangsc/image/bgtabview.gif"); /*background kotak utama*/
}

div.TabView div.Pages div.Page {
height: 100%;
padding: 0px;
overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad {
padding: 3px 5px;
font-size: 12px; /*besar hurup kotak utama*/
}

Cari kode berikut.

]]></b:skin>

Letakan javascript berikut di bawahnya.

<script src="http://panduanbelajarblog.googlecode.com/files/tabview.js" type="text/javascript"/>

Klik simpan dan selesai.

Keterangan:

  1. Tekan tombol Ctrl+F pada keyboard untuk mempermudah proses pencarian kode HTML yang diinginkan pada HTML blog kita.
  2. Unduh dan simpan template blog kita terlebih dahulu sebagai langkah antisipasi jika kita mengalami kegagalan saat editing berlangsung.


Langkah kedua.

Klik menu rancangan.

Klik add gadget.

Pilih HTML/JavaScript.

Masukan kode berikut.

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 100%;" class="Tabs">
<a title="Keterangan Menu 1">Menu 1</a>
<a title="Keterangan Menu 2">Menu 2</a>
<a title="Keterangan Menu 3">Menu 3</a>
<a title="Keterangan Menu 4">Menu 4</a>
</div>
<div style="width: 100%; height: 200px;" class="Pages">

<!--Awal Menu 1-->
<div class="Page"><div class="Pad">
Isi Menu 1.1<br/>
Isi Menu 1.2<br/>
Isi Menu 1.dst<br/>
</div></div>
<!--Akhir Menu 1-->

<!--Awal Menu 2-->
<div class="Page"><div class="Pad">
Isi Menu 2.1<br/>
si Menu 2.2<br/>
Isi Menu 2.dst<br/>
</div></div>
<!--Akhir Menu 2-->

<!--Awal Menu 3-->
<div class="Page"><div class="Pad">
Isi Menu 3.1<br/>
Isi Menu 3.2<br/>
Isi Menu 3.dst<br/>
</div></div>
<!--Akhir Menu 3-->

<!--Awal Menu 4-->
<div class="Page"><div class="Pad">
Isi Menu 4.1<br/>
Isi Menu 4.2<br/>
Isi Menu 4.dst<br/>
</div></div>
<!--Akhir Menu 4-->

</div></div></form>

<script type="text/javascript"> tabview_initialize ('TabView'); </script>

Klik simpan dan selesai.

Penggunaan menu tab view ini sangat bermanfaat terutama bagi kita yang ingin menghemat ruang untuk menampilkan banyak widget dalam blog kita. Desain yang menarik juga membuat tampilan blog kita menjadi lebih profesional.

Jumat, 18 November 2011

Cara Instal WebRank Toolbar

Cara Instal WebRank Toolbar | Tutorial Blog

Webrank toolbar - Toolbar ini berfungsi untuk menunjukan pagerank,alexa rank,backlink dan berbagai info lainnya mengenai web atau situs yang sedang kita kunjungi, toolbar ini akan secara otomatis memberitahukan kepada kita berapa Rank blog yang sedang kita kunjungi.
Sebagai contoh ketika kita membuka situs facebook maka di Toolbar Webrank browser mozilla akan muncul nilai rank dari facebook. Lihat gambar ;
WebRank Toolbar
disitu tertulis bahwa facebook memiliki Google pagerank : 10, Alexa rank : 2, Compete rank : 2, Quantcast rank : 2, dll.

Berikut cara menginstal WebRank Toolbar :
  • Silakan klik addons.mozilla.org.
  • Pada laman selanjutnya klik Add To Firefox
    WebRank Toolbar
  • Akan tampil jendela add-on
    WebRank Toolbar
    Setelah selesai Sobat akan di minta me-Restart firefox.
  • Restart firefox Sobat dan Toolbar WebRank sudah terinstal di Firefox.
Semoga penjelasan singkat ini bisa bermanfaat buat Sobat yang ingin mengInstal WebRank Toolbar.