Blog Indonesia

Jumat, 12 Juli 2013

Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah

Cbox atau lebih dikenal sebagai buku tamu merupakan hal yang tidak asing lagi di dunia blogger, sudah banyak tutorial-tutorial yang membahas tentang cara pemasangan Cbox, baik dengan cara standar maupun dengan cara pengubahan kode CSS.

Kali ini saya akan memposting cara memasang Cbox auto hiden dari segala arah, segala arah maksudnya yaitu Cbox dapat ditempatkan atau muncul dari bagian sebelah kiri blog, kanan blog, bawah blog, dan atas blog, dan disertakan juga animasi gambar gif sebagai background.

Saya kira cukup sekian bla bla bla penerangan saya, dan mari kita menuju kepokok pembahasan.

Berikut ini adalah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah:

Seperti biasa sobat harus Login dulu di akun blog sobat
Pilih Tata Letak
Tambah Gadget HTML/Java Script
Selanjutnya copy paste kode script di bawah ini dan masukan ke dalam Gadget HTML/Java Script.

Klik show untuk melihat

Klik save / simpan.

Keterangan:

Kode warna merah adalah warna gambar, silakan sobat sesuaikan sendiri sesuai selera bila ingin mengganti gambarnya
Kode warna kuning adalah penepatan dimana cbox akan muncul, bila sobat ingin cbox muncul dari atas ganti kode tersebut menjadi TOP, dari sebelah kiri LEFT, dari sebelah kanan RIGHT .
Kode warna putih adalah jarak cbox dari sebelah kanan. Silakan sobat sesuaikan sendiri.
Texts berwarna hijau adala tempat untuk menaruh strip kode cbox sobat (atur cbox sobat agar backgroudnya transparant untuk hasil yang lebih sempurna).

Selanjutnya adalah cara membuat tombol cbox (tombol untuk menampilkan cbox)

Tetap login di akun blog sobat
Masukan script berikut bersamaan dengan script di atas dalam gadget HTML / Java Script

Keterangan:

Kode berwarna merah adalah gambar tombol, bisa sobat ubah sesuai selera.
Kode warna kuning adalah dimana tombol akan ditempatkan, TOP untuk menempatkan tombol di atas, BOTTOM untuk menempatkan tombol di bawah, LEFT untuk menempatkan tombol di sebelah kanan.
Kode warna biru anda sesuaikan jarak tombol TOP dari atas blog, BOTOM dari bawah blog.

Demikianlah Cara Memasang Buku Tamu / CBOX Di Blog Muncul Dari Berbagai Arah. Semoga bermanfaat bagi sobat semua.

Cara Mecegah Copy Paste Pada Blog

Setelah sekian lama tidak posting dikarenakan masih banyak urusan yang harus saya selesaikan, dan kali ini saya hanya sedikit share dari postingan blog sahabat yaitu tentang cara mencegah copy paste pada blog, kalau menurut saya sih hal ini tidak terlalu penting, merupakan satu keuntungan tersendiri bila artikel kita di copas (copy paste), apa lagi bila sobat yang copas mau mencantumkan sumber dari artikel tersebut, bisa menambah back link kan, merupakan keuntungan tersendirikan.

<li>Namun bagi sobat yang merasa bahwa artikel sobat sangat penting dan tidak rela untuk di copy paste, mungkin hal ini cukup berguna untuk dilakukan. akan tetapi cara tersebut tidak melindungi content blog sobat sepenuhnya, stidaknya cukup membuat orang yang berniat copas sedikit bingung apabila dia seorang newbie, karena sebenarnya ada jalan lain untuk bisa meng-copas artikel blog sekalipun sudah dilindungi dengan script anti copas.

Tanpa panjang lebar, kali ini untuk melindungi blog di blogger (blogspot) dari dari copy paste adalah dengan mendisable right click, atau lebih dikenal dengan mematikan klik kanan. Berikut tutorial cara mematikan klik kanan pada blogspot.

Login terlebih dahulu ke Blogger.com
Dari halaman Dashboard, silahkan Sobat menuju ke Tata Letak > Edit HTML
Lalu cari kode <body> atau <body (dengan bantuan tekan Ctrl+F atau F3)
Tambahkan kode dibawah ini ke dalam kode <body> atau <body tadi, atau bisa juga di ganti sekalian

<bodyoncontextmenu='return false' onmousedown='return false' onselectstart='return false' onkeypress='return false'>

Sobat juga bisa menggunakan beberapa tambahan kode saja, atau semuanya juga boleh, terserah kebutuhan anda.

