How To Add Favicon to Blogger Without Editing HTML

Now can Blogger in Draft users to add a custom favicon for their blogs from the Design | Page Elements tab, by clicking Edit on the new "Favicon" setting above the navbar element.

For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog.
Blogger in Draft

Login to your Blogger in Draft account and go to the Design --> Page Elements.
Now click "Edit" on the new "Favicon" setting above the navbar element.



A new window will then open where you can select an image from your hard drive to replace the default favicon image.
Note : This initial launch only supports .ico files , but you can easily convert your JPEG, PNG, or other non-ico image file using your own image software. There are also many conversion tools online, and a quick Google Search brings up a handful of options such as http://www.icoconverter.com/.



After uploading the images, click on "save".


Now you see your news favicon instead of Blogger default favicon.





Refresh your site few times and you can see your new favicon in your browser’s window or tab.



More info : http://bloggerindraft.blogspot.com/2011/06/customize-your-favicon.html

Continue reading →

How To Add Automatically Link To This Post Widget To Blogger

Do you like to add "Link To This Post Widget" under your blog post?This will help you to increase your site's backlinks for better SEO.So if you interested to add this useful widget to your blogspot blog follow the simple steps below.

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:

<data:post.body/>  4.Copy below code and paste it immediately after the line <data:post.body/> .

<div style='border: 0px solid #646464; padding: 2px 2px; margin:2px 2px;background-color:#ffffff;font-size:11px;'>
<p>If you like this please Link Back to this article...</p>
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/>
</div><br/>

Note:You can change colors,font,... if you like.
5.Click on "Save Templates" and now you are done.

Continue reading →

The Blogger In Draft Blog Is Being Retired

Cross-posted from the Blogger in Draft blog

In 2007, we introduced Blogger In Draft, a special version of Blogger where new features could reach users early and let people try new things. We also introduced the Blogger In Draft blog, and for the past five years, we’ve introduced new updates and options here, often before we told the rest of the world on our official blog, Buzz.

With the recent launch of our Google+ page, we have another great way to keep you updated on new features, both for everyone and those of you who love seeing things early. To simplify the many places you can get updates, we will be retiring the Blogger in Draft blog, with this being the final post. Going forward, we’d like to invite you to follow our official blog and our Google+ page to find out what’s new with Blogger.

This doesn’t mean the Blogger In Draft service is going anywhere, so don’t fret! You’ll still get all the shiny goodness as fast as we can bring it to you. But we’ll be talking about it somewhere else.

Continue reading →

How To Add Cool Subscribe Gadget For Blogger

This is a cool subscribe gadget with nice buttons.
 Add to your blog and make it attractive.
i have Facebook ,Twitter and Google +

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

