It's time for another gadget to add some Independence Day cheers to your blog.In this post i have a stylish Happy Independence India Banner you can fix in the top right corner of your blog to greet your readers.The banner is transparent so it wont block your content and as the reader scrolls the banner followers them.A great simple way to wish your readers a Happy Independence Day.
Steps To Add This Stylish Banner To Blogger
Login to Your Dashboard.
Go to Templates >>Edit Html.
Find for </head>
Paste the below code there before </head>.
<style>
.independence {
position: fixed; top: 0%; right: 0%;
zoom:1;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
}
.independence:hover {
position: fixed; top: 0%; right: 0%;
zoom:1.3;
}
</style>
<img class='independence' title='Happy Independence Day To My Fellow Indians' alt="Blog Tips" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6w5AbWpGyWaYOVTuXVJXLZ5SEIEXp0qsDCxYVce7eiQ-5f8WCmyE_wD5SdJj1qNm8xHQWYEXkpahQm086Of-O41LnfB3o9TpmmTBz1XDv3obK7-UeJUymc_5mNQauLlCD-VXZx_pv8E/s218/happyindependenceday-1.png "/>
.independence {
position: fixed; top: 0%; right: 0%;
zoom:1;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
}
.independence:hover {
position: fixed; top: 0%; right: 0%;
zoom:1.3;
}
</style>
<img class='independence' title='Happy Independence Day To My Fellow Indians' alt="Blog Tips" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-6w5AbWpGyWaYOVTuXVJXLZ5SEIEXp0qsDCxYVce7eiQ-5f8WCmyE_wD5SdJj1qNm8xHQWYEXkpahQm086Of-O41LnfB3o9TpmmTBz1XDv3obK7-UeJUymc_5mNQauLlCD-VXZx_pv8E/s218/happyindependenceday-1.png "/>
Now, click on Save the Template.
No comments:
Post a Comment