Many users have personal blog and even I do have one. Yesterday, I was making personal blog for my friend and He wanted to add flickr image slide show in one of his blogger blog. So, I though to make post here on  my blog. It is very easy process. You even don’t need account in flickr. Click here to see DEMO. You will see title “Flickr Slideshow” on right side in sidebar.

Simple step for adding Flickr in Blogger

1. Go to Flickr.com

2. On main Page, search for anything you want. For instance, Country, Bridges, or Natural.

3. It will redirect to another page. You will see small sideshow written on Right hand corner. Click on it. Refer to Image (Red lines).

4. On next page you will see share option on right hand side at upper corner.Click on it and you will see an option “Copy to clipboard. Click on it. Refer to below image.

5. Go to Blogger.com and sign in using your username and password.

6. On Dashboard page, click Design . Click on Add gadget. It will open another small window. Click on HTML/JavaScript. (Refer to images)

7. Press CTRL + V in Blank field and give title according to your choice.

8. You are done. Enjoy…!

WordPress users have an advantage of plugins and lot of hack to make their blog attractive. In my previous post on New look to thetricks.net using Killer Thesis 1,8, you noticed that I added admin info at the end of my each post. WordPress user can add author info at the end of blog and Blogger user can’t. Not any more. You can add it in any theme you want using simple tutorials.

Take a look at Demo Image:

Do you want to add in your blog? Let’s ready. Take a look at live: Click Here

Step By step Tutorial to Add Admin Info in Blogger

1. Log in to your blogger account.

2. Go to to Dashboard >> Design >> Edit HTML

3. Click on small box before Expand Widget Templates

4. Take a back up of your blog template.

5. Find a ]]></b:skin> and Add Following CSS code before ]]></b:skin>

.author_info {
float: left;
width: 533px;                 /* Set Width of Widget As you want */
padding: 10px;
border: 1px solid #a1cb26;    /* Border of Widget */
margin-bottom: 15px;
margin-top: 15px;
background: #F0FDC6;          /* Background Color of Widget*/
}
.author_info h3 {
font-size:17px;
color:#001530;                /* Text color of "This Post is Written" by */
margin-bottom: 5px;
}
.author_photo {
float: left;
margin: 0 10px 0 5px;
}
.author_photo img {
border: 3px solid #ccc;       /* Border color of Image*/
 height: 100px; width:100px;  /*Height and Width of Avatar of Author */
}

6. Find <data:post.body/> and Add Following code after <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='http://a.imageshack.us/img62/9461/thetrickslogo.jpg'/></div>
<h3>This post is written by:<a href='http://thetricks.net'>Nandupatel</a> </h3>

<p>I am Nandupatel and write trick on blogger, wordpress and different hacks. <a href='http://www.thetricks.net/about'>Click Here</a> to Know more about Author.</p><p>If you like This post, you can follow Thetricks.net on <a href='http://www.twitter.com/thetricks'><b>Twitter</b></a> or Be fan on <a href='http://www.facebook.com/thetricks' target='_blank'><b>Facebook</b></a>.</p>
</div>

</b:if>

7. Click Save Template and you are almost done.

Change Green color to your prefered Text.

Need more Help? Just use Comment form.

Blogger is coming with new feature occasionally. Blogger announced two new widgets for their user which are pretty much most required widgets. Popular post widgets shows most popular articles on your blog which all blogger want to display for SEO purpose and stat is another most important for blogger to keep track on visitors. It is time for blogspot user to party.

To Access you need to Log in using Draft.blogger.com

You might want to take look to new widgets:

Popular Posts:

Feature of Popular Posts:

- Choose between all time, Last 30 days or Last 7 days.

- Show/Hide Image thumbnail

- Show/Hide Snippet

- Look at screen shot

Blog’s Stat:

- You can choose 4 different stat counter image with style option.

Did you like new Widget?

Most people want to show small image before URL in address bar of browser. Small image is known as favicon. For blogger and wordpress, tricks is different. I will explain here tricks for both. Before that look how it looks.:

You can see small black icon. That is call favicon.

For Blogger:

For blogger, here is small code you need to add in HTML code of blogger theme.

First you need to find code:

<head>

Just copy and paste below code after <head> code:

<link href='http://www.iconj.com/ico/m/k/mk13dr2mta.ico' rel='shortcut icon'/>

