Get a Blog Engage Membership for Free

Hey Geeks.. How are u all ? Today I dont have a very special deal for fellow bloggers..I think many of you is familiar with the name "BlogEngage" already.. But let me tell you for those who still dont know about it.. Blog Engage is really a great community for bloggers..It is a social community started by Brian Belfitt, which aims at getting maximum attention for your Blog.. It lets you submit your suburb articles to their site and helps to gain more and more visitors to your site..

Thats not special .. Many Sites are already Offering the Same :-

If you are thinking just like the upper phrase then you are totally wrong ..All the other sites like it is either dead or is very difficult to gain visits to your site.. But Blog Engage is not like it.. It is a site which also offers things like Contest with superb prize , Adsense revenue program to gain earnings etc. Thats not all.. it also has many usefull features beside that..

Visit

I am Intersested.. Show the Process to Join it 

  Blog Engage has 5 types of  membership for submitting articles :-

• Standard Account Membership ($19/One Time)
•  Platinum Membership ($9.99/Month)
• Business Membership ($19.99/Month)
• Business Plus Membership ($29.99/Month)
• Direct to Front Page Membership ($99.99/Month)

As listed in upper section every package is full of fun.. So you can easily avail the membership..

I liked the site very much.. But cant Spend So much on It..

If you are thinking the same.. Then you are in right place here.. As every time we bring out the most of the deals then why not now !! Blog Engage has arranged a superb thing for us which is a Free $19.99 Blog Engage Standard Account.. 

How to avail the free offer ??  

To avail this offer you just have to do 3 things..

• At first you have to signup for Blog Engage Affiliate Program which iz also made by the Blog Engage Admin... You can go there just by clicking the upper link..
• Now after your account is activated you just have to add a banner from there to your blog SideBar or in header section which is a easy to see place..
• Then the last thing you have to do is just write a post about BlogEngage on your blog.. And You are finshed..

So plz avail this offer soon as it is running out very soon.. Till then check out Blog Engage and Be Geek Be Fresh..

How to Promote your Blog in Real World

At this point a huge number of people are spending countless time by blogging.. A blog becomes popular for several things.. One of most difficult thing is promote your blog.. A having a lots of good content can become failure without correct promoting.. So for me promoting your blog is as important as your blog content and blog SEO ..
So you can promote your blog by many ways in online. But today I will show some cool and easy real world promoting for your blog.

Change Bluetooth/Wi-Fi Name :-

Use your blog url or Blog name as your Wi-Fi or Bluetooth as when one go through it they will become curious about it.. :D

Order some Cups with your Blog Logo :-

Order some special coffee or  tea cups with your blog url or blog logo.... And bring them when a guest visits your home as they will see it..

Print some T-Shirt with your Blog Logo :-

Get your blog logo and web address printed in a stylish looking T-Shirt as the whole world can see it while you wear it.. You can also gift those too your friends or relatives ..

Change the Home Page url to your Blog in Public places :-

Go to any public browsing center like cafes, schools, colleges and replace their homepage to your blog..So by this you can have a good quantity traffic to your blog..

Add your Blog name to several things :-

Add blog name to everything you have in your computer so that when you will give something to your friends or others they can see your blog name or url..

So I think I have made every thing clear and easy that how can you promote your blog in real world... If you have any suggestions you can just comment here.. We will love to hear it...

Blogger Introduced new Easy to Use SEO Option

Hey..Here is a real good news for blogger... Many people left blogger to WordPress because blogger does not have customizing SEO part.. But Yesterday blogger has introduced New “Search Preferences” Option by which a blogger blog can be customized with SEO part like Meta Tags, Customize Robots.txt, Redirects, Customize 404 Error Page option, Alt tags for Images etc.. So from now a blogger blog will be fully supported by Google SEO service..

The Added Preferences Are :-

• Meta tag Description
• Individual Meta tags for each blog post 
• Custom 404 not found error page
• Custom Redirects for any blogger page
• Custom robots.txt
• Custom robots header tags
• Custom and easy to add Alt and Title tags for Images             

