Only CSS Responsive Grid Style Box Code Setup Guideline: Go to Blogger Template Section > Edit HTML Now find <b:skin><![CDATA[ Paste the given css code. /* Grid widget section start */.card { background-color: white;color: #026fa4;padding: 1rem;border-radius: 4px;box-shadow: 0 10px 20px 0 rgba(30,30,30,.07);border: 1px solid #026fa4;margin-top: 10px;}.card:hover { border: 1px …
Read More »How to create CSS Tooltip for any website
Easy Use Of ToolTip Code! A tooltip is a graphical user interface (GUI) element used in conjunction with the cursor or mouse pointer to display information about an item without needing to click on it. The typical scenario for summoning a tooltip is to hover the mouse cursor over …
Read More »Only CSS Hover effects Button – animated CSS Button
প্রথমে একটু পরিচয় হয়ে নিন হোভার কি এবং এটা কিভাবে কাজ করে ? হোভার একটি ক্লিকযোগ্য বস্তুর উপরে একটি মাউস কার্সার সরানোর ক্রিয়া বর্ণনা করে, তবে বাস্তবে বাম বা ডান মাউস বোতামটি ক্লিক না করে। উদাহরণস্বরূপ, আপনি যখন এই পৃষ্ঠার যে কোনও লিঙ্কের উপরে মাউস ঘোরাবেন, লক্ষ করে দেখবেন …
Read More »Responsive Bottom Sticky Footer Ads For Blogger or WordPress
Responsive Bottom Sticky Footer Ads Widget For Blogger or WordPress How Set up Sticky Footer Ads For Blogger ? Here is two alternative way to setup Sticky Footer Ads in Blogger. Way – 01. You can add this code in Blogger via Widget. Way – 02.You can use this code …
Read More »Star Symbols Name HTML and CSS Code – HTML Symbols, Entities and Codes
Star Symbols HTML Code , CSS Code Name And Description Need the copyright sign hypertext mark-up language code? Or the degrees Celsius hypertext mark-up language entity? Scroll on for dingbats, circled numbers, script letter hypertext mark-up language codes, the A sign, biohazard sign, alef image, hypertext mark-up language checkmark entity …
Read More »How To Make Left Fixed Ads Section For Desktop Preview Only – Full Guideline
How To Include Left Fixed Ads Section For Desktop Preview For Blogger Or WordPress Site. Please Read full user manual of this code and then try for your website. It’s 100% working if you are using at proper way. So, you have to follow our given instructions – If you …
Read More »Fully Customized Left Fixed Ads Holder For Desktop Preview
<style> /* customized – Left Fixed Ads */@media (max-width: 868px) { .left-fixed { display:none; }}.left-fixed {background: none;position: fixed;left:0px;top:70px;z-index: 9999999;width:300px;height:700px;}.closebtn-left {color: #087df9;cursor: pointer;position: absolute;z-index: 999999999;width: 100%;text-align: center;left: 0;margin-top: -12px;}.closebtn-left:hover { color: red;} </style> <div class=’left-fixed‘><span class=’closebtn-left‘ onclick=’this.parentElement.style.display='none';’>Close</span> ad code here </div> Preview
Read More »