How to Remove LTR and Trbidi From BlogSpot Posts

How to Remove LTR Text-Align and Trbidi From BlogSpot
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 your blogger websites. As a Blogger (Blogspot) user, you might have seen <div dir="ltr" style="text-align: left;" trbidi="on"> code 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.


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.

Make Money Blogging: How to Start a Killer Blog in 2017

How to Start a Blog
Are you thinking how to start a blog? Will this idea work for you? Luckily you are reading the right article on the right page where you will learn how to launch your blog that will inevitably become a good source of income for you. So, are you fully ready to start blogging? Let's get set! Believe me - Many jobless guys started blogging just for passion and later their passion dramatically changed into millions of dollars income. Am I kidding? Huh. Here are some successful bloggers who generate millions of dollars/m.

#1 -- Huffington Post: $14,000,000 per month
#2 -- Engadget: $5,500,000 per month
#3 -- SEOMoz: $4,250,000 per month
#4 -- Mashable: $2,000,000 per month
#5 -- TechCrunch: $2,500,000 per month
#6 -- CopyBlogger: $1,000,000 per month
#7 -- Smashing Magazine: $215,000 per month

It is not the end of this list. There are millions of active blogs which generate huge income from their blog. You might be thinking "Wow what a miracle" really? But this is not a miracle neither a coincidence. So what's behind their success? Conformity, self-confidence and of course hardworking.
Never listen to the haters. Work hard, and do what you love.
                                                                      Ariel Martin 
Blogging is one of the surefire ways to build an online business. It changed considerably from the early days and still on its peak. As you know, blogs have been growing rapidly for the last few years. Blogging provide the reader with current news and content rather than some of the out of data and least content that may appear on a lot of websites. There are lots of free web blogging sites, but not all platforms are created equal, and some provide better possibilities for growth, publicity, and monetization. With a self-hosted blog, you could earn money by setting up web banners, inserting internet links, selling products, making web-based classes, or any other way you would like to monetize your blog.

Recommended: 150 Killer Words Promised to Make a Catchy Headline

Blogging, like other things in its Digital Marketing business what you make of it. Understanding the audience and being familiar with their personal preferences and thinking help you create content that's relevant to yourself and your readers. It can be a communication tool; it can be used to build a community, or it can be used to generate income. Making the mistake of blogging in a vacuum, without care or regard for your audience is a surefire way to stall your blogging efforts.

Check out:

1. Choose Blog Platform

Blogspot.com should be the best choice for newbies as it is free, easy to use, and customize. In blogspot.com, you can install any theme, widget, and plugin of your own choice which is not available in free WordPress.  In addition to blogspot.com, there are various types of blogging platforms where you can start your blog for free. However, free blog platforms do not provide all features. In free WordPress, you are bounded by many limitations like template customization, plugin installation and the biggest restriction is you do not have complete control on your blog, and it's SEO.  As you know, with WordPress.com, you are strongly limited in the options you may use to customize your website. WordPress.com space is limited, but with Premium, you get one more 10 gigabytes of space for storage. Even with premium WordPress.com, you're removing the WordPress advertisements, not adding your very own. The premium feature is the capability to upload Hi-def videos to WordPress.com.

The self-hosted blogging platform now boasts of over 72, 250 out from the top one million websites today. Since its start, WordPress continues to be regularly growing on per month-to-month basis. WordPress is the open source content management system that you could download free of charge at WordPress.org.

Check out:
Joomla Vs Wordpress: Which One is Better & Why?
21 Surprising Blogger Widgets For Your BlogSpot Blog
16 SEO Tips and Recommendations for Blogger Blogs
5 Brilliant Tips To Make Your Wordpress Blog Famous

2. Technical Tips: Pick the Right Blog Address