How to Enable This ?

  This Easy to handle options are available for every new New Blogger UI Dashboard. So to enable This Option just Visit New Blogger Dashboard > Select the Blog
Select the Settings Tab > Search Preference ...

MetaTag Description :- 

This is a short Meta description for your blog... It should be short, well served and in between Maximum 150 Characters in Length.

* It will be visible on Search Results of Home page.*

MetaTag for Each Post :-

Here is the Custom Post Meta Description for Each and Every Individual Post. You can Set and Customise the Each Post Description While Creating or Editing the post area.
To do it Under the Post Settings (Right side of Creating/Editing Post) Click the Search Description. Enter the Small Description about your Post.There is no limit of letters but as Google crawls only 160 characters you should keep this description as short as you can...

Custom 404 Message :-

So bye bye old and boring Google's default 404 error page.. Now you can customise your own 404 error message for your blog as yours.. The most interesting thing is you can easily add any image or message also..

Preview :-

Custom Redirects :-

Here is another awesome feature as from now you can easily redirect any of your blog page to another.. This uses 302 temporarily redirect method for redirect.

Custom "Robot.TxT"

Usually every website has a robots.txt. You can access the robots.txt file using the url http://yourwebsite.blogspot.com/robots.txt..

By "Robot.txt" file we can easily block or allow search engines to crawl our website. But before this Google does not allowed us to edit this.. But from now We can Edit This..

**Note- By changing this without knowing what it is can be harmful for your blog **

Custom Robots Header Tag :-

This is Robot tags to Control the Search Engine Robots. This Tags are usually set in (X)HTML Pages OR sent through HTTP Headers to Allow or Block the Robots.

**Plz do not change it without having any idea**

Custom robots header tags for each Post :-

These are the Custom Robots Header Tags for Each and Every Individual Post. These are also sent through HTTP Header.
You can customise the Custom Robots Header While Creating OR Editing Post.

Alt tags and Title for Images :-

This is the last but not the list feature by google.. Before this we have to edit blog's picture's alt tags or title tag by going to HTML Editor.. But From now you will be able to do this easily in post Creating Page..

So... What's more ?? Just stay free .. stay cool..

Blog Update:- Blogspot.com Becomes Blogspot.in !!

Bad News for blog spot users.. It is looking like every blogspot.com domain is redirecting to blogspot.in domain.. I mean if your website's Address is mysite.blogspot.com .Then it will be now redirect to mysite.blogspot.in .. This is not official yet.. I mean there is no official post from Google Blogger.. It is also not known that is only blogs from India will be redirected to blogspot.in or every site from any country will be redirected.. So Nothing is confirmed yet.. But at this moment every blog having blogspot.com domain is now redirecting to blogspot.in Domain..

Why is This Not Good For any Website ?

Nothing is gonna be bad as Google is doing this.. But what will be the Google Page ranking and Alexa Page ranking status.. By this every blog having no Customized Domain will loose thier important Page Ranking by Several 3rd party sites.. Search Engine will be also effected by this.. But there is only one hope that the web Giant Google is doing this.. So lets be cool keep praying that Everything goes Normal.. Till Then Be Fresh Be geek..

How To Setup BigRock Domain for Blogger- Updated

At this time website making for many cause like business,personal is very common thing.. Because as we are the "Web Based Generation X" ... So we always be on net and surf it well. Now as Blogger is the most advanced and simple site hosting site by the web giant Google every beginner should use Blogger.com for thier website making.. Today I am gonna tell you that how to setup customize domain to blogger sites with BigRock as it is very low-costing domain registration site.. Here is how we can do it..

Follow The Following Steps:-

• At First Register your Domain from BigRock.in ..After that login to BigRock by clicking here.

• Now Go to Domain --} List all Orders ..

• Then click on that domain which is going to be your Blogger domain ..

• After That Go to Dns Management section by scrolling down and click on Manage Dns ..

