Selamat Datang Di Omah Blogger Borobudur Indonesia

Kami adalah komunitas Sosial Nirlaba yang bertujuan mendampingi masyarakat luas untuk mengerti teknologi informasi (IT) secara Gratis.

Masyarakat sekarang tidak bisa tidak, harus mengerti teknologi informasi alias tidak buta IT, supaya tidak ketinggalan informasi yang ujung-ujungnya menambah keterpurukan bangsa ini secara Global.

Baik Keterpurukan dalam bidang pendidikan, ekonomi, sosial, IT, dll.

Mari Dukung Omah Blogger Borobudur Untuk Memajukan Bangsa Ini!

Untuk Kemitraan, Hubungi Kami: 0852 9256 5799.

Minggu, 28 Desember 2014

mematikan fungsi block di blog

Mungkin ini postingan saya untuk melanjutkan tips atau Tutorial Blog  saya mengenai "Mematikan Fungsi Klik Kanan pada Blogger". Nah, tutorial berikut juga sejalan atau hampir miriplah dengan yang sebelumnya. Tapi, saya pikir untuk memudahkan para teman-teman blogger semua untuk mencerna apa yang saya ingin sampaikan maka saya buat dalam postingan yang berbeda.
Kadang kala, memang sering terjadi artikel atau postingan Anda ada yang men-copy paste. Biasanya kita jengkel atau marah karena kita merasa hak milik kita diambil oleh orang lain. Tapi, menurut saya betul juga tapi di lain sisi mungkin itulah konsekuensi dari dunia maya (Kan kita ingin menyebarkan informasi, jelek kalau kita pelit informasi). 
Tanpa berpanjang lebar, langsung saja saya berikan tutorialnya bagaimana cara "Mematikan Fungsi Block Select pada Blogger, yuk simak baik-baik:
  1. Pertama teman-teman Sign In dulu lah ke Blogger.com. Kalau sudah langsung ke tahap 2.
  2. Pilih Template, kemudian pilih edit HTML
  3. Lalu Anda cari code <body>, untuk memudahkan klik ctrl + F.
  4. Ganti Code <body> dengan kode berikut : <body onmousedown='return false;'> 
  5. Klik Prantinjau untuk memastikan apakah sudah berhasil.
  6. Klik Save Template untuk mengakhiri.
  7. Selesai, mudahkan...?
Saran :
Untuk code di atas, sebenarnya dapat dikombinasikan. Tinggal, teman-teman Blogger ganti saja code <body> dengan code berikut : <body oncontextmenu='return false;' onmousedown='return false;'>  
Jadi
Hasilnya nanti seseorang yang berkunjung di blog teman-teman tidak akan bisa men-select atau memblok bagian tertentu atau seluruh isi dari postingan atau artikel teman-teman, begitu pula fungsi klik kanan pada mouse pengunjung blog teman-teman akan hilang. 

Cara Mematikan Fungsi Klik Kanan Pada Blogspot

Cara Mematikan Fungsi Klik Kanan

Kode Anti Copas untuk Blog: Cara Mematikan Fungsi Klik Kanan
JIKA Anda ingin melindungi konten blog (posting, tulisan) agar tidak bisa di-copy paste (copas) atau dicuri oleh user, maka gunakan kode anti copas dengan cara mematikan fungsi klik kanan mouse (disable right click), juga mematikan fungsi Ctrl+C, disable select text, bahkan bisa disable Ctrl+P.

Berikut ini beberapa kode yang bisa dipasang di template blog untuk melindungi tulisan (konten blog) blogspot dari para tukang Copas dan plagiator (plagiarist). Ada 4 kode, mulai level "kurang aman", "aman", "lebih aman", hingga "sangat aman".

Namun, sebentar dulu..... ada catatan nih. User yang "melek IT" dan/atau paham soal Javasript tetap masih bisa "utak-atik" jika ingin menyalin (copas) posting blog Anda. Lagi pula, menurut banyak orang, mematikan fungsi klik kanan dan Ctrl+C (Copy), "sudah tidak zaman". Kini zamannya sedekah. Biar aja orang copas posting kita, 'kan dapat pahala tuh! Amin.....!