Insted of “http://www.iconj.com/ico/m/k/mk13dr2mta.ico” change to your favicon URL.

Its done for blogger user.

For wordpress:

In wordpress, it is more simple than blogger. Just upload your favicon in /public_html/ with .ico extension.

WordPress will get your favicon directly. If this trick won’t work then you can use same trick as blogger but in wordpress you need to add that code in public_html/index.php

Happy Blogging…!

Click here for wordpress!

Everyone want more and more subscriber everyday and to it may of them shows you wrong subscribe number such as 20k user have subscribed to us.

Subscribe list also help us to buy that blog. Owner can show wrong number of subscribe using image and if you see more than thousand subscriber then you definitely want to know exact number of subscriber. Showing exact number of subscribe is trust from our visitor.

But now, you can see it using little hack.

Feed address will be something like this if you are using blogspot:

http://feeds.feedburner.com/blogspot/indianmonsters

To see the number of readers, you need to add ~fc between the feed address.

So new link will be like this:

http://feedproxy.google.com/~fc/blogspot/indianmonsters

So, you can know exact number of subscriber using this trick.

If you didn’t subscribe with us, then it is time to subscribe. Subscribe now and don’t miss latest tricks from our blog.

]]> http://www.thetricks.net/find-exact-number-of-subscribe-for-any-blog/feed 0 http://www.thetricks.net/change-color-of-subscribe-now-button http://www.thetricks.net/change-color-of-subscribe-now-button#comments Wed, 30 Sep 2009 18:05:00 +0000 Nandupatel http://www.thebloguser.com/testing/?p=119

I know its has been long that I haven’t post any new tricks, but since I am studying too, I have to take care my study. Here is my another nice tricks for subscribe button. You have seen that some of blogger have changed color of Subscribe Button and you also want to do it.…

I know its has been long that I haven’t post any new tricks, but since I am studying too, I have to take care my study. Here is my another nice tricks for subscribe button. You have seen that some of blogger have changed color of Subscribe Button and you also want to do it. Be happy here is trick for it.

First of all see demo here..

You can see that I have change color of Subscribe…! button to orange.
To use this trick. Log in to your feed burner and get code for subscribe form. It will looks like this:

<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=blogspot/indianmonsters’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”blogspot/indianmonsters” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>

Now find this code:

<input type=”submit” value=”Subscribe” />
Change it to this to get orange color for Subscribe button:

<input value=”Subscribe…!” type=”submit” style=”font-style:veranda; font-size:14px; font-weight:bold;color:Black;background-color:#FF6600;text-align:center;”/>

Now change Subscribe….! to your choice of text
Change #FF6600 to your choice of color. This code is for orange.

I hope this will work for you. If not, then feel free to contact me. And don’t forget to subscribe with us to get latest future tricks about Blogger and maybe more.

]]>

Some time it is hard to judge how does our theme will look, and to make sure it, you first look preview of them. But, because of some type of extra image in theme such as setting button, our theme doesn’t look nice, and unable us to judge exact look of theme. So, you definitely want to remove. Some of you still didn’t get what am I talking then take look at image demo:

It is easy and here are step for that.

1. Log in to your blogger account.
2. Click Layout >> Edit HTML.
3. Click on small box just before Expand Widget Templates. (Back up your Template)
4. Find this Code:

<b:include name=’quickedit’/>

5. Remove it and you are done..!

Don’t forget to save templates.

In my previous post I talked about how to show recent post widget in blogger. Most people loved it and for that instance I thought to post same idea but with thumbnail. You can also show image as thumbnail in recent post widget.

Before we get started how to do it, take look at its demo image:

Here are step for that.

1. Log in to your Blogger account.
2. Click Layout >> Page Element.
3. Click on Add Gadget and add below code in it.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[1] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[2] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[3] = "http://img195.imageshack.us/img195/7350/blocko.gif";

imgr[4] = "http://img195.imageshack.us/img195/7350/blocko.gif";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#000000";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 7;

home_page = "http://example.blogspot.com/";

</script>

<script src="http://www.thebloguser.com/blogger/recentposts_thumbnail.js" type="text/javascript"></script>

Change green text with your choice of height and width and blue text with your blog name like http://yourname.blogspot.com

4. Move your Widget as your choice and save it. You are done.

What is next to do?

If you didn’t subscribe at then do it now. So, you will not loose any update on this blog.

I really want to thanks Kranthi. He have made this tricks.