• Now go to "A" section . And then create 4 "A" records by leaving the name place blank and filling up Destination IP4 Address with four different google IP ..                         

                                                            216.239.32.21
                                                            216.239.34.21
                                                            216.239.36.21
                                                            216.239.38.21

• Then Go to CNAME Record Section and Fillup this section by filling up "www" in Name and ghs.google.com as the Host Name..

• Thats it.. After That just login to Blogger and Go to Settings --} Basics --}Blog Address and click on the Advanced Settings...After That just fill up the blank with your  Bought Domain with "www" at first like if your domain is hackinguniverse.org then just fillup as www.hackinguniverse.org and atlast tick the Redirct to "www" domain option..

Thats it... You are all Done... Now just Be Geek Be Fresh...

Blogger Update : Official Threaded Comment Section For Blogger

Before we have migrated from .tk to .in domain we have confirmed that from now our blog will not only post some articles on tricks,tips or hacks.. But also on Blogging tips,tricks and updates.. So here we came with Blogspot's whole new feature.. Yesterday Blogger has introduced us with a whole new Comment system in Blogspot Blogs..While I was working on my oldest blog about Farmville I found it.. We can call this Comment System as Threaded Comment System.. It looks exatcly same oe we can say almost as on Blogger Dynamic Views.. So are you excited to know about it's features and other options ? Here is those.

What are the features ?

• The main and the most interesting feature is that this Comment System will be like the wordpress Thread style Comment System with a option of Replying .

• In this Comment System the ADMIN Comments will be automaticly highlighted with a icon beside ADMIN's name..
• One more feature will be if a blog post will have more than 45-50 posts the comment system will automaticly have a break and other comment will be shown after clicking on "Load More Comment" option.. 

How it Looks ?
We haven Given some pix here to show you the difference between old style and the new one..

Old Comment Syle

New Comment Style

How to Enable the Threaded Comments in Blogger ?

There is two process to enable it.. One is simply by Blogger Settings and Other one is via Editing the HTML Code.

First Process-

• Blogger Dashboard > Select the Blog that you want to enable the Threaded Comments

• Go to Settings > Posts and Comments

• Comment Location option set to Embedded

Embedded Comment

                          

• Go to Settings > Other

• Allow Blog Feed option set to Full

Allow full Blog feed

Second Process-

• Go to Template > Edit HTML

• Click on Expand Widget Templates Check box

• Find the Following code.

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>

• Here You will get Two results. one is belongs to mobile template and other is belongs to web Template. Replace it with the Below Section of Code on both mobile and web template.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

• Now just save the template and see the change in your blog..

 ****Backup your Template before going to change any thing. ****

So howz Blogger's latest update ? Dont Forget to Comment.. Till then Be Fresh Be Geek..

How to add New Year Banner to Blogger

Hey.. Its 2012... So as I think many people are ready to re-design their blogs...And I have also seen that now many blogger site have a New Year or Crismas banner in a left or right corner..So I think many of u wanted to now how to to this So here is a small tutorial that how u can add a HAPPY NEW YEAR banner to ur site (blogger) ...U can see the demo in the below-corner of the post..Follow the following steps for add it-----

 

Steps --

1. Login To Blogger Go To > Design > Page Elements.
2. Add a Gadget then select  HTML/JavaScript type.
3. Add this code in to it: 

<a href='http://www.hackinguniverse.in'><img alt='' src=''/></a><div style='position: fixed; top: 0%; right: 0%;'/>
<a href="http://www.hackinguniverse.in" target="_blank"><img alt="new year 2012" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2az2hIgAN69hr4l-BX_P9emHU0d_g25Nf9ljaiPig1tdnkCgxuS9BuyjBw9K1Jn5kyi1Xe7YcF7IQ4FsJpaDwnuF3LZWqaUms7r_BHmlcqmFO3vcptWP07w8bhtX_hoWp4Yuq7It_nd8/s1600/rthnybanner.png"/></a>
</div>

This banner will be stuck to Ur site's corner everytime.. So if U want to change it U can also make this gadget nonsticky as I have shown here..just changing the term "fixed" to "absolute" ..

