Sabtu, 28 Maret 2009

Disable Copy dan Paste pada IE

Sebelumnya,saya juga pernah memposting tentang Disable Right Click,nah kali ini kita akan membahas Disable Copy dan Paste,suatu halaman Blog,meskipun ini hanya bekerja baik pada Browser Internet Explorer (IE)


Jika kita sedang membutuhkan suatu artikel dari sebuah Blog,dan ingin mengcopy artikel tersebut,tapi !!234@!

Kok nggak bisa ya..??Pelajaran Blog

Nah sebenarnya teknik semacam itu hanya menyelipkan beberapa kode pada :


<body>

Maksudnya?

Coba anda pergi ke Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.

Cari kode berikut:


<body>

Jika sudah ketemu,hapus kode tersebut dan ganti menjadi seperti di bawah ini:

<body ondragstart="return false;" onselectstart="return false;" oncontextmenu="return false;">

Lalu Simpan.

Untuk melihat hasilnya,silahkan buka halaman blog anda pada browser IE,dan coba blok artikel anda,apa yang terjadi?Pelajaran Blog

Baca Juga Yang Ini..

Kamis, 26 Maret 2009

Membuat Daftar Isi pada Blog


Hallo!! baru sempet update lagi nich! Membuat Daftar Isi,berhubung 3 hari pulang ke kampung Purworejo,he..he..

Tapi disini aku tidak mau ngomongin soal pengalaman aku waktu di kampung,ntar panjaaang dech ceritanya..Buat Daftar tentang Isi

Langsung aja yach! sesuai judul artikel pelajaran kali ini,kita akan membuat Daftar Isi Pada Blog,contohnya anda sudah bisa melihat Daftar Isi pada Blog ini.

Sebelumnya,dari mana saya dapat artikel ini? ya..dari senior kita semua tentunya,
Kang Rohman
di Blog Tutorialnyanya.

Siapa sich yang belum pernah berkunjung ke Blog nya?Isi dari Daftar Blog

Meskipun demikian,Pelajaran Blog,tanpa mengurangi etika sopan santun Blogging,akan menjabarkan lagi,bagaimana sich membuat Daftar Isi pada Blog.


Langkah pertama,Pergi Dashboard lalu pilih Tata Letak,selanjutnya pillih Edit HTML.
Selanjutnya,beri contreng Partai pilihan kamu,..

Hus ! bukan maksudnya,contreng tulisan Expand Widget Template,seperti di bawah ini :

Daftar Isi Dibuat

Selanjutnnya,cari kode di bawah ini:

<b:include data='post' name='post'/>

Untuk mempermudah pencarian,tekan Ctrl+F pada Keyboard anda,pakai keyboard khan?
Setelah ketemu kode diatas,Hapus kode tersebut,lalu ganti dengan kode di bawah ini :

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px
5px;border-right:1px solid
#ccc;border-bottom:1px solid
#ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>


Lalu Simpan Template.

Apakah dah selesai?

Ya belum dong! Kalau dah selesai,gimana caranya bisa ngliat daftar isi blog?

Nah! Untuk melihat Daftar Isi Blog,kita harus membuat Link terlebih dahulu,yang mana saat link di klik akan menuntun kita ke halaman khusus Daftar Isi tersebut.

Anda bisa menggunakan seperti contoh di bawah ini:

Untuk link berupa text:
Daftar Isi Blog

Anda bisa gunakan kode berikut :

<a href="http://NAMABLOGANDA.blogspot.com/search?max-results=100">Daftar Isi Blog</a>

Untuk Link berupa form:


Anda bisa gnakan kode berikut :

<form action="http://NAMABLOGANDA.blogspot.com/search?max-results=100" target="_blank"><input value="Daftar Isi Blog" type="submit"></form>

Jangan lupa! kode yang berwarna merah,tuliskan alamat Blog anda sendiri.

Sebenarnya,masih banyak pilihan yang bisa anda buat link untuk Daftar Isi Blog,caranya hanya dengan menambahkan Element Baru/Add New Widget dan pilih HTML/Javascript lalu tuliskan kode link pilihan anda (anda bisa memakai contoh di atas).

Lalu apa arti tulisan "100" yang berwarna hijau di atas ?
Angka "100" pada kode diatas,menentukan berapa jumlah judul yang akan di tampilkan untuk Daftar Isi tiap halaman,klo saya menuliskan "50",ya nantinya akan ada "50" judul yang akan di tampilkan pada setiap halamannya.