A domain (URL) name is the address of your website or blog (Example: www.knigulper.com). Choosing a low-quality domain for the blog address break one of the fundamental rules in maintaining a blog. Host a blog address with a domain name you supervise. There are other reasons for keeping the blog address as part of your domain name including the ability to change blog platform without having to change your blog address. Blogs are very linkable entities, and other blogs tend to be enthusiastic about linking. So, any link to your blog can be perceived as a mark of credibility to your blog. A catchy, meaningful brand name for the blog may go much further because content can always be optimized for search engine rankings. Should the blog get popular except to upgrade to support increased demand? It can cost a hundred to thousands of dollars for installation setup and design customization of your blog. After installation of the blog software, there is a problem of customization tasks. First, the blog design must be modified to match your branding. Customize your blog for great Google SEO. Once there, alter the default structure of your blog. In concert with the purpose to the blog, it’s important to generate a first editorial guideline for creating content. Start interactions with blog readers as well as your analytics to know if your contents and keyword picks are productive or not. In the case smallest businesses, the blogging team is the team of one. Since blogging block can be a good thing for a small business, the blog goes ahead and keeps a good number of posts in draft mode. You can schedule blog posts in advance using the WordPress or Blogspot.

3. Design Your Blog: Choose the Right Theme

When we wear a beautiful dress, it completely changes our appearance, and we look different in different types of clothes. Similarly, a theme is the appearance of your blog stylings like layout design, fonts, colors, widgets, plugins and much more. Blog theme not only change the appearances but it matters a lot for search engine ranking. Fast loading and mobile friendly themes are better for SEO. So, before you install a theme, you must test whether the template is mobile friendly/responsive or not. There are lots of web tools where you can check the loading time and mobile friendliness, but I recommended to use the Mobile Website Speed Testing Tool. There are two types of themes one is free, and another is premium. Most free themes come with encrypted scripts which cause a serious problem for our site ranking. But if you are a newbie you should try free templates until you get satisfied with blogging.

Check out:
20 Handpicked WordPress Themes to Make a Killer Website
12 Free Premium Blogger Templates for 2017

4. Pro Tips: Choosing a Blogging Niche

Chances are if you have not already started one, a food blog is right for you. Not to say it can't happen, and it's OK to hang onto that shred of hope that someone will understand and care about what you write.  If you are a designer or have your brand then starting a designing blog could help promote your brand or design. You are competing with hundreds of other bloggers within your niche of design, so you need to act differently. You can do this by typing your blog subject matter into the search engines and see what appears regarding the blog. Reach the many relevant blog directories to find out who is already writing about your topic to interest. Find your niche as already said there are thousands of blogs out there on the web about designing, food, music, etc. Think about your blog title, topic, domain, description, and content. If you already have your website then create a blog with your domain name. If you build a blog from your brand, then you will give readers chance to explore and steer to other pages on your website. Try to get the keywords in your domain name and blog title. Both provide tools for bloggers to promote their work in many ways for free in the form of a blog. With your blog, it is important to develop keyword rich content with the keywords appearing in the title and description first paragraph without repeating over and over (Keyword Stuffing Examples and its Harmful Effects).

5. Start Composing: Content Creation Tips

Give the audience all the facts and figures they want. Once your readers realize you as a knowledgeable source of information, you have accomplished your goal of hooking them. If you can get some excellent writers to produce content for you on a regular basis, then it could be an excellent way to go, but it will take the time to build those relationships and find those writers. Rather than pitching your services or products, you're providing truly relevant and helpful Content for your readers to help them solve their problems. If you seem like you are upset in the content rut, try creative marketing ideas like email marketing, SMM, etc. to add some spice to your marketing efforts. Behind the collapse of each content creation effort is a host of possible causes, and it is your work to find out exactly which ones apply to your case.

Check out:
3 Proven Secrets for Successful Article Marketing
21 Underground Secrets to Write SEO Friendly Blog Post
How to Write Most Profitable Blog Article

6. Get More Visitors: Share Your Blog

Looking at technology Such as blog comments, trackbacks, and pingbacks to start discussions with some other bloggers? You have to know the networks where you can repost your contents in as many places as possible & regularly comment on other people's blogs and forum discussion groups. Give people a reason to work what you're talking about. Your tweets, Facebook shares, LinkedIn, Google+, etc. that is promoting one among your unicorn pieces of content will even get a ton of thoughts, retweets, responses, mentions, likes, and visits to your site. New content is excellent but reposting your materials on social media networks is a better strategy. This can give a whole new audience a possibility to discover and enjoy your existing content. Many newbies disregard the power of their blog in social marketing. Get in the habit of posting new content at least three times a month to make your social media timeline active. Share catchy, and quick updates promote new products, content, or brand contests, collects instant feedback from your audience.

