How to write HTML code inside blogger blog post ?

Most of the time it become very messy when we try to write HTML code inside blog post.
It does not appear in the same way as we want when we publish it.

Following are some tricks which one can follow to simplify this process :-


1) Using existing HTML editor for writing complete content, and then copy paste entire content in post HTML mode.
2) Encode specific code with HTML encoder :-
                     shared one link here for you : http://centricle.com/tools/html-entities/
      a) Write your html code or any other code in the above site
      b) Press encode button. This will change all html tags with relevant encoded symbols ( e.g. < with < )
      c) Copy and paste encoded content into your compose post window.
here is the demo of embedded code:-

void CLogicalTimeMarker::RegisteringFlag(int nModuleID, char* pszName)
{
if(NULL != pszName && nModuleID <= g_nMaxModuleSupported)
{
m_stArrTimeAccounterStats[nModuleID].strName =  pszName;
}
}

Here is one more site doing same html code encode:-
            http://www.eblogtemplates.com/blogger-ad-code-converter/
Though one can embed any type of code like c/c++ , javascript , html with discussed approach.

Read More

How to add gadget to blogger header ?

Recently experimenting with blogger template came across need of adding gadget to blogger header.


Its very simple , just follow the steps below :-
1) Go to the edit section of blogger template.
    Template->Edit HTML
2) Search for following code which is about header.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>




3) Just change the showaddelement to yes.
4) Now move back to template layout view and now one can gadget to the header.

In addition to it one can also change maxwidgets count from 1 to desired number to increase widget counts.


Extending the same concept of showaddelement and maxwidgets, one can also add and increase the gadget count to any other part of your blog. For example to body, footer or side column.


Try this out to customize.

Read More

How to add adsense to blog using javascript

Google Adsense can be easily added with the help of javascript in any poart of post.

 Lets look at the simple steps for doing it :- 

1) Go to the edit post of your blog.

2) Select HTML edit mode.

3) Insert following javascript to your HTML.

Below is the example of leader board Adsense :-

-------------------------------------------------------------------------------------------------------------------------

          

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

google_ad_client = "ca-pub-9274462217825187"; //change your pusblisher id

google_ad_width = 728;

google_ad_height = 90;

google_ad_format = "728x90_as";

google_ad_type = "text";

google_ad_channel ="";

google_color_border = "E8E7D0"; //change background color from here

google_color_bg = "dcdcdc"; //change back ground coloe from here                  

google_color_link = "B96F17"; //change link color from here

google_color_url = "B96F17"; //change url color from here

google_color_text = "000000"; //change text color from here

//--></script>

<script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

script>

-------------------------------------------------------------------------------------------------------------------------

4) Save your post and you done with Adsense emebed into your post.

Above adsense javascript code will return some thing like below in your blog post :-

How to change the Adsense Unit Size ?

Next important point is to change the adsense layout using javascript.

Follow below step to change the :-

1) Go to the adsense javascript.

2) Change the hieght and width field , get the value of hieght and width from the image shown below:-

:

3) After changing the hieght and width, change the "google_ad_format" value in "width_height_as" format, example :-

     google_ad_width = 336;
     google_ad_height = 280;
     google_ad_format = "336x280_as";

4)  Just save it after changing the value, and you are ready with new Adsense unit size. Choose unit size according to your website/blog.

List of Blog Post Gadget for blogger using javascript

Following post will help in retrieving the information related to list of post from a blog. One can use this to display the list of blogs by following easy step mentioned below

 1) Add one html/javascript gadget to your blog.

2) Copy paste below code to your gadget.

3) Replace feeduri with your blog feed uri.

           var feedUri = 'http://www.blogger.com/feeds/10861780/posts/default';

 4) just save the gadget and its ready to use. Here goes the code for list of post for a blog :-

-------------------------------------------------------------------------------------------

/* 
* Retrieve a list of blog posts
*/

// Obtain a reference to the 'content' div
var content = document.getElementById('content');

// Create the blogger service object
var bloggerService =
    new google.gdata.blogger.BloggerService('com.appspot.interactivesampler');

// The feed for a single blog. (In this case, the Official Google Blog.)
//
// The ID included in this URI can be retrieved from the
// <link rel="service.post"> element in the Blog's HTML source
var feedUri = 'http://www.blogger.com/feeds/10861780/posts/default';

// A callback method invoked getBlogPostFeed() returns data
var handleBlogPostFeed = function(postsFeedRoot) {
  var posts = postsFeedRoot.feed.getEntries();
  
  // This variable will buffer HTML output until function completes
  var html = '';
  
  // Display blog's title
  html += '<dl>'
       + '<dt><strong>Blog:</strong> '
       + '<a href="'
       + postsFeedRoot.feed.getLink('alternate').getHref()
       + '">'
       + postsFeedRoot.feed.getTitle().getText()
       + '</a></dt>';
  
  // Display blog posts
  html += '<dd><ul>';
  for (var i = 0, post; post = posts[i]; i++) {
    var postTitle = post.getTitle().getText();
    var postURL = post.getHtmlLink().getHref();
    html += '<li><a href="' + postURL + '" target="_blank">'
              + postTitle
              + '</a></li>';
  }
  html += '</ul></dd>';
  
  // Write out buffered HTML, and clear the "Loading..." message
  content.innerHTML = html;
};

