October 2013 | InfoTechBlogging InfoTechBlogging: October 2013


Using Google Drive for uploading your blog’s css is a great way to increase blog speed. 

Google Drive is a big online storage service offered by Google. It helps you to store your data on heir servers 

which are always active and are of high speed. You can upload any file or any script on Google 

Drive. Google Drive also allows you to upload css/JavaScript  files. So using Google Drive for 

uploading your blog css files is a good Idea. Google Drives allow you free uploading space up to 

15GB.

Today I am going to tell you how you can upload css/Javascript files to Google Drive and how you 

can use them in a widget.Google Drive is a best way to shorten long scripts. If you want to share a 

long Script Widget. You can upload its css to Google Drive and then link it to your Widget.

Just Follow the Below Widgets to Upload Css/JavaScript Files to Google Drive

  • Go to Blogger
  • Log-In to Your Dashboard
  • Go to Template Section 
  • Click Edit Html
  • Now Find By Pressing Ctrl+F Key
  • Copy the whole code between 

  • If want to Upload Some Widget Script to Google Drive, Then copy it’s css Part
  • Now open Notepad on your Desktop and Paste the Copied css Code in it
  • Save it by Pressing Ctrl+S and Name it as style.css

  • Log-In to Google Drive using your Gmail Account
  • After Log-In, Click Upload Button
  • Select Files And a Window will open
  • Select style.css and upload it
  • After Uploading, Click on the share button placed beside file

  • Now Navigate to File and right click on it and click Share button

  • You will see a sharing link, Copy the link. Your Link will look like this

http://www.drive.google.com/file/d/OBOWJjhjgqit5odj5o0cnr8shr63/

Now Replace it with it

http://www.googledrive.com/host/OBOWJjhjgqit5odj5o0cnr8shr63/

Make sure that you not have to replace your file code (OBOWJjhjgqit5odj5o0cnr8shr63)

You Should Replace it like this:

http://www.drive.google.com/file/d/your-file-code/

                            to

http://www.googledrive.com/host/your-file-code/

  • Now go to your Blogger template, Click Edit Html
  • Add the below Line Just Above tag.
  • Click Save and your Css will be loaded
  • Replace your-file-code with your file code

If you feel any Problem while Uploading, Please ask us in Below Comments

Today I am sharing a customized blogger horizontal dropdown menu with css affect. This bar could 

help you to display categories so that visitor might see it first when he opens your blog. Today the 

bar i am sharing is fully attractive and good Looking. You Must try it on your blog. You can also get it

into your Desire color. Just comment below for help. I am going to tell you how to add this horizontal 

drop down menu to blogger

Just Follow the below steps to Add to Blogger
How To Add

  • Go to Blogger
  • Log-In to your Dashboard
  • Navigate to Template Section
  • Click Edit Html
  • Now Find ]]> by Pressing Ctrl+F Key.
  • Paste the Below Code Just Above/Before it.

@import url(https://googledrive.com/host/0B0wTCJB4dkJ7YzVqWi1sS0ctSHM); /* Let’s import the lovely google font, http://www.infotechbloging.blogspot.com */ /* Menu itb */#itbmenu, #itbmenu ul, #itbmenu ul li, #itbmenu ul li a { padding: 0; margin: 0; line-height: 1; font-family: ‘Capriola’, sans-serif; } #itbmenu:before, #itbmenu:after, #itbmenu > ul:before, #itbmenu > ul:after { content: ”; display: table; } #itbmenu:after, #itbmenu > ul:after { clear: both; } #itbmenu { zoom: 1; height: 69px; background: url(http://1.bp.blogspot.com/-kTBBx6qCxaA/UnJjDtookvI/AAAAAAAACNU/OecOjUFF2ss/s1600/bottom-bg.PNG) repeat-x center bottom; border-radius: 2px; width: auto; } #itbmenu ul { background: url(http://2.bp.blogspot.com/-N2ifMIsOuGs/UnJjDsZ7u1I/AAAAAAAACNY/I1vACEQm4UI/s1600/nav-bg.png) repeat-x 0px 4px; height: 69px; } #itbmenu ul li { float: left; list-style: none; } #itbmenu ul li a { display: block; height: 37px; padding: 22px 30px 0; margin: 4px 2px 0; border-radius: 2px 2px 0 0; text-decoration: none; font-size: 15px; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); font-weight: 400; opacity: .9; } #itbmenu ul li:first-child a { margin: 4px 2px 0 0; } #itbmenu ul li a:hover, #itbmenu ul li.active a { background: url(http://4.bp.blogspot.com/-2NHF0McOEp4/UnJjDoMn3II/AAAAAAAACNc/qVHXSxgESys/s1600/color.PNG) center bottom; display: block; height: 37px; margin-top: 0px; padding-top: 26px; color: #004f7c; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55); opacity: 1; }

  • Now Search For  and Paste the Below Code Just Above/Before it. 

  • Click Save and You Are Done!. 

We also Provide this menu in different colors. Comment below to get your Desired Color.

Today I am Sharing a Beautiful Blogger Widget Created by cssmenumaker. Drop Down menu is 

very important as you can use it to display categories to visitors. The Following Dropdown menu is 

made by Css, has submenus. This menu is quite attractive and will help you to improve your blog 

traffic. This widget is easy to install.
Preview:

Here you can Watch Live Demo of Dropdown Menu

Just Follow The Below Steps to Add To Blogger:

  • Go to Blogger
  • Log-In to your Dashobard
  • Go to Template Section
  • Click Edit Html
  • Find ]]> tag by Pressing Ctrl+F Button
  • Paste the Below Code Just Above It.