Check out:
Killer Strategies to Gain Your Blog Traffic by 200%
Auto Sharing Blog Posts On Social Media Networks
Proven Youtube Traffic Techniques For Website SEO
How To Drive Massive Blog Traffic Using Twitter Techniques

7. Are You a Student? Points to Remember

If you are a college student nervous that high school students may grab all the right jobs, it is best to depend on your hidden skills. Since you have previously worked hard, you will have to spend some time and money on blog writing and hosting. Remember, you are more appealing than a newbie employee.  If you are looking for some earnest money, why don't you blog? It will not come quickly or simple, but you've nothing to lose by giving it a try. You usually won't be paid till your long patience, but depending upon the quality of the piece, you might earn enough a penny. In college, you might have learned how to become rich gradually, legally, by hardworking and seeking a successful career, but here you'll learn how to live a boss free life digitally.

There is evidence that content writing has increased extremely for the last years. Students should write routinely. As noted in writing, ten students should write routinely over extended time frames and shorter time frames for a range of task purposes. Wise teachers regularly check for understanding through student writing, and they do so across content use to facilitate student writing across the day. If students don't write enough, they do not have anything to edit. Power writing is a method for building writing fluency through brief, timed writing events. Secondly, students think about the content while they are writing. Third, power writing provides teachers with information about student error patterns.

8. Hidden Secrets: Success Blogging Strategies

A successful man is who takes profession as love. You may learn new things which you can further involve in your blog. Every second person may have a different experience with money making plan. Be realistic. No online job may make you rich overnight.  Cash is something you need to earn and is not anything that's just provided to you anytime. As being a blog coach is a satisfying, fulfilling and extremely profitable way to provide quality contents and also to get paid handsomely. Most bloggers today may target a market, that is a particular product, service or subjects relating to keywords on the associated items. As previously stated it's vital that the blog content is updated very on a regular basis. Ideally, you aim for an article, post every day.

What's more, if you happen to realize all the benefits and advantages that working online could provide you with; you will surely understand how easy it is to make money online. Once you get the hang of working online, chances are you would realize that you are probably earning more from it than a regular job. Once you've your blog lives and are writing engaging content, you're going to need a good way for visitors to share your content. Many new bloggers have no idea how much one can earn from a blog. Depending on what industry you're in and where is your blog on, there'll be a better way to monetize your blog. No matter how well writing your content is; or how creative your blog style - If you fail to choose the right niche, you cannot convert your effort into money. You can take a closer look at the advertisers marketing approach. Do they advertise on top of search ads? If so, what kind of blog?

9. Causes: Why Do Most Bloggers Fail?

Keep patience - Most successful small enterprises grow at a slow and steady pace. Small businesses fail because owners do not put the time and research into a plan of activities meant to prevent them from becoming fatal mistakes. Additionally, hiring an unknown consultant can hugely harm your work and dreams. If you are not sure how to optimize your blog, you can hire a well-trained person. Most newbie bloggers hire those guys who have fundamentally no knowledge of the workings of the Search engine optimization tips and training that's imperative for their online success. If you do commit to a blog, you need the discipline of deadlines, even if you are creating them for yourself.

Check out:
13 Penalized SEO Exercise You Need to Think About
Crucial Blogging Mistakes and How to Avoid
Crucial SEO Marketing Tips for Beginners
Consequences of Dramatical Link Building Practices

What's Next?
Your questions, suggestions, and feedbacks are important to us! Write your valuable comments and let us know what you decided for your brilliant career.

How to Add Onclick About Us Page to BlogSpot

Css3 Onclick About Us Page for Blogger
When visitors go to your website, blog or social media profiles, the first area they arrive at your homepage. If they have an interest, they will likely navigate to your About Us page to learn more about you and your business. The About page becomes a way to give various reasons to keep coming back and a way to develop a greater appreciation of the website.  It is the only way where you really have a chance to tell your readers what your website/blog is all about and what makes you unique from your competitors.

Wish to make probably the majority of your About Us page? Here is the tutorial for you by which you can design yours about us or about me page with stunning social media profiles. In my recent post, I showed you how to add onclick popup search box for Blogger blogs. But today I am going to share how to add Css3 Onclick About Us/About Me Page for your BlogSpot blogs.

Recommended: Creating a Sticky Navigation Menu When Scrolling on Blogger

Why It's Important to Have an About Us Page?

