Please don't click on these links yet.

Under construction: ? * # 0-9 |A |B |C |D |E |F |G |H |I |J |K |L |M |N |O |P |Q |R |S |T |U |V |W |X |Y |Z

Your opinion is needed with a new "FAQ" I'm thinking of writing up. Click on this "FAQ link" now and leave a comment if you can spare the time.
Tutorials : How I made it •toolbars • paginations • buttons • widgets • tweeks • mega tweeks • everything else • inspiration • ideas • FAQ • problems • Fixing problems

Next and Previous button images

Wednesday, July 18, 2012  at 12:05 PM
This is a follow up post to the Remove Next / Previous links and replace them with images that seems to be popular on this site. As there are limited buttons available for this function I thought I would share with everyone the small collection of buttons that I have available. I have found these buttons on the Internet so they are not ones I have made myself, nor can I claim them as my own. Some of the button sets also have additional buttons to the set. Below each set are the code for each button - feel free to use them on your own blog or website.


PREVIOUS BUTTON: <img src='https://lh6.googleusercontent.com/-6pcRNtLcc38/UATZPcsQ6aI/AAAAAAAAIGY/bKyy-xAl-x4/s48/arrow_left_48.png' />

NEXT BUTTON: <img src='https://lh6.googleusercontent.com/-ThhcuIveors/UATZPVFE3nI/AAAAAAAAIGU/Qk4po46izns/s48/arrow_right_48.png' />



PREVIOUS BUTTON: <img src='https://lh6.googleusercontent.com/-Y3TPbHlNddA/UATZT5waTXI/AAAAAAAAIGs/uD-1smSjfPA/s48/b_back.gif' />

MORE STORIES BUTTON: <img src='https://lh6.googleusercontent.com/-Gp9icRgaqHQ/UATZT47ip0I/AAAAAAAAIGo/PReG0IZE9pY/s112/b_end.gif' />

NEXT BUTTON: <img src='https://lh4.googleusercontent.com/-yKY_TchZys0/UATZT25McrI/AAAAAAAAIGk/hnmaVtK6CYY/s48/b_next.gif' />


RED PREVIOUS BUTTON: <img src='https://lh5.googleusercontent.com/-w7S0LrOL_0w/UATZceZTOEI/AAAAAAAAIG8/N75_nY4i9ek/s184/Back%252520Button%252520%2528norcastle%252520red%2529.png' width='100px'  />

BLUE NEXT BUTTON: <img src='https://lh4.googleusercontent.com/-q8PqeoWjy_U/UATZ2cFSaFI/AAAAAAAAIII/dQaWrHtpRcc/s147/imagesCAPYHR3G.jpg' width='100px' />

PREVIOUS BUTTON: <img src='https://lh4.googleusercontent.com/-KjiA9hQOWgQ/UATZclEJUHI/AAAAAAAAIHA/RC1qcio3z_s/s150/back_button.gif' />

NEXT BUTTON: <img src='https://lh4.googleusercontent.com/-sASpasnQBBg/UATZpPYnC_I/AAAAAAAAIHs/Ea3espi1Iq0/s150/imagesCA13IC60.jpg' />



PREVIOUS BUTTON: <img src='https://lh6.googleusercontent.com/-5M0By2-WaWg/UATZcx9mdbI/AAAAAAAAIHE/WTCuhd9vq3U/s43/back_button_selected.gif' />

NEXT BUTTON: <img src='https://lh4.googleusercontent.com/-jQfvxv7tCRo/UATZ3coOeJI/AAAAAAAAIIY/IM8xmjqPc14/s43/next_button.gif' />




PREVIOUS BUTTON: <img src='https://lh4.googleusercontent.com/-_A8-RnwVwQk/UATZofSuNcI/AAAAAAAAIHU/27ZP_UsSZBM/s205/Backbutton.gif' width='80px' />

HOME BUTTON: <img src='https://lh6.googleusercontent.com/-ZG_sgR3RkUM/UATZ23rWpmI/AAAAAAAAIIU/DdlFH3g7WrU/s169/mainpagebuttom.jpg' width='80px' />

NEXT BUTTON: <img src='https://lh5.googleusercontent.com/-LdI4jBaI9ms/UATZpbmjLKI/AAAAAAAAIH4/g5_YU2peP38/s163/imagesCA6O90S8.jpg' width='80px' />




PREVIOUS BUTTON: <img src='https://lh5.googleusercontent.com/-Po20vYfAUVQ/UATZ_0p9fqI/AAAAAAAAIJE/Biu2MayW1xI/s105/previous___.png' />

HOME BUTTON: <img src='https://lh5.googleusercontent.com/-ptMeEvS33OI/UATZoWIzUiI/AAAAAAAAIHY/JZBBYxY7org/s146/backtohome.png' />

NEXT BUTTON: <img src='https://lh4.googleusercontent.com/-QIxCoSVc6GU/UATZ3DcDvYI/AAAAAAAAIIQ/ysSCfB8iC8U/s71/next___.png' />

BACK TO TOP BUTTON: <img src='https://lh5.googleusercontent.com/-NtJjFuruPnk/UAYQJNceHZI/AAAAAAAAIJ8/tgbji1dJGLg/s167/2000Post.png' />