#cssmenu { border: none; border: 0px; margin: 0px; padding: 0px; font: 67.5% ‘Lucida Sans Unicode’, ‘Bitstream Vera Sans’, ‘Trebuchet Unicode MS’, ‘Lucida Grande’, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; width: auto; } #cssmenu ul { background: #333333; height: 35px; list-style: none; margin: 0; padding: 0; } #cssmenu li { float: left; padding: 0px; } #cssmenu li a { background: #333333 url(‘http://4.bp.blogspot.com/-P1h9O5ouu0g/UnI4D3al0BI/AAAAAAAACM8/-0CcfLsihTQ/s1600/seperator.gif’) bottom right no-repeat; display: block; font-weight: normal; line-height: 35px; margin: 0px; padding: 0px 25px; text-align: center; text-decoration: none; } #cssmenu > ul > li > a { color: #cccccc; } #cssmenu ul ul a { color: #cccccc; } #cssmenu li > a:hover, #cssmenu ul li:hover > a { background: #2580a2 url(‘http://2.bp.blogspot.com/-_yWJuSyOupU/UnI4EOfsrgI/AAAAAAAACMs/PLaM8Qrfp90/s1600/hover.png’) bottom center no-repeat; color: #FFFFFF; text-decoration: none; } #cssmenu li ul { background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; /*top:1em; /*left:0;*/ } #cssmenu li:hover ul { display: block; } #cssmenu li li { background: url(‘http://4.bp.blogspot.com/-umjYHapJzmE/UnI4Em51a_I/AAAAAAAACM0/bMaT3SCcpfk/s1600/sub_sep.gif’) bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px; } #cssmenu li:hover li a { background: none; } #cssmenu li ul a { display: block; height: 35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; } #cssmenu li ul a:hover, #cssmenu li ul li:hover > a { background: #2580a2 url(‘http://1.bp.blogspot.com/-l196FBP0tUE/UnI4D-3dp9I/AAAAAAAACMo/GITDnExKeBo/s1600/hover_sub.png’) center left no-repeat; border: 0px; color: #ffffff; text-decoration: none; } #cssmenu p { clear: left; }

  • Now Find  and Paste the Below code Just Above/Before It.

Click Save and You Are Done!

If u face any Problem While Installing, let us know
Recently i made an about us page on a subdomain (about.infotechbloging.com). I thought to share 

this useful technique with you and here i am going to tell you that how you can easily make a 

subdomain on custom domain. This would help you to make contact page or advertise page 

separately on subdomain
 Subdomain is the domain named under main domain. 

Example:

If you have a domain (www.mydomain.com). Then you can create free subdomain