If you are serious your website/blog reputation, you must create a beautiful and informative about us page for your website. Going anonymously with random information is not a good idea because it makes your readers doubtful about your achievements and hardworking.  The website's about page is the crucial part where your readers go to know about you and your website. The website about page defines the basic elements of your website. It delivers the appropriate and most essential information about the website.  The about page is the section of a website where people go to find out about the website's owner, website performance, functionality and much more. It's very helpful to let the audience know where they stand. Your about page is the opportunity to make your visitors fall in love with your website/blog.

Naturally, different visitors are interested in different types of info. One of the first and basic pieces of data that your visitors are seeking for is who you are and where you come from. The About Us page is a wonderful way to interact with your visitors who you are and to give them the assurance to recognize that you and your business have the ability and skills that they need to be able to solve their certain problems. Your About Us page must be crafted beautifully.

Adding Popup Css3 About Us Page to Blogger

  • Go to your Blogger Dashboard > Theme > Edit HTML
  • Click inside the theme editor > Press C + F
  • Search <head> and paste the given CSS code just below the <head>
<link href='//cdn.rawgit.com/knigulper/Web-Development/master/www.knigulper.com/AboutMe.css' rel='stylesheet' type='text/css'/>
  • Now find the </body> and paste the following HTML5 code just above it
<div class='popup-wrapper' id='popup'>
<div class='popup-container'>
<div class='boxinner'>
<div class='contentbox'>
<headbanger><span id='textlogo'>Knigulper</span>
<a class='popup-close' href='#closed' title='Close'><i class='fa fa-times'/></a>
</headbanger>
<br/>
<div class='scrollbarbox'>
<div class='innerone'>
<div id='aboutus'>
<img alt='Knigulper' height='140' src='//lh5.googleusercontent.com/-stv4NLjBuWA/AAAAAAAAAAI/AAAAAAAACSg/Yvzao6-_LZs/s512-c/photo.jpg' title='Knigulper' width='140'/>
<script src='http://www.knigulper.com/feeds/posts/default?alt=json-in-script&amp;callback=getposts'/><br/><br/>
<p>Hello, i am Farooq Ahmad Bhat a professional Blogger from Srinagar, Jammu and Kashmir.  Welcome to www.knigulper.com.  A great resource for bloggers where you find the best blogging tips, exceptional ideas, sophisticated SEO techniques, Blog designing, tips and tricks, and much more. From my experience. I am connected to blogger since 2009. My professional skills are Blogging, CSS3, JavaScript, HTML5, SEO strategy and much more. You can <a href='http://www.knigulper.com/p/blog-page.html' target='_blank'>hire me</a> for many reasons like SEO audits and template designing.</p>
</div></div></div>
<div id='left'>
<div class='taber2'><a href='https://plus.google.com/u/0/b/107705481216986870331/+KnigulperGplus' rel='nofollow' target='_blank' title='Follow Us On Google Plus'><i class='fa fa-google-plus fa-fw'/> Google Plus</a></div>
<div class='taber3'><a href='https://www.facebook.com/knigulper' rel='nofollow' target='_blank' title='Follow Us On Facebook'><i class='fa fa-facebook fa-fw'/> Facebook</a></div>
<div class='taber4'><a href='https://twitter.com/Knigulper' rel='nofollow' target='_blank' title='Follow Us On Twitter'><i class='fa fa-twitter fa-fw'/> Twitter</a>
</div>
<div class='taber6'><a href='https://github.com/knigulper' rel='nofollow' target='_blank' title='Follow Us On GitHub'><i class='fa fa-github fa-fw'/> GitHub</a></div>
<div class='taber8'><a href='https://www.linkedin.com/in/farooq-ahmad-bhat-8b590690/' rel='nofollow' target='_blank' title='Follow Us On LinkedIn'><i class='fa fa-linkedin fa-fw'/> LinkedIn</a></div>
<div class='taber9'><a href='https://in.pinterest.com/kingulper' rel='nofollow' target='_blank' title='Follow Us On Pinterest'><i class='fa fa-pinterest fa-fw'/> Pinterest</a></div>
<div class='taber7'><a href='https://www.blogger.com/follow-blog.g?blogID=1657654332883632951' rel='nofollow' target='_blank' title='Join this blog'><i class='fa fa-users fa-fw'/> Join this blog</a></div>
</div></div></div></div></div>
  • Paste the following HTML tags where you want to show about us button