<style type="text/css">                                                        
.abtbar{width:300px;float:left;background:#FFF top no-repeat;margin:0 0 10px;padding:10px;border:0px solid #DDD;}.abtbar .abt-credit{}.abtbar .abt-credit a{float:right;font-size:10px;font-weight:bold;text-shadow:1px 1px white;color:#1E598E;text-decoration:none;}.abtbar h2{background:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0s9V9O1hliY4_Sl4JwZQABtCf72laKF_4Y9EjWy6vf54uH7dhaY5NNGRgBA3o3rXRqofAswGG9LnfAksyJvXor3dbyPlIalV5CQEJXmwOlIEjCZ_oCjTuqFcJFQJ1wgeQqT8XkJaWVU8/s1600/%5Bwww.internetricks4u.blogspot.in%5DSUBSCRIBE.gif) no-repeat;height:50px;margin:0px 0 0px 0;padding:0px 20px 0px 0px;font-size:0px;font-family:Sans-serif, Arial, Helvetica;font-weight:bold;text-transform:uppercase;color:#ffffff;text-shadow:0 1px 0 #fff;}.abtbar .count{color:#F17C18;font-size:14px;font-weight:bold;font-family:Helvetica, Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0px 0 4px;margin:0;}.abtbar .count span.bigcount{color:#F17C18;font-size:24px;font-family:Helvetica, Arial;line-height:39px;vertical-align:middle;margin:0px;padding:10px 0px 0px 0;}.abtbar .subicons{border-bottom:1px solid #e6e6e6;margin:0px 0 0px 0;float:left;width:300px;font-family:Helvetica, Arial;font-size:12px;}.abtbar .subicons a{text-decoration:none;color:#333333;}.abtbar .subicons a:hover{text-decoration:underline;color:#333333;}.abtbar .subicons .rssicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px 5px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .googleicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -37px;min-width:2px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .fbicon{border-right:1px solid #e6e6e6;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -79px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .subicons .twittericon{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFy-alplfrpNIyaUdqSwGW1xkJRrj5RNhuAttMled_ULD8h73LvEW54mMZhyphenhypheniz0aqokyCVAgLcZeBhhShCqGVj1sgyWKPgNL0e-r0RmS5DuysPosFYWkCiTkVWoemOr4r13xDbCNzmzVE/s1600/Widget_icon.png) no-repeat;background-position:0px -121px;min-width:20px;height:48px;line-height:57px;vertical-align:middle;float:left;padding:0px 10px 0px 30px;margin:0 0 0 5px;}.abtbar .emailsub{border-bottom:0px solid #e6e6e6;padding:15px 0 0px 0;float:left;width:100%;font-family:Helvetica, Arial;}.abtbar .emailsub .emailicon{background:url(http://www.fordfarmhouse.com/images/email.png) no-repeat 0 2px;float:left;padding:0px 15px 0px 50px;margin:0 0 0 5px;width:300px;line-height:20px;vertical-align:middle;font-size:14px;color:#333;}.abtbar .emailsub .emailupdatesform{margin:15px 0 5px 5px;width:300px;float:left;}.abtbar .emailsub .emailupdatesform input.emailupdatesinput{background:#fff !important;float:left;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:185px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}.abtbar .emailsub .emailupdatesform input.joinemailupdates{/*linear-gradient*/background:-webkit-gradient(linear,left top,left bottom,color-stop(#F9EAD4,0),color-stop(#F9780E,1));background:-webkit-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-moz-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-o-linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:linear-gradient(top,#F9EAD4 0%,#F9780E 100%);background:-webkit-gradient(linear,left top,left bottom,from(#57ABFE),to(#F9780E));border:1px solid #F9780E;text-transform:none;font:bold 12px arial;color:#fff;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;}
</style><div class="abtbar">
<h2 class="title"></h2>
<div class="count">
<span class="bigcount"></span>Learn Free Pro Tricks daily </div>
<div class="subicons">
<div class="rssicon">
&nbsp;<a href="http://feeds.feedburner.com/FeedburnerID" rel="nofollow" target="_blank">  RSS</a></div>
<div class="googleicon">
&nbsp;<a href="https://plus.google.com/Username 1" rel="author" target="_blank"> G+</a></div>
<div class="fbicon">
&nbsp;<a href="http://www.facebook.com/Username 2" rel="nofollow" target="_blank">FB</a></div>
<div class="twittericon">
&nbsp;<a href="https://twitter.com/bloggertrix" rel="nofollow" target="_blank">Twitter</a></div>
</div>
<div class="emailsub">
<div class="emailicon">
<div style="color: #3a3a3a; font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; margin: 0; padding: 0; width: 270px;">
Receive Our All Updates  In Your Inbox by &nbsp; &nbsp; submitting your Email ID below.</div>
</div>
<div class="emailupdatesform">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FeedburnerID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="emailupdatesinput" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" placeholder="Enter your email here..." /><input name="uri" type="hidden" value="AllBloggingTricks" /><input class="joinemailupdates" type="submit" value="Submit" /></form>
<span class="abt-credit" style="font-family: Arial,Helvetica,sans-serif;"></span></div>
</div>
</div>

* Repalce placewith   FeedburnerID with your ID
* Replace   Username 1 With Google plus username
* Repalce  Username 2 with your Facebook ID
* Replace bloggertrix  with your Twitter ID

4. Now save your HTML/Javascript'.

you are done.

Continue reading →

Robots Meta Tag In Blogger

The main use of adding the Robots Meta Tag In Blogger to determine which pages in your website can be indexed and not to be indexed by web spiders.This tag becomes useful when you use frames to navigate. The basic format of robotic meta tag is given below :

<meta content="index | noindex | follow | nofollow" name="robots" >

I think all of you have doubts with the robots tag. Its very simple to understand and use;

Index - Web Spiders will index your webpages
Noindex- Web Spiders will not index your webpages

Follow - Spiders will follow the link present in your website
Nofollow - Spiders will not follow the link present in your website

Using instructions :

If you had added the rel-no follow tags for all the links that had appeared on your posts, then use this code :

<meta content="index follow" name="robots">

In this manner the webspiders will index your main page and schedule to other pages that can be searched a hyperlink.

The below command will block webspiders from indexing pages and following links from your website.

<meta content="noindex nofollow" name="robots">

Continue reading →

Submit Your SItemap To Bing Webmaster Tools

This post I explained the methods to how can Submit Sitemap To Bing Webmaster Tools. By adding sitemap to Bing Webmaster Tools will increase your search visibility in Yahoo and Bing.Bing takes 1 week to index your site with your sitemap.The supported sitemap formats in Bing are : Sitemap [ a .xml page of your websit], RSS 2.0, Atom 0.3, Atom 1.0 and text files.Now follow these steps to submit your sitemap.

Login to Bing Webmaster Tools [ Use your live id to login, you don't have crate one.]

Then submit your site url to Bing

After verification of your website

Click on the web url appeard there [ http://www.domain.com]

Then click on Crawl

Then select Sitemaps [Atom, XML, RSS]

Then a window will appear and add your feed link or sitemap link with .xml as sitemap

Then click on submit

Finish !!!

Wait for a week and after that bing will index your site.

Continue reading →

How To Add Shareaholic Sassy Bookmarks To Blogger

This is a new style social bookmark widget.
it will helps to share your post with social bookmarks.
Follow these steps.

DEMO

1. Log in to blogger  Design > Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

<!-- Start Shareaholic Sassy Bookmarks HTML Bloggertrix.com-->
<div class="shr_ss shr_publisher"></div>
<!-- End Shareaholic Sassy Bookmarks HTML 
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type="text/javascript">
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif
.cloudfront.net/media/downloads/sassybookmark","link":"",
"service":"5,7,2,313,38,201,88,74","apikey":
"b87f5899d80a5edce8b5e55f58542ef0f","localize":
true,"shortener":"bitly","shortener_key":"",
"designer_toolTips":true,"tip_bg_color":"black",
"tip_text_color":"white","viewport":true,
"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sassy Bookmarks script Bloggertrix.com -->

4. Now save your HTML/Javascript'.

You are done...

Continue reading →