Blogger Note

Article :

Kotak anti klik kanan dengan CSS


Di pagi yang cerah ini saya akan menjelaskan sedikit tutorial tentang masalah-masalah copas atau bisa di sebut 'Copy Paste',mungkin copas sudah menjadi kebudayaan para blogger jika sudah kehabisan akal untuk membuat artikel,sehingga dia terpaksa mengcopas artikel orang lain,sebenarnya cara itu boleh-boleh saja dilakukan but,ada tapinya si pengcopas itu harus menyantumkan link sumbernya,agar tidak dikira hanya sembarang copas,dan tidak menghargai si pemilik asli artikel itu,solusinya ada disini

tapi untuk yang ini beda,tutorial yang saya gunakan sekarang ini menggunakan css jadi masih tidak akan bisa di copas oleh para pengcopas asal itu,tapi tutorial ini juga kawan,yaitu jika di 'view page source' (semua punya kekurangan gak ada yang sempurna kecuali tuhan) contoh kotaknya seperti dibawah ini.
Silahkan copy teks dalam box ini sepuas anda! Jangan lupa copy juga link gambarnya. He .... he .... asal nggak pakai open source pasti tangannya sobat akan pegal!
Gimana menarik bukan?,mantap bukan? hehehe... ok,langsung saja tutorialnya dibawah ini.

Kode CSS
<style type="text/css">
/* CSS no-right click */
.CSSnoRightClick{
 position:relative; /* penting */ 
 width:250px;
 height:auto; /* menyesuaikan dengan isi box  */ 
 background:rgba(255,0,0,0.1); /* background box */ 
 padding:10px;
 border:1px solid #777;
 margin:20px auto; /* membuat box ditengah  */ 
}
.CSSnoRightClick:after{
 content:".";
 position:absolute;  /* penting */ 
 top:0;
 left:0;   /* by : http://musakhairulumam.blogspot.com/ */ 
 width:99.5%;  /* penting untuk melokalisir yg dilindungi*/ 
 height:99%;   /* penting untuk melokalisir yg dilindungi*/  
}
</style>
Kode HTML
<div class="CSSnoRightClick">
<img src="http://4.bp.blogspot.com/-KXCJTLf32ho/ThBL6CvMPvI/AAAAAAAAFjU/CgZzrUAC0xs/s400/race+car+wallpaper-3.jpg" style="float: left; height: 110px; margin: 5px 10px 0 5px; width: 150px;" /> Silahkan copy teks dalam box ini sepuas anda! Jangan lupa copy juga link gambarnya. He .... he .... asal nggak pakai open source pasti tangannya sobat akan pegal!</div>
 Ok,gimana berhasil enggak,kalo belum praktek,praktekin aja dulu,semoga sukses

79 comments:

26 September 2011 22.48

keren triknya ^Y

27 September 2011 01.37

Manteb triknya sob.
Tapi kalau bisa di lihat pakai view source sama aja donk :D

27 September 2011 03.35

keren sob triknya...
sukses ya, trikmu selalu q tunggu sob :Db :D

27 September 2011 05.49

Sangat menarik gan.Ini masuk ke edit HTML ya?sebelumnya data apa harus di back up dulu?

27 September 2011 09.02

boleh juga tuh di coba tuk khusus postngan2 yang kita tdk ingin di copas,,nice info sob

27 September 2011 10.42

Sangat menarik kawan.. tapi ane masih bisa copas nya.. hehe :D

28 September 2011 05.41

menurut saya ini gx perlu di pasang lah di blog,, kenapa? karena orang itu perlu lho tuk ambil artikel kita,, mana tau dia mau pasang link kita,, kan uda selamat SEO satu link,,, hahaha balek kemari ya,,

28 September 2011 08.16

Nice trik sob, tapi ternyata artikel di blog ini masih bisa dicopas juga. Hehe :)

28 September 2011 19.00

@Bayu Aldi YansyahThanks om

28 September 2011 19.00

@Adi WibowoHehehe iya mas

28 September 2011 19.01

@A-NXThanks

28 September 2011 19.01

@Bisnis Online BlogKalo mau dipake template yang dibackup templatenya

28 September 2011 19.02

@al kahfiThanks for coming.. :d

28 September 2011 19.02

@Putra TenzhungIya sob memang masih bisa

28 September 2011 19.03

@Musyari AuliaBtul juga ya sob,ane mampir balik dulu

28 September 2011 19.03

@AlgoblogsIya sob hahaha...

28 September 2011 22.10

Iya memang sulit buat orang yang ngga tau cara untuk copas artikel yang menggunakan trik ini.
Tapi menurut saya ngga perlu soalnya banyak orang2 yang mengcopas untuk disimpan..

Tapi bagus juga buat orang yang sudah kesal karena postingannya dijiplak copaser.

29 September 2011 02.42

weheheh...

tutor2 desainnya dri bang Rudy, tul?

29 September 2011 06.42

kunjungan malam jum'at sobat :D

29 September 2011 20.17

mancap, ngetest dulu gan :D

30 September 2011 05.36

Kunjungan ! ! !
Infonya bagus sob, KEEP & HAPPY BLOGGING
d tunggu entri barunya sob,
oiya, ada yg baru nh d blog qu . . .

30 September 2011 06.38

lah hahaha kok masih bisa di copy bro (bukan lewat source page/program/enable disable/) pakai mozilla. :D

30 September 2011 07.46