<li class='knigulper'><a class='popup-link' href='#popup'>About Us</a></li>
Pro Tip: I recommended you paste the above-given HTML tags in your main or sub menu
  • Replace the blue text with your own URL/Username/Text
  • Click save theme and you are done.
Need help? We are listening! Post your comments and let us help you to install this widget.

How to Add Onclick Toggle Search Bar to BlogSpot

Onclick Popup Search Bar Widget For Blogger
A website search bar is the most important element for our site visitors as they use it to perform their required search terms within our site search form. In my past tutorial, I mentioned 9 Responsive Search Box Widget For BlogSpot Blogs, but you need to be a bit technical to get them worked on different custom templates.

Importance of Website/Blog Internal Search Bar

In today's arena websites and Blogs are more complicated than ever before as they have an extensive collection of contents. Many contain a huge number of data which visitors can use to answer their queries and learn what they need to know before staying a long time on your website. But with all the stuff and features loaded into many of today’s websites, it can also be more exhausting for your visitors to, first of all, determine whether or not a site will contain the data they need and then find it on the website/blog. Installing a search box widget can present a vast of advantages to help your site visitors and also convenience your online function in the process.

Recommended4 Killer Horizontal Email Subscribe Widgets For BlogSpot

Installing a search box gadget can help your blog visitors to find what they need more swiftly. Website search form is certainly the fastest way for someone to find what he/she is looking for on a vast and comprehensive site/blog. A site search form helps the visitors get around navigational structures that may be consuming their time.  As the sites continually adding new contents on regular basis, many users may find the website search bar to be an extremely useful technique in helping them find what they expect. If someone uses a search engine like Google, Bing, or Yahoo to reach your website, they possibly prefer the same search method for finding the existed information within your site/blog.

Today, I am going to share Onclick Popup Search Bar that is designed with Css3 and HTML5. No JavaScript or Jquery included. This Onclick widget works nicely as it is the lightweight, responsive, and beautiful as well. You can show this form in your main menu as shown below.

search menu bar

To Add Onclick Popup Search Box Widget to Blogger, Kindly Follow the Steps:

  • Login to your Blogger Dashboard with your credentials
  • Navigate to Theme > Edit HTML
  • Click inside the Theme Editor and press C + F to open the search bar
  • Type <head> and paste the given CSS3 URL just below it
<link href='//cdn.rawgit.com/knigulper/Web-Development/master/www.knigulper.com/onlicksearchbox.css' rel='stylesheet' type='text/css'/>
  • Now find the ]]></b:skin> and paste the given code right above it
.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none}
.modalDialog2{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:99999;opacity:0;-webkit-transition:opacity 200ms ease-in;-moz-transition:opacity 200ms ease-in;transition:opacity 200ms ease-in;pointer-events:none}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog:target > div{margin:8% auto}
.modalDialog2:target{opacity:1;pointer-events:auto}
.modalDialog2:target > div{margin:0 auto;padding-top: 80px;}
.newsletter-sm2 h3 {color:#1abc9c;font-size: 40px; font-weight:800; text-align:center; margin-bottom: 10px;-webkit-animation: anim 2s ease-in infinite; animation: anim 2s ease-in infinite;}
.newsletter-sm2 p {font-size: 16px;font-weight:600; color:#555; line-height: 20px;margin:0}
.newsletter-sm2 p span {background: #16a085; color: #fff; padding: 4px 8px; border-radius: 3px;}
.modalDialog > div{-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;width:500px;position:relative;margin:5% auto;background:#fff;min-height:200px}
.modalDialog2 > div{-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;width:100%;position:relative;margin:0 auto;background:#fff;height:100%;}
  • The next step is to find the </body> and paste the given code just above it
<div id='search-bar'>
<form action='/search' id='search-form' method='get'>
<input id='sq' name='q' placeholder='Search Here...' type='text' value=''/>
</form>
</div>
</div>
</div></div></div>
  • Finally, add the Markup where you want to show the Search Widget 
<li><a href='#search'><i class='fa fa-search'/> Search</a></li>
  • After completing the above-mentioned steps, click Save Theme
Pro Tip: I recommend you add the given HTML/Markup in your main menu. 
If you need further assistance, please leave your comments, and I feel happy to help you out.