How to Create Easy Alert Pop-Up Box in Blogger

How to Create Easy Alert Pop-Up Box in Blogger

So now as you can see I have just given a small message "Hello Friends ! Don't Forget To Like Us On Facebook" so you can replace this message with yours and when ever a person opens any post or homepage this message will popup. Follow below steps to add the code to your personal blog and show this message to all your visitors.

1. Go to Blogger.come and Sign In to your Account.

2. Now choose your blog and Navigate to Template > Edit HTML.

3. Now you can place the below code anywhere but if you wanna render this alert box faster than paste it right above the </head> tag or if you want it to load after the blog has been loaded than you can place the below code after the </body> tag.


<script type='text/javascript'>
alert(&quot; Hello Friends ! Don't Forget To Like Us On Facebook &quot;);
</script>

4. Now just change the red line with your line and your pop-up box is ready to be popped-up.
How to Show this Pop-Up Box only on the Homepage :

If you just want to render this alert box on the Homepage of your Blog you can use the below code follow the same procedure above.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
alert(&quot; Hello Friends ! Don't Forget To Like Us On Facebook &quot;);
</script>
</b:if>

So now just refresh your blog and enjoy this new popup box, share news, important information or a hearty greeting. Do share this post with all your friends if you liked it.

Read More

How to Hide or Remove Blogger Navbar Easily

How to Hide or Remove Blogger Navbar Easily

Blogger is free blogging platform by Google with lots of features which can make you a professional blogger without any huge investment as their services are totally free of cost. Well but there are some problems or you can say some inbuilt crap which comes bundled with every blog you create and one thing from that is that Navbar which is a kind of bar which floats top of your blog with some options from signing in and navigating to other blogs. 

So now if you do not like this Navbar you can easily hide or remove it using a small CSS trick. Well we are just going to add a piece of line in the template which will make your Navbar vanish away. So follow the below steps on how to do it and easily hide your own.

1. Go to Blogger.com and Sign In to your account.
2. Now choose your blog and navigate to Template > Edit HTML.
3. Now find ]]></b:skin> and paste the below code right above it, and click on Save Template.

#navbar-iframe{height:0px;visibility:hidden;display: none !important}

That’s it now just refresh your blog and your Navbar will be gone, totally hidden and vanished away.

Read More