Masih menurut banyak orang (blogger/pakar SEO Blog), mematikan fungsi klik kanan atau memasang kode anti-copas, akan membuat user "marah" dan tidak mau lagi membuka blog kita. Artinya, ada potensi penurunan pengunjung. Kerugian mematikan fungsi klik kanan pada blog selengkapnya bisa dibaca di laman Site Point.

Tapi, jika Anda "keukeuh" ingin melindungi konten blog dari "pencurian" berupa Copas, apalagi tanpa menyebutkan sumber (link blog Anda), maka ini dia kode-kode untuk mematikan fungsi klik kanan, anti-copas, anti Ctrl+C (Copy), anti Ctrl+P (Print), anti Ctrl+U (View Source Code). Intinya, blog Anda cuma bisa dibaca doang!

KODE ANTI COPAS #1

Kode berikut ini mematikan fungsi klik kanan, sekaligus memunculkan pesan dari Anda sebagai blogger.

1. Klik "Lay Out"
2. Klik "Add Gadget" (posisi widget bebas, di mana saja)
3. Pilih "Javascript/HTML"
4. Copy + Paste kode berikut ini di kotak yang tersedia:

<script> var message="Hayo...! Mau copas ya? Boleh, tapi cantumkan sumber!";
///////////////////////////////////
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>

5. Save!

Perhatikan huruf berwarna merah yang bisa Anda ganti. Kode ini masih memungkinkan "Select Text" dan Ctrl+C. Artinya, konten blog Anda masih bisa dicopy.

Paling tidak, meski masih bisa di-copas, dengan menggunakan kode di atas, kita bisa ngasih peringatan agar "tukang copas" tadi menyebutkan sumbernya.

KODE ANTI COPAS #2

Kode berikut ini "maqomnya" lebih tinggi dari kode di atas. Artinya, kode ini sama sekali mematikan klik kanan, tidak bisa "select text", dan mematikan fungsi Ctrl+C keyboard. Namun, konten blog kita masih bisa dicopy dengan cara Ctrl+P (Print). Di sana "sang copaser" masih bisa "Select Text" and "Copy" tulisan di blog kita.

Ini dia kodenya (Cara memasangnya sama dengan Kode Anti Copas No. 1).

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

KODE ANTI COPAS #3

Kode berikut ini berfungsi menyembunyikan teks atau isi tulisan saat blog kita di-Ctrl+P oleh user. Ngeblank aja gak ada apa-apa, sehingga tentu gak bisa diselect text dan dicopy.

1. Klik "Template"
2. Klik "Edit HTML"
3. Cari kode </body> (Ada di bagian paling bawah daleman tempate blog)
4. Copy + Paste kode berikut ini di atas kode </body>

<style type="text/css" media="print">
    * { display: none; }
</style>

KODE ANTI COPAS #4

Nah... kalo kode yang ini "Perlindungan Total" terhadap konten blog Anda. Semua fungsi untuk copy paste tulisan dimatikan, baik klik kanan maupun Ctrl+C, Ctrl+U, dan CTRL+P.

1. Klik "Template"
2. Klik "Edit HTML"
3. Cari kode <body>
4. Ganti kode <body> dengan kode di bawah ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Jika kode keempat ini tidak berfungsi, maka pasang pula kode nomor 3. Mau contoh? Silakan buka Contoh Blog SEO yang di-protect penuh dari kemungkinan Copas. Wasalam. (www.omahbloggerindonesia.com).*

Sabtu, 12 Juli 2014

Menulis Artikel (Posting Blog)

Untuk membuat maupun artikel di Blogger, sebenarnya cukup mudah yaitu Anda cukup mengklik tombol pos, bentuk icon-nya seperti ini Cara Membuat Artikel Logo

Letak tombol tersebut adalah disebelah kiri layar monitor Anda.

Lanjutkan dengan mengklik icon pensil yang di bagian atas.