var handleError = function(error) {
  content.innerHTML = '<pre>' + error + '</pre>';
};

bloggerService.getBlogPostFeed(feedUri, handleBlogPostFeed, handleError);

------------------------------------------------------------------------------------------------------

 

Below is the demo of above code for my blog :-

 

Loading...

Read More

Some good SEO resources , links

Here are list of some good SEO resources :-

One of the best  description about SEO :-
http://searchengineland.com/guide/what-is-seo

This page contain many relevant pointers -
http://www.pronetadvertising.com/articles/top-50-seo-resources.html

Good resource :-
http://www.seoconsultants.com/seo-resources/

It takes time to be consumed by crawlers, if we talk about google search engine. And it depends on many factors but focusing on the below key points are good enough for a new blogger.
Some key facts about SEO:-
1) Choose keywords (label) very effectively.
2) Do not create complex titles.
3) Leave back-links with relevant context.
4) Be consistent with post, it will help in keeping readers interested in the blog.


Keep Blogging
-Tajendra

Read More

How to add label cloud to your Blog ?

Its very easy to add label cloud to your blog.
Just follow below step to make your blog tag cloud enabled.

1) Go to Layout section of your blog.
2) Add gadget named as "label"

3) Configure labels as shown in above figure to Display type "cloud".

This would help your blog look more organized and easy for navigation too.

Keep Blogging
-Tajendra

Read More

How to register Blog with google search ?

If you are a new blogger and want to get noticed on internet, then you can use google search engine for it.
Google search engine is the straight and most convincing way of attracting web traffic. Start writing good content , just be patient and surely your blog ranking will increase.

Follow below step to register it with google blog search :-

1) Got to link Goggle Blog Search. (http://blogsearch.google.com/ping)
2) Followin page would appear under it.

3) Enter your blog address into it.
4) Simply submit it.

Remember your page would not become famous overnight. It takes time and most importantly its your content which is your blog success mantra.

-Keep Blogging

Read More

What is Blog ? Fun, Money, Passion, Award, Dream

Blog : What exactly blog is ? Blog basically refers to an organized "web logs" i.e. storing any type of data on web any time. This log can be published on internet, to make it visible to desired users.

Lets try to eloborate Blog in a way acronyms does , it can be

Beautiful List of Organized Gesture,
Best Literature of Ordinary Guys,
Blast of Last Opera Group,
Breaking Lines with Oozing Guts,
Building Leagues of Outstanding Gallants,
Blossoming Life by Omitting Grudges.

We can easily map ourself to one of the catogeries from above acronyms. Now lets look at another perspective of blogs, why we should write bolgs. If we try to find answer to this question we would surely get diffrent answers from diffrent people. I ask this question in much simpler way to my friend who is a property broker, he said "i want to make a blog which would help me to attract customers intrested in property". when i asked this question from a techie guy he said "i want blog on technical domain". Then i asked same question to a guy who was searching job , he had not shown much intrest in it and said "if i get a job of blogger then only i would blog". Asked same question from one of my friend who is not working and dont want to be, she said "i want to blog about my dreams". Listening so many thought on one web log is actually the success mantra of blogging. Blog really help one to think about his/her desire which he/she can express without any constraints.

One can blog on anything and most importantly anytime. Like i am doing :).
Lets now check purpose of blogging, it can be for pure Fun , Money, Passion, Dream , Hobby etc....
What i can say here is :- To blog "blog" one should have to blog in a blog way. Its really intresting if thought in construtive way. Word blog can be used as noun or verb, blog word was coined by "Peter Merholz".
Blog is customizably extensible, like one can create collabrative blogs too. Blogs became so much popular nowdays as many communities offers Award to good blogs. Among the major blog awards are The Weblog Awards (Bloggies) , and the BOBs (Best of Blogs). Like usual film or television awarding committees, blog awards are started by a certain body, usually composed of blog enthusiasts.

There are many sites that offer free service and account creation for blogging.
Lets have a look at them :-

Wordpress.com: http://www.wordpress.com/

•Very professional-looking templates, easy to use.
•More limited than others, like Blogger. You can't play with your template.
•You can categorize your posts with custom categories and tags.

Blogger: http://www.blogger.com/

•Lots of easy template integration, custom themes, gadgets, html etc.
•Not perceived to be as professional as Wordpress or some others.
•You can categorize your posts with labels.

LiveJournal: http://www.livejournal.com/

•This is more community-centric blogging, including Friends lists.
•You can categorize your posts with tags as well as your mood, music, etc.

Vox: http://www.vox.com/

•This is more community-centric blogging, including Friends lists.

Xanga: http://www.xanga.com/

•This is more community-centric blogging, including Friends lists.

MySpace: http://www.myspace.com/

•This is more community-centric blogging, including Friends lists.

Facebook: http://www.facebook.com/

•On Facebook, you can have "Notes" which are viewed by your friends.

As we have some basic information about blogs, hopefully term Blog is more releavent now.
So start blogging if you have not started yet and those who have keep Blogging :).

Read More