New Softwares And tools

System tools ,Internet Tools haking tools Web Design tools and More.........

Hacking tips and tricks

Hacking, windows, facebook and computer tricks. Learn to do cool tricks with your ....

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Showing posts with label Blogger tips. Show all posts
Showing posts with label Blogger tips. Show all posts

Tuesday, February 19, 2013

HOW TO FIND TEMPLATES NAME OF A BLOG IN BLOGGER ?


Well I have most often seen bloggers removing the footbar of blog to hide the name of the templates. So i have found a way to know the name of template. Note it is not 100% effective but work in nearly all cases. e.g till now i have found no blog whoes template name i cannot Know.

1: SO first step is to open the blog's address. in this case I am doing it with myself.
2: Now Right click on the page and click view page source.




3: Now the source of the Blog will appear like this:



4: Now Scroll down to find the text like below:


NOW YOU CAN CLEARLY SEE THE TEXT WHICH TELLS THE NAME OF THE TEMPLATE , IT'S AUTHOR AND WEBSITE.


Hope you enjoyed!!!!

Get Free Backlinks for your Blog / Website

This article will guide you in getting some back links for you for free. Back links is very important for a blog or website.

Step by step guide in getting free backlinks for you.

 1) Visit Site here 

 2) Enter your Website link or blog link

 3) After giving the details click Submit button. It will start creating back links.

  Thats it. Start getting backlinks for your website for free :) 

How To Remove Showing Posts With Label In Blogger


For any default Blogger layout, the "Showing posts with label" message shows up above the posts whenever you click on a label link.
remove labels, blogger, how to, tricks

As it's a pretty useless and annoying message, many people like to have it removed. If that is your wish, just follow the tutorial below:

Removing "Showing post with label...show all posts"

Step 1.

If you are using the old Blogger interface:

  • Go to Dashboard - Design - Edit HTML - Expand Widget Template (make a backup)

If you are using the new Blogger interface:

  • Go to Dashboard - Template - Edit HTML - Proceed - Expand Widget Template (make a backup)

Step 2. Now find (CTRL+F) this code in the template:


<b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>


Step 3. Delete the code from above and replace it with this one:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Save the template. View your blog and click on some label....no more box.

Add a Facebook Like/Fan box to Blogger


Here is a tutorial on adding a Facebook Like box (formerly a Fan box) to Blogger/blogspot. It’s a good way to promote your Facebook page. A Like box lets your readers:
facebook like fan box
  • See how many users already Liked your page.
  • Like your Facebook page with just one click, without having to visit the page.
  • Read your page’s recent posts (if you choose to display them).
(Looking for Like button instead? Learn how to Add Facebook Like button here)
Now let’s proceed shall we?


I) Get your Facebook page ID URL

  1. Visit Facebook and go to your page.
    facebook page url 1
  2. Copy the Id URL from your browser’s address bar. It’s at the end of the url.  Trim the URL until you get something like this: 
    http://www.facebook.com/pages/Blogger-Sentral/115496238467364 
    [http://www.facebook.com/pages/PAGE-NAME/PAGE ID]

II) Configure your Like box

  1. Go to Facebook Like box configuration page (opens in a new tab/window). You will see a configuration box, like this (Facebook has replaced Facebook Page ID with Facebook Page URL):
    facebook like fan box configuration
  2. Now paste your page ID URL inside the Facebook Page ID URL text box.
  3. Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.
  4. Click Get Code button when done. You’ll be given two codes, titled iframeand XFBML. You only need the iframe code.
  5. The iframe code should look more or less like this (do not copy this code):
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Sentral%2F115496238467364&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=280"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;"allowTransparency="true"></iframe>
    Update February 2011: 
    It seems Facebook (perhaps erroneously) has the box height fixed to 62px. This allows only your Facebook page title and the Like button to appear inside the box. The faces will be hidden. To show them, you must increase the height. For example, to show two rows of faces, change the height to 280px. There are twoheights in the code, make sure you change both.
  6. Copy the code (the code provided by Facebook, not the sample code in no.5).
  7. In Blogger, go to Layout and click a Add-A-Gadget link. Select HTML/Javascript gadget and paste the code in the content box.
  8. Save and view your blog.
  9. Enjoy! 
Want to know another way to increase your page Likes? Use a landing page, made just for your new visitors.

Monday, February 18, 2013

How to submit your blog to search engines’ directory


 
Many new and aspiring bloggers who start their blogs in a hurry seeking success in the career don’t know that we must have to get our blog or website in the search engines directory. The submission helps to index your blog to Google, Bing and Yahoo when the crawlers next time crawl on your blog. 

Confirm whether your blog is indexed:
Before we submit our blog, we must check whether our blog is indexed on search engines or not. In order to do this, go to the search engines and type in the search box
”site:your website domain”
The same query will be used for all search engines.
The search engine will show every post and page it has indexed till now. If the search engine produces no result, then go ahead with the submission.


