Step 1:


First thing first. Get your pictures ready. I'm not gonna show you how to create/design your buttons. But I'll share a cool website that lets you create image buttons easily. Click the link below, and get your buttons created:

CoolText

Once you've created your image, click on Download Image and save it to your computer.

Step 2:

Next, upload your image somewhere and get its direct link. Click here if you're not sure how to do this.

This is the direct link that I have gotten for my image:
Get the direct links for all the images that you want to insert into your tab. We're going to insert the addresses of these images into the code in the next step. In this example, I'm going to use 3 images.

Step 3:

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

Step 4:

Replace the addresses in lines 13, 22 and 31 above, with those of your images. Also, you may need to change the width of each one of your images to fit your menu better. You can do this by changing the width attribute in lines 16, 23 and 30.

Extra:

If you have more than 4 images, simply add the template below for your additional images. You need to enter the sequence of the picture in line 1. For example, if this is the 4th picture, then replace 'PICTURE_NUMBER' with '4'.

The links are for my current images but it doesn't work, am i skipping something? or when I disable all dynamic options from the bar I was unable to do it.

And is there any way to attach a link to the image I am uploading using this method??

#pages.tabs ul{
margin-left: 5px !important;
}

#header .tabs li {
display: inline-block;
height: auto;
line-height: auto;
margin: 0px;
}

#pages.tabs ul li:nth-child(1) a:link{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpd2-eBmJOwLNO4l0MhroVUyvZOgF2oY25UhyphenhyphenExOmnpulIfoVzAMmxPDUoiMovJTPnpqnKZt_hXWzwSiFr8uthluzOJvFMpzP43mDZiBoaPQIl3uwq0ZK_r-V-qLOqODc8O2ThfPQyLvOZ/s100/triangle1.jpg') center no-repeat !important;
font-size: 1%;
color: transparent !important;
display: block;
width: 100px !important;
}

I want to do exactly what this post suggest (which is using an image instead of text for the page links), but I ONLY want to do it for the LAST page option (and continue using the same text for the other pages).. The site I'm working on is rodelcasio.com, which looks as good as it does BECAUSE OF YOU! You're amazing.. but I want the "Facebook" text to be a simple Facebook square.. how do I do that for JUST the last page?

#pages.tabs ul{
margin-left: 5px !important;
}
#header .tabs li {
display: inline-block;
height: auto;
line-height: auto;
}

#pages.tabs ul li:nth-child(7) a:link{
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcNL_WiAeszFPg25f9bkjg4l6_d3Hl2AaIQQzWc8PbvS4XznWTZ45Q-0V6YzmtrE29KPmsL_88SknQRST7Cu94SJQHW5dOvWn-8_bO3Pdyvl9pKkuz5h5oL52ZSx8_9_7cnJMoLekBP8/s85/facebook_logo.jpg') center no-repeat !important;
font-size: 1%;
color: transparent !important;
display: block;
width: 100px !important;
height: 25px;
}

Such a great service you do here! I am using Dynamic Views as a membership directory for my association. I want to be able to have site visitors re-organize all the members' photos two ways:
1. By industry
2. By chapter in my organization

I used labels to organize them by industry. Great. However, if I add more than one label to a post (member page!) then the template randomly chooses to organize them by industry or chapter. That makes for a mess!

How can I get the template to also organize the posts by chapter? It would seem that the Author sort function would be ideal for it, if that could be changed.

If that cannot be done, then I have a work around idea: Creating a separate email address for each chapter and uploading the posts using each chapter as a separate "Author". This alternate solution requires changing "Label" to "Industry" and changing "Author" to "Chapter" in the nav bar. Can this be done in Dynamic Views"?

http://naemembers.blogspot.com 

can you help me about the images size is too big in menu bar, how to make it smaller
because if i change the height from 50 px to 20 px the image is like cropped

apit-testbot.blospot.com

 How to hide the date contained in the upper left?

.ribbon{
display: none !important;
}