Noman Akhter

Hosting CSS and JavaScript files on your Blogger blog has always been a matter of concern for a webmaster. People prefers to add their entire StyleSheet coding in one file, so they can upload it to their hosting and can easily apply it on their website. Unfortunately, blogger has quite a few limitations that stop you from hosting CSS and JavaScript files. Recently our user sent us an email asking: is there any way to host files on blogger? What are the advantages of hosting CSS (StyleSheet) files? Luckily, Google Drive provides you the opportunity to host CSS, JavaScript and HTML Files for FREE. In this article, we will show you How to Host CSS Files with Google Drive in Blogger?  Why to Host files on Google Drive? Lots of Space: Google Drive provides you 5 GB storage to regular accounts so you can easily upload lots of documents. However, if your disk space is full, then you can upgrade your account from basic to premium.   Create & collaborate: Google Drive...

Download here

Go to Blogger.com > Layout > Add a Gadget and past below code in body area.   <div dir="ltr" style="text-align: left;" trbidi="on"> <script type="text/javascript"> document.body.onclick= function(){ window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLg0mDQfrzhJY0426Pz9IaLZxe9OMis9eEI47hA6d0Wv5zWqWa01cz17RNDNs1u9mb7119_4kRa5G6gFjV8AnT64OqZbKNJ7qprivXKxeCuiwKYIBStBwZgXrx0a67t7PWb1xgPFffP-z/s320/underconstruction+page+for+the+blogger.jpg', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=950, height=650, left = 300, top = 50'); }</script></div> Under Construction Page for blogger

I stressed over this question for WEEKS! The problem is that there is no easy way to do this in Blogger. You have to write your own HTML and CSS to get it working, and for me that isn’t a problem, but trying to explain it to non-coders is REALLY difficult. And then there’s the problem of me trying to code it for multiple different blog designs.. it just isn’t easy! Then I found a great site that suddenly made my tutorial so much easier! But keep in mind that you will still have to edit your template CSS and HTML a lot. Step No1: Create Your Menu Menu Bar GO to  CSS Menu Maker s website and create your navigation menu. Pick one of the ready styles of menu they have and click “Customize”. Then you can add links to the menu, change the titles, and insert the URLs of your blogger or website. For each menu item you have to put in the URL of the page. You will need to copy and paste this from your Blogger or website. now click the “Download” button. Step No2: Adding the...

Step #1 Download your  template using the “Download Now” link (as a zip file). Step #2 Now unzip this zip file using a software like Winzip, WinRAR,… Step #3 Login to Blogger account ( http://www.blogger.com/home ) and click on your blog name. Click on “Template”. Step #4 Now click on “Backup / Restore” button. Step #5 Download your current template using the “Download full template” button.  Save it to your hard drive and keep it in a safe place. Because if you face any problem with new template installation, you can upload your old template again. Step #6 Now use “Choose File” button to select your new blogger template (you can find it as a .xml file inside unzipped folder in step 2). After that click on “Upload” button. Wait few seconds until upload is completed. Step #7 Now you have successfully installed your new blogger template. Go to “Layout” and arrange your widgets as you like.

  The blogger contact form widget has some features such as working speedily (send message to email account of blog owner immediately), simple to work (no word confirmation). 1- Add contact form widget to Blog You should add the contact form widget so that launching it on a specific page. Please omit these steps if you already have added it and who don’t added official blogger contact us widget can follow below steps. 1- Sign into your Blogger account and go to Layout option. 2- Now click on  “Add a Gadget” link and “More Gadgets”. 3- Now find “ Contact form New ” page element and click on it.  4: Optionally if you want to change the title of the contact form widget, so alter it. Then click on “Save” button. 2- Hide contact us form widget in Blogger The next work to do is hiding the official blogger contact form widget showing in the sidebar. So we have different methods to do it. One of the method is to remove the contact form html code. Alt...