Blogger Hacks

This tutorial will explain simple way to add cool social bookmarker widgets to Blogger pages. In this case we’ll use simple Blogger Plugin from BlogSocializer. This plugin allows us to add nine popular bookmarkers button on every pages of our blog. Including Digg, Technorati, Delicious, Yahoo! MyWeb, Google Fusion, Blink, Furl, Simpy, and Stumble upon. Here we go..

1. Go to your Blogger Dashboard. Than click manage layout of your desired blog.

Layout menu in blogger dashboard

2. You’ll be in Template page at Page Element Tab. Now click [Add a Page Element]. Just choose where you’ll place the widget is. In this case I set it at bottom of every post, so I’ll place it below Posting Blog coloumn (See picture).

Add a page element

3. A popup window will appear. There you can choose what kind of page element you want to add. Now select [HTML/JavaScript] element. Than click [Add to Blog] button. A ‘Configure HTML/JavaScript‘ page will appear, leave it first.

Choose page element

4. Go to BlogSocializer and get the code there. Click and copy the given code.

copy BlogSocializer code

5. Go to popup window again. Fill in title of element first than paste the code at ‘Content‘ area (Right click and paste). Lastly, just click [Save Changes] button.

Paste the code

6. Now open your blog and test the widget. Below is example of working BlogSocializer in my blog. You can try how easy this widget in use by submitting this page to Digg, Technorati, and Delicious.

Demo screenshoot

Conclusion.
BlogSocializer is the easiest and simple way to add bookmarker widget in Blogger based page. This Blogger plugin is free to use. I know there are other bookmarker plugins such AddThis.com and Sharethis.com but I still suggest you to use BlogSocializer. Why? because with BlogSocializer we can display the true buttons of originally bookmarker sites. Not other flip button. So benefit of displaying those buttons is to make our blog looked like more cool. Just as WordPress bookmarker plugin.

Would you like to know who enjoys reading your blog? Or stay updated with your favorite blogs right from your Blogger dashboard? You can do those things and more with Blogger’s new Following feature.

The Following feature will be rolled out to all over the next few weeks, so if you don’t see it right away, don’t worry. It’s coming soon.
I think it would be a great feature knowing who is following your blog, and I m waiting for it’s launch.It’s currently in Experimental Stage so i can not give much info about it as i can not use it.



This is Something More Blogger Buzz Has To Say For It.

By following your blog, your readers tell you and the world that they’re a fan of what you post. Your Dashboard now shows you how many followers each of your blogs has. With a click on the Followers icon, you can browse your followers, see what blogs they write, and read the other blogs they’re following.

Now that you know who your Followers are, you can show them off by adding the Followers gadget to your blog’s sidebar. From the Page Elements” tab, click “Add a Gadget” and select “Followers” from the gadgets list.

The Followers gadget shows the profile pictures of your followers and gives your readers a “Follow This Blog” link to join up, too.

Your followers can stay updated with your blog with the Reading List that we’ve added to the Blogger Dashboard. The Blogs I’m Following tab automatically shows the latest posts from all the blogs you follow. You can follow any blog from your reading list, even blogs that haven’t added the Followers widget or aren’t hosted on Blogger. Just click the “Add” button and type in the blog’s URL.

If you’re a Google Reader user, you’ll now see a special folder in Reader called “Blogs I’m Following,” full of the subscriptions for all of the blogs you follow. You can follow blogs you’ve subscribed to in Reader, too: From the Reading List on your Blogger Dashboard, click “Add,” then “Import from Google Reader.”

And…. there’s more to come! We are also in the process of integrating with Google Friend Connect so you can give your readers more engaging social features. For more details about what we’ve launched, check out the help articles here:

————————————————————————–
Updates and Bug Fixes for August 27th

1.As reported on Blogger Buster (and elsewhere), the 3rd party Add Widget API was broken. It has been fixed.

2.The new button style appears clickable in all browers.

3.The Blog List widget can show thumbnails specified in Media RSS feeds.

4.Atom feeds now include the blog’s description as the element.

So What do you think About this gr8 feature that will be coming soon>>??


Dcloud Of Dcblog brought this fantastic thing to us.By this we can put a Image Just behing the Post Title like on his blog.It’s Very Simple,the only thing is that you need to have a superb image to put on their.

You will have to just check hard for the codes to implement as different blogger have different type of coding.

To locate the code which controls the post titles go to your Layout Tab (located in your Customize window) and click the Edit HTML sub tab. The code you are searching for is “.post h6” (it can be something else also,So try searching) which looks like this …


Now to get the background image in there you have to add the code “background: url()” like this:

.post h6
{
font-size:22px;
color:#000000;
font-weight:normal;
border-top:1px dotted #000000;
padding:4px 0 0 0;
width:599px;
no-repeat;
background: url(http://www.yourserver.com/yourimage.gif) no-repeat;
}

Now Check your blog the image might be partially visible only so add the height attribute(equivalent to the height of the image).

.post h6
{
font-size:22px;
color:#000000;
font-weight:normal;
border-top:1px dotted #000000;
padding:4px 0 0 0;
width:599px;
no-repeat;
background: url(http://www.yourserver.com/yourimage.gif) no-repeat;
}
height: 80px;

Now Checkout your blog,now you have to add/change the padding codes as you thinkl according to your blog to properly align the title within the image.

So What do you think Isn’t it great for your blog?

Again Thanks to Dcloud blog.



Top 10 Search Terms:

• post title background • background post title • post title background image • url background post title • blogger post title background image • background post title blog • background for post title • blogger post title background • post title background blogger

Everyone would have noticed in their Blogs that whenever you click an Link a dotted border appear around the link. The dotted Border not only appears for links but for all images , Post Titles , etc. It’s some what Annoying .This Is Not a big deal, but it’s good without the dotted lines . I am not sure if you have noticed it or not but i did.We can just ignore this for most of the times but sometimes it affects the look and feel of the site.

The Cause

When a link is clicked, it gets the focus. Firefox adds dotted borders to links that have focus to remind the users.

If you want them out as well or want to stop the dotted outlines here’s the simple thing to do. We just need to add outline:none to the a tag.


The Solution

To avoid the border, add this CSS rule to your page:

Go to your Dashboard then click Layout then Edit HTML place the code below:

a {
outline: none;
}

then save.

If your not sure where to place them, just click Ctrl+F then type a img then place the above code under it…please refer the image below for clarification.

And It’s Done, Enjoy!



Top 10 Search Terms:

• firefox link border • firefox link border remove • remove link border firefox • firefox remove link border

This Blogger Hack is focused Firefox Users who want to add Yahoo Smileys to Blogger Posts. This hack don’t work for other browsers like Internet Explorer , Opera , etc . I kindly request other browser users to see this post “ Add Yahoo Smileys to Blogger Posts ” , if they want to implement this hack in blogger.nerd


Firefox users follow this simple steps to add Yahoo smileys to Blogger Posts :

Step 1 :

open Firefox browser and install ” Grease monkey ” by visiting Grease monkey Addon ! and restart browser .

step 2 :

After installing Grease Monkey , install this Javascript file ( just open th file , Grease monkey will install automatically ) .

step 3 : Go to Layout section of your blog and click Edit HTML subtab . Now add this CSS code above ]]></b:skin>

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

that’s it we have successfully added yahoo Smileys to blogger.celebrate

1234567



whos.amung.us