Wednesday, 12 March 2025

Monday, 30 August 2021

How to remove photos from a website without changing HTML code only using CSS?

How to remove photos from a website without changing HTML code only using CSS?

Yes, you can do it using CSS only, however JS would be a great option. There are many ways to do this using CSS, so lets dive in ;)

Before Proceeding, this is a short notice that the image element will be there in HTML - but only styles will make them disappear from the screen view.

Thursday, 30 July 2020

Make a simple Image Light box in HTML5

Make a simple Image Light box in HTML5
Its always beautiful to have a Image Light box for your images on your blog.  If the image contain small details, it becomes easy to click on them and view image larger using image light box.

Sunday, 22 March 2020

How to Use Blogger API in JavaScript

How to Use Blogger API in JavaScript
Almost after a year, I'm back!

Talking about the Blogger, it the place where many Bloggers start their Blogging journey but may got offended by the facilities that blogger provide. They say WordPress has got a lot of futures than this!!

But here comes Google API into play, it provides us to access & carry out the desirable functions with the data on our blog. Apart from simply fetching the data, it facilitates us with modifications and saving of the content(i.e. posts, pages and comments).

I this tutorial we will be looking to use this API in JavaScript or jQuery.

Saturday, 10 November 2018

Saturday, 6 October 2018

Make A Floating Button at Corners of Web-page In HTML5

Make A Floating Button at Corners of Web-page In HTML5
Want to make a button that Google seem to use most of the time in their apps and websites?
Like one showed below?
Google floating button code
Here's the code-
<div id="floating-button" onclick="function()"></div>
<style>
   #floating-button{ width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #db4437;
    position: fixed;
    bottom: 30px;
    right: 30px;
    cursor: pointer;
    box-shadow: 0px 2px 5px #666;}
</style>