Cara Menulis Artikel di Blog ( Gambar 1 )
Cara Menulis Artikel di Blog (Gambar: 1)
Setelah Anda klik ikon tersebut, nantinya kita akan masuk ruang editor (mirip office) nah, disini tinggal Anda tulis saja artikel apa saja yang ingin Anda tulis.

Ohya, dihalaman editor tersebut ada 2 Mode, yang pertama adalah Compose ( Teks Normal ) dan satunya lagi HTML ( Kode ).

Perbedaan dari kedua Tipe atau Mode tersebut adalah jenis teks yang akan Anda lihat.

Saya contohkan jika Anda ingin membuat tulisan SEO dengan format yang tebal.

Perhatikan perbedaanya.

Cara Menulis Artikel di Blog ( Gambar 2 )
Cara Menulis Artikel di Blog (Gambar: 2)
Catatan : Sebelah kiri adalah Mode Teks Normal ( Compose ) dan yang sebelah kanan adalah Mode Kode ( HTML ).

Dari gambar diatas saya yakin Anda sudah bisa membedakan antara Compose dan HTML. Bisa dikatakan Mode HTML memang lebih rumit ketimbang Mode Compose.

Sekedar catatan, dalam menulis suatu artikel atau konten, ada beberapa hal yang harus Anda perhatikan, diantaranya adalah :

  • Penggunaan Tag Heading H1, H2, H3
  • Penggunaan Keyword di Awal Kalimat
  • Kata Penutup Yang Tepat Untuk SEO

Jika ketiga poin diatas kurang jelas, Anda bisa membaca secara lengkap disini Cara Menulis Konten Yang SEO Friendly.

Mungkin sampai disini dulu tutorial mengenai Cara Membuat Blog Sendiri Secara Gratis di Blogger, kedepan akan saya update lagi jika ada permintaan. Akhir kata saya ucapkan terimakasih telah bersedia membaca.

Cara Membuat Blog

Cara Membuat Blog Sendiri Gratis
Cara Membuat Blog Sendiri
Cara Membuat Blog tentunya bukan merupakan masalah yang besar untuk orang-orang yang sudah lama berkecimpung di dunia Internet khususnya Website. Namun, tidak untuk para pemula (orang yang baru terjum ke dunia website).

Untuk itulah Omah Blogger akan mencoba membantu kawan-kawan yang ingin Belajar Cara Membuat Blog, dan secara gratis pula tentunya.

Disini saya akan mencoba menjelaskan cara membuat blog dengan bahasa yang sesederhana mungkin, dengan harapan Anda yang tidak mempunyai latar webmaster (sebutan untuk orang yang jago bikin website) sekalipun mampu mengikuti Tutorial mengenai Cara Membuat Blog ini.

  • Tutorial    : Cara Membuat Blog di Blogger
  • Update 1 : Cara Membuat / Menulis Artikel di Blog
  • Update 2 : Cara Membuat Blog Agar SEO Friendly
  • Update 3 : Cara Membuat Blog Makin Cantik
  • Update 4 : Cara Membuat Blog Dengan Video

Baiklah langsung saja kita mulai  tutorial mengenai cara membuat blog yang pertama.


Cara Membuat Blog Sendiri Gratis di Blogger