Udah jelas khan?Pelajaran Blog

Baca Juga Yang Ini..

Rabu, 18 Maret 2009

Navbar Blog Fleksible


Membuat navbar Blog Fleksibel,saya bingung mau ngasih judul apa,so..itu aja kali ya..:)Pelajaran Blog
Maksudnya apa nich?

Maksudnya,Navbar Blog hanya akan muncul hanya saat mouse diarahkan di atasnya,ya seperti Navbar pada Blog ini.
Meskipun ini hanya akan berfungsi baik di Mozilla Firefox.Pelajaran Blog

Untuk kodenya sederhana,Pilih Dashboard,lalu pilih Tata Letak,selanjutnya pilih Edit HTML.
Setelah itu cari kode berikut :

]]></b:skin>

Kalau sudah ketemu,letakkan kode dibawah ini diatas kode tersebut

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}



Setelah itu Simpan,dan lihat hasilnya di browser Mozilla Firefox.Pelajaran Blog

Baca Juga Yang Ini..

Senin, 16 Maret 2009

Menampilkan kode pada artikel


Hallo! Update lagi nih! Pelajaran Blog
Lagi musim naikin Page Rank maupun Traffic,kita harus rajin mosting..betul ga?
Meskipun postingan banyak yang Tong kosong nyaring bunyinya yang penting bermanfaat.


Meletakkan kode di dalam postingan,sebenarnya hanya masalah penyesuaian saja,maksudnya,agar sang blog
tidak dibikin bingung,makanya kode yang ingin kita tampilkan pada postingan harus di parse dulu.

Apa jadinya kalau tidak di Parse?

Jika kode yang ingin kita tampilkan tidak di parse terlebih dahulu,maka saat kita akan mempublikasikan,akan ada peringatan kesalahan format dan bahkan kode tidak tampil,sekalipun berhasil di publikasikan,betul ga?Pelajaran Blog
Untuk mengantisipasinya ya hanya memparse kodenya.

Parse ! Parse ! apaan sich ?

Parse menurut saya pribadi,ya hanya mengganti karakter kode menjadi notasi lain,misal :
Untuk tanda-tanda di bawah ini :

  • < notasinya : &lt;
  • > notasinya : &gt;
  • & notasinya : &amp;
  • " notasinya : &quot;
  • ± notasinya : &plusmn;
  • Spasi notasinya : &nbsp;

Contoh:
Saya ingin menampilkan kode <body> pada posting,maka saya saat memosting harus menuliskan &lt;body&gt;.Jelas khan ?Pelajaran Blog

Contoh lain,saya ingin pembaca mengcopy kode berikut :

<html>
<head>
</head>
<body>
<a href="http://pelajaran-blog.blogspot.com/">Klik Disini</a>
</body>
</html>


Maka,saya dalam memposting harus menuliskan sebagai berikut :

&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href=&quot;http://pelajaran-blog.blogspot.com/&quot;&gt;Klik Disini&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;


Parse kode,..bener ga sich artinya kaya' gitu ? Gubrak !Pelajaran Blog

Baca Juga Yang Ini..

Membuat Label / Kategori


Beruntung,blog saya ini tergolong baru karena peluncuranya baru 5 bulan yang lalu.
Trus apa hubunganya baru sama Membuat Label?

Ya..karena fitur Blogspot hampir semua sudah WYSWYG,termasuk cara membuat Label / Kategori pada Blog.


Untuk membuatnya,yang pastinya anda sudah mempunyai beberapa artikel / posting yang sudah anda publikasikan.

Pada,setiap artikel yang telah anda publikasikan,jika anda belum menuliskan Label pada setiap artikel,sebaiknya anda Edit lagi,artikel yang telah anda publikasikan tadi.
Jika anda belum tahu menuliskan label pada setiap postingan / artikel,coba ikuti langkah berikut:Pelajaran Blog

Pertama,bagi yang mau mengedit untuk menuliskan Label pada artikel,cari artikel yang ingin di Edit.

Untuk mencari artikel mana yang ingin di Edit,pergi ke Dashboard,pilih Edit Entri,blog yang ingin anda masukkan Label.

Bila anda sudah menentukan artikel mana yang ingin di beri label,pilih artikel tersebut,lalu lihat di sebelah kanan bawah halaman posting,anda hanya disuruh menuliskan nama label yang ingin anda tentukan,
contoh Kesehatan,dll,lalu selanjutnya publikasikanPelajaran Blog.

