Tutorials, tips and tricks about Blogger

New icon pack from the design blogMaquiladora de Sueños” for our spanish sister site Blog and Web. Are eight social icons with a 3D effect and a glossy touch and a famous apple shape.

The web services included are Facebook, Twitter, Feed RSS, YouTube, Vimeo, Flickr, MSN, and Skype.

These are in three different sizes: 64×64, 100×100 y 200×200 in PNG with good quality to scale them easily. Have transparent background to match any design.

License
  • Released under Creative Commons Attribution 2.5 License.
  • Personal or commercial use is allowed but not selling.
  • When distributing, please link to this article and not to the file or to another post or server.
Download

Read more →

analytics

The way in which visitors come from search engines is valuable information about a blog, however, the way which users use the internal search form is rarely monitored.

Google Analytics has a fairly simple method to add this data to our reports.

1. In the Analytics dashboard, the blog of interest row, Actions column, click Edit.

Dashboard → Blog → Actions → Edit

At the Main Website Profile Information box, click Edit.

Main Website Profile Information → Edit

On the form, active Do Track Site Search and in the Query Pameter field, put: For Blogger: q. For WordPress: s. These correspond to search queries.

sitesearch-analytics
Read more →

Blogger has added a new feature, a few weeks ago, to its platform: buttons to share the content of a post through social services such as Facebook, Twitter, Blogger, Google Buzz or traditional email.

How to add them?

You need first to activate them:

Dashboard → Design → Blog Posts → Edit

share-button-blogger

If, with this, the buttons don’t appear on your blog after doing this, surely you’ve got a custom template, so you have to add the code manually to add the feature. In the code on your template (Dashboard → Desing → Edit HTML → Expand Widget Templates) search for something like this:

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

Note: you can also search for post-footer-line-2 or post-footer-line-1.

After the code, add this:

<!-- Share Buttons --><div class='post-share-buttons'><b:include data='post' name='shareButtons'/></div>

Make sure all tags have been closed properly or errors will appear.

Customization

From the classes by default given by Blogger, you can add styles to the icons and customize their location, size or any other propierty using CSS. The classes given by Blogger are:

.post-share-buttons {} /* Buttons container */
.share-button {} /* This applies classes to all buttons */
.sb-email {} /* Share via Email */
.sb-blog {} /* Share on another blog on Blogger */
.sb-twitter {} /* Share on Twitter */
.sb-facebook {} /* Share on Facebook */
.sb-buzz {} /* Share on Google Buzz */

Conclusion

As always, Blogger brings features very late, when its users have been using them without its help. I think you get a complete option here as it allows you for share your information using the most used services like Facebook, Twitter and email. The email is maybe the main feature, as it adds a new page with a form easy to fill and make use of your Gmail contacts.

adblockers

Everybody knows that advertising is the main support of Internet. The most of web services such as diaries online, blogs and media sites earn their income from different kind of advertising.

On the other hand, many users see advertising as an obstacle in their browsing experience, which it has caused the development of Ad Blockers, or tools that prevent ads are shown.

Smashing Magazine, however, makes an interesting thought about Why web designers should not use Ad Blockers. This thought goes both for bloggers and users as well. The reasons given by the author are (according to my interpretation):

  • Ad Blockers hinder the community: They break the line of Production-Consumption-Difussion.
  • Promote a selfish attitude: The most important thing is ‘my’ navigation and not the hard work of web designers.
  • Cause a mini bubble: Many companies investing in advertising but less people willing to consume.
  • Make the web less real: You may have more to lose if you use ad blockers, as you will see the web very different, ad-free pages, almost uthopic.

I would add:

  • Ad Blockers make worst the desing on various websites: Almost always current web designing considers save room for advertising, and the visual weight is calculated with ads kept in mind. Some sites lose this balance if they have no ads.

The benefits of using ad blockers are pretty known: a slightly faster navigation and less visual weight.

This is, without any doubut, controversial. In my opinion, ad blockers don’t cause a heavy impact in the revenue of websites yet. Otherwise, the more ad blockers emerging, the more ‘anti-ad blockers‘ would come up. But we can’t blame it on ad blockers: many people that decide to use them is because of sites that abuse in ads density and use intrusive advertising.

Got an ad blocker? What do you think about this as a user and as a blogger? We would like to know.

Photo by: Straws pulled at random (Creative Commons).

Ulises Arvizu, from Maquiladora de sueños, brings us today this amazing icon pack for BTemplates and Blog and Web exclusively. This time they are 3 great icons for Feed RSS, Twitter and Facebook available in three sizes: 32×39, 64×77 y 100×120, in PNG-24 format.

rubik-social-icons

The vector file (source) has been also included for you to make your own Rubik Cubes or whatever you want.

License

  • Released under Creative Commons Attribution 2.5 License.
  • Personal or commercial use is allowed but not selling.
  • When distributing, please link to this article and not to the file or to another post or server.

Download

Download Rubik Social Icons

Tutorials, tips and tricks about Blogger