Perlu dicatat, ketikka Anda ingin membuat blog di Blogger, maka email yang harus digunakan adalah Gmail, tidak boleh Yahoo Mail ataupun email dari Microsoft.

  1. Hal pertama yang harus Anda persiapkan tentunya adalah Email dari Google, atau kita sering menyingkatnya Gmail.

    Saya yakin 101% dari Anda sudah memiliki Akun Gmail, maka disini saya tidak perlu menjelaskan lagi cara membuatnya. Khusus (spesial) untuk Anda yang belum punya akun Gmail dan dan tidak mau repot mencari Tutorialnya di google. Maka Anda bisa membacanya langsung di Cara Daftar Email di Gmail (Google Mail).

  2. Setelah Anda menyiapkan Akun Gmail yang akan Anda pakai untuk Membuat Blog, maka langkah selanjutnya tentu saja kita harus mengunjungi situs untuk membuat blog tersebut.

    Sesuai judul yang saya buat yaitu Membuat Blog di Blogger, maka disini kita akan mengunjungi situs http://www.blogger.com, walaupun blogger.com ini bukan satu-satunya tempat untuk membuat blog. Karena masih ada tempat untuk membuat blog lain, yang juga gratis, diantaranya adalah Wordpress dan Mywapblog.

    Cara Membuat Blog Sendiri Gratis 1
    Cara Membuat Blog (Gambar: 1)

  3. Nah, setelah kita sampai di Blogger.com maka kita akan disuguhkan halaman depan seperti ini.

    Cara Membuat Blog Sendiri Gratis 2
    Cara Membuat Blog (Gambar: 2)

    Inilah alasan mengapa tadi saya terlebih dahulu memastikan kepada Anda untuk memiliki akun Gmail, karena jika tidak punya, maka tentunya kita hanya akan berhenti pada Halaman depan Blogger ini (service login).

  4. Lanjut, saya anggap tadi Anda sudah bisa menembus pertahanan Google (service login) tersebut.

    Setelah masuk pada halaman utama (home) Blogger, klik tombol New Blog atau Blog Baru yang ada di sebelah pojok kanan atas layar monitor Anda.

    Cara Membuat Blog Sendiri Gratis 3
    Cara Membuat Blog (Gambar: 3)

  5. Nanti akan muncul Pop Up seperti gambar dibawah ini.

    Cara Membuat Blog Sendiri Gratis 4
    Cara Membuat Blog (Gambar: 4)

  6. Tinggal Anda isi Title dengan Judul Blog dan Address dengan Alamat Blog. Ohya, pastikan saat Anda memilih Nama Blog, muncul Simbol Check berwarna biru di sebelah kanan, kalau muncul tanda atau Simbol Pentung berarna merah itu artinya nama Blog yang Anda pilih sudah digunakan orang lain.

    cara+membuat+blog+blogger+sendiri+gratis+4
    Cara Membuat Blog (Gambar: 5)

    Langkah akhir tinggal Anda klik Buat Blog atau Create blog!

Sampai disini sebenarnya kita sudah berhasil Membuat Blog di Blogger. Namun belum maksimal, karena kita belum menyentuh XML atau Template dari Blog yang baru saja kita buat, jadi jika Blog yang baru saja kita buat dibuka, maka Tampilannya akan masih sederhana.

Untuk cara mendekorasi blog dan segala macamnya, akan saya bahas di Artikel selanjutnya ya, karena mengingat judul yang saya buat hanyalah untuk membahas Cara Membuat Blog, bukan cara Mendekorasi Blog. Hehe, jadi tunggu saja Trik lainnya yang akan diberikan oleh Blog Omah Blogger.

Sabtu, 14 Juni 2014

Cara Mengubah Gambar Slide Bawaan Blog

Bagi sobat yang baru mengganti template blogger, maka di beranda template baru tersebut biasanya ada slide gambarnya, bagi sobat yang mungkin saja ingin mengganti slide gambar tersebut langsung saja Ikuti langkah-langkahnya berikut ini :

1. Masuk ke akun blogger sobat.
2. Klik rancangan/layout, setelah itu masuk ke Edit HTML.
3. Cari script code di bawah ini dengan menekan ctrl + F atau F3 pada keyboard.
<!-- Featured Content Slider Started -->

4. Jika sudah ketemu, perhatikan Script code yang terdapat antara kode <!-- Featured Content Slider Started -->di atas sampai kode <!-- Featured Content Slider End -->

5. Hasilnya akan seperti di bawah ini.

