Showing posts with label Fix. Show all posts

Fixing WordPress Website Infected by .ico Malware

 More cases of WordPress websites being infected by .ico Malware are showing up and it is a difficult job to get rid of it completely and make sure site safe again, but it's not impossible. 

I wrote an article on fixing this virus problem before and it is recommended you check it first, it explains how to get rid of the virus by manual process simply by finding the strange looking PHP files and the .ico files which are spread across different folders, it makes it very hard to find if you are not someone who deals with these sort of things on a regular basis.

Just recently multiple websites were again infected by this malware, which in all instances caused the website's to go down and returned error messages like "There has been critical error on your website."

What does the malware do?

The malware may have originated from a compromised plugins (it happens a lot often on WordPress platform) which have now infected your whole server with strange looking PHP files in different folders which includes the core WordPress files and also the plugin files, when it does that a faulty plugin file can lead to your site going down, in some cases your admin dashboard won't be accessible in some cases the main site, and sometimes both. 

What to do now?

It depends on your experience in cleaning up sites and detecting infected files. If you are not a tech savvy person it might be difficult, best option is to hire somebody to do it for you and get it fixed completely. I have a lot of experience in this and if you want my help you can email me at depy45631@gmail.com and we can take it forward. 

For the developers, read this article, the cleanup process involves finding the strange files, you will know when you see one and also files with .ico extensions. Along with that I would definitely recommend the plugin MalCure which can save you a lot of time by helping you find the infected files so that you can clean it up yourself completely. 


Getting Rid of WordPress Malware (.ico Backdoor Malware)

Recently major malware campaigns on WordPress were launched, infecting and exposing vulnerabilities in many popular plugins which effectively affected hundreds of thousands of WordPress sites.

In this post we talk about a malware that affects the site by injected malicious .ico files at random locations, as well as index.php files and code snippets in core WordPress files.




One of the sites that I manage was affected by this malware, first course of action was to look for the problem being faced by other people, this article came up which was one of the very few links online that discussed the issue we face:

https://www.getastra.com/e/malware/infections/favicon-ico-malware-backdoor-in-wordpress-drupal

As discussed this hack injects files with .ico extensions in different folders. These ico files contain malicious PHP code which does all of the malicious tasks it is supposed to do, one is to spread the malware and infect further files.  Primary function of this malware is to redirect incoming traffic to some shady websites.

Steps that were taken

But did not work.

I tried finding the root cause, where it came from, which plugin caused but it was not very clear. However, I decided to take some steps to clean it which was to look for .ico files on the server, because some core files like wp-config.php, index.ph, wp-settings.php had the code these @include.. PHP which referenced to the actual files I was able to search for its location by decoding the Unicode text.




Using FTP I found the files which were in a deep folder:



After removing it we believed the problem was solved, but 2 days later the same problem was back, this time the .ico file was added to a different random location and the code injected into different core files.

What Worked

So far it was frustrating, like many on the forums who discussed this issue who woke up daily in the morning and checked for such files and cleaned it we too were doing just that, the malware kept coming back. 

Updating / removing plugins did not worked either. 

What work was cleanup of the core WordPress files completely. These WordPress files are files that are supposed to be intact and does not change with our changes. Follow these stes:

  1. Make sure you have FTP access to your site, also take backup of your files (any customized theme, plugins etc.)

  2. Delete these folders completely:
    wp-admin
    wp-includes

  3. When you delete the folders, also remove core files in the root folder where files like wp-config.php, index.php etc. reside. Make sure to copy contents of wp-config.php file as it contains details of your server / database.
  4. Download WordPress files from here: https://wordpress.org/download/ - unzip it and place it somewhere on your system.
  5. Now one by one first upload the files using FTP that you deleted from the root folder, make sure to replace important content in wp-config.php file.
  6. Now, it is time for uploading the entire wp-admin and wp-includes folder back. Use your FTP software to upload all the files. 
If everything is done right you should be able to access your site.

At this point all we can do is wait and see if the malware returns. In our case this method fixed the problem which makes it apparent that somewhere inside the core WordPress files the malware was injected and went unnoticed by security plugins like Sucuri and WordFence.

If you still face the issue even after trying this let us know in the comments. 

Solving Blogger Template Error for AdSense Ad Implementation

If you are recently enrolled in AdSense and you are trying to implement ad code that you got from AdSense directly in your Blog's template you might have run into problems, we will walk you through fixing it.



If you are trying to add code from AdSense which looks something like this (there is a difference between the two codes, which we will explain)

Demonstration of the ad code in Blogger template and the error that occurs


<script async src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js"></script>
<!-- leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

OR

<script async src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

The the only difference between the two snippet is that the first one displays an ad, whereas the second one is used only to load AdSense's JavaScript files.

