Category Archives: Blogger/Blogspot

How to find your Google Plus ID

This is so simple

1. Go to your Google + account (https://plus.google.com/).

2. Click on the Profile icon on the Left.

3. If you look at the URL in the address bar, it should look something like this:

https://plus.google.com/104653270154306099169/posts

4. The long numerical string in the URL is your Google+ ID. Here is CoderzHeaven’s from the URL above:

104653270154306099169/

Google + CoderzHeaven

How to show preview of older posts at random in Blogger ?

Hi,
If you want to show the preview of your older posts at random in blogger page then use the following steps
1. Go to your blogger ‘Design’
2. Click ‘Add A Gadget’
3. Add ‘HTML/JavaScript’
4. Paste the following JavaScript code into it and save

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:218px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:204px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

    <script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 555;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "Your Opinions ?";

showPostDate = true;

summaryPost = 400;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 45;

home_page = "http://coderzheaven.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
    <script src="http://infution.byethost22.com/recentpostthumb.js" type="text/javascript"></script>
</div>

5. Done!

Note : Replace your blogger url in the “http://coderzheaven.com/” part! You can also change different parameters like number of random posts, font size, color etc.

Showing Twitter updates on Blogger/Blogspot

Hi,

If you want to show the latest twitter update of yours in your blogger/blogspot, then use the following steps.
1. Go to your blogger ‘Design’
2. Click ‘Add A Gadget’
3. Add ‘HTML/JavaScript’
4. Paste the following JavaScript code into it and save

<div class="twitter-desc">
<ul id="twitter_update_list"><li></li></ul>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/SampleURL.json?callback=twitterCallback2&amp;count=1" type="text/javascript"></script>
</div>

5. Done!

Note : Replace ‘SampleURL’ with your twitter id & you can set the number of twitter updates to be shown using the ‘count’, here count is set to 1.

:)

How to add categories / labels in your blogger?

Unlike wordpress blogger, blogspot don’t have direct method (I said direct not ‘NO’!) to add categories to your posts.

Just adding ‘Labels’ while you post your posts won’t work always.

But it’s simple to categorize posts in your blogspot.

Follow the simple steps below. (Google is always simple & will be!)

1. From your ‘Dashboard’ , Go to ‘Design’

2. Click ‘Add a Gadget’

3. Add ‘Labels’ from ‘Basics’ gadgets by clicking ‘+’ sign.

(Just scroll down to 17th or 18th item, you won’t find it by search sometime!)

4. Now you can add any number of Labels with commas while you post in Label Box

5. Done! Now Labels or Categories of your posts will be in your blog.

Very simple, right?

:)