<!-- Featured Content Slider Started -->
<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-1-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOUeIa-I/AAAAAAAABc8/
w2njpR3coSY/s000/1.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-1-url-here'>This is default
featured post 1 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-2-url-here'>
<img src='http://2.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOl5H83I/AAAAAAAABdA/
_sEj5HGNpxU/s000/2.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-2-url-here'>This is default
featured post 2 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.This theme is Bloggerized by Lasantha
Bandara - Premiumbloggertemplates.com.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-3-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLOx8e0KI/AAAAAAAABdE/
L0J4Eh9_dk8/s000/3.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-3-url-here'>This is default
featured post 3 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-4-url-here'>
<img src='http://3.bp.blogspot.com/_5UzqrQjtYEQ/TYwLPN0siyI/AAAAAAAABdI/
cHPkgPVT9hc/s000/4.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-4-url-here'>This is default
featured post 4 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.</p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='featured-post-5-url-here'>
<img src='http://4.bp.blogspot.com/_5UzqrQjtYEQ/TYwLPjRE9bI/AAAAAAAABdM/
XNGUAJaKH5g/s000/5.jpg'/></a></div>
<h3 class='fp-title'><a href='featured-post-5-url-here'>This is default
featured post 5 title</a></h3>
<p>Go to Blogger edit html and find these sentences.Now replace these
sentences with your own descriptions.</p>
</div>
</div>
<div class='fp-nav clearfix'>
<span class='fp-pager'></span>
<a class='fp-next' href='#fp-next'></a>
<a class='fp-prev' href='#fp-prev'></a>
</div>
</div>
<!-- Featured Content Slider End -->

6. Gantilah URL gambar yang sudah saya beri warna merah diatas dengan URL gambar sobat.
7. Simpan template dan lihat hasilnya.

Cara Mengganti Gambar Bawaan Template Blog

Langsung Aja sob simak tutorialnya diBawah ini:

1. Masuk ke dashbor blog

2. Klik "Template"

3. Kemudian Klik "Edit HTML"

4. Cari tulisan (seperti yang saya lingkari dibawah) untuk mempermudah pencarian bisa menggunakan CTRL+f



5. Setelah itu akan mucul kode seperti dibawah ini:
<div class='imageElement'>
<h3>This is featured post 2 title</h3>
<p>Replace these every slider sentences with your featured post descriptions.Go to Blogger edit html and find these sentences.Now replace these with your own descriptions.</p>
<a class='open' href='SLIDER-2-URL-HERE' title='This is featured post 2'/>
<img alt='' class='full' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQX3Y5PD2pa-chOXg7WOxI5gbbscdRL7LgB9jXUffP2bs6V-2AjwYnI487PQ2BP0pteQyjfbkZbF0Deh6uSSNXIG9bTory-QFgdh_0Dsdi5hU1F5lXwC-rrKdBsFTSNM_xKuhIkP90Fw/s0/2.jpg'/>
</div>
  • Ganti yang berwarna merah dengan Judul yang ingin anda berikan
  • Ganti yang berwarna hijau dengan deskripsi slide show (dibawah judul Blog = gambar diatas) 
  • Ganti yang berwarna ungu dengan URL yang ingin dituju
  • Dan ganti yang berwarna Biru dengan alamat Blog
Namun bisa jadi kode scriptnya seperti dibawah ini:


<div class='fp-thumbnail'><a href='http://komputerndeso.blogspot.com//'><img src='https://fbcdn-sphotos-a.xxxxxxx.net/hphotos-ak-ash4/s720x720/391069_221978194542848_100001920062783_562845_644357137_n.jpg'/></a>
</div>
<h3 class='fp-title'><a href='http://komputerndeso.blogspot.com//'>This is Featured post 1 title</a></h3>
<p>Reaplace hfsjnfdfngslndfgkjsngvmcxngjsnmf nsjfgnsmc vsjdfnsdjkndfkjsndgjnsjdgnskdngdcmnvgjskdn</p>
</div>


  • Ganti yang warna merah dengan alamat gambar anda
  • Ganti yang warna biru dengan judul gambar
  • Ganti yang warna pink dengan keterangan gambarS
  • Save
  • Cling gambar telah ganti jika anda ingin mengubah gambar yang kedua tinggal Ketikan "This is Featured post 2 title" di Ctrl+f 
  • Lalu lakukan hal yang sama dengan yang atas
Nah, sekian artikel dari saya, semoga bermanfaat

Omah Blogger

omah blogger borobudur