In many cases to improve page load speed you just want to load the scripts once because AdSense ad codes always include the ad-block HTML code as well as the scripts. Or when you are enabling Page Level Ads the script tags needs to be added in the template once, the following code is give, which you are supposed to implement in your Blogger's template / theme




The error that you might be getting when trying to add these code snippet in your template is

Attribute name "async" associated with an element type "script" must be followed by the ' = ' character. 

Fixing the error

There's nothing wrong with the code, according to HTML5's standard it is an error free code, but Blogger's template / thee is coded in XML and it fails to parse it because of a small part in the codes

Right now we have (note that we are only displaying the part of code that requires modification, rest should be left untouched),

<script async src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js [...]

The problem here is that the "async" attribute has no values passed into it, for e.g "src" has a "=" sign with a value in it. All we need to do is pass a value to the attribute and Blogger will accept it.

<script async="async" src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js [...]

Notice the difference between the two snippets. We have set it async="async", that makes it comply with XML thus Blogger accepts it and saves the template without any error.



That's pretty much everything to it. Follow the steps given above and save the template, it must parse the code without any problems. If you are facing problems implementing ad-code other than this then don't hesitate to let us know in the comments (add a screenshot for better help)







Troubleshoot: No "Choose Files" in Image Uploader on Blogger

No "Choose Files" button appearing in the photo upload option in blogger ? It's a known issue and be fixed.

The new Blogger interface has many bugs and don't work properly with older versions of browsers and many functions in it are difficult to use. Recently blogger users are having difficultly in uploading photos to their post because of no "Choose files" in photo upload options.

What's the use of blogger if we can't even upload photos ? This is a frustrating problem but don't worry it can be fixed easily, there are two ways you can continue uploading pictures on your blog.

Use a new Browser

In this case the problem is with the browser, if you are using IE < 8  then try a newer and updated browser like Google Chrome. Download and install it here http://google.com/chrome

There's no such problem in blogger on Google Chrome so you can now upload your pictures again.

Use the Upload in HTML mode

Don't want to switch to another browser ? No worries, you can still upload photos with a more basic upload interface that might work in IE too. In the blogger post editor you have two accessible mode Compose | HTML switch to HTML mode and upload image from there.

Thanks to Katney and DarkUFO https://productforums.google.com/d/topic/blogger/4a7yTDWv8Vc/discussion
Note: This problem is reported to Blogger Engineers and they will soon fix it.


JavaScript 'Unexpected Token ILLEGAL' Error

Some errors in JavaScript are hard to find out and this is one of them, 'Unexpected Token ILLEGAL' message on your console can make you go crazy and re-check the code but if you didn't solve the problem read the post.

What can be worse than getting an error after writing a long JavaScript code ? 'Unexpected Token ILLEGAL' error is a frustrating one, it's often caused by an invalid character in the script. Most of the times you will find the unwanted character after thoroughly checking the script and then error is fixed but many times finding that unwanted character becomes a headache and to fix it we have to do something else than just checking the script again and again.

If you didn't find any invalid character in your code then it's obvious that the character is an hidden character and your are a JsFiddle fan. The invalid hidden character can be u200b (zero width space) or other hidden characters but how to find or fix it ? Good question, as the characters aren't visible how could we remove it ?

Removing whitespace in the code

If you want to fix it fast then the best way is to remove all the whitespace around and in the code and then run it. 

Testing your script with JSBin


If you use JsFiddle or some other code editing site/program which don't have support for ignoring or displaying invalid characters then this might always happen.

To check the code for an invalid characters use JsBin to find the invalid characters and remove it. Go to JsBin and paste your script in the left panel now your invalid hidden characters will be displayed as red dots, just remove those red dots and done, the code is now ready to use.

See this image :



To prevent it in future don't copy and paste the codes from JsFiddle or any other program that creates invalid hidden characters.

But there can be more reasons for this error and if you find one please tell us in comments. 

Removing Huge Space Between Posts in Blogger

It happens a lot, I have seen people suffering from the pain of having large and mysterious space between posts or sometimes in different areas like sidebars.
Lets put some light on it. Huge blank spaces appearing between posts but no one knows what it is, it can be a hard time for you as a blogger user as you don't find any documentation regarding the issue and that can be annoying.

That's a common but unknown problem to many peoples using Blogger platform. But what are those blank spaces and how to get rid of it ?  Everyone with this problem should read further to fix it and read what it is.

What is it, anyway?

Aah, good question. Let's put some light on the reason of this issue, the mysterious spaces between your blog posts may bring up different thoughts in your mind, hmm, that's a virus, a malware or what ? No, that's nothing like those things. But what is it ??

Ok enough questions, the answer is : It is the ad blocks you may have enabled unknowingly.

If it's an ad, then why it is blank?

Ooh, again a very good question. The answer is simple, it's because you don't still have a valid adsense account to show ads from. Even without having an AdSense account, you can display ad space on your blog. Don't know why, but it is how it work.