(subdomain.mydomain.com) on blogger
Follow the Below Steps to Easily Set Up Subdomain On Godaddy Using Blogger.

  • Go to Blogger
  • Log-In to your Account
  • Make a New Blog and name it of your choice eg: (myblog.blogspot.com)
  • Now Navigate to your new made blog Dashboard
  • Go to Settings Tab
  • Click Basic
  • Navigate to Publishing Tab
  • You will see Blog Address inside Publishing Tab
  • Click “+Add a Custom Domain”
  • Click Switch To Advanced Settings
  • Now you will see a box where you have to put subdomain(subdomain.mydomain.com). Write there Subdomain and click Save. You will see something like below image

  • Leave it there and go to Godaddy
  • Log-In to your Account
  • Click View My Account
  • You will be directed to your Account Page
  • You will see domains at the top.
  • Click Launch button and you will be directed to your Domain list page
  • Click your domain name of which you want to make subdomain and you will be directed to your Domain Settings Page
  • Click DNS Button Placed at left top of that page and a dropdown menu will appear. Click on DNS Manager
  • A new tab will be open show your Domain DNS Settings
  • Click Edit Zone Button Placed below the Domain Name of the domain you want to choose
  • Now Go to the step you left above and copy first name,Label,Host
  • Now click Quick Add Button In “CNAME” Portion and Paste the copied “Name,Label,Host” In the “Host” Field and Copy the Destination(ghs.google.com) and Paste it in “Points to” Field.
  • Click Again ‘Quick Add’ Button and now copy second “Name,Label,Host” and Paste it into the “Host” Field and Similarly copy and paste second “Destination” into “Points to” Field.
  • After Adding, Scroll Down and Click Save Zone File
  • Now go to Advanced Setting Step and Enter your Subdomain and Click Save.

Congrats! You Are Done! This may take a Day to Apply Settings.

Today i am excited to share with u some top websites who are giving free blogger templates to

Bloggers. Templates are now a days coming with seo optimization and thses templates would help 

you to get your blog top on Google. A good template will help you to make your blog attractive and it 

could also make visitor love your blog. If you have a good website, then you must have an excellent

template. 

Templateism is providing great bloggger templates with free of cost and they produce variety of 

Blogger Templates. You can also buy premium templates from their store. Their templates are 

highy seo optimized and will also make your blog beautiful.

Templateify is a great great market place for beautiful blogger templates as they are producing 

many types of blogger templates. The marketplace offer brilliant designs and seo friendly

I am excited to announce that we are providing our readers a free service. This service is a great 

opportunity for newbies who are not much aware of blogger. Our team will make a website for you 

free of cost. I am happy to announce our first service to bloggers.


It could not have been possible without your support. 

Many people want to make their website but they don’t know how to set up blogger. Well, i am here

to help you. You just have to tell me and we will make your website withiin a week.

So if you don’t know how to set up a website on blogger or you dont want your blog to me made my

professionals, then you have come to the right place. here i will set up a free blog for you with a lot of 

features of which some of them i have described below

  • Submit your Blog to Google and Bing Webmaster Tool
  • Free beautiful Templates(themes)
  • Set-up best Blogger widgets
  • Contact page for your blog
  • Google Analytics (For Best Statistics)
  • Free High Quality Backlink of my Blog

I will provide you a email support so that you can contact me at any time and ask for help and you 

can ask me question related to blogging

  • Widgets Customizations
  • Seo Tips and Tricks
  • Template Customization and lot more

As domain(www.yourwebsitename.com) and web hosting(online storage)  is neccessay required for 

a website to get on top on internet, so i am asking you to buy a domain and web hosting from my 

affiliate link. Buy your domain and hosting from my Godaddy affiliate link and i will fully set up your 

blog using your domain name and web hosting. 

I am not asking you to pay money to me as i said, my service is free of cost but a website needs a

domain a web hosting. So i am asking you to buy domain and hosting from my affiliate link . This

would benefit both you and me. There is also a great benefit of using godaddy as it gives you a free 

custom email with domain eg:(support.yourdomain.com)

In order to get Started, Click on the Below Button and buy a domain of your Choice( Name your

Domain according to niche of your blog or Ask my opinion in comments). You can buy cheap domain 

at 2.49$. Click the below button to get domain on cheap rate.

Now it’s time for you to buy a web hosting. Click on the below button to get web hosting for your blog at

cheap rates.

I will earn commision from godaddy after you sign up and buy using my affiliate link. 

After Buying, You have to send me following Information

Name

Email

Your Godaddy Log-in Email and Password(Domain and Hosting Access)

Once you have send me these details, leave it to me and wait for atleast one week and see your blog 

on web. Send me details using my blog contact us page or Fill the form below