जिजीविषा: Blogging

Showing posts with label Blogging. Show all posts

Saturday, July 9, 2011

How To Add Google +1(plus) Button in Blogger or Blogspot?

Few days back, Google released its Google +1 (“plus one”) button to compete with Twitter’s Tweet button and Facebook’s Like button. This is a big step towards adding the social aspects to the search results. If you have not incorporate it into your website, do it as soon as possible. Because, This button can generate a potential traffic and exposure to your web site. All your visitor need to have a Google account to use your Google button.

Follow these steps:

Step 1 : First enable share buttons for blogger editing the Blog Posts widget from Page Elements section.

Step 2 : Go to "Edit HTML". Click on "Expand Widget Templates"

Step 3 : Find this and remove it:

<b:include data='post' name='shareButtons'/>

Note : If you can not find above code, then skip that step.

Step 4 : Now add below code just above the <head> tag

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"><br /> {lang: 'en-US'}<br /> </script>

Step 5 : Scroll down to where you see below code:

<div class='post-header-line-1'/>

Step 6 : Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template, paste "Blogger Sharing buttons" code just before <data:post.body/> .

<b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <div class='post-share-buttons' style='float:right;margin-right:10px;'><br /> <b:include data='post' name='shareButtons'/><br /> </div><br /> </b:if>

This will show blogger sharing buttons below post header in blogger post pages..But if you want to show share buttons below blogger post,then paste your code just after <data:post.body/>.

Also if you want to show share button in every page, then remove the first and last lines form above code.

Step 7 : Now save your template and you are done.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Friday, July 8, 2011

How To Add Google +1(plus) favicon that is shown in address bar?

This quick and easy tutorial will explain how to add Google +1 favicon in address bar.

First of all, Make your favicon of Google +1 and Upload your favicon to the web.

Go to blogger Dashboard > Design > Edit Html

Now, Find this code:

