How to Convert html template to right to left (RTL) format

Admin
Admin
Update:
    Hi, this is Tech Book and you are viewing post regarding converting theme template in blogger from LTR to RTL direction. Almost every blogger user knows about LTR and RTL. LTR stands for Left to Right, and RTL stands for Right to Left. This sometimes very simple for some templates but may be difficult for others. In most of the cases, this trick works. You need to simple modify starting code like below. In this code, you can see the dir tag to set the theme direction to LTR or RTL. 
     LTR direction is used for English or for the languages which are written in Left to Right direction. Following languages use LTR:
    1. Afar
    2. Ligurian
    3. Abkhazian
    4. Lombard
    5. Afrikaans
    6. Lingala
    7. Akan
    8. Laotian
    9. Alemannic
    10. Laz
    11. Amharic
    12. Lithuanian
    13. Aragonese
    14. Latvian
    15. Angal
    16. Banyumasan
    17. Anglo-Saxon / Old English
    18. Malagasy
    19. Assamese
    20. Mandarin
    21. Asturian
    22. Marshallese
    23. Avar
    24. Maori
    25. Awadhi
    26. Minangkabau
    27. Aymara
    28. Macedonian
    29. Azerbaijani
    30. Malayalam
    31. Bashkir
    32. Mongolian
    33. Bavarian
    34. Moldovan
    35. Samogitian
    36. Marathi
    37. Bikol
    38. Malay
    39. Belarusian
    40. Maltese
    41. Belarusian (Taraškievica)
    42. Creek / Muskogee
    and 80 other languages.

        On the other hand, following languages are among top languages which are written Right to Left language direction:
    • Arabic.
    • Aramaic.
    • Azeri.
    • Dhivehi/Maldivian.
    • Hebrew.
    • Kurdish (Sorani)
    • Persian/Farsi.
    • Urdu.
        Here is a video tutorial for converting any LTR template to RTL (URDU) with Jameel Fonts.



        Straight to the topic, you can use following code to convert any LTR template to RTL in blogger. Just use dir="rtl" in HTML tag like this code:
    <!DOCTYPE html>
    <html lang="en" dir="rtl">
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tech Book</title>
    <link href="css/bootstrap.css" rel="stylesheet">

        At the end, it is suggested to keep visiting this website for more useful information and updates regarding blogger and others. 

    Related Posts

    Loading…