Berikut penjelasan dari kode-kode diatas:

oncontextmenu='return false' (untuk mematikan klik kanan mouse)
onmousedown='return false' (untuk mematikan klik blok ke bawah)
onselectstart='return false' (untuk mematikan seleksi blok)
onkeypress='return false' (untuk mematikan tombol keyboard)

Jika sudah, Simpan Template blog Sobat.

Mohon maaf apabila tutorial sebelumnya tidak berhasil karena belum saya coba. untuk demonya silakan sobat lihat di sini DEMO.

Selamat mencoba dan semoga berhasil sobat.

Sabtu, 06 Juli 2013

Kata Cinta

Buatlah diri kamu berharga di depan 1 CINTA dengan mengabdi pada 1 HATI setia pada 1 NAMA. NAMA yang membuat kamu bahagya dan 1 NAMA yang mampu mengisi CINTA kamu dan hari-hari KAMU.. http://boggel-pattinjo.blogspot.com/

Jumat, 05 Juli 2013

Ciptakan Posting Tersusun Rapi: Panduan BloGGeR Cara Membuat Posting

Tutorial BloGGeR dan Panduan BlogSPOT, Tutorial BloGDETIK tentang posting bisa digunakan sebagai dasar untuk memulai sedari awal menciptakan tatanan posting yang rapi mudah dipahami dan beberapa bagian mampu ditonjolkan secara maksimal sehingga orang dengan sangat mudah dan cepat mengikuti alur posting yang kita lakukan. Untuk menyusun posting yang seperti ini kita harus mampu membuat sebuah tatanan posting bertingkat menggunakan kode html "ol" ,"ul" dan "li", yang dalam posting mode "Tulis" di kenal sebagai "daftar bernomor" dan "daftar berbutir". Posting daftar bernomor dan daftar bertingkat yang dilakukan "melalui perpaduan "posting mode tulis" dan "posting mode edit html" akan dapat membuat sebuah daftar bertingkat tersusun secara lebih baik.

Contoh posting "daftar bertingkat" memanfaatkan "daftar bernomor" dan "daftar berbutir" :

Cara Cara Membuat Posting supaya Rapi :

Gunakan daftar bernomor.
- Dapat dilakukan melalui posting mode "Tulis".
- Dapat dilakukan melalui posting mode "Edit HTML".
  1. Gunakan kode html "ol" dan "li".
  2. Gunakan kode html lain untuk menciptakan bentuk teks yang berbeda.
- Dapat dilakukan melalui penggabungan posting mode "Tulis" dan "mode Edit HTML".

Gunakan daftar berbutir.

Dapat dilakukan melalui posting mode "Tulis".

Dapat dilakukan melalui posting mode "Edit HTML".
1. Gunakan kode html "ul" dan "li".
2. Gunakan kode html lain untuk menciptakan bentuk teks yang berbeda.

Dapat dilakukan melalui penggabungan posting mode "Tulis" dan "mode Edit HTML".

Contoh seperti di atas apabila selalu digunakan dalam membuat posting, niscaya posting akan dengan mudah dan nikmat untuk diikuti oleh pembaca. Tentu saja membuat model penulisan seperti di atas membutuhkan ketelatenan dan lebih banyak waktu. Inilah salah satu kelebihan kita terlibat dalam dunia blog. Blogging mampu membuat seseorang menjadi lebih cerdas, lebih berwawasan, lebih kreatif dan ada hal yang sangat penting yang membuat hati dan jiwa kita menjadi lebih baik dari waktu ke waktu. Membuat perlahan-lahan sifat kesabaran kita menjadi terdidik dan terlatih!

Kode html untuk membuat daftar posting bertingkat :

Tuliskan Judul di sini !
<ol>
    <li>Tuliskan Teks di sini.
       <ul>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
       </ul>
    </li>
    <li>Tuliskan Teks di sini.
      <ul>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
          <li style="list-style:circle;">Tuliskan teks di sini!</li>
      </ul>
    </li>
</ol>

Penggunaan kode html "ol", "ul" dan "li" selain bermanfaat untuk melakukan posting, kode html seperti ini juga akan sangat bermanfaat ketika sampeyan membuat sebuah desain yang memanfaatkan "daftar bertingkat" seperti halnya penyusunan menu blog, kategori, tab dan banyak lagi yang lain. Untuk mempelajari detail tentang posting silahkan buka di blog ini yang berjudul "Memahami Lebih dekat Ruang Posting" (ada 4 (empat) posting. Kalau malas nyarinya silahkan KLIK :