Bro, I need to remove it

That's great, no one wants a blank ad block on their blog, which can't even generate a single penny. Let's get a little serious on the topic. Follow the instruction to remove the unwanted ad spaces from your blog.
Note: There are two areas in the Blogger Dashboard for a blog from where you have to hide the ads.

Hiding the ads between posts

If the mysterious space or the ad space is between your post on the homepage and below your posts on your post pages then you must follow the instruction in this section. Step-by-step instruction with pretty images will make the procedure easier.
  1. Go to your Blogger Dashboard
  2. Then click on the Layout Tab for your blog
  3. When you are in the Layout tab, click on the 'Edit' below 'Blog Post' gadget
  4. Scroll down and you will see a checkbox that says 'Show Ads Between Posts'
  5. If it's checked, uncheck it and save the gadget. But if it is already unchecked, then move to the next fix.
The above solution will stop ads from appearing between the post, but if you have ads on other areas of your blog then you may need to read some more instructions.

Remove ad spaces completely from the blog

If the ad spaces are appearing below your posts, on the sidebars and some other areas you will need to change the settings from the source, it's the earnings tab in your blogger dashboard. Follow the easy instruction to get it fixed.
  1. Go to your Blogger Dashboard 
  2. Click on the Earnings tab 
  3. There will be a dropdown next to 'Display' and select "Don't display ads". But if you strictly don't want it to appear again, then check 'No' radio button that says 'Show ads on Blog'
It was easy, isn't it ? These options are easy available to you but when you don't know what the problem is caused by, you can't find a solution and it's okay, that is why we are running this blog, to help you and the whole blogosphere.

It didn't worked for me

If it didn't worked even after changing and saving the settings then it might be caused by the caches for your blog. To solve it, simply press CTRL+F5 to refresh the caches and load your new and updated blog.

Refreshing the caches didn't worked too? Then it's not the ad spaces, it's something else. If you have any doubt feel free to post a comment. 

Blogger Favicon not Updating - Fixed

Favicon is a small icon file attached optionally to a web page using a link element as the website's icon to appear in the tabs, bookmarks and on different areas in various browsers.
From the beginning we had default Blogger "B" icon as the favicon for our blogger hosted blogs but as more people wished to have their own different favicon on their blog, Blogger launched a new feature using which you could upload your own Favicon file from the Layout tab in your Blogger Dashboard.

This was a great upgrade for Blogger users, as we could now upload our own Favicon file on the the same domain. Favicon has different behaviors in different browsers. And most browser needs the icon to be on the same domain as the blog. It means if you add a link to include your own favicon from a different source, most of the browsers will ignore it and that's why it's important to have the favicon on your domain like this.
http://www.stramaxon.com/favicon.ico
If it is hosted on the the same domain as where it is going to be displayed the browser gives it more importance and  only loads that Favicon.

But it is just an introduction to the favicon in Blogger or websites, in Blogger Forums we see many people asking why their Favicon isn't appearing even after they uploaded it and that's a little difficult to explain in a forum, so I am writing this post. Read below for the fix.

Updating your Favicon

That's a common problem among people who tries to update their Favicon. Even being related to a small part of a website, most people become serious about a favicon.

Before you proceed for the fix, make sure you have successfully uploaded the Favicon in your Blogger Dashboard -> Layout.

1. Refresh your Blog

This is the first try for the fix, if it works then it's fine but if it doesn't move onto the next.

It often happens due to the caches stored in your PC and therefore even the blog has been updated on the server it just loads the cached files to make the loading faster and doesn't request the server for a new and updated content. It can be fixed by refreshing your blog using  CTRL+F5(Windows) or CMD+F5(MAC). It must fix the problem but it has a 50 percent chance, if it didn't worked, move onto next fix.

2. Refresh the Favicon itself

I noticed that the website and favicon on that domain are cached separately, I am not sure about the exact reason but maybe it's because favicon needs to be used in bookmarks so it's separately stored by the browser for use in bookmars and other areas in the browser where it might need to use the site's Favicon. We can play a small trick to refresh the Favicon cache too, here's the way.

We know that Favicon for Blogger blogs are stored on the domain and it's name favicon.ico, it's simple that we can find our Favicon here.
http://[yourblog].blogspot.com/favicon.ico (Replace the blog name in the URL)
If you have recently uploaded your Favicon but you are seeing the old default Blogger Favicon then your problem is now almost solved. On the Favicon page just press CTRL+F5(Windows) or CMD+F5(MAC) and you will see your own Favicon on that URL, it means we are successful in getting the new content on that URL from the server. 

Now when you will open your blog you will see the new Favicon.

Solution could have been easier

The fix could have been shorter and faster, by deleting the complete caches from your browser it would have been updated without trying the above fixes, but it's not always wiser to use easier solution. The reason we didn't clear the complete cache was that it would have removed caches of every webpage and you don't want to lose all important information from your browser.

