Copy area tertentu dengan css

Trik

Sebagian besar Blogger Asli menghadapi masalah plagiarisme. Umumnya para blogger baru tidak memahami nilai kualitas konten. Anda menghabiskan banyak waktu untuk menulis posting blog Anda tetapi pencuri konten berkunjung ke blog Anda dan menyalinan semua pekerjaan Anda. Beberapa kali para pencuri konten berhasil bisa menjadi yang pertama di Google Search dibanding Anda, Jadi cache kepala untuk Anda.

Anda dapat memasang skrip anti copas dalam blog anda tetapi jika Anda menawarkan beberapa kode tutorial atau teks yang akan disalin di blog Anda, Anda tidak bisa menggunakan script. jadi hari ini, saya akan berbagi trik untuk menonaktifkan copas kecuali Kode tertentu yang Anda bolehkan disalin menggunakan css.

Keuntungan dari CSS berikut:

     Tidak ada javascript, Jadi tidak mempengaruhi waktu load blog Anda.
     Ia bekerja di semua browser utama.
     Anda bisa menggunakan css ini di semua jenis blog niche.

Bagaimana menambahkan CSS ini ke blog Anda?

     Login ke Blogger> Dashboard
     Klik pada Drop Down Menu dan pilih Template
     Backup Template Anda sebelum membuat perubahan ke blog Anda
     Sekarang Klik Edit HTML

Tekan Ctrl + F dan cari kode di bawah ini.

]]></b:skin>

Paste kode berikut di atasnya.

.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} blockquote {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} 

editing CSS

Ganti Blockquote dengan tag HTML Anda yang Anda gunakan untuk menampilkan kode. Contoh ini: Saya menggunakan tag blockquote untuk menyorot kode (yaitu)

<blockquote>

............kode disini..........

</ blockquote>

Jadi, di atas saya menggunakan tag blockquote css. jika Anda menggunakan seperti <code> teks Anda </code>, Anda perlu mengganti blockquote dengan code. Sekarang kode css Anda akan terlihat seperti,

.post-body {-webkit-touch-callout: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; text-align: justify;} code {-webkit-touch-callout: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}  

Silahkan simpan template anda

Semoga berguna dan bermanfaat...

Artikel Terkait

  • Menambahkan multi kolom widget di footer
    Membuat kolom dibawah footer dengan menambahkan css agar terlihat lebih menarik dan membuat ruang untuk widget yang di butuhkan. Dengan lebih banyak kolom di footer Blogger Anda, Anda akan memiliki ruang ekstra untuk mengakomodasi widget lainnya seperti Flickr foto dan update Twitter. Juga Anda dapat menempatkan widget yang lebih sering …
  • Mengatasi blog pagger/navigasi link yang tidak muncul
    Umumnya, setiap blog blogger memiliki sebuah link navigasi untuk mengarahkan setiap laman, posting dan arsip saat di buka kecuali si admin/author menghilangkannya untuk tujuan tertentu. namun apa yang terjadi jika link navigasi ini tidak muncul, tentunya akan membuat pengunjung kesulitan menelusuri laman, posting dan juga arsip seperti yang di…
  • Cara membuat kotak pencarian sidebar
    Kotak pencarian berguna untuk membantu pengunjung untuk menelusuri sebuah artikel di dalam blog menggunakan kata kunci tertentu yang di kirim melalui query ke directory blog. Tutorial ini merupakan bukan hal baru, namun meletakkan/memasang kotak penelusuran di blog memang tergolong penting jadi sebaiknya anda memasangnya untuk para pengunjung…
  • Cara Memasang Sintaks Highlighter untuk blogger
    Kebanyakan blogger menggunakan blockquote standar untuk berbagi tutorial skrip dan kode dengan pengunjung mereka, namun Alex Gorbatchev telah menciptakan sebuah Highlighter yang berfungsi penuh untuk membuat script dan kode tampak lebih rapi dengan menampilkannya dalam gaya teknologi web seperti HTML, CSS, JavaScript, Php, Python, Sql, xml dll…
  • Trik memasang random banner di blogger
    Memasang banner di blog memang bukan sesuatu hal/topik pembahasan yang baru melainkan hal yang sudah lama di bahas, banyak para blogger memasang banner dengan tujuan tertentu, seperti periklanan, perujuk link tertentu ataupun sebagai penghasilan sampingan. umumnya banner ini memiliki dimensi yang bervariatif tergantung dari kebutuhan/tujuan te…
  • Memasang link hover multi color di blogger/blogspot
    Tidak jauh berbeda dengan random hover link trik ini sama - sama berfungsi untuk memberikan efek warna hover link berubah secara otomatis ketika mouse menyoroti. hanya bedanya, jumlah warna dalam hover link ini dapat di sesuaikan/diatur berapa banyak efek warna pada hover yang ingin anda munculkan. Untuk menambahkan ini Berkedip efek Link ke …

Tidak ada komentar :

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...