Submit your Blog to Google:
Google is the best search engine and it is very important that you submit your blog on Google, set aside the other search engines. In order to do this, go toGoogle’s site submission pageindex1
As you can see in the above image, you will have to submit your blog’s URL (homepage) and enter the captcha to confirm you are not a robot.
Submit your Blog to Yahoo!:
In 2012, Yahoo has changed its submission policy. Now we have to submit the blog only at Bing’s directory and the blog will automatically be submitted in Yahoo’s Directory. Saves much of the important time Smile
Submit your Blog to Bing:
The third Powerful Search Engine, Bing is the latest to surface in the current Search Engine dog fight. Submitting your blog on Bing’s directory means you have submitted your blog on Yahoo’s directory too. Submission is similar compared with the method of submission on Google.

In order to submit your blog, Go to Bing’s submission page.
index2
After entering your blog’s URL and captcha, you will have submitted your blog on Yahoo and Bing’s directory.
The Process of submitting the blog is relatively simple and short compared with some other blogging related issues. We hope this helped you and you enjoyed it.

How to Add Google Analytics to Your Blogger Blog


Google’s free service that lets you track the performance of your websites and blogs from one simple, easy-to-use interface.

Grab Your Google Analytics Code Block

  1. Login to Google Analytics at http://google.com/analytics/. The main Settings page loads.
  2. Click on Add Website Profile. A form displays.
  3. Select Add a Profile for a New Domain.
  4. Enter the URL of your site or blog.
  5. Select your country and time zone. Click Finish.
  6. Analytics provides you with a code block – a swatch of HTML – to add to your site’s pages.
  7. Highlight the code block and then copy it by selecting Edit > Copy or Ctrl-C or Command-C.

Add the Google Analytics Code Block to Your Blogger Blog

  1. Login to http://www.blogger.com/. The Dashboard loads.
  2. Under the blog you want to add Analytics tracking to, click on Layout or Template.
  3. Click on Edit HTML. An editing screen for your blog template’s HTML displays. Don’t freak out. Just scroll to the bottom.
  4. Look for the end of the template. It’ll look like:
</div> </div>
<!– end outer-wrapper –>
(Google Analytics Code Block is going to go here!!!)
</body>
</html>
  1. Put your cursor right before that </body> tag.
  2. Paste the Google Analytics Code Block by selecting Edit > Paste, Ctrl -V or Command-V.
  3. Click Save Changes.
You have now added the Google Analytics Code Block to Your Blogger Blog.

Check Your Work

  1. To ensure that you have successfully added the Google Analytics Code Block to your Blogger blog, go back to http://google.com/analytics/.
  2. Next to your blog’s URL it will say either Receiving Data (you were successful) or Tracking Not Installed (something is amiss).
  3. If it said Tracking Not Installed, click on Check Status. Google then checks your blog for the Analytics Code Block and reports back if it find it or not.
  4. If not, try re-pasting the Code Block in.

How To Add Meta Tag In Blogger



meta-tagsAdding the meta tag in to your blogger blog is the smart way to drag traffic in to your blog using search engine. For all the search engine Meta tags are most importantMeta tag are the tags which describe your site and tells search engine whats your site is all about , And meta tag is also plays good role in SEO. In short meta tags are just communicating with search engine and tells more and more information about your blog and it make it index correctly in the search engine. 

So just follow the simple steps to add the meta tag in to your blogger blog. 

1.Sign in into your blogger blog and click on template 
2. Now select EDIT HTML 
meta tag
3.Now find this code (press CTRL + F )
<b:include data='blog' name='all-head-content'/>


4. Now add bellow code just after the above code see in the figure.

meta tag 2


<meta content='your description here' name='description'/> <meta content=' your keywords here' name='keywords'/> <meta content='your name' name='Author'/> <meta content='your email address' name='Email'/> <meta content='global' name='distribution'/> <meta content='5 days' name='revisit'/> <meta content='5 days' name='revisit-after'/> <meta content='document' name='resource-type'/> <meta content='all' name='audience'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='en' name='language'/> <meta content='IN' name='country'/> <meta content='blogger' name='generator'/>


Now add description , keyword , your name and your email address and just click on save and you have done !

Add Customized Three Column Footer In Blogger Blog


3 column footer
you must have seen the three column widget at the bottom of the blog. Its mostly used by professional Bloggers. Three column footer widget used to add whatever you like, well I have added recent posts , popular posts followers , DMCA privacy , bloggers and alexa rank toolbar. It will help you to keep your reader on your blog for maximum time. Three column footer is a customized widget so you can change its size , background color width and all the things. Just follow the simple steps to add the three column widget at the bottom of your blogger blog. 