Drop your comments if you have any further questions and we will be there for your rescue :)

Change default styles of heading in Blogger template

This has been a minor disturbance for users using default templates from blogger or also on some premium or free third party templates. Blogger have some very odd styles for headings like <h1><h2>...<h6>. This post shows you an easy and effective way to make it as the way you want.

Heading tags are normally supposed to be larger font than the body content but in blogger it's not everything well with the heading tags, many of the heading tags are uppercase and others are even smaller than the text in the body, and that's not what we actually want.

You see the examples on blogs using Simple template and more other templates available for your blog by Blogge. The template i made this template from was 'Simple template' but you won't see the headings that looks odd or smaller than the body text, because it's not a rocket science to do such things on the web.

Fixing the sizes and styles

Sizes is one thing and styles are another. If you don't like it then don't keep it, it's your blog and you have the full control on it and so you can change it easily. All just you need is guides that can guide you through this. Before we change it you must understand how it's made like that, CSS. New to CSS ? No worry, you need basic knowledge of copy-pasting and you will get links to learn more about it. The CSS below can help you out of this weird problem of template.
h1 {
font-size:18px;
text-transform:normal;
}
1. Study each and every property, value and try to learn what does it mean. Simply seeing the h1 at the selector place tells that the stuffs between the curly brackets are going to be applied on an <h1> tag. You change the selectors as you desire. Don't worry, you can put different CSS for your different heading tags e.g : <h1> <h2> <h3> <h4> etc.

2. Next is the styles between the brackets, CSS is so easy to understand that you can start customizing your website with a little bit of knowledge about CSS. Here you can see the first property is font-size, i am sure you know what to do there, changing the 18px value will do the job. Make sure you give appropriate value so it looks better.

3. The most common reason people wants to however fix it is that some heading tags are all in uppercase by default, and no matter how did you format the text into the post editor, when it's published, it becomes what you don't even expect. The different values into text-transform property can be uppercase | lowercase | capitalize | normal | initial
If you are interested in knowing more about this property then you can do it here [click link]

Tip : Sometimes adding CSS doesn't override the existing styles on an element, so we need to use !important at the end of value before the semi-colon to force it be applied on it. For example :
h1 {
font-size:18px !important;
text-transform:normal !important;
}

Adding CSS

When you have your CSS ready then it's time for you to add that CSS to make it take effect on your blog and the heading tags. For a quick guide check this tutorial about adding CSS into Blogger.  

Need further help ? We are always ready with proper answers of your questions, if you don't understand something from this post then feel free to comment and if you are helped then comment can be useful to say thanks !

Why URL of deleted blog is not available for new blogs in Blogger

Blogger is undoubtedly the most used Blogger platform and over 80% of Blogger user uses .blogspot.com domain provided by Blogger for free and people love to have their desired blogspot address for their blogs.
But you aren't always lucky to get your desired domain, if the blog URL is already taken by other then you will see message saying 'Sorry, this page is not available', if you see this message than the possible reason could be that the address is being used by an other blogger user.
But when you check the URL you see that the blog has been removed ! The first question that pops up in one's mind is why the blog URL isn't available even if the blog with that URL has been removed ? What it exactly says is
Sorry, the blog at blogname.blogspot.com has been removed. This address is not available for new blogs.
And this is the page where you will see this message

What's reason ?

Have you tried deleting any of your blog on Blogger ? If you are familiar with the deletion process of blogger then it's easy for you to understand why sometimes blog address isn't available even if the is deleted or removed.
When you delete a blog on blogger the Blog will be still available for you to undelete it under 90 days after the deletion. For others your blog has been removed but you know that you can still undelete the blog with it's URL and that is the reason why blog address aren't available sometimes.

What to do now ?

There are couple of things you can do to get your favorite domain name for your blog. Using any of the tips below can help you get your preferred blogspot address.
Wait for 90 days : This is the easiest one, we know that blogspot can be undeleted before 90 days of it's deletion. Yup, you guessed right, you can wait for 90 days or not even 90, maybe it's the 89th day when you  tried for that domain and the next day it will be available. You can try for that domain every day and if it's over 90 days of deletion of the blog then it's URL will be available for new blogs, you can then choose the URL for your own blog.
Contact the blog owner : If you are impatience and want the domain without waiting and checking for the availability of the domain for 90 days then what you can do is contact the owner of deleted blog. Now you maybe thinking how it's possible to find out whose blog it is ? Google is just a click away, search Google for the blog address and if the blog owner ever participated any forums or commented on other blogs you can easily find their Blogger profile or email id through which you can contact him/her. Tell them to undelete the blog and transfer the controls of their blog to your account. If they are kind then you will get your desired blogspot address.
Buy a custom Domain : I recommend you using Custom domain for your blog, you can choose what TLD you want i.e if the domain you want isn't for .com then you have the option to choose other TLDs like myblog.net, myblog.org etc.
I hope you get helped with these tips and suggestion. 