Selanjutnya,untuk menampilkan label-label tersebut pada halaman blog,pegilah ke Tata Letak,lalu pilih Element Baru / Add New Widget.
Pilih Label,dan beri judul sesuai keinginan anda,contoh;Tags,Label,Kategori atau yang lain.
Lalu Simpan.Pelajaran Blog

Baca Juga Yang Ini..

Meletakkan Kotak Komentar di Bawah Artikel


Dari beberapa artikel terakhir,pada blog ini,kenapa setiap postingannya di tambahin emoticons yang kurang jelas, Ya...($%&#) sebenarnya kami hanya ingin lebih dekat lagi sama pembaca setia Pelajaran Blog.

Artikel-artikel sebelumnya..koq perasaan kurang bersahabat and kaku,so..gitu dech salah satu usahanyaPelajaran Blog.


Menurut pembaca gmn? nurut aja yach! (ya klo ada yang baca,pede amat sich !)Pelajaran Blog
Oke dech! dari pada ntar malah ada yang nangis..Pelajaran Blog

Langsung ke topik,adalah meletakkan kotak komentar di bawah posting.

Saat ini,gw lagi di depan komputer,dan masih bercanda ria sama anak gadisku yang sekarang hampir berumur 11/2 tahun,dan..Aaalah!! ngomong apa sich? ,Gubrak !Pelajaran Blog

Untuk meletakkan kotak komentar (berlaku pada blogspot) di bawah posting,seperti kotak komentar pada bawaan Wordpress,sebenarnya hanya terletak pada pengaturannya saja.

Mungkin lebih pas judulnya,Meletakkan komentar di bawah posting kali ya..soalnya,kotak ini akan muncul saat di buka halaman yang bersangkutan tersebut,tapi untuk lebih jelasnya coba dulu yuuk!.

Langkah pertamanya,setelah Login ke Blogger,pergilah ke Dashboard,pilih Pengaturan,lalu pilih tab Komentar,lalu tuju tulisan Penempatan Formulir Komentar,udah ketemu?

Jika sudah ketemu,pilih radio button Disemat di bawah entri,lalu Simpan,Selesai.Pelajaran Blog
Eeee !! koq belum berhasil ? Pelajaran Blog

Masa sich? Test dulu,memakai comment sendiri,lihat,apakah komentar sudah di bawah artikel anda.

Jika belum juga berhasil,mungkin anda pernah memodifikasi kotak komentar,karena
ini akan bekerja baik jika anda belum pernah memodifikasi kotak komentarnya (masih perawan dari Blogger)

Baca Juga Yang Ini..

Sabtu, 14 Maret 2009

Menghilangkan fitur komentar pada blog


Akhirnya,aku masih di beri umur panjang untuk memosting artikel pada Blog yang terpuruk ini Pelajaran Blog

Menghilangkan fitur komentar pada blog

Sebelumnya,terima kasih banget nich ama temen-temen blogger yang dengan senag hati mo dateng ke blog yang memberikan pelajaran yang kadang artikelnya njlimet dan nggak tahu kemanaPelajaran Blog

Tadi sore aku juga sudah...Sudah 2x! apaan sich ? katanya mo mosting soal ngilangin fitur komentar pada Blog ?Pelajaran Blog

Ya..bener,ngocehnya ntar aja.Pelajaran Blog

Sengaja,disini hanya Tutorial untuk membuat Blog di Blogspot bukan di Wordpress,Jadi kita juga akan membahas bagaimana menghilangkan fitur komentar pada blogspot.


Sebenarnya sederhana, anda hanya disuruh pergi ke Dashboard lalu pilih Tata Letak,setelah itu anda akan di hadapkan skema dari blog anda.

Setelah itu,anda lihat bagian bagan yang bertuliskan Posting Blog,anda lihat di sebelah kanan bawah dari bagan itu yang bertuliskan Edit,klik lalu anda akan di hadapkan pilihan dari check box yang berbeda-beda.

Selanjutnya,kosongkan centangan pada check box yang bertuliskan 5 komentar.

Simpan.

Selesai dech !Pelajaran Blog

Tapi jika anda menginginkan hanya artikel tertentu saja yang ada komentarnya,silahkan baca disini


Kembali ke ngoceh tadi..Udah akh !!


Baca Juga yang Ini ..