<a href='http://www.hackinguniverse.in'><img alt='' src=''/></a><div style='position: absolute; top: 0%; right: 0%;'/>
<a href="http://www.hackinguniverse.in" target="_blank"><img alt="new year 2012" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2az2hIgAN69hr4l-BX_P9emHU0d_g25Nf9ljaiPig1tdnkCgxuS9BuyjBw9K1Jn5kyi1Xe7YcF7IQ4FsJpaDwnuF3LZWqaUms7r_BHmlcqmFO3vcptWP07w8bhtX_hoWp4Yuq7It_nd8/s1600/rthnybanner.png"/></a>
</div>

A Unique Style Drop Down Bar Navigation Menu For Blogger

In this post i have a very cool and in many ways unique type of Css drop down menu for Blogger.The regular drop down menu we are used to seeing will when a link is hovered over display more links vertically below.This menu however is known as a 'Drop Bar' as on hover it displays links horizontally in a bar below the menu.I had been looking for something like this and while i found some jQuery powered versions but i loved this as it only uses Css, so no scripts or added load time to your blog and easier to implement.Also the menu has a great fix for our old friend Internet Explorer which usually plays up when Css is used.I have tested it back to IE6 and it looks fine.Your probably still wondering how it displays the links horizontally instead of vertically so i have a screenshot and live demo you can check out below.

This menu concept is from the awesome Free Css Menu, I will cover more of their menus in the future.Now let's see how to add this one to your blog !

Add The Drop Down Bar Menu To Blogger

Remember Always Back Up Your Template Before You Make Changes

Step 1. In Your Blogger Dashboard Click Design > Edit Html



Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code...

]]></b:skin>

step 3. Copy and paste the following code Directly Above / before ]]></b:skin>

Note - This is a scroll box make sure to get all the code.

.nav {

height:35px; 

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUr5SdpK6gMtsU5Dbtj8zn2F58QYTvGwEKwjW70pnesRRbp7RZwc_cJkHe25zEG9AVEizaoMWzQ3Fm0f4v6AYZGS0sfadcTyczXZaCBhyhRhTk37YmKWmK7mBTdP8HobFj0N19gkx_b-p9/s1600/bg.gif) repeat-x; 

position:relative; 

font-family:arial, verdana, sans-serif; 

font-size:11px; 

width:100%; 

z-index:100;

margin:0;

padding:0;

}



.nav .table {

display:table; 

margin:0 auto;

}



.nav .select,

.nav .current {

margin:0; 

padding:0; 

list-style:none; 

display:table-cell; 

white-space:nowrap;

}



.nav li {

margin:0; 

padding:0; 

height:auto; 

float:left;

}



.nav .select a {

display:block; 

height:35px; 

float:left; 

font-weight:bold;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUr5SdpK6gMtsU5Dbtj8zn2F58QYTvGwEKwjW70pnesRRbp7RZwc_cJkHe25zEG9AVEizaoMWzQ3Fm0f4v6AYZGS0sfadcTyczXZaCBhyhRhTk37YmKWmK7mBTdP8HobFj0N19gkx_b-p9/s1600/bg.gif); 

padding:0 30px 0 30px; 

text-decoration:none; 

line-height:35px; 

white-space:nowrap; 

color:#2b3238;

}





.nav .select a:hover, 

.nav .select li:hover a {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqFGIR7w0cLMK4pZjobDxFU5v51fkZRsaZVTZg3nrfFJ32ngd-rtJpEF8nq-9j1B5F6yUSNb9Eu0kpCqKGiaVb_BX5tam2QBjncrus1e8KWi_Uv9ozCb4qaVZ4bnBydCGtw9AqPLcFNnn/s1600/hover.gif); 

padding:0 0 0 15px; 

cursor:pointer; 

color:#2b3238;

}



.nav .select a b{

font-weight:bold;

}



.nav .select a:hover b, 