see the bellow snapshot. 

3 column footer

Install 3 column widget at the bottom of your blog

1. Login into your blogger blog. 
2. Go to Templates 
3. Click on EDIT HTML 
4. Now search for ]]></b:skin> code 
5. Just above ]]></b:skin> code paste the following code

/* ----- customizedlower SECTION By http://theoriginalbloggertricks.blogspot.com/----- */
#customizedlower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#066d87;
}
#customizedlower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 900px;
}
#customizedlowerbar-wrapper {
border:1px solid #066d87;
background:#066d87;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.customizedlowerbar {margin: 0; padding: 0;}
.customizedlowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.customizedlowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#ff00f6;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #f6dc04;
}
.customizedlowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.customizedlowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}
 6.Now just search </body> and add the following code above it
<div id='customizedlower'>
<div id='customizedlower-wrapper'>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar1' preferred='yes'>
</b:section>
</div>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar2' preferred='yes'>
</b:section>
</div>
<div id='customizedlowerbar-wrapper'>
<b:section class='customizedlowerbar' id='customizedlowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
 Now save your template and you have done !

7. Now go to layout and start adding widgets.

Customization

If you want to customize this widget for your blogger template then follow the simple steps
To change the Width of this blogger widget then simply change 900px
To change the background of this widget change background:#066d87 (use this tool)
To change the width of column then change 32% and you have done!

Remove Blogger Navbar



blogger-navbar-remove
Blogger have many features some are good some are bad. One of the blogger feature is navbar but most of the bloggers hates the navbar. I recommend to use Custom blogger templatewhich is better then the blogger’s template. Well if you still want to use blogger’s template and wanted to remove the blogger navbar then simply follow the simple steps.



Removing Blogger’s Navbar


1. Login into your blogger blog. 
2. Go to template and click on Edit Html 
3. Now search <b:skin><![CDATA[ and paste the following code just after it. 
#navbar-iframe { 
display: none !important; 
}


4. Now save your blogger template and you have done.

Create Contact Us Forum With Upload Option



contact us forumContact us page plays an important role in the blogging, Because the people who need the blog owner help or the contact us forum can be used for the guest posting and your guest author can send the information and can contact with you using this kind of contact us forum. Well there are many features of the contact us forum. It will send you the whole information into your email inbox. And in this tutorial I am going to show you how to create Contact Us forum with upload option so I have made a video tutorial for this so it can be helpful to you.
  1. Go to Email Me And sign up there
  2. Now watch the following video tutorial
You can also redirect the user to your custom thank you page.

Disable The Blogger Light Box



disable blogger light box
There are many blogger inbuilt features but there is disadvantages too ! i.e. blogger light box. When you click on the blogger blog’s image and it opens in the new frame you can see how it look likes in the left side’s snapshot. Well we have to disable the blogger light box and blogger have recently added new feature to disable the blogger light box. Follow the simple steps to disable blogger light box.

1. Login in to your blogger blog 
2. Go to Settings and then select posts and comments 
disable blogger light box blogger
3. Now there is one option showcase images with lightbox select NO from the dropdown menu 
Now click on save settings and you have done !

Top 5 Tips To Improve Alexa Rank



alexa rank
After sharing some awesome blogger template with you today I am going to share some of the tips to improve your blog’s alexa rank. The common thing in SEO optimization and in page rank is content. Content is the king and if you are publishing good content then you don't have to work on Alexa rank and page rank because they will automatically increase day by day. Alexa rank updates daily and in page rank it take some months to update page rank. So, lets start the tutorial :)


Our blog's alexa rank

What is Alexa Rank ?

Alexa is owned by the amazon.com which used to rank the website using website’s traffic, look, performance and backlinks.

1. Content is king

Blog/website’s content plays the key role in the alexa ranking. Always publish fresh and unique content. Never publish copied content because it will decrease your alexa rank and your AdSense account will got disabled.

2. Use Alexa Rank toolbar

The newbie blogger might not know that alexa rank is getting updated daily so to check the change in the alexa rank is better install alexa rank toolbar in to the your browser. Alexa rank is the best way to monitor the status of the blog and website.

3. Promote your website

The Another best way to improve your alexa rank is to publish guest content on other’s blogs. There are many bloggers who accepts the guest post and they will offer the rich back link for your blog so guest posts will help you to build the rich backlink.

4. Be Consistent

A best blog is not the one which contains the huge content, it is the with consistent effective writings. You should not publish article when its ready, you should have time table to publish your article it helps alexa to improve your rank and it will make your website SEO friendly. And Publish regularly and people will realize that you are best in your blog’s niche.

5. Add alexa rank widget

You should add the alexa rank widget in to your blog/website. You have to show off your alexa rank to your visitor so visitors will realize that your website content is great and it will subscribe to your website. Hence your subscribers will increase.