<b:skin><![CDATA[/*

Add this code before the code above

<link href='URL OF YOUR FAVICON FILE' rel='shortcut icon' />

(Replace URL OF YOUR FAVICON FILE with url of your icon)

Again, find this code:

<b:include data='blog' name='all-head-content'/>

Add this code before the code above

<link href='URL OF YOUR FAVICON FILE' rel='shortcut icon' />

Save template and you get your favicon on the address bar.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Thursday, June 30, 2011

How To Add Google +1 Button Into BlogSpot Blog ?

Like Facebook, Twitter Sharing button where user can share the content which he/she likes on facebook or Twitter respectively, Now Google has also released an similar button which is Known as Google +1.

When a User Hits Google +1 Button, this will help his/her contacts or others on web to find the best result when they search on Google.

Now if you want to Add the Google +1 Button to your Blogger (Blogspot) Blog then follow the procedure given below:

Login into your Blog.
Go to Blogger Dashboard > Design > Edit Html.
Now Click on “Expand Widget Template”.
Search for </head> and just above it add the following code.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"> {lang: 'en-US'} </script>

Now Search for <data:post.body/> and Immediately above or Below (Depends on where you want to Display the Google +1 Button) this add the following Code.

<div style='float:left'><br /> <g:plusone size="small" expr:href="data:post.url"/><br /> <br /> </div>

Now you can configure the Button Settings in the above code, Like what size Button you need on your Blog and their are four Sizes you can Choose from “small”, “standard”, “medium” or “tall” and also the location of the button in your blog and whether you want it to be displayed in left or right side you can change that in the above code.

Source: blogisblogging.com

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Wednesday, June 8, 2011

Some Important Things Every Blogger Need To Learn

To be a professional blogger isn’t as simple as waking up one morning and stating, “I am a blogger, look out world!” Like any other discipline, being a successful blogger means that you have to take the job seriously. That means working with dedication, planning and forethought. Here are ten things that every new blogger must know:

Don’t check web traffic obsessively if there isn't high traffic, don’t quit.

When you are beginning a new blog, there is always something to do: Write an article, add a WordPress feature, or add a new blogger template, implement techniques to get more subscribers. Always. There’s always something.

You put your audience first and you spend more time listening than talking. Don’t get stuck with someone else’s belief about word count, frequency of posts, and editorial calendars. Work your blog based on what feels right for you and your readers.

A lot of people look at big blogs and think they’re the holy grail. If only you had 100 subscribers. Then, once that threshold’s been crossed, if only you had 1000. Then 10000. Note that Small is beautiful.

One way you can start to attract a lot more participants to your community is to put yourself out there. Be authentic. Be transparent. Put plenty of you into your work. You have to put enough of yourself into your project so people can feel a connection with a real human being.

The secret to blogging lies in the writing. Be conversational, say exactly what you need to say, and be done. It may be 50 words or 500. No one will care if you write in a compelling and helpful style.

Invite your audience to get involved by asking for their feedback, experience, or opinion. Be sure to check your comments daily and respond to everyone. After all, no one likes to be ignored. Blogs are interactive, not static. Invite the dialogue.

Interesting visuals, pictures, and video snippets all add to the reader’s experience.

Source: google.com

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Monday, March 8, 2010

Be Careful! Blogger Is Deleting Many Bloggers Blogs. How To Be In Safe Side ??

The bad news is heard often lately. Blogger is intense to delete blogs, even the blogger accounts as well. Therefore, be careful!

The bad news comes from some of my friends that their blogs were deleted, and several days ago, one of my Friend's Friend blog was also deleted.

So how to anticipate our blogs in order not to be deleted by blogger? As the hirer, there is no really powerful way to overcome, but there are some tips to try on, at least, to reduce the risk of deletion or after a deletion.

Don’t do the things to violate the blogger’s Term Of service.
Don’t do the things under surveillance such as paid post review, selling links, over banner ads, etc.
Don’t install Auto-Blog (to post automatically).
Don’t post too many until hundreds in one day.
Don’t create too many blogs in one account.
Do the backup on your blogs regularly. You can do it with: Login -> Settings – Basic tab -> Export Blog.

Separate the most important blogs to be one blog one account, don’t make them in one account with another low quality blogs. For instance, You have two most reliable blogs, so you can place them in different account, so that when one blog is deleted, there is still another blog in the other account. If both are deleted, just say goodbye.

To separate the most important blogs that are in one account with the others, you can create a new email, then you have to invite the email (as if it’s not you) to be the author (login – setting – permission) in your account, which has the same rights with the old admin. If done, just log in with your new email. And since in this new email, you have the same rights, of course, you can delete the first admin ha ha (still confused? Poor you!

If you want to invest a little amount of your money, you had better use, the custom domain or top level domain (TLD), so your blogs will be no longer as http://example.blogspot.com, but will be addressed as http://example.com. If the address of your blog has become the custom domain address, one day your blog is deleted, you can then create a new blog and import the deleted blog through your backup file. Then change the address with your previous one, just like the address of deleted blog. Need to know that importing the blog will be different with new posts, so the dates of posts and comments will be the same as before.

The wise way is just to leave your dependence on blogger, so please buy the web hosting at cheap price but with the quality, and then you can use Wordpress.org. Then import all of the data from blogger to wordpress and your blog will be back.

I hope it is useful, and the most expected one is your blog won’t be deleted by blogger.

Enjoy Blogging My Friends!!

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Sunday, March 7, 2010

How To Add Google Buzz Buttons To Blogger ?

First it was Facebook, then Twitter and now it is Google Buzz. Being a blogger, you don't have to worry on who's copying whom! All these websites let their users interact more easily and for webmasters, it means free traffic with minimum efforts. So, keep all your options open as you never know which of them may bring a big wave of traffic to your blog!

Now talking about G-Buzz, although Google has not yet provided any official "Buzz It!" buttons, but it does allow you to synchronize your blog-feed with the Buzz, so that all your posts are directly sent to your Buzz account. Simply add your blog to the connected sites list...

Here's how you can add these buttons to your blog:

STEP #1

and mark the tick box "Expand Widget Templates"

Now, find this code in the template:

<div class='post-header-line-1'/>

STEP #2
And immediately Below/After it, paste this code:

<!--BUZZ-STARTS--><br /> <a expr:href='&quot;http://www.google.com/reader/link?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title   "&amp;srcTitle="   data:blog.title' target='_blank'><div style='border:0px !important;text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i46.tinypic.com/121wg9e.jpg'/></div></a><br /> <!--BUZZ-STOPS-http://bloggerstop.net-->

It will display a small Buzz It! button like this:

Or, paste this code:

<!--BUZZ-STARTS--><br /> <a expr:href='&quot;http://www.google.com/reader/link?url=&quot;   data:post.url   &quot;&amp;title=&quot;   data:post.title   "&amp;srcTitle="   data:blog.title' target='_blank'><div style='border:0px !important;text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i47.tinypic.com/2j0b02c.jpg'/></div></a><br /> <!--BUZZ-STOPS-http://bloggerstop.net-->

It will display a larger Buzz It! button like this one:

Note: By default, the alignment of these buttons is kept to "Right", you may change it to "Left" too. To change the position of the button, change the value -45 pixels (in margin-top:-42px;).

STEP #3

Save the template and let the Buzzer Buzzzzzzz...

Update:

A new javascript based code is there to display these G-Buzz buttons; wherein if the readers select any part of the post before hitting the "Buzz This" button, then the selected text (and images too) will also appear in their G-buzz updates.

Here's the new code:

<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}' title='Buzz It!'><div style='border:0px !important;text-align:right;margin-top:-42px;'><img alt='Buzz It' src='http://i47.tinypic.com/2j0b02c.jpg'/></div></a>

Note: Use this code, instead of the one from STEP #2, if you want those additional benefits. The above code will display the larger icon by default, change the image-url to show the smaller icon.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Monday, March 1, 2010

Your Email Address And Blogger Account

One of the promises of Blogger, which makes a Blogger blog such an asset to the masses of the world, is the freedom to publish without being forceably identifiable. Anonimity is a major advantage, for many who publish Blogger blogs. But there are a few downsides to anonymity, and one is seen when we try to edit our blogs.

Some bloggers load a blog in the browser window, then click on the "Sign In" link in the navbar, in the expectation that they are signing in to that blog. For folks who only maintain a single Blogger account, and who have enabled the proper security settings, this will appear to be what's happening. But, it's not.

When you sign in to Blogger, you are using a double blind system. Blogger requires you to tell them what account, and what password, you want used. They don't pick an account for you, based upon the blog currently displayed.

If your cookies are properly enabled, the Blogger login process will remember what Blogger/Google account you used, most recently, and try to have you login using that account. If you are currently signed in to Analytics, GMail, Picasa, or any of many other Google products, you may already be signed in to Blogger too. This also happens when you, inadvertently, created a second Blogger account.

You display your blog before signing in to Blogger.
Your blog is owned by a Blogger account that's related to your Analytics, GMail, or Picasa account.
You always sign in to that account before signing into Blogger.

Then it may appear that you are signing into your Blogger account based upon your blog. This is, however, a deceptive appearance.

When you login to Blogger, always check and verify what account is displayed for Account Name. Save yourself some trouble. Alternately, verify ownership after you login.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Saturday, February 27, 2010

Duplicate Blog Posts? If So? Remove The Duplicate!

As a savvy consumer, you likely love to hear about offers for 2 for the price of 1, of something that you buy frequently. That's a great deal, normally. But, It's not for blog posts, though.

When you start to see double in your blog, chances are that you duplicated the Blog Posts entry in the template. It's not hard to fix, fortunately.

Edit the HTML of the blog. Do not check "Expand Widget Templates". Look for below two lines, in the Body of the template:

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>

Remove:

<b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog'/>

Don't remove below:

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

Save the change. And clear cache to test your change.

Remember to save a copy of the template, before and after doing this.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Friday, February 19, 2010

How To Show Label Specific Icons Below Post Titles ??

In this Blogger tutorial, you will learn to display icons or any text/image specific for any label/category under the post titles in your blog.

STEP #1:

STEP #2

Find (CTRL+F) this code in the template: <div class='post-header-line-1'/>

and immediately BELOW/AFTER it, paste this code:

<!--LABEL-SPC-ICON-STARTS--><br /> <b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.name == &quot;YOUR_LABEL_#1&quot;'><br /> TEXT OR LINK TO IMAGE COMES HERE<br /> </b:if><br /> </b:loop><br /> <!--LABEL-SPC-ICON-STOPS-->

If you want to display the icons for four labels, then use this code:

<b:loop values='data:post.labels' var='label'><br /> <b:if cond='data:label.name == &quot;YOUR_LABEL_#1&quot;'><br /> TEXT OR LINK TO IMAGE COMES HERE<br /> </b:if><br /> <b:if cond='data:label.name == &quot;YOUR_LABEL_#2&quot;'><br /> TEXT OR LINK TO IMAGE COMES HERE<br /> </b:if><br /> <b:if cond='data:label.name == &quot;YOUR_LABEL_#3&quot;'><br /> TEXT OR LINK TO IMAGE COMES HERE<br /> </b:if><br /> <b:if cond='data:label.name == &quot;YOUR_LABEL_#4&quot;'><br /> TEXT OR LINK TO IMAGE COMES HERE<br /> </b:if><br /> </b:loop>

Replace the code in "YOUR_LABEL_#1" etc with the exact names of your labels/categories (including space " " between two words). And replace the text in "TEXT OR LINK TO IMAGE COMES HERE" with the link to the icon you want to use.

For Example: To use the books icon, replace that text "TEXT OR LINK TO IMAGE COMES HERE" with this code: <img src="http://i49.tinypic.com/2elukh4.jpg" alt="Book Reviews"/>

Finally save the template.

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Monday, February 15, 2010

Blogger In Draft's Text Editor - Improved Version Launched

Google have made a couple of improvements to the Text Editor on Blogger in Draft!

Add captions to your photos

Now you can easily add captions to the images you include in your blog posts! To add a caption, simply click on the image you've inserted, and click Add caption.

Then you can write your caption just below the image.

Expandable Edit Region

In addition to captions, we've recently added another new feature for you verbose bloggers out there. You can now expand the text area of the editor to give yourself more room as you type. To make the editor region larger, simply click the corner of the editor and drag it down. The editor window will also grow automatically as you run out of space.

Faster Video Uploading

Your time is very important to us, and we are continuously working to make your experience on Blogger fast and easy. We know that it's no fun waiting for your videos to upload, so we've recently made speed improvements to make your videos upload faster.

Look Up Words as You Compose

Google has recently added a dictionary with definitions and translations to "Blogger in Draft." Here's a quick tour of the feature and its functions.

Look up definitions: To look up the definition of a word or phrase, simply highlight it and click the dictionary icon in the editor's toolbar:

This will open the dictionary's Define tab, where you can view definitions for words and phrases across 12 languages.

Get synonyms: If you'd like to see synonyms for an English word, begin by looking up its definition as above. Then, click a hyperlinked synonym to browse to its definition, and click Insert or Replace to add the currently displayed word to your composition:

Currently, synonyms are available only in the English dictionary.

Translate: You can use the Translate tab of the dictionary to translate words and phrases between over 50 languages.

Similar to the Define tab, you can navigate translations by clicking them and can feed them back to the post by clicking Insert.

Let me know what you think of these features in the comments below, and thanks for using Blogger!

Hey! My friends, If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Monday, January 25, 2010

Blogger is ready to launch Static Page.

A lot of bloggers using Blogspot will now heave a sign of relief as now they have the option of creating pages just like the way you can create pages while using WordPress.

What is the static page?
Static page is a page that is not included with your post pages of your blog. This page is usually used for the pages of About Me, Contact Us, Terms of Services, phone number, a map to your location, etc.

Note:

This feature is not yet available on your blogspot url. You need to sign into its draft version. Just like Google has Labs page for showcasing and testing new features and applications, Blogspot has draft. You can create up to 10 pages.

How to create a pages on Blogger?

To create, you must sign into draft by clicking here

Now that If you have logged into your draft blogger account, all you need is to go to your blog’s dashboard and visit the Posting section and find a new tab named ‘Edit Pages‘.

Now, click on the 'New Page' button. The post editor will appear, and please fill out as you want. After that, click Publish Page

Once your page is published, you can link to it from the new Pages widget. The Pages widget lets you add links to your pages as tabs at the top of your blog, or as links in your blog's sidebar. After that, an option will appear, whether you want that page on Blog sidebar, tab Blog, or No gadget. Give an option and then click Save and Publish.

In the Pages widget, you can decide which pages will have links, and in what order they will appear. You can also choose whether or not you want links automatically created for pages when you create them by checking or unchecking the box to the left of Add new Pages by default.

Please see the result on your blog.

You can create pages and also add them to either blog sidebar or to blog tabs under the header. Just create a page and you will be prompted automatically to select with the pages widget.

You also can manage and arrange this static page through Layout tab and then Page Element.

Welcome Blogger static page!

Is Blogger trying to stop the migration?

I still think that Blogger is something that people love using for its simplicity. Wordpress has the ability to create pages which does make a first choice for many developers as it is not just blog oriented. Blogger with the option of creating pages will obviously make it better for blogspot fans to stay on and not migrate.

What do you think? Will Blogger give Wordpress competition in the future?

Hey! My freinds. If you like my post you can save it using "Save Page as PDF" button below and you can even share them to your friends with social networking buttons provided below this post.

Monday, January 4, 2010

How To Change "Post a Comment" Text of Blogger Blog ?

You can see "Post a Comment" text below your post (As in my case) or above your comment form in blogger. If you like to replace this "Post a Comment" text with your own creative text follow the steps below.

1.Login to your blogger dashboard --> layout ---> Edit HTML

2.Click on "Expand Widget Templates".

3.Scroll down to where you see this:

<data:postCommentMsg/>

Note: You can find above code in 2 places while editing template.

4.Now replace above codes with your own text. For example you can replace it with "Give Your Feedbacks", or "Hey! Leave Me a Message", etc.

5.Now save your template and you are done. Refresh your site to see result.

Sunday, January 3, 2010

How To "Refresh" Your Blog Automatically ?

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see <head> tag .

3.Copy below code and paste it just after the <head> tag.

<meta HTTP-EQUIV='refresh' content='15;URL=http://yoursite.com'/>

Note: Replace http://yoursite.com with your blog or website URL. Here in above code, 15 is the time period between 2 page refresh. Change it as your choice.

4.Now save your template and you are done.

Saturday, January 2, 2010

How To Add "Two Columns" below blogger Header ?

1.Log in to your dashboard--> layout---> Edit HTML

2.Scroll down to where you see like this code.

<div id='header-wrapper'><br />  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /><b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/><br /></b:section><br />  </div>

3.Now add below code between </b:section> and </div>

<b:section class='sidebar' id='magazine-left3' showaddelement='yes'><br /><b:widget id='Text513' locked='false' title='Column 1' type='Text'/><br /></b:section><br /><br /><b:section class='sidebar' id='magazine-right3' showaddelement='yes'><br /><b:widget id='Text523' locked='false' title='Column 2' type='Text'/><br /></b:section><br /><br /><div style="clear: both;"></div>

4.Now Find below code.

]]></b:skin>

5.Add below code before ]]></b:skin> tag.

#magazine-left3 {<br />width: 30%;<br />float: left;<br />}<br />#magazine-right3 {<br />width: 65%;<br />float: right;<br />}

Note: You can change values of width,as your choice.

6.Now save your template and you are done.

Friday, January 1, 2010

How To Hide Your Post Date, Time and Author in Blogger ?

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Template"

How To Hide Post Date ?
Scroll down to where you see this: <data:post.dateHeader/>

Now delete this code.

Save Template and preview your site.

How To Hide Post Time ?
Scroll down to where you see this:

<span class='post-timestamp'><br /><b:if cond='data:top.showTimestamp'><br /><data:top.timestampLabel/><br /><b:if cond='data:post.url'><br /><a class='timestamp-link' expr:href='data:post.url' rel='bookmark' <br />title='permanent link'><abbr class='published' <br />expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><br /></b:if><br /></b:if><br /></span>

Now delete this code.

Save Template and preview your site.

How To Hide Post Author ?
Scroll down to where you see this:

<span class='post-author vcard'><br /><b:if cond='data:top.showAuthor'><br /><data:top.authorLabel/><br /><span class='fn'><data:post.author/></span><br /></b:if><br /></span>

Now delete this code.

Save Template and preview your site.

Tuesday, December 29, 2009

How To Add "Recent Comments" Widget in Blogger ?

1.Log in to your dashboard--> layout- ->Page Elements

2.Click on Add a Gadget. Select HTML/Javascript.

3.Select the code given below and paste it in the widget box you have just opened above.

<script style="text/javascript"><br />function showrecentcomments(json) {<br />  var numcomments = 5;<br />  var showcommentdate = true;<br />  var showposttitle = true;<br />  var numchars = 100;<br />for (var i = 0; i < numcomments; i  ) {<br />  var entry = json.feed.entry[i];<br />  var alturl;<br />  if (i == json.feed.entry.length) break;<br />for (var k = 0; k < entry.link.length; k  ) {<br />  if (entry.link[k].rel == 'alternate') {<br />  alturl = entry.link[k].href;<br />  break;<br />  }<br />  }<br />  alturl = alturl.replace("#", "#comment-");<br />  var postlink = alturl.split("#");<br />  postlink = postlink[0];<br />  var linktext = postlink.split("/");<br />  linktext = linktext[5];<br />  linktext = linktext.split(".html");<br />  linktext = linktext[0];<br />  var posttitle = linktext.replace(/-/g," ");<br />  posttitle = posttitle.link(postlink);<br />  var commentdate = entry.published.$t;<br />  var cdyear = commentdate.substring(0,4);<br />  var cdmonth = commentdate.substring(5,7);<br />  var cdday = commentdate.substring(8,10);<br />  var monthnames = new Array();<br />  monthnames[1] = "Jan";<br />  monthnames[2] = "Feb";<br />  monthnames[3] = "Mar";<br />  monthnames[4] = "Apr";<br />  monthnames[5] = "May";<br />  monthnames[6] = "Jun";<br />  monthnames[7] = "Jul";<br />  monthnames[8] = "Aug";<br />  monthnames[9] = "Sep";<br />  monthnames[10] = "Oct";<br />  monthnames[11] = "Nov";<br />  monthnames[12] = "Dec";<br />  if ("content" in entry) {<br />  var comment = entry.content.$t;}<br />  else<br />  if ("summary" in entry) {<br />  var comment = entry.summary.$t;}<br />  else var comment = "";<br />var re = /<\S[^>]*>/g;<br />  comment = comment.replace(re, "");<br />document.write('<br/>');<br />  if (showcommentdate == true) document.write('On '   monthnames[parseInt(cdmonth,10)]   ' '   cdday   ' ');<br />document.write('<a href="'   alturl   '">'   entry.author[0].name.$t   '</a> commented');<br />  if (showposttitle == true) document.write(' on '   posttitle);<br />document.write('<br/>');<br />if (comment.length < numchars) {<br />document.write('<i>');<br />  document.write(comment);<br />document.write('</i>');}<br />  else<br />  {<br />document.write('<i>');<br />  comment = comment.substring(0, numchars);<br />  var quoteEnd = comment.lastIndexOf(" ");<br />  comment = comment.substring(0, quoteEnd);<br />document.write(comment   '...<a href="'   alturl   '">(more)</a>');<br />document.write('</i>');}<br />document.write('<br/>');<br />  }<br />document.write('<br/>');<br />}<br /></script><br /><script src="http://yourblogname.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"><br /></script>

Note: Replace "http://yourblogname.blogspot.com" with Your own blogspot URL.

4. Now Click Save and Refresh Your site to viedw the change.

Sunday, December 27, 2009

How To Display Posts as Headlines in blogger ?

1.Login to blogger dashboard-->Layout > Page Elements

2.Click on 'Add a Gadget'.

3.Select 'HTML/Javascript' and add the code given below and click save.

<script style="" src="http://www.hotlinkfiles.com/files/2681944_ihtfn/RecentPostsScrollerv2.js"> </script><script style=""> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="»»"; </script> <script style="" src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

Note: You must replace YOURBLOG (in above code) with your own blog name (Example: biizay).

You can even Customize other values as your choice:

var nMaxPosts = 15; - This code sets the number of posts in this widget.

var sBgColor; - If you want to set background color then change this code to var sBgColor= grey;

var nWidth; - Modify this code to change the width to var nWidth= 100px;

var nScrollDelay = 175; - This code is used to set the speed of scrolling. Lesser the no, higher the speed of scrolling.

var sDirection="left"; - This code sets the direction of scroll. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down

var sBulletChar="»»"; - This bullet appears before each post link in this widget. You can replace this to any other bullet.

Now you are done.

Saturday, December 26, 2009

How To Add "Top Commentators" Widget for Blogger ?

If you like to add Top Commentators Widget to your blog you should follow the following steps below. It will increase the commenting rate on blogs.

1.Log in to your dashboard--> layout- ->Page Elements
2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save

<script type="text/javascript"><br />function pipeCallback(obj) {<br />document.write('<ol>');<br />var i;<br />for (i = 0; i < obj.count ; i  )<br />{<br />var href = "'"   obj.value.items[i].link   "'";<br />if(obj.value.items[i].link == "")<br />var item ="<li>"   obj.value.items[i].title   "</li>";<br />else<br />var item = "<li>"   "<a href="   href   ">"   obj.value.items[i].title   "</a> </li>";<br />document.write(item);<br />}<br />document.write('</ol>');<br />}<br /></script><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2f414149ab66e0892a6a179016f93019&url=http%3A%2F%2Fyourblog.blogspot.com&num=10&filter=" type="text/javascript"></script>

Note: Remember to replace yourblog (in above code)with your own blog name. Do not include http://

You are done.

Friday, December 25, 2009

How To Add "Posted By" Line Below The Post Title in Bog ?

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this:

<span class='post-author'><br /><b:if cond='data:top.showAuthor'><br /><data:top.authorLabel/> <data:post.author/><br /></b:if><br /></span>

4.Now "CUT" (not copy) above code and paste it in the same blog widget below this line :

<div class='post-body'>

5.Click on "Save Templates" and refresh your site.

You are done!!

Wednesday, December 23, 2009

How To Add Related Post With Thumbnails below Blogger Post?

In this post I will explain how to add the "Related Post" widget to blogger by hosting java script in blogger.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see </head> tag.

4.Copy below code and paste it just before </head> tag.

<!--Related Posts with thumbnails Scripts and Styles Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />#related-posts {<br />float:center;<br />text-transform:none;<br />height:100%;<br />min-height:100%;<br />padding-top:5px;<br />padding-left:5px;<br />}<br /><br />#related-posts h2{<br />font-size: 1.6em;<br />font-weight: bold;<br />color: black;<br />font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;<br />margin-bottom: 0.75em;<br />margin-top: 0em;<br />padding-top: 0em;<br />}<br />#related-posts a{<br />color:black;<br />}<br />#related-posts a:hover{<br />color:black;<br />}<br /><br />#related-posts  a:hover {<br />background-color:#d4eaf2;<br />}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br /><br />//Script by Aneesh of www.bloggerplugins.org<br />//Released on August 19th August 2009<br />var relatedTitles = new Array();<br />var relatedTitlesNum = 0;<br />var relatedUrls = new Array();<br />var thumburl = new Array();<br />function related_results_labels_thumbs(json) {<br />for (var i = 0; i < json.feed.entry.length; i  ) {<br />var entry = json.feed.entry[i];<br />relatedTitles[relatedTitlesNum] = entry.title.$t;<br />try<br />{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}<br /><br /><br />catch (error){<br />s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b 5);d=s.substr(b 5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){<br />thumburl[relatedTitlesNum]=d;} else thumburl[relatedTitlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVHQLlM16BguWUk1MZJoAVM9GdFZYMdG98MI6Py0D4P0wXTAcxBWh_AjwLKP8c2DXeWpSjD4xGgqHBs5ngNIdLQF4qMIYRhEjv0x1qZrSThXms26r12pJh-FubIIAffE8q4lYYF4W8B4/s400/noimage.png';<br /><br /><br /><br /><br />}<br /><br />if(relatedTitles[relatedTitlesNum].length>35) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 35) "...";<br />for (var k = 0; k < entry.link.length; k  ) {<br />if (entry.link[k].rel == 'alternate') {<br />relatedUrls[relatedTitlesNum] = entry.link[k].href;<br />relatedTitlesNum  ;<br /><br /><br />}<br />}<br />}<br />}<br />function removeRelatedDuplicates_thumbs() {<br />var tmp = new Array(0);<br />var tmp2 = new Array(0);<br />var tmp3 = new Array(0);<br />for(var i = 0; i < relatedUrls.length; i  ) {<br />if(!contains_thumbs(tmp, relatedUrls[i]))<br />{<br />tmp.length  = 1;<br />tmp[tmp.length - 1] = relatedUrls[i];<br />tmp2.length  = 1;<br />tmp3.length  = 1;<br />tmp2[tmp2.length - 1] = relatedTitles[i];<br />tmp3[tmp3.length - 1] = thumburl[i];<br />}<br />}<br />relatedTitles = tmp2;<br />relatedUrls = tmp;<br />thumburl=tmp3;<br /><br /><br />}<br /><br />function contains_thumbs(a, e) {<br />for(var j = 0; j < a.length; j  ) if (a[j]==e) return true;<br />return false;<br />}<br />function printRelatedLabels_thumbs() {<br />for(var i = 0; i < relatedUrls.length; i  )<br />{<br />if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i])))<br />{<br />relatedUrls.splice(i,1);<br />relatedTitles.splice(i,1);<br />thumburl.splice(i,1);<br /><br />}<br />}<br /><br /><br />var r = Math.floor((relatedTitles.length - 1) * Math.random());<br />var i = 0;<br /><br />if(relatedTitles.length>0) document.write('<h2>' relatedpoststitle '</h2>');<br />document.write('<div style="clear: both;"/>');<br />while (i < relatedTitles.length && i < 20 && i<maxresults) {<br /><br /><br />document.write('<a style="text-decoration:none;padding:5px;float:left;');<br />if(i!=0) document.write('border-left:solid 0.5px #d4eaf2;"');<br />else document.write('"');<br />document.write(' href="'   relatedUrls[r]   '"><img style="width:72px;height:72px;border:0px;" src="' thumburl[r] '"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">' relatedTitles[r] '</div></a>');<br /><br /><br />if (r < relatedTitles.length - 1) {<br />r  ;<br />} else {<br />r = 0;<br />}<br />i  ;<br />}<br />document.write('</div>');<br /><br />}<br /><br />//]]><br /></script><br /></b:if><br /><!--Related Posts with thumbnails Scripts and Styles End-->

5.Now scroll down to where you see below code:

<div class='post-footer-line post-footer-line-1'>

NOTE: If you can't find <div class='post-footer-line post-footer-line-1'> in your template,find <data:post.body> instead of it.

6.Copy below code and paste it just after above code.

<!-- Related Posts with Thumbnails Code Start--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='related-posts'><br /><b:loop values='data:post.labels' var='label'><br /><b:if cond='data:label.isLast != &quot;true&quot;'><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><script expr:src='&quot;/feeds/posts/default/-/&quot;   data:label.name   &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a><br /><script type='text/javascript'><br />var currentposturl=&quot;<data:post.url/>&quot;;<br />var maxresults=5;<br />var relatedpoststitle="Related Posts";<br />removeRelatedDuplicates_thumbs();<br />printRelatedLabels_thumbs();<br /></script><br /></div><div style='clear:both'/><br /></b:if><br /><!-- Related Posts with Thumbnails Code End-->

Note: You can change 5 and, Related Posts in above code as your choice.

7.Now save your template and you are done.

Saturday, July 9, 2011

Friday, July 8, 2011

Thursday, June 30, 2011

Wednesday, June 8, 2011

Monday, March 8, 2010

Sunday, March 7, 2010

Monday, March 1, 2010

Saturday, February 27, 2010

Friday, February 19, 2010

Monday, February 15, 2010

Monday, January 25, 2010

Monday, January 4, 2010

Sunday, January 3, 2010

Saturday, January 2, 2010

Friday, January 1, 2010

Tuesday, December 29, 2009

Sunday, December 27, 2009

Saturday, December 26, 2009

Friday, December 25, 2009

Wednesday, December 23, 2009

Subscribe via Email

Subscribe via RSS

About Me and My Blog

Categories

Blog Archive

My Photos

You Can Find Me Here

My Friends Blog

Your Local Time

Nepali Calender

English Calendar

My Blog Followers

FeedBurner FeedCount

Search The Contents of Blog

Subscribe via Email

Total Page Visited

My Recent Posts

My Popular Posts

Recent Comments on My Articles