Beranda
jQuery
Komentar

Modifikasi Tulisan Arab Pada Komentar dengan jQuery

arab komentar
Modifikasi Tulisan Arab Pada Komentar - Bermula komentar saya di blog +MUX SPARROW  aka Muxlimo dengan tulisan Arab, saya melihat bahwa komentar dengan menggunakan tulisan Arab akan sangat kecil dan sulit untuk dibaca.

Sebetulnya untuk mengganti font dan memperbesarnya hanya dibutuhkan class tertentu saja. Dalam postingan, ini tidak akan menjadi masalah, karena mudah menyisipkan class tertentu. Lain halnya dengan komentar, kita tidak mudah menyisipkan class seenaknya.

Oleh karena itu, dengan bantuan jQuery saya mencoba mengganti jenis font dan memperbesarnya sehingga mudah untuk dibaca. Penampakannya seperti pada screenshoot dibawah ini, sebelum dan sesudah menggunakan bumbu jQuery.

arab

Tulisan arab pada komentar ini sangat jarang digunakan, tapi apabila sobat membutuhkannya, silahkan simpan kode ini diatas </body>

<script type='text/javascript'>
//<![CDATA[
$('#comments p').each(function() {
    $('b[rel="arabic"]').replaceWith(function() {
      return $('<b class=\'arabic\'>' + $(this).html() + '</b>');
});
});
//]]>
</script>

Tambahkan CSS di atas ]]></b:skin> atau </style>

.arabic {
font-size: 22px !important; line-height: 34px !important;
font-family:'KFGQPC Uthman Taha Naskh', KFGQPC_Naskh, 'Traditional Arabic', Tahoma, sans-serif;
font-weight: bold;
direction: rtl;
display:block;
text-align:right;
}

Cara penulisan Arab pada komentar :

<b rel="arabic">Tulisan Arab di sini</b>

Semoga bermanfaat...
Disqus Comments