Blogger automatically displays a cookies consent banner for European Union (EU) visitors to comply with GDPR regulations. This banner appears at the top of your blog and informs users that your site uses cookies, especially for Google services and personalized ads.

If you're located outside the EU and want to preview the cookies notification, you can no longer use region-specific domains like .co.uk as they now redirect to .com.

Instead, use a VPN, browser extension, or an online tool like "GeoPeeker" to simulate a visit from an EU country. This allows you to see how the cookie banner appears to EU-based visitors, regardless of whether your blog uses a *.blogspot.com address or a custom domain.

The cookie banner in Blogger is automatically managed by Google and is designed to inform visitors about the use of cookies on your site. It highlights how Google uses cookies for services such as personalized advertising and traffic analysis, while also fulfilling the legal requirement to obtain user consent under GDPR regulations.

However, the default message may not align with your blog's tone or design, and some users choose to customize or disable it entirely. This should be done with caution, as it may lead to compliance risks.

How to Change the Blogger Cookies Notification Message

You can customize the cookie banner text and buttons. Go to the theme's "Edit HTML" page and add this code just before the </head> tag:

<script type="text/javascript">
    cookieOptions = {
        msg: "This site uses cookies from Google to deliver its services, to personalize ads and to analyze traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies.",
        link: "https://policies.google.com/technologies/cookies",
        close: "Got it",
        learn: "Learn More"
    };
</script>

Note: You need to change the msg text to better fit your blog's language or tone.

How to Disable the Blogger Cookies Notification

Important: Use this only if you fully understand your region's legal responsibilities. Disabling the banner may lead to non-compliance with privacy laws like GDPR.

To completely disable the banner, add the following code just before the closing </head> tag in your theme's Edit HTML page:

<script type="text/javascript">
    cookieOptions = {};
</script>

Note: For most users, customizing the banner (rather than removing it) is the safest and most compliant choice.

For more information: https://support.google.com/blogger/answer/6253244

The post How to Change or Disable Blogger Cookies Notification appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

You can change the look of this Cookies Notification adding this code just before the </head> tag of your blogger template.

.cookie-choices-info {
    background-color: rgba(0, 0, 0, 0.9) !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 100000 !important;
}

.cookie-choices-info .cookie-choices-text {
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1.2em !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.cookie-choices-info .cookie-choices-button {
    font-weight: 700 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    text-transform: none !important;
    color: #fff !important;
    background-color: #FF5722 !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
}

Note: You can change colors and fonts of the above code as you like.

Final result will be look like this:

The post How to Style Blogger Cookies Notification appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

1.Login to your blogger account and go to "Edit HTML".

2.Scroll down until you see ]]></b:skin> tag .

3.Copy below code and paste it just before the ]]></b:skin> tag .

html {overflow-x: hidden;}

4.Now save your template and refresh your website. You will no longer see a horizontal scroll bar on your website.

Note: If you need to disable vertical scrolling (hide vertical scroll bar) add this code just before the ]]></b:skin> tag.

html {overflow-y: hidden;}

The post How To Remove Horizontal (Bottom) Scroll Bar in Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

http://YOURBLGNAME.blogspot.com/?m=1

In mobile version, blogger will be applied one of their basic mobile themes to your site. These themes are not looking nice. But if your custom blogger theme is mobile friendly, you do not want to use these blogger's basic mobile themes.

In this tutorial, I am going to explain how to display non-mobile (desktop) version, when someone browse your blog using a mobile phone. It will be useful if you are using a responsive blogger template.

Go to "Edit HTML" of your blog.

Add below code just after <head> tag of your blog:

<script type='text/javascript'>//<![CDATA[
var curl = window.location.href;if (curl.indexOf('m=1') != -1) {curl = curl.replace('m=1', 'm=0');window.location.href = curl;}
//]]></script>

After adding above code it will be look like this:

Save your template.

Now when someone visit to your blog using a mobile phone, "?m=0" will be added to the blog address instead of "?m=1".

http://YOURBLGNAME.blogspot.com/?m=0

The post How to Redirect Mobile Version to Non-Mobile in Blogger appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