.nav .select li:hover a b {

display:block; 

float:left; 

padding:0 30px 0 15px; 

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIqFGIR7w0cLMK4pZjobDxFU5v51fkZRsaZVTZg3nrfFJ32ngd-rtJpEF8nq-9j1B5F6yUSNb9Eu0kpCqKGiaVb_BX5tam2QBjncrus1e8KWi_Uv9ozCb4qaVZ4bnBydCGtw9AqPLcFNnn/s1600/hover.gif) right top; 

cursor:pointer;

}



.nav .select_sub {

display:none;

}



/* IE6 only */

.nav table {

border-collapse:collapse; 

margin:-1px; 

font-size:1em; 

width:0; 

height:0;

}



.nav .sub {

display:table; 

margin:0 auto; 

padding:0; 

list-style:none;

}



.nav .sub_active .current_sub a, 

.nav .sub_active a:hover {

background:transparent; 

color:#2b3238;

}



.nav .select :hover .select_sub, 

.nav .current .show {

display:block; 

position:absolute; 

width:100%; 

top:35px; 

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQVZV87iWtZraJN3XljpOadLN-DddcVCaDaDMc93rdKBMO14grpdM54f3PtlhIRU4yOaUE_k92w4cBxY6DyxkrCm2R2aEHkSKiOIxUf7Os9YvGqbdApBJGyDm1lLfT0tusk9AivyAD0PL4/s1600/back.gif); 

padding:0; 

z-index:100; 

left:0; 

text-align:center;

}



.nav .current .show {

z-index:10;

}



.nav .select :hover .sub li a, 

.nav .current .show .sub li a {

display:block; 

float:left; 

background:transparent; 

padding:0 10px 0 10px; 

margin:0; 

white-space:nowrap; 

border:0; 

color:#2b3238;

}



.nav .current .sub li.sub_show a {

color:#2b3238; 

cursor:default; 

}



.nav .select .sub li a {

font-weight:normal;

}



.nav .select :hover .sub li a:hover, 

.nav .current .sub li a:hover {

visibility:visible; 

color:#73a0d2; 

}

<!--[if IE]>

.nav ul {display:inline-block;}

.nav ul {display:inline;}

.nav ul li {float:left;}

.nav {text-align:center;}

.nav .select a:hover b, 

.nav .select li:hover a b {float:none;} 

<![endif]-->

Step 4. Save your template.

That's the Css added next is to add the html for your menu.

Now go to your blogs Design Page, we will be adding the menu across your blog below the header.This area is called Cross Column and can be seen in the image below...

Add The Menu Html

In your blogs Design Page click Add A Gadget > Choose Html/Javascript > Copy and paste the following code into the Html/Javascript gadget :

<div class="nav">
<div class="table">

<ul class="select"><li><a href="http://www.hackinguniverse.tk/"><b>Wall</b></a></li></ul>

<ul class="select"><li><a href="http://www.hackinguniverse.tk/p/ultimate-tweak.html"><b>Ultimate Tweak</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>

<li><a href="#">Sample Menu</a></li>
<li><a href="#">Sample Menu</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="http://www.hackinguniverse.tk/p/join-us.html"><b>Join Us</b></a>
<div class="select_sub">
<ul class="sub">

<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
<li><a href="#">Sample Menu 2</a></li>
</ul>

</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>

<li><a href="#">Sample Menu 3</a></li>
<li><a href="#">Sample Menu 3</a></li>
</ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>Sample Menu</b></a>
<div class="select_sub">
<ul class="sub">

<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
<li><a href="#">Sample Menu 4</a></li>
</ul>

</div>
</li>
</ul>

</div>
</div>

This is the code that makes up the menu in the demo above.Replace the hash tags (#) with your links and the text with your text.If you take a few minutes to reference the demo and the code you should see how it works.If you want to add more links you can do so in the same way, once again take a few minutes to look at the layout of the code and you will see how its done.

Template Designer Tabs Fix

If you use a template from the Blogger Template Designer there is a section of Css that will effect this or any menu you place in the cross column section.This is called tabs and you will need to remove or over ride the tabs css.I have made a short video to show you how to remove it.You can see the video here - Remove Tabs Css.