Showing posts with label BLOGGING. Show all posts
Showing posts with label BLOGGING. Show all posts

Tuesday, May 11, 2010

Remove Blogger Nav bar Completely

Blogger has got a default Navigation Bar. This navigation bar is hidden in most of the third party templates. Instead of hiding the nav bar using CSS, we can completely remove it.
To do that
1. Login to your Blogger account and navigate to Layout > Edit HTML
2. In the Template Code find   and just above that add the following Code.


<script type='text/javascript'>
<![CDATA[
<!--
/*<body>*/
-->
]]>
</script>


3. Now Save the Template and you will see a confirmation about deleting the Navbar Widget. Confirm the Deletion by Clicking on the Delete Widgets Button






4.Now your Nav bar is completely removed from your Blog.

Advantages of this Method

You will be completely removing the nav bar and not hiding it. The nav bar iframe codes wont be present in your blog’s HTML source and so the blog  would be more Search Engine Friendly.

Disadvantages of this Method

You will no longer see the Quick Edit pencil   or wrench links   on your blog even if you are logged in. This is not a a big deal. You can Edit the Widgets from the Layout > Page Elements Page. It would also be a good idea to completely remove the Quick Edit and Wrench Links from Blogger

How to Get back the Nav Bar?

If you followed this method to remove the nav bar and now want to get it back, then  delete the extra code that you added. i.e remove the code from step 2, that you added into your template and Save the Template.

Tuesday, June 9, 2009

New to Blogging? Learn Step By Step blogging

Q.Want to learn blogging from professionals for free?
Q.Want to know what really a blog is?
Q.How to setup your first blog?
Q. Want to blog like professionals, but how?

If you are finding answer for these, just do what I say ........................
We were also finding answer for these from months now we got it and you also , and want help you guys , who are new to blogging out there. You just have to see these Videos tutorial created by Yaro Starak and Gideon Shalwick. These two are professional bloggers and earn so much from blogging and really want help newbie bloggers and missguided also. So , say thanks to them guys.....

"Free video tutorial to help you ,
get started with your very own blog"

Here Are links to video tutorials and what you will learn:

  1. Video 1 - Why You Should Use WordPress
  2. Video 2 - How To Get Your Own Domain Name
  3. Video 3 - How To Get A Web Host
  4. Video 4 - How To Install WordPress With One Click
  5. Video 5 - How To Upload Files To Your Webhost Using FTP
  6. Video 6 - Choosing A WordPress Theme For Your New Blog
  7. Video 7 - How To Install And Use WordPress Plugins
  8. Video 8 - How To Create Your First Blog Post And Blog Page
  9. Video 9 - What RSS Is And Why You Need It
  10. Video 10 - How To Use Feedburner For Supercharging Your RSS Capabilities 

Thursday, June 4, 2009

Recent Posts with Thumbnails Widget for Blogger

untitled 
This post explains how to add Recent Posts widget in Blogger with image thumbnails:

Yesterday, when I was working on my new Magazine style wordpress to Blogger template conversion (I'll release the template tomorrow)

this idea popped up in my mind. This feature is also requested so many times here.. so, here we go..

After many trial n errors, I finally did it!
Features:

Thumbails to Recent Posts
Comment Count

So, let's see how to install this cool widget in your blog..

1. Sign into Blogger dashboard

2. Go to Layout » Add a gadget » html/javascript

3. Just copy and paste this code..

<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = http://tricksadda.blogspot.com/;

</script>

<script

src="http://www.tricksworld.tk/"

type="text/javascript"></script>

 

Explanation:

(Edit the values to fit your blog)

boxwidth - Width of the widget
cellspacing - Space between cells (default one is good)
borderColor - Border color (add the background color of your template to perfectly blend it in the template)
thumbwidth & thumbheight - Width and Height of the thumbnail (default are good)
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://tricksadda.blogspot.com/ (change this to your blog url)

4. Last but not the least.. Save the Changes.