Blank white screen when creating or editing post in Blogger

The new Blogger User Interface really gives bloggers a feel of the web 2.0 and i mostly use the New Interface, i rarely face any problem with the New UI but there are people having difficulties running the New Blogger UI.
In Blogger help forum, there are lots of post with questions
When i try to create or edit a post, nothing appears, only a blank screen
This is a known issue in Blogger but it's annoying that when you want to create a blog post you are welcomed with a blank page.

But even today many months after the release of new Blogger UI the problem is yet the same, probably the reason of this problem could be a slow internet connection or because the new Blogger UI is server from the new blogger server. But if you are sure about your connection speed and even the problem is still persisting then there's an way you can get rid of it. Learn how.

Fixing it

There's no single way to fix it, the fix depends on why you are facing this error. The most common reasons is some half dead browser like Internet Explorer. Does that mean using firefox or Chrome will fix it ? Not always, you know the new Blogger UI is rich in terms of latest designing techniques.

Make sure you have updated version of your browser and also update your computer system drivers regularly, that keeps you up to date with the internet and it's newest technologies.

Upgrade Browser : First thing you must do is upgrade your browser to Google Chrome, it's best for the Blogger interface, renders everything quickly.

Clear your Caches : If you have up-to-date browser but yet you are facing this problem than try clearing your browser caches and then try reloading the post editor by hitting CTRL+F5, this will load every files freshly.

The last option : If none of the above method works then there's only one way to solve this problem or an alternative. Revert back to the old interface, old but gold, for most of the old users like me the old interface is easy to use but new users will find it difficult, check Blogger Support guide to learn about each features of it.

To get back to the old interface go to your Blogger Dashboard -> click on the Gear icon on top right corner and select Old Interface from the menu list.

People registered on Blogger newly wouldn't see this option in their Blogger dashboard but there's a trick you can get into the old internet [Click here to know]

Helped ?

I hope you get helped with this article and i will be glad if you have any suggestion to improve this post. If you loved this post and want to say thanks then comment is always available, drop your precious comments on this post and if you want to contact us then send us an email on depy4531@gmail.com 

Blog redirecting to kunoichi.info - Fix it

Recently there have been many complaints about blog being redirect to this web page kunoichi.info, this is not only about this website but every blog and website using scripts which is no longer available.
I came to know about this in Blogger Help forum (on this thread) and as soon as i saw the post i understood what was the case. It was same as the old issue with Fileave scripts in this post http://stramaxon.blogspot.com/2012/06/websiteblog-being-redirect-to.html

In both the cases problem is same, this is small post for users facing this problem. First fix it and then read the reason behind it.

Fixing it

The whole problem is because of a JS script in your template or blog. But in this case the script is supposed to be in a gadget. Actually the script is for loading recent comments in gadget and the script can't be found into the template until your 'Expand Widget Template' but more easy is to remove it directly from your layout.


To do that go to Blogger Dashboard > Layout > The script is supposed to be in a HTML/JavaScript gadget,  if you know in which gadget is the script then click on 'Edit' below it or if you don't know then open each and every HTML/JavaScript gadget and look for this code into it.
<script style="text/javascript" src="http://kunoichi.info/blogger_buster/comments.js">
</script>
<script style="text/javascript">var a_rc=3;var m_rc=true;var n_rc=true;var o_rc=100;</script><script src="http:/yourblog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
Once you find the Gadget, remove it from your Layout and Save arrangement. Now you may try opening your blog.

Why this happened ?

The reason is clear, the domain where the JavaScript file were being hosted was removed and no JS file was there so what happens is that the domain where file was ever hosted loads itself in the place of JS file. Seeing the script seems like it was for some 'Recent comment' gadget purpose.

Now whenever this happens (hope not) to you or your friends then you can help them remove the script. Just remember if you are being redirected to xyz.com then try searching for xyz in your template with 'Expand Widget Template' checked marked and delete the corresponding script.

Thanks for reading this, hope you are helped with this post.  
   

Disable right click without using JavaScripts

Disabling right click on websites and blogs are very popular nowadays just to ensure that no one can copy content from their website.
Using JavaScripts provided by many websites on blog or website to protect content from being copied is very popular. JavaScripts can be of different types depending on it's author, they can put whatever they want and block right click on webpages.
But JavaScripts have it's own bad effect on blogs, because most the JavaScripts provided to disable right click on webpages sends out an alert message whenever someone right clicks and it is irritating. And JavaScripts can be easily bypassed and allow the right click.
So what you want is a hassle free way to stop peoples from right clicking on your page and copy your contents.

