Monday, February 28, 2011

CSS3 Circular Social Networking Menu for Blogger

preview-blogger

CSS Code Snippet
This section code should be inserted before the closing head tag.



HTML Code Snippet
This section code should be inserted where you want the output to appear.


Labels: , , ,

Sunday, February 27, 2011

CSS3 Vertical Sliding Photo Info for Blogger

preview-blogger

CSS Code Snippet
This section code should be inserted before the closing head tag.



HTML Code Snippet
This section code should be inserted where you want the output to appear.



Labels: , , ,

Saturday, February 26, 2011

The Future Now - CSS3 Exploding Menu for Blogger


preview-blogger

CSS Code Snippet
This section code should be inserted before the closing head tag.



HTML Code Snippet
This section code should be inserted where you want the output to appear.



Labels: , , , ,

Tuesday, February 22, 2011

Clean Network Icons by Icon Stick

Sunday, February 13, 2011

How to add a horizontal chrome drop down navigation menu with Javascript to Blogger

chrome_drop_down_menupreview-blogger

JavaScript Code Snippet
This section code should be inserted before the closing head tag.




CSS Code Snippet This section code should be inserted before the closing head tag.




HTML Code Snippet This section code should be inserted where you want the output to appear.

Labels: , , ,

Wednesday, February 9, 2011

How to add the Feedback Tab to your page in Blogger

You can add a Feedback tab in your Blogger template for readers to have easy access on what they would like to say or share about your blog. Your audience's say is crucial information to understanding what your readers want or expect to get from your blog or site when they visit. Listen to your fans and your fans will listen to you. Give em what they want; what they come to your site or blog seeking for. And the best way to do this is with actual stats is through your audience. To add a feedback tab to your Blogger page, simply add the following CSS section code below:


CSS Code Snippet
This CSS code should be inserted right before the closing head tag.


HTML Code Snippet
This HTML code should be inserted where you want the output to appear.


Labels: ,

Monday, February 7, 2011

Removing the "Showing newest posts with label" breadcrumb from Blogger

Most of the time when you're customizing your Blogger template, you may find that the "Showing newest posts with label" breadcrumb may make your pretty template seem like a basic one. This tutorial shows you how to remove that label from your Blogger template so it'll look just right.


To remove this label, simply log into your blogger dashboard > design > edit html (click on expand template widget). Once you've selected the "expand template widget, search for the following section code below:


Note: if you can't locate the section code above, try searching for just this line of code: <b:includable id='status-message'>

Next, replace the whole section code above with the following section code below:


Labels: , ,

Saturday, February 5, 2011

Medical Icons for Medical, Pharmacy, or Health blogs

Thursday, February 3, 2011

Organize your posts by putting your codes inside a box with an option to “select all” in Blogger, for better appearance and a user-friendly interface.

If your blogs usually consists of sharing codes, this tutorial may help you simplify your posts. Make it look better and cleaner by adding functionality and organization for a user-friendly interface.

organize_post_select_all

You can add this plugin to your posts by simply adding this section code whenever you need to place a code into a textbox.


Note: To adjust the textbox’s size, just adjust the textarea cols=”X“ for width and rows=”X” for height.

Labels: , ,