Post Game

Cara Membuat Double Click Pada Tag Blockquote

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Berikut Tutorialnya

<script type="text/javascript">
var pres = document.getElementsByTagName(&quot;blockquote&quot;);
for (var i = 0; i &lt; pres.length; i++) {
 pres[i].addEventListener(&quot;dblclick&quot;, function () {
 var selection = getSelection();
 var range = document.createRange();
 range.selectNodeContents(this);
 selection.removeAllRanges();
 selection.addRange(range);
 }, false);
}
</script>

Go to link Download

Cara Membuat Blockquote Manual Di Postingan Blog

Cara Membuat Blockquote Manual Di Postingan Blog. Pernahkan anda mempublikasikan artikel tentang HTML dan CSS? Kalau pernah, anda harus memisahkan kode kode tersebut dengan kalimat biasa. Jika tidak, pengunjung akan bingung mana yang termasuk dalam kode HTML. Apabila anda hanya memisahkan atau membedakan antara html dan kalimat biasa menggunakan bold, italic atau underlined rasanya kurang menarik, Cobalah memakai blockquote pada kode tersebut

Dengan menggunakan Blockquote, pengunjung blog bisa melihat yang mana bagian kalimat penjelasan dan yang mana kode HTML. Jika anda ingin mengetahui Cara Membuat Blockquote Manual Di Postingan Blog, baca postingan ini selengkapnya.

Cara Membuat Blockquote Manual Di Postingan Blog

1. Login ke akun blogger anda
2. Pada dashboard, pilih blog anda
3. Buat postingan dengan mode HTML dengan mengklik tulisan HTML yang berada di samping tulisan Compose
4. Copy paste kode blockquote dibawah ini

<blockquote style="background-color: #ccc; border-left: 5px solid #d3d3d3; margin: 0; margin: 1em 3em; padding: .5em 1em;">
LETAKKAN KODE DISINI </blockquote>

Dan akan menjadi seperti ini:

LETAKKAN KODE DISINI

Keterangan :
Anda bisa mengganti kode berwarna merah dengan background blockquote
Anda bisa mengganti kode berwarna biru dengan garis pinggir kanan blockquote
"LETAKKAN KODE DISINI" ganti dengan kode

Anda juga bisa memasang blocquote yang mudah dan cepat. Cukup dengan mem blok kode html, lalu klik tombol blogckquote pada toolbar edit entri yang lambangnya titik dua.

Itulah postingan saya yang berlabel Cara cara dan berjudul Cara Membuat Blockquote Manual Di Postingan Blog semoga bermanfaat buat anda yang ingin menghias tampilan blockquote anda. Jika ada kesulitan silahkan serahkan pertanyaan dengan komentar

Go to link Download

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote. Trik yang satu ini akan saya berikan tanpa kode script. Tetapi dengan CSS. Lebih tepatnya kita akan membuat hanya elemen blog yang dipilih saja yang tidak dapat di blok dan copy paste. Misalkan kita akan membuat anti copas pada posting kecuali blockquote. Jadi, pengunjung akan tetap bisa mengcopy bagian blockquote / kode kode nya saja tetapi artikel atau kalimat kalimatnya tidak bisa.

Trik ini memiliki fungsi yang sama dengan Membuat Seluruh Blog Tidak Bisa Di Copas dan Membuat Blog Anti Klik Kanan yaitu sama sama memproteksi blog dari tangan tangan jahil yang senang copas artikel sembarangan. Mungkin inilah yang sering saya jumpai. Banyak blogger blogger yang tidak niat membuat postingan, ia akan copas dari blog lain.

Dengan memasang CSS anti copy paste pada salah satu elemen kita dapat memilih pada bagian mana pada blog yang ingin di buat anti blok atau copas. Mau tahu cara lengkapnya? Simak dan terapkan tutorial dibawah ini.

Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote

1. Login ke Blogger
2. Pada dashboard, pilih blog anda lalu masuk ke Template, Edit HTML
3. Selanjutnya, silahkan cari css dari bagian blog anda yang ingin dibuat anti copas.
Contoh, halaman posting.
4. Cari kode .post lalu isikan kode berikut ini didalam CSS tersebut.

-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none}

Jadi, rangkaian kode CSS post anda menjadi

.post {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
}

5. Nah, sekarang pertanyaannya "Bagaimana membuat Kode dalam Postingan Bisa di Copas?" Tadi kita membuat dokumen posting menjadi anti blok semua jadi, blockquote atau semacamnya pun tak dapat di copas. Untuk mengaktifkannya, kita perlu mencari kode css blockquote. Caranya cukup menambahkan kode berikut ini

.post blockquote{


-webkit-touch-callout:text;


-webkit-user-select:text;


-khtml-user-select:text;


-ms-user-select:text;


-moz-user-select:text;


}

Di dekat kode CSS posting atau dibawah kode .post

6. Sekarang tinggal terserah anda saja bagian mana yang ingin anda buat tidak bisa di copas.

Jadi, apabila anda ingin membuat elemen menjadi tidak dapat di blok / copas isikan kode nomer 4
Dan kalau ingin supaya elemen yang dibuat tidak dapat dicopas tapi ingin diaktifkan agar bisa di copas, pakai kode nomer 5. Diubah none sama text nya saja

7. Jika sudah, klik Simpan Template dan blog sudah tidak bisa di drag, blok dan copas kecuali blockquote.

Tutorial ini memang memang membutuhkan pemahaman lebih lanjut mengenai HTML dan CSS. Untuk itu, anda yang belum tahu banyak tentang kode tersebut, silahkan baca di Definisi HTML & CSS + Tutorial. Sekian postingan dari Jona Rendra yang berjudul Cara Membuat Bagian Posting Blog Tidak Bisa di Copas Kecuali Blockquote, semoga berguna untuk anda. Apabila ada kesulitan saat mempraktekkannya, silahkan tanyakan melalui komentar dibawah.

Go to link Download