keren jg ni :o
wkwkkw

30 September 2011 18.23

boleh nih dicoba tipsnya...
thank's bro... :)

30 September 2011 23.11

@Putra TenzhungBener sob :D

30 September 2011 23.11

@Offical PurbojatiBetul

30 September 2011 23.19

@A-NXThanks kunjungannya

30 September 2011 23.19

@Dynamic View TemplateSemoga sukses om

30 September 2011 23.57

keren....

1 Oktober 2011 00.21

@A-NXTkp GAN

1 Oktober 2011 00.22

@FarixsantipsYang di copy yang di kotak ?

1 Oktober 2011 00.22

@Cek InfoThanks

1 Oktober 2011 00.22

@DuniaPiyenThanks

1 Oktober 2011 00.38

wah keren neh sobat blogger yg satu ini :D
nice post :D

1 Oktober 2011 00.44

@DayzThanks comingnya om

@Musa Khairul Umam ya, yang di kotak abu abu

1 Oktober 2011 03.19

@Farixsan Quilicuor (Faris Hardiyanto 177)Ente berarti hebat dong hehehe :D

1 Oktober 2011 19.29

hadir kembali sob,,menunggu yg baru

1 Oktober 2011 20.03

@Musa Khairul Umam
TUTORIAL MANTAAFF...Langsung +1 buat Boss!!!
Baru kale ini Ayas tew kodenya pake CSS gitu... Kreasi Sendiri yach Boss??
SALUUT BGT deh Boss...Hwehehee

1 Oktober 2011 20.45

asli hebat banget ya bisa seperti ini.. :(
saya gak ngerti apa apa mengenai utak atik :(

2 Oktober 2011 02.00

Kunjungan Sore Sob ! ! !..

2 Oktober 2011 02.40

Mantap triknya sob, bgus nih untuk di coba

2 Oktober 2011 06.26

blognya keren :D,
tapi ditampilan home cukup berat ukuran gambar kucingnya sob :D

@Musa Khairul Umam brarti masih bisa di kopas?

5 Oktober 2011 01.48

mantab sob tipsnya,, sangat bermanfaat,, :D,, salam sukses

5 Oktober 2011 02.27

owgh ane baru tau nieh...

5 Oktober 2011 04.27

Bisa dicoba nih tipsnya kawan

5 Oktober 2011 05.13

Keren Trik nya,

5 Oktober 2011 05.29

mantep sob lanjut,oh iya masing binggung mosting apa nih blum ada yang pas di hati :)

5 Oktober 2011 05.40

Makasih sob atas berbagi tipsnya nih

5 Oktober 2011 06.13

Kunjungan silaturahmi malam sahabat..

6 Oktober 2011 04.15

kunjungan malam sob, hehe :D

6 Oktober 2011 08.58

kunjungan malam sob, wah desain blognya makin keren saja ne gan.

6 Oktober 2011 13.37

numpang lewat mas ,, artikel nya kerenn

6 Oktober 2011 23.52

@al kahfiThanks kunjungannya

6 Oktober 2011 23.54

@Majalah Masjid KitaSaya juga kurang paham sob hehehe...

6 Oktober 2011 23.54

@Naufal HanifThanks kunjungannya

6 Oktober 2011 23.55

@Ridzahul KhairinThanks gan

6 Oktober 2011 23.55

@A-NXSudah saya ganti sob

6 Oktober 2011 23.55

@Rama88Thanks

6 Oktober 2011 23.56

@ADMIN [adaisinya]Silahkan buat belajar om hehehe....

6 Oktober 2011 23.56

@blog-nailahThanks

6 Oktober 2011 23.56

@Zh!nThoThanks sob

6 Oktober 2011 23.57

@RaindraSma sob ane juga bingung mau posting apa hehehe...

6 Oktober 2011 23.57

@cardiackuSama2

6 Oktober 2011 23.57

@A-NXThanks kunjungannya :D

6 Oktober 2011 23.58

@Liandri ekoBlog ente juga makin keren :D

6 Oktober 2011 23.58

@irwanThanks sob

7 Oktober 2011 02.28

Thanks gan, Oiya kenapa banyak orang yang berusaha mendisable klik kanan, padahal klik kanan sangat dibutuhkan oleh pengunjung untuk pilihan open in new tab, jadi tidak sekedar mau copas.. tapi btw gpp juga..hehe :D

7 Oktober 2011 03.35

itu pake efek apa sob tampilan postingnya kaya muncul gt?

7 Oktober 2011 04.55

lama g' maen, ada yg baru di template ente sob , hehe :D

8 Oktober 2011 20.31

artikel anti copypaste yang memikat hati :)
terimakasih kawan sudah berbagi info dan ilmu-nya :)

10 Oktober 2011 00.27

@Cheap Laptop tabletsIya tuh,tapi memang setiap orang punya pendapat

10 Oktober 2011 00.29

@Liandri ekoPake keyframes hehehe...

10 Oktober 2011 00.29

@A-NXIya NIH HEHHE...

10 Oktober 2011 00.30

@BlogS of HariyantoSama2 kawan :D

15 Oktober 2011 00.19

Mantaf kawan, bagus ni di terapin di blog.. nice post :D

5 Maret 2012 14.53

memang copas makin merajalela mas, blog saya aja langsung dicopas 30 artikel lebih oleh satu blog.. thanks mas kodenya..

22 April 2013 07.14

Gila lu ndro

Posting Komentar