Modifikasi Tulisan Arab Pada Komentar dengan jQuery
0 views
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
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.

Tulisan arab pada komentar ini sangat jarang digunakan, tapi apabila sobat membutuhkannya, silahkan simpan kode ini diatas
Tambahkan CSS di atas
Cara penulisan Arab pada komentar :
Semoga bermanfaat...
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.

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...
94 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
Nyobaan Kang Ismet, kaya nya pasti Berhasil deh
Perlu di coba, saya baru tau terima kasih atas infonya
- salam damai -
:D
Saya menjual template yang sekarang saya pake harganya pun cukup murah cuman 20 ribu via pulsa im3 no hp gw : 085797428225, untuk demo di -> http://yoga-tc.blogspot.com/
[+] Untuk pengeditan template bisa ditanyakan kepada saya, hatur nuhun kang :D
#Info aja
dipostingan ini saya menulis huruf arab http://blog.kangismet.net/2012/07/cara-menulis-arab-di-blog.html saya cek, valid html5 ko http://validator.w3.org/check?uri=http%3A%2F%2Fblog.kangismet.net%2F2012%2F07%2Fcara-menulis-arab-di-blog.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices, terus valid CSS3 juga http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fblog.kangismet.net%2F2012%2F07%2Fcara-menulis-arab-di-blog.html&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en, ada contoh ga yang error validasi?
hebat si akang resfect sama hal-hal yg kecil padahal besar
boljug, Kang.. segera diterapin. Nuhun pisan kana perhatosanna, Kang.. Jazakallahu khairan, aamiin.
http://muxlimo.blogspot.com/2013/10/abduh-tuasikal-aduh.html?showComment=1381114996391#c581456898202073996
Test coment pake bahasa korea kang.....
:D thanks udah share! postingannya langkah!
- damai -