Cara Mengganti Tanda Kutip Kalimat " dengan “ dan ”
Cara Mengganti Tanda Kutip (") dengan “ dan ” di Postingan Blogspot Pakai Javascript Jquery. Terkadang di dalam postingan blog, perlu menampilkan tulisan yang berbentuk dialog dari beberapa subyek. Ini biasanya digunakan pada blog yang mengupas tentang berita, cerita atau wawancara.
Umumnya blog tersebut akan menggunakan tanda kutip (") untuk mengapit setiap kalimat ucapan. Coba perhatikan penggalan dialog cerita berikut ini:
Herimo menatap Mechan dalam-dalam. Hatinya serasa remuk redam. Kali ini sepertinya Mechan tidak main-main dengan keputusannya. Berbeda dengan sebelumnya, kali ini ada rasa sesak yang begitu kuat di hati Herimo saat mendengar keputusan terakhir Mechan tersebut.
"Baiklah, jika itu keputusan terakhirmu. Aku tidak akan bisa menghalanginya lagi." sahut Herimo lirih.
Mendengar itu Mechan tersenyum meskipun nampak matanya mulai berkaca-kaca. Pertemuannya dengan Herimo setahun lalu memang telah meninggalkan banyak kesan mendalam di hatinya. Herimo tahu, meski dia adalah raja hutan saat ini, tetapi Mechan memang bukan warga asli kampung harimau loreng. Mechan hanyalah seekor macan tutul. takdirnya yang terlahir sebagai seekor macan tutul membuatnya tak nyaman berkumpul dengan warga kampung harimau loreng. meski begitu cintanya Herimo kepada Mechan, itu tak bisa menghalangi niat Mechan untuk kembali ke kampungnya.
"Terima kasih atas semua kebaikanmu selama ini kak," ucap Mechan memecah keheningan. "Aku tidak ingin timbul masalah yang lebih buruk lagi di kampung ini. Sebaiknya aku saja yang mengalah. Memang tempatku bukan disini." tegas Mechan.
Pada kalimat dialog tersebut di atas, setiap kalimat ucapan diapit dengan tanda kutip ("). Jika ingin mengganti tanda kutip tersebut dengan tanda kutip buka (“) di awal kalimat dan tanda kutip tutup (”) di akhir kalimat, maka untuk mengubahnya menjadi tanda kutip buka (“) dan tanda kutip tutup (”) secara otomatis, perlu dinambahkan script javascript untuk menggantinya.
Berikut ini Cara Mengganti Tanda Kutip (") dengan “ dan ” di Postingan Blogspot:
- Buka blogger.com
- Pada menu “Tema”, pilih “Edit HTML”.
- Karena script ini akan menggunakan jQuery, maka tambahkan Jquery di template Blogspot yang digunakan. Untuk menambahkan jQuery di Blogspot, simak postingan tentang Cara Menambahkan jQuery di Blogspot. Tetapi jika template yang digunakan tersebut sudah menggunakan jQuery, abaikan saja langkah ini.
- Lalu salin script di bawah ini dan letakkan di atas tag </body>
- Setelah itu simpan template.
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
html = $('[data-story="true"]').html();
$('[data-story="true"]').html(
html.replace(/\"[^\"]+\"/g, function(x) {
return "“" + x.replace(/\"/g, "") + "”";
}
)
);
});
//]]></script>
Untuk menerapkannya ke dalam setiap postingan blog caranya adalah sebagai berikut:
- Edit setiap postingan yang ingin diganti tanda kutipnya.
- Apitlah baris kalimat/dialog tersebut dengan tag berikut ini:
- Setelah itu click “Update” dan lihat hasilnya.
<div data-story="true"> <!--letakkan kalimat/dialognya disini--> </div>
Note: Tidak harus menggunakan tag <div/> bisa juga menggunakan element lainnya. Misalnya menggunakan tag <article/> atau tag <section/>. Kuncinya terletak pada attribute data-story="true". Jadi apa pun element yang digunakan, cukup tambahkan saja attribute data-story="true" itu di element yang digunakan.
Di bawah ini adalah contoh dialog di atas setelah diganti tanda kutipnya.
Herimo menatap Mechan dalam-dalam. Hatinya serasa remuk redam. Kali ini sepertinya Mechan tidak main-main dengan keputusannya. Berbeda dengan sebelumnya, kali ini ada rasa sesak yang begitu kuat di hati Herimo saat mendengar keputusan terakhir Mechan tersebut.
"Baiklah, jika itu keputusan terakhirmu. Aku tidak akan bisa menghalanginya lagi." sahut Herimo lirih.
Mendengar itu Mechan tersenyum meskipun nampak matanya mulai berkaca-kaca. Pertemuannya dengan Herimo setahun lalu memang telah meninggalkan banyak kesan mendalam di hatinya. Herimo tahu, meski dia adalah raja hutan saat ini, tetapi Mechan memang bukan warga asli kampung harimau loreng. Mechan hanyalah seekor macan tutul. takdirnya yang terlahir sebagai seekor macan tutul membuatnya tak nyaman berkumpul dengan warga kampung harimau loreng. meski begitu cintanya Herimo kepada Mechan, itu tak bisa menghalangi niat Mechan untuk kembali ke kampungnya.
"Terima kasih atas semua kebaikanmu selama ini kak," ucap Mechan memecah keheningan. "Aku tidak ingin timbul masalah yang lebih buruk lagi di kampung ini. Sebaiknya aku saja yang mengalah. Memang tempatku bukan disini." tegas Mechan.
Pada contoh dialog di atas tampak semua tanda kutipnya telah berubah menjadi “ dan ”.
Mudah bukan? Selamat mencoba!
Categorized in Blogging, Blogspot, JQuery, Tips & Trick
0 Readers Interaction:
Post a Comment