PREVIOUS BUTTON: <img src='https://lh6.googleusercontent.com/-aDlexYQaMe8/UATZoQDgs6I/AAAAAAAAIHc/pGPUEtgZpP8/s48/back_buttons.gif' />

NEXT BUTTON: <img src='https://lh3.googleusercontent.com/-WBCd1-f1LTY/UATZ_CNmMUI/AAAAAAAAII4/riENI4OHKI8/s48/next_buttons.gif' />



PREVIOUS BUTTON: <img src='https://lh5.googleusercontent.com/-X3sBUAeNOe0/UATZo4khYYI/AAAAAAAAIHg/UK6iQlGrvdI/s56/buttonBack%255B1%255D.gif' />

NEXT BUTTON: <img src='https://lh3.googleusercontent.com/--NaLG6VmOzE/UATZ2L4q-0I/AAAAAAAAIIM/309mYG3A3f8/s56/imagesCAJ9SHO0.jpg' />


 
PREVIOUS BUTTON: <img src='https://lh4.googleusercontent.com/-XQKewgFEjfE/UATZ_P9PO3I/AAAAAAAAIIw/hVQ09LOe3ZE/s54/PREV.jpg' />

NEXT BUTTON: <img src='https://lh6.googleusercontent.com/-rA5oZQP4XrY/UATZ2HEtnDI/AAAAAAAAIIE/GOZNlZBkRdE/s54/NEXT.jpg' />


 
PREVIOUS BUTTON: <img src='https://lh3.googleusercontent.com/-dj1SY2y2Buc/UATZ_z0rJNI/AAAAAAAAIJA/ID4ZSygs-Lo/s79/previous-red.png' />

NEXT BUTTON: <img src='https://lh3.googleusercontent.com/-4a2FvMnQet0/UATZ_EUSxRI/AAAAAAAAII0/ECEGm3gMsE4/s79/next-red.png' />


 
PREVIOUS BUTTON: <img src='https://lh3.googleusercontent.com/-TPW75VFE8w0/UATaHMDaopI/AAAAAAAAIJk/URZDfm1HVro/s62/sm-previous-red.png' /> 

NEXT BUTTON: <img src='https://lh3.googleusercontent.com/-ox3U--l3gMM/UATaALbquEI/AAAAAAAAIJI/1mIm-MknaPg/s62/sm-next-red.png' />

>> About half of these buttons are best placed on sites with a white background.
Posted by Shirley E Hardy
Labels:
Share  Tweet this post

1 comment:

  1. Umar KhaleeqDecember 23, 2012 at 10:26 PM

    how to make previous and next picture as in a slide in a blog.

    my blog address http://topclassfun.blogspot.com

    ReplyDelete

Comment Rules/Features ▼
Your Answer Thanks for contributing an answer to Blogger Tutorials for everyone! Please make sure your answer is NOT a SPAM comment, as such comments will be deleted. Provide details and share your research. Avoid statements based solely on opinion; only make statements you can back up with an appropriate reference, or personal experiences. Comment Options to add to the form below:
Of course, you can add various combinations of the above to your comment as long as you place the ending tags in the right locations.


Features:

To change your text to bold simply type in a left facing arrow then a UPPERCASE letter b then a right facing arrow. Then add your text, followed by typing in a left facing arrow, then type in /B and then a right facing arrow.

To change your text to italics simply type in a left facing arrow then a lowercase letter i then a right facing arrow. Then add your text, followed by typing in a left facing arrow, then type in /i and then a right facing arrow.

To change the colour of your text type in [co="red"]Add your text here[/co] You can change the colour of the text by either typing in the colour's word or by adding a hex colour code that includes the hash symbol.

Your text goes here. To add a marquee text type in [ma]Add your text here[/ma]

To add an image or gif type in [im]Add your image or gif URL here[/im]

Of course, you can add various combinations of the above to your comment as long as you place the ending tags in the right locations.

To add a Youtube video as a comment use either one of the two codes below and replace the video url with the one you want to add as a comment.
[video=ADD-ENTIRE-VIDEO-URL-THAT-YOU-VIEW-ON-THE-WATCH-PAGE-ON-YOUTUBE-HERE]
[video=ADD-ENTIRE-VIDEO-URL-THAT-YOU-VIEW-ON-THE-watch?feature=player_detailpage-HERE]

Subscribe to: Post Comments (Atom)

Scrollbox codes

<a target='_blank' title='DON'T TOUCH MY PHONE' href='ADDYOURURLHERE'><img src='https://lh4.googleusercontent.com/-qSyLJ0X94nk/T-_ekHbo_mI/AAAAAAAAHmY/qk0v-X5s32s/s320/58298-dont-touch-my-phone.png' border='0'/></a>

This free script provided by
JavaScript Kit

FAQ

YOUR OPINION COUNTS! A list of topics that I am thinking of writing about but need feedback from visitors before I go ahead with it.
Click to view more Pages
 

Blogger Tutorials for everyone

This site consists of tutorials that you would not normally see elsewhere. I am adding tutorials that I have either tweeked or created myself, using existing code already found on the Internet.
Back To Top Image by Cool Text: Logo and Button Generator - Create Your Own Logo

Scroll to Bottom Back to Top