Cara agar postingan tidak dapat di Copy Paste

Bila anda menginginkan karya maupun postingan atau apapun yang tampilkan di web atau blog tdak bisa di copy paste oleh pengunjung, berikut cara membuatnya.  Silahkan anda ikuti langkah - langkahnya :

1. Masuk ke Dasbor
2. Klik tab Tata Letak/Layout/Rancangan
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Silahkan anda cari kode <head>
6. Kalau sudah ketemu, anda Copy Pastekan script yang ada dibawah ini "Persis setelah kode <head>".

 

<SCRIPT type="text/javascript"> if (typeof document.onselectstart!="undefined") { document.onselectstart=new Function ("return false"); } else{ document.onmousedown=new Function ("return false"); document.onmouseup=new Function ("return true"); } </SCRIPT>

7. Klik Simpan Template.Ok...., Silahkan anda coba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

{

Cara agar postingan tidak dapat di Copy Paste

2012-01-30T15:29:00-08:00

Bhepal.Corp

Tips dan Trick|

Comments } Read More

Cara agar blog cepat diakses dengan HP

Saat ini sudah bukan hal yang baru lagi, orang mengakses internet menggunakan HP. Hal ini karena selain HP sudah dilengkapi fitur GPRS atau 3G, tapi karena memang sudah banyak situs yang menggunakan fasilitas tersendiri sehingga dapat lebih mudah dan cepat diakses menggunakan HP, misalnya seperti Facebook, Twitter, Yahoo, google, dan lain - lain.

Tapi tentu bagi kita yang memilki blog juga tidak ingin banyak kehilangngan pengunjung karena blog yang kita miliki sulit diakses menggunakan HP, iya kan...?.

OK..., Sekarang anda bisa ikuti langkah-langkah sederhana dibawah ini, agar blog anda lebih mudah diakses menggunakan HP :

1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode yang sama atau mirip dengan kode berikut :
 

<b:include data='blog' name='all-head-content'/>

5. Silahkan sisipkan kode dibawah ini tepat sebelum kode diatas :
 

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

6. Simpan Template.

Nah.... jadi deh...., mudah kan ?
Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.

{

Cara agar blog cepat diakses dengan HP

2012-01-30T15:17:00-08:00

Bhepal.Corp

Tips dan Trick|

Comments } Read More

Cara membuat gambar memutar

Fitur CSS memungkinkan kita untuk membuat banyak hal khususnya membuat tampilan halaman web ataupun blog menjadi lebih menarik. Pada waktu yang lalu saya sudah banyak mengulas tentang fitur CSS dan contoh - contohnya. Kali ini saya akan berikan contoh lagi tentang bagaimana kita membuat gambar memutar menggunakan CSS Transition. Cara kerjanya sangat sederhana, yaitu ketika pointer mouse diletakkan diatas gambar maka secara otomatisgambar akan memutar dan membesar.

Silahkan anda lihat contoh gambar dibawah ini. Anda bisa coba meletakkan pointer mouse diatas gambar, maka gambar tersebut langsung memutar dan membesar.

OK... bila anda berminat, anda bisa ikuti lankah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.

4. Cari kode di bawah ini atau yang mirip dengan kode ini :

</head>

5. Copy kode di bawah ini dan taruh sebelum kode </head> :

<style type="text/css">
#Gambar_memutar div
{
height:100px;
width:100px;
border: 3px solid #D8D8D8;
border-style:double;
margin:10px auto;
text-align:center;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;  
transition: all 2s ease-in-out;
padding-top:5;
padding-left:5;
padding-bottom:5;
padding-right:5;
}

#Gambar_memutar div:hover, #Gambar_memutar div.hover_effect
 {
-webkit-transform:rotate(720deg) scale(2,2);
-moz-transform:rotate(720deg) scale(2,2);
-o-transform:rotate(720deg) scale(2,2);
-ms-transform:rotate(720deg) scale(2,2);
transform:rotate(720deg) scale(2,2);      
}
</style>

6. Simpan Template.

7. Langkah selanjutnya, anda tinggal copy kode dibawah ini dan anda bisa taruh kode gambar ini pada gadget atau akan dipasang pada artikel post anda untuk menampilkan gambar dengan efek memutar dan membesar, silahkan ... itu terserah anda.

<div id="Gambar_memutar">
    <div class="hover"><a href="http://www.carabuatwebgratis.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Drwwwy7CfxWQ2dS0S0B5GvQOJU355fCSfqUrRyJCeV_ud3dLL2L5a9zcPTfQQWtMShvX9hcDNNOX9zRz8mn2uh9Ly_Jwd0E6eC-gYc-JIgEyAp4jMSu6T5ysgQG4Gf0JgOcHuFwcVbjs/s1600/Logo+cara%2Bbuat%2Bweb%2Bgratis.jpg" width="100" height="100"/></a>
</div>
</div>

catatan :

- Ganti ULR blog dan ULR image dengan ULR milik anda.

Nah....Mudah kan...?
Silahkan anda coba dan diotak atik sendiri sesuka selera anda.
Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

{

Cara membuat gambar memutar

2012-01-30T15:15:00-08:00

Bhepal.Corp

Tips dan Trick|

Comments } Read More