Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

How to make any Website do the Harlem Shake

The Harlem Shake is an Internet meme in the form of a video in which a group of people perform a comedy sketch accompanied by a short excerpt from the song "Harlem Shake". As a meme, the video was replicated by many people, using the same concept, which led to it becoming viral in early February 2013,with thousands of "Harlem Shake" videos being made and uploaded to YouTube every day at the height of its popularity. [Source: Wikipedia]

How to make any Website do the Harlem Shake

Diwali Special Widgets for Blogger

Diwali Widgets

Diwali is coming the festival of lights and we are here to help some bloggers get Diwali special widgets for their blogs,well we found three(3) awesome widgets you can simply add to your blog !

How to Stop Blogger from Redirecting to a Country Specific Domain

How to Stop Blogger from Redirecting to a Country Specific Domain
All bloggers out there who use blogspot.com as there domain or in simple words we can say those who are using Google's Blogger and haven't yet set up a Third Party URL for their blogs may have noticed that whenever you open your blog by typing in your Unique Name followed by blogspot.com you are redirected to a country specific URL (i.e., blogspot.com redirects to blogspot.in if we open it from India) which include 15 countries.
Those countries are as follows:
  1. India [blogspot.in]
  2. Australia [blogspot.au]
  3. United Kingdom (UK) [blogspot.co.uk]
  4. Japan [blogspot.jp]
  5. NewZealand [blogspot.co.nz]
  6. Canada [blogspot.ca]
  7. Germany [blogspot.ge]
  8. Italy [blogspot.it]
  9. France [blogspot.fr]
  10. Sweden [blogspot.se]
  11. Spain [blogspot.com.es]
  12. Portugal [blogspot.pt]
  13. Brazil [blogspot.com.br]
  14. Argentina [blogspot.com.ar]
  15. Mexico [blogspot.mx]
Cons of having a Country Specific Redirect
  • Likes and Shares for the same blog post will be reduced as the same post will work differently to different countries.
  • If you are using an external commenting tool like Facebook comments plugin or Disqus then you may face the same problem happening with your shares, likes and page views.
  • If you are blogging just to make money then the country specific redirect may decrease your income.
How to fix this
Step 1: Go to blogger.com and from the dashboard click on Template>Edit HTML



Step 2: Now under the <head> tag insert the following code:






Step 3: Now click on  Save template  and now check your blog.

Note: If you use a Third-party domain for your blogger blog, remove the script from the template of your blog.

Turn Random Cloud Display into Blocks | Stylish Cloud Label

Turn Random Cloud Display into Blocks | Stylish Cloud Label

How it works?
Each label link is nested inside a span tag followed by a class named label-size. If the font-size is not specified the widget changes font-size of each label according to its post-count. Therefore showing big and small clouds. Introducing custom styles would over-ride the existing styles thus changing the entire look. 


Steps to Implement

The code below can be customized in several ways to create exciting label designs.

 Step 1:  Go to Blogger>Settings>Layout
 Step 2:  
Click add a gadget and choose Labels
 Step 3:  Now inside the settings make sure you choose Cloud Display option
See the screenshot below as an example
Cloud Label

 Step 4:  Now save the template and back it up somewhere
 Step 5:  Now go to Blogger>Settings>Template
 Step 6:  Now click on Edit HTML

See the screenshot below as an example
Edit HTML



 Step 7:  Now Search for ]]></b:skin>
 Step 8:  Now paste the following code just above it
 Step 9:  Now save your template
 Step 10:  All done, Enjoy!

How to Automatically Redirect Blogger Blog to another Blog or Website

Here we will share three different codes that automatically redirect Blogger blog to another blog or URL and each code does different tasks.How to Automatically Redirect Blogger Blog to another Blog or Website


Let’s say you want to redirect your complete Blogger blog to another page or URL. That is redirecting your homepage, posts page, archives page and all other URL in your blog to another specified external website. You have to use this if you just moved to new domain. To do this you are going to make changes to your template file. So before you mess up with the codes it’s recommended that you backup your template first.
  1. Login to your Blogger dashboard
  2. Go to template and click edit HTML
  3. Now you can see template codes. Press CTRL + f and then find <head>
  4. Now add the following code below head tag like you see in the image below.
Techetarian
techetarian.blogspot.com



COPY THE CODE FROM BELOW


In the above code change http://techetarian.blogspot.com which is the destination URL. Now all your pages from the blog will be redirected to destination URL

Now we will see another piece of code that redirects particular blog URL to another blog or website. If you wish not to redirect the whole blog then you have to make use of this code. Also you can use this for redirecting user from a particular page to another external website for promotional purpose.
To do this just paste the following code below head tag and change the from URL that is http://techetarian.blogspot.com and Destination URL
The above code just redirects user from the specified BlogSpot URL to another website or URL.
Here is one more code which redirects you after a wait of 5 seconds ( You can increase the time period )

This is the code, just copy and paste below the head tag in your template file. In the above code 5 is the set time where users will redirected to http://techetarian.blogspot.com/ in 5 seconds after landing.

How to get rid of the most annoying blogger error: "The reference to entity "version" must end with the ';' delimiter".

What is the difference between & and &amp;?
How to get rid of the most annoying blogger error: "The reference to entity "version" must end with the ';' delimiter".

Like in the code bellow, are both working in the same way?



& is the html special character for &, which has a special meaning as the sigial for html special characters. The fact that href="" works is a convenience granted by most browsers who are nice enough to properly deal with invalid HTML, but it is technically incorrect. You want to use & because the entity will be converted into & in the HTML code.

Consider if you used & instead of &amp; That would end the href value and make the HTML incorrect, right? So you have to use &amp;
In HTML5, they are equivalent in that example. Traditionally, in HTML, only & was correct — but as with so many things, web developers blithely ignored this inconvenient rule and wrote bare ampersands everywhere. For their part, browsers just "did the right thing" and interpreted these ampersands as ampersands. HTML5 standardized this behavior, so now & is allowed by itself as long as what goes afterward does not look like an entity reference.

 & is the html entity (encoded form) for &amp;, used to describe an ampersand in languages where an ampersand actually means something, like XML.
HTML rendering tools, like the browser, will see & in the source but render &amp;

 So now if you face any problem while saving your Blogger HTML template, just check if there was any & or &amp; HTML entity, and if yes, try to change them