One benefit of having right click disabled is that you can stop most visitor from copying your contents, but there can be some people knowing ways to bypass it, but hope you don't have such visitors who will copy your content.

The real trick

Almost everywhere you will see tricks to disable right click using JavaScript, but if the user disables JavaScript they can easily use right click on your website without any difficulties. JavaScript is not an ideal way to do it.
We have got a new way to disable right click without any implementation of JavaScripts that can slow down your page. I came to knew about this while I was in a net banking site, just used the chrome developer tool tools to inspect what they used to disable right click and found it.
It was a small attribute in the body tag of the document. So follow the steps to do it on Blogger, this can implemented on any website, just find your main HTML and add this attribute in the <body> tag.

Demo

For Blogger Users - 

  1. Go to Blogger Dashboard
  2. Select Template tab
  3. Click on Edit HTML > Proceed
Now click CTRL+F and find enter this <body into the search box, you will find something similar to this



The
<body> tag is just below the ending </head> tag. Now when you find it, copy this small code snippet or a short code word.
oncontextmenu="return false;"

When copied, go back to the Edit HTML of your Blog and paste this after
<body with a space in between. So it must look something like this


Once you have added the attribute in the body tag refresh your blog with CTRL+F5 and try to right click, now you have right click disabled on your blog/website ! Great, people can't copy your content.

Negative points in using JavaScript for this ?

You can rank JavaScript 2nd to play the trick of disabling right click on a website but there are some negative points of JavaScript. Read those below
  • Most JavaScripts uses alert message which can annoy regular users
  • If the page load is interrupted when the page is loading then JavaScript don't work which will result in letting others copy your contents with right click.
  • Those who want to copy the content they can disable JavaScript in their browser and they can copy the content again. 
  • JavaScript slows down the page loading speed 
So, these were some negative points of using JavaScript to disable right click, simply use the small attribute to make it work like the JavaScript does.

Will it completely disallow the user to copy contents ?

You must accept the bitter truth that there's no technique which can keep everyone from copying contents or pictures from a site. They can use many ways to do this, but if you don't have some wicked minded people on your blog then it's guaranteed that your content will be less copied from your site. Using this trick is better than not using it.
  • Additionally you may also disable text and image selection on your page for better protection - Click to know about it

Your feedback

As always your opinions and feedback is important for us because you are the one who makes our post more valuable and worth reading. Drop your comments to express your thought on this tutorial.

Text background appearing white when published post - Fix it


There are thousands of people out there using blogger templates with black post background and post editor we have got at blogger uses inline CSS style for applying styles to text or any elements, let's try to find why these makes the text background white sometimes which usually looks like a white bar.
That's a problem to many people, often to those who use post background color other than white. And it doesn't mean that having black or other color background causes this, but the problem list is multiple and solutions are also different.
So read through the whole post to get it fixed correctly, the reasons of this problem has been divided into different section with their solution, so far i have found only two reasons of this problem, but i am sure that there are not more.

Copying text from other sites or Word Processing software

This is one of the most common issue, many Blogger don't understand what it can cause when copying from other site or a word processing application like MS Word. The cause of the white background is usually because when you copy the text from other website page, the background format of that webpage will be also copied along with the text and will be applied when you paste it in Blogger Post editor or any WYSIWYG editor.It's the same when you copy text from a rich text editor like MS Word or Wordpad, but along with the display format it also copies the excessive coding of the MS Word text, which is not compatible with ideal web page.
Fixing it : There's only one way to stop this, suppose if you have some text on other site that you need to post it on your blog, when you copy the text, it also carries the customization with it. To prevent it from being carried you have to first copy the Text from the website or MS Word. Now open a plain text editor, Notepad is a common one, paste the text into it now copy the text from Notepad (plain text editor) and then paste the Text into Blogger post editor, that will prevent the system from carrying the customization.
It's like Copy from Website - Paste into Notepad - Copy from Notepad - Paste into Blogger Post Editor. Notepad here works like a filter, which turns the rich text into plain text.

Putting white background on text in Post Editor

This is much a confusion, when editing the post in the Post Editor you are distracted by the Post editor interface and you assume that the blog post background is white as in the post editor. When in the post editor you get lots of customization options in which 'text background color' is one. Imagine, you want to change the text color and instead of selecting the text color option from customization bar you select the text background option by mistake and then what you see is background color on your text, then to remove the background color you select white from the text background option. And that's where you make the mistake, you didn't remember that you had black background on post in your blog and the text are going to be white but you have set the text background in the post editor to white !
So, now you may have understand what's that causing it, i am also going to list the fixes for it so you can make it like the way it should be.


