Arabic letters in Blogger

Encoding

1. Start by opening your dashboard then click on " change setting".

2. Go to Settings, formatting.

3. Find the item called "Encoding", choose "Arabic (Windows-1256) as seen in this image:


4. Save. Be sure to save every change you made. Then after every save, Ctrl+F5 to see the changes you made.

5. Change the "Date Language" to your country language, here we choosed Lebanon.


6. Save.

7. Make the changes you desire on formatting as you wish. Here is how our formatting is done.

8. Save. Save. Save. Always.

Direction

When you finish the encoding, switch to "Posting", then "Create". A new session open for you to write your article.

1. Start by writing your first article, try first with few lines to teach yourself. You will notice that your lines are on the left side although you write in Arabic.

2. I assume your editor start automatically with "Compose" option as in this image. If not, see next step to activate it.


3. Activate "Compose" option by clicking "Posting", then "Basic", then browse down to Global settings and choose "yes" as shown in this image.


4. Align your lines to right as shown here: (Same as in step 2)


5. Switch to "Edit HTML"


6. It should be shown as in next image. We wrote only one line. You see that there is a code on the left called "div". Div means container, The browser sees everything in this container and configure the line as what you tell the container to do. So everything inside the "<" and ">" are instructions to the container to show the lines you wrote in right align. Inside the box the lines are on the left because the Blogger is a western program, but your browser and your visitors' will see the lines on the right.


7. What we do next is to tell the container (div) to show the lines from right to left as in Arabic language. We do this by adding a short code inside the container. So, add this: dir="rtl" as shown in next image.



Back to Kadmous