To add "HTML5 Shim" and "css3-mediaqueries.js" JavaScript libraries into your website or blog, add below code just before </head> tag of your template. (If you are using Blogger, go to Edit HTML first)

<!--[if lt IE 9]>  
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

Note: "css3-mediaqueries.js" doesn't work on @import'ed CSS files. Also will not respond to the media attribute of the <link> and <style> elements.

The post How to Add HTML5 CSS3 Support for IE8 and Older Browsers appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

1.Login to your blogger dashboard and go to Layout --> Page Elements.

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the one of code given below and click save.

<Script Language="JavaScript" Type="Text/JavaScript">

var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;

</script>

Now you are done.Now refresh your site and look at your browser status bar.

The post How To Show Date and Time in Title Bar appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

Here I show you how to stop these error messages using JavaScript.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag.

3.Now copy below code and paste it just before </head> tag.

<script>
function stoperrors()
{return true;}
window.onerror=stoperrors;
</script>

4.Now save your template and you are done.

Internet Explorer do not show errors of your website/blogger blog further.

The post How To Stop Showing Web Page Errors in Internet Explorer appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

1.Right click on web page and select "view page info" or click on tools and select "page info".

2.Now click the Media Tab on the Page Info Window.

3.The Media Tab will have complete list of Images, CSS Files and Shockwave Flash files of the web page.

4.Scroll down the list and locate your .swf(flash) file.

5.Click on "Save As" button. Choose some location on your hard drive and save the file.

you are done.

The post How To Save Flash Files of Websites using Mozilla Firefox appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.

Ctrl+N - It use for Open New Browser Window.

Ctrl+T - It use for Open New Tab on Existing window.

Ctrl+W or Ctrl+F4 - It use for Close the current window or Tab.

Ctrl+R or F5 - For refresh The Page

Ctrl+F5 orCtrl+Shift+R - Refresh the page with override cache

Esc - Stop

Ctrl + O - It use for Open File

Alt+Home - Home

F1 - Firefox Help

F11 - Toggle Full Screen of Browser Window.

Ctrl+Tab - For Changing Tab between Existing window.

Ctrl+U - Open View Source Page of any webpage.

Ctrl+I or Ctrl+B - Open Bookmark window in left sidebar

Ctrl+P - For Print Command

Ctrl+A - Select All

Ctrl+S - Save Page As

Ctrl+D - Bookmark This Page

Ctrl+F - Find

Ctrl+G or F3 - Find Again

Ctrl+H - open History Window In left Sidebar.

Ctrl+J - Open Downloads Window

Ctrl+Z - Undo Your Process

Ctrl + Y or Ctrl + Shift + Z - Redo your Process

Ctrl+C - Copy

Ctrl+V - Paste

Ctrl + Shift + Delete - Clear your Private Data

F7 - To Open Browser in Caret mode

Backspace or Alt+Left Arrow - Back

Shift+Backspace or Alt+Right Arrow - Forward

Alt + Enter - Copy your existing window tab and Open It in New Tab

Ctrl + Tab or Ctrl + Shift + Tab — rotate forward to the next window tab

Down Arrow – Scroll down

Ctrl+ "+" or Ctrl+ Scroll up - Increase Text Size (Zoom In)

Ctrl+ "-" or Ctrl+ Scroll Down - Decrease text Size (Zoom Out)

Ctrl+ 0 (Zero) - Normal Text Size (Default Zoom Mode)

Alt+ Scroll Down - One step page go down

Alt+ Scroll Up - One step page go Up

Ctrl+Shift+I - DOM Inspector

Ctrl + L or ALT + D - Select Location Bar

Ctrl + Enter - To complete URL with .com

Ctrl + Shift + Enter - To complete URL with .org

Shift + Enter - To complete URL with .net

Ctrl + Up Arrow - Choose previous Search engines to search information

Ctrl + Down Arrow - Choose Next Search engines to search information

Alt + Up Arrow or Alt + Down Arrow - Open List of available Search Engine

The post Most Useful Mozilla Firefox Keyboard Shortcuts appeared first on Blogger Tips And Tricks|Latest Tips For Bloggers.