Fixing it : The text or any element in the post editor is styled with inline CSS styles, so you have to delete the inline CSS styles which has white background, you can easily detect which text is having white background. You can find it by switching to HTML mode and there you will see the HTML of your post body. For example this is the HTML
<span style="background-color: white;">I AM A BLOGGER</span>
You can clearly see the inline CSS (highlighted in yellow), removing it will fix the white background problem or so called white bar problem.
Preventing it : This usually happens when you mistakenly give select the text background color instead of the text color and to revert the text background color to it's previous state you select the white from the option, but that's not clean at all. You must use CTRL+Z or the Undo option on the customization bar in Blogger Post Editor.
Hope you will keep this mind and next time you have the solution. Best of luck with Blogging. 

Website/Blog Being redirect to fileave(dot)com or pagesintxt(dot)com - Fix it

This is a very annoying problem, but this happened to lots of users, when they tried to open their blog, they were redirected to a weird and unexpected site, in some cases it was either a domain which consist a name 'Fileave' or 'Pageintxt'.
This is not a referring spam, but the problem caused by JavaScript tags you added from other sources, in most cases i have seen that people who added custom cursors were effected, it's not because that cursor was corrupted, but people were using JavaScript hosted on fileave (a file sharing service) by some user named 'carnine9', as i can see in the JavaScripts.


Maybe they offered you to add cursors and the files were hosted on fileave for example this is one of the file hosted on Fileave by the user carnine9
http://carnine9.fileave.com/CursorRed.js
At end you can see CursorRed.js, the full url is the link to JavaScript file that was hosted on Fileave, but after it was deleted, there was no CursorRed.js on Fileave and that's why it's redirecting you to Fileave.com.

There are more other JavaScript files which were hosted on Fileave and it got delete somehow. Not only cursor, but if you are hosting JavaScript files on a file sharing service it will end up with like this. JavaScripts file should only be hosted on Paid Hosting services offering CPanel or if they don't find the file on their file sharing site (Fileave) they will just redirect the blog to the site.

Overall you may have understood what's the main problem, i have taken one case as an example to show you how it happens so you better understand what should you do when this happens.

How do i fix it ?

Here i will list the steps to fix it on Blogger, but if you are on other platform such as WodPress etc. you may also have to delete the script tag from your template, the only thing that will be different is the procedure edit your main HTML. 

If you are on Blogger, follow these steps to access your Template HTML, we can't edit the HTML by going to Blogger Dashboard | Template, because it will even redirect you to the unexpected site, because in the new interface, your blog is shown in a small box when you get into Dashboard | Template you can see it and then the site is loaded in the box it redirects you to the site.

So, how will we get into editing the Template ? Because the JavaScript code is in the template and the only way to remove it is editing the Template.

Don't worry, we have the solution. Please follow these steps to get into the Edit Template HTML :
  1. First you need you blogID, which you can get by going to your Blogger Dashboard | Overview tab, you can select any tab other than Template
  2. Once you are in the Overview tab, check the URL in your browser's address bar, for me it's
    http://www.blogger.com/blogger.g?blogID=7325178131968982824#overview
  3. Here you can see the blogID=7325178131968982824, the number is your blogID, which you will need in the next procedure. So the blogID is 7325178131968982824
Now when you got your blog id, follow these steps :
  1. Replace the blogID in this URL with your's and hit enter in the address bar
    http://www.blogger.com/html?blogID=7325178131968982824#template
  2. Now you will see your Template code in Old Blogger Interface
  3. Use CTRL+F or F3 and search for the domain you are redirected as keyword, for instance my blog is being redirect to fileave(dot)com, the i am supposed to enter 'Fileave' in the search.
  4. Once you find the <script> tag containing the domain address where the blog is being redirect, delete it and Save Template. The script tag might look like this
    <script src="http://carnine9.fileave.com/CursorRed.js" type="text/javascript"></script>
