How to Remove LTR and Trbidi From BlogSpot Posts

By -

How to Remove LTR Text-Align and Trbidi From BlogSpot Posts

BlogSpot is one of my favorite platforms as we can modify the colors and layout of those templates utilizing the integrated tools and we can create our very own designs or make modifications.  There are plenty of free tutorials that enable you to create a professional looking of our blogger blogs without upgrading it to the premium as it is a free content management system from Google to the world.

Checkout: How To Create/Add Sticky Navigation Menu Widget To Blogger

As a Blogger (Blogspot) user, you might have seen <div dir="ltr" style="text-align: left;" trbidi="on"> code inside the post/page editor while writing your post in HTML mode. But have you ever wondered what does that code do and how to get rid of it? If you try to remove this code directly from your post editor, blogger adds it automatically to your posts and pages. Today, we are going to share how to remove <div dir="ltr" style="text-align: left;" trbidi="on"> from your BlogSpot blogs in easy steps. However, it will still appear in your earlier published posts. You can remove this piece of code by updating your old posts/page but before you try to remove this code from your old posts/pages you must disable this from your settings.

Recommended: How to Split Long Blogger Post Into 3 Parts

What is The Use of ltr text-align trbidi Code?

Basically, the code helps your visitors to translate your blog from English to Arabic, Hebrew etc. The code consists many parts which are defined as under:

dir - Short form of Direction in HTML
trbidi="on" - Google Translate is set to ON (Enabled)
ltr - Left to Right
text-align - The CSS code defines the text alignment. Currently, the text align is set to from left to right. It can be manually set left to right by replacing the style="text-align: left; to style="text-align: right;.
Here is the example of text-align
<div dir="ltr" style="text-align: left;" trbidi="on">
Text is set to from leftt to the right direction</div>

Text is set to from left to the right direction

<div dir="ltr" style="text-align: right;" trbidi="on">
Text is set to from right to the left direction</div>
Text is set to right to the left direction
<div dir="ltr" style="text-align: center;" trbidi="on">
Text is set in the center direction</div>

Text is set in the center direction

Now you got the idea what's the use of this code is?  The trbidi lets a visitor translate your blog post seamlessly. The text on this page is set to the default LTR (right to the left) direction. The most common usability to set RTL for web pages with Hebrew or Arabic text. Here is an example of Arabic set in RTL:

طهيس يس تآخت تهات يس وريتتآن فروم ريغت تو لآفت تهات يس وسآد

Advantages of Removing LTR, text-align, and trbid Code

  1. Makes your post clean and lightweight.
  2. Remove override CSS code style="text-align: left;"
  3. Makes your blogs posts easy to load and SEO friendly

Disadvantages of Using LTR, text-align, and trbid Code

  1. Adds CSS to your posts which search engines cannot enjoy your post visibility.
  2. Your blogger posts/pages will no longer support translated "rtl" languages but your visitors can still translate your blog by using the Google translate. 

Removing LTR, text-align, & trbid From Your Template

  1. Login to your Blogger Dashboard > Settings > Language & Formatting 
  2. In language section, locate the Enable transliteration and select Disabled from the drop-down > click Save

language and formatting

Whenever you create a new post, the blogger will no longer add this code to your posts and pages automatically. But the code will still appear in your old posts and you need to manually edit the post HTML to remove the code from earlier published posts.

Comments

Post a Comment

Popular posts from this blog

List of Top 11 Social Bookmarking Sites for 2018

By -
Image
Today, I'm going to share with you the most popular and widely used social bookmarking sites for 2018. These sites will help you increase your content visibility on social media and search engines. The process begins with the content curation and content aggregation. But before you bag the list, you need to understand what social bookmarking is and why you should use them instead of browser bookmarks. What is Social Bookmarking? Social Bookmarking is the process of adding, storing, submitting and sharing your contents on those websites where people and search engines can see and access your work actively. It includes a webpage, an image object, a video or text-based links like services or products that you offer. When you share (bookmark) your contents on a social bookmarking site, it means your data has been whitelisted or stored for quick access in future if the original web page exists. Check out: Role of Social Media in Boosting Your Traffic Easily Why You Should Use...
Read more

6 Digital Marketing Strategies for Small Business

By -
Image
Revenue is the lifeblood of any business. To get enough sales, it is very important to market your business as well as the products and services which you are providing. Today, there are millions of potential consumers on the Internet. Therefore, digital marketing is highly necessary. This is an activity where the company's name, brand, products, and services are spread throughout the Internet so that online consumers can view them, make purchases and possibly make referrals. By boosting your company's brand awareness online, you can create an attractive, positive and profitable business. One of the most effective methods of achieving this is by using SEO methods and other useful techniques. Here is more on Search Engineering Optimization. What is Search Engine Optimization? (SEO) This is a specialized strategy where the online visibility of a website is grown in the organic search engine results. Involving a collection of technical and web-based strategies, SEO optimizatio...
Read more

How to Create Separate AMP Pages On Blogger [AMP Plugin]

By -
Image
Today, I am going to share an awesome technique by which you can install AMP version on your responsive blogger template. By doing this, your responsive theme will not get disturbed because with this method, you can add AMP snippets to the mobile version (m=1) instead of upgrading your whole template to AMP. So let get started! As we know, people are upgrading their responsive themes to AMP themes and this method has badly impacted their blog layout. But in this article, we will be learning to create a separate AMP page in a native manner that will keep your responsive design up. So creating a separate AMP page on Blogger's mobile URL m=1, we need to have valid AMP snippets in our Blogger template. Then we will make some minor changes to make AMP on mobile URL m=1. How to Easily Add Hreflang Tag to Blogger Steps to Add AMP Pages On Blogger Mobile Redirect URL Creating a separate AMP page in Blogger is not a difficult task as you think. In today's article, I am going t...
Read more