Now open your blog and see if it's fixed or not. Doing this correctly will stop the redirection but if it don't seem to be fixed then do comment with your blog address and explain the issue with detail. Also try posting on Blogger Help Forum.

    Sidebar shifted to bottom of Blog in Blogger - Fix it

    Sometimes errors in Bloggers are frustrating, especially when it's with the look of the blog. No one wants their blog to look cluttered. Sidebar shifting to bottom of the page is one of the most common error in Blogger. This post will tell you the reason and solution of it.   

    The reason behind it is bad HTML in one or more posts and whenever the post is being displayed on the page, the sidebar shifts to the bottom. The bad HTML can be heavy HTML codes or ill-formed HTML codes.

    If you view the post with errors the sidebar will shift to the bottom of the page, which makes it look ugly. You anyhow want to to fix it, so here's the way to fix it.

    How to fix it ?

    Let's come to the point, it can be fixed by correcting the errors in HTML code of the post. If you see the sidebar shifting bottom on the homepage, then you can distinguish that one of the post in Homepage contains bad HTML.

    To make it easier you can open each post on Homepage in a new tab and then analyze if the sidebar shifts to the bottom in that post page. If you open the post which consist the Bad HTML, you will see the sidebar shifted to bottom.

    Steps to fix it : The method is easy and working. You don't need to be an HTML expert to fix bad HTML in Blogger, you can easily fix it by following these steps. 
    1. Go to Blogger Dashboard | Post List
    2. Now open the post which contains the bad HTML (read the text above), or if you can figure out which post contains errors than you can open each post which you can see on homepage one by one in Post Editor.  
    3. Once you have the post opened in Post Editor you will see Compose and HTML modes in the Post Editor on top left of page.
    4. All you have to do is switch between Compose and HTML, few times, maybe 4 or 5  
    5. At end leave it on Compose mode and Save or Update.
    Once you do it with the post which contains errors, you will see the sidebar on it's right place again.

    Remember, you have to do it with post which contains bad HTML and to find out which is that post, you open each and every post in new tab and check if the sidebar is in bottom when opened that post, if you opened a post and the sidebar is at bottom then open that post in Post Editor and do what i listed above.

    If it doesn't seem to work for you, please leave comments with your blog address and specify your problem. Also, you may seek help on Blogger Help Forum.

    How to get rid of these BX error codes

    Bx-error codes are mysterious but annoying error which has become every blogger users nightmare and that puts them from using Blogger. Writing this post to help you get rid of these BX-error codes.

    Update : Here's an explained reason and the source of the bX-1io90b and bX-7ubjdv errors from the Blogger Team http://knownissues.blogspot.com/2012/06/bx-1io90b-bx-7ubjdv.html

    Bx-error codes are issued everywhere at anytime on Blogger, edit Template or Post, people are getting these errors in every section of their Blogger Interface.If you head to the Something is Broken category of Blogger Help Forum you will see 90% of posts with issues regarding these mysterious Bx-codes.

    Many users even can't get into the Dashboard, rather they are issued Bx-error codes, now what they can do to resolve this. The most Common Bx-error code which users are issued when logging on is this bX-74br4.

    There are many other Bx-error codes which have taken in many users in tension and keep them away from Blogger. Only because of the bx-error many bloggers have migrated to WordPress or other Blogging Platform.

    Here's a list of Bx-error that has been issued newly and posted on the Something is Broken   category in the BHF (Blogger Help Forum). 

    • bX-1io90b (posted on BFH two or more times)
    • bX-iio90b
    • bX-2f02sn
    • bX-45bok 
    • bX-wyhxrb  (posted on BFH two or more times)
    • bX-74br4  (posted on BFH two or more times)
    • bX-7ubjdv  (posted on BFH two or more times)
    • bX-qx5epp
    • bX-hzwrm3
    • bX-j8un7q
    • bX-urojig
    • bX-z4kpa4
    • bX-a9cw3d
    • bX-tmzlss
    I will mention some ways to keep these Bx-errors way from your blogger interface. Even if you use methods mentioned here don't forget to report the bx-error code by using the 'Send Feedback' button on bottom right corner in your Blogger. Also try posting in Blogger Help Forum and also post your Bx-error code with your full details on this thread.

    Use updated browsers : Sometimes bx-error codes are generated when you use an outdated and not to advanced browser such as Internet Explorer, many users have seen to resolve some bx-error codes when they operated Blogger on an Advanced browser such as Google Chrome

    Edit your Template code carefully : One of the most common section in Blogger where Bx-error codes are generated is where you Edit HTML, when you makes changes to your Template and click on Save, you will sometimes see the bx-errors, even if you know that the code is correct they issue Bx-error codes, sometimes when you make unnecessary deletion of a code in XML then it's obvious that you will get an error. It is seen that if you don't nest your XML codes properly then also you see the bx-codes because the Blogger Template is XML and proper nesting is required in order to save changes in the Template.
    Know more about nesting properly in XML 
    http://www.w3schools.com/xmL/xml_syntax.asp
    Old Interface for using Blogger : The commonly issued Bx-error code bX-74br4 when logging in to dashboard is caused by the New Blogger Interface, the new Interface isn't ready yet, actually it can be used but you need an updated browser, as mentioned above.

    Using the old Blogger interface is seen to be a good way to completely keep away the bx-error codes. You can revert back to the old interface by logging in to your Blogger Dashboard > Click on the 'Gear' icon on top right corner of the page > Select 'Old Blogger Interface' from the drop down list.
    If you aren't getting the option in drop down list then try this
    http://stramaxon.blogspot.in/2012/06/how-to-get-into-old-blogger-interface.html 



    These methods have worked most of the times and if you try you can also keep bx-error codes away from your Blogger interface. If the problem don't seem to be solved by these ways then post your question on Blogger Help Forum 
    https://productforums.google.com/forum/#!categories/blogger/something-is-broken

    My username in BHF (Blogger Help Forum) is xxxdepy. We will try our best to help you there.

    Do comment if you have any further questions about topic related to this post, we will be happy to help you.