Wednesday, 25 August 2010

Simplex Photography 2 - template for photographer

Several days ago ,Stephen Liau asked me for a template which show full gallery in the homepage and show like blog post for each image in gallery. And I answered him I was making template Simplex Photography2 . Now is the time for Simplex Photography 2 . Please take a look .







Live Demo | Download
Do you like it? ^^

To install this template ,please follow these steps

1,Download this template (of course :)

2,Open template file in any word editor you have ( I recommend Notepad++ )

3,To change header to your logo or banner ,find this code :
<div class="logo">
<h1><a expr:href='data:blog.homepageUrl'>Simplex PhotoGallery2</a></h1>
</div><!-- logo //-->
and change the code in bold to yours banner or logo ,for example :
<div class="logo">
            <a expr:href='data:blog.homepageUrl'><img src="your_logo"/></a>
        </div><!-- logo //-->

4,Change the link to categories in Category menu , find this code :
<div class="rp_list" id="cat_list">
            <a href="http://simplexphotography2.blogspot.com/"><h3>Home</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/human"><h3>Human</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/nature"><h3>Nature</h3></a>
            <a href="http://simplexphotography2.blogspot.com/search/label/test"><h3>Test</h3></a>
        </div>
Change the link and text in bold to your category name and link .Link to each category has structure :
http://your blog name.blogspot.com/search/label/category name
You can add more or remove links as your need .

5,To change the ad banner ,find this code :
<li class="widget1">
                             <a href="http://simplexdesign.blogspot.com"><img src="http://img30.imageshack.us/img30/3598/120x600ads.jpg"/></a>
                         </li>
and change the code in bold to your ad code . If you want to add code of ad network such as Adsense or Adbrite ...,you have to encode it first ,by copying the code Ad network provide ,then go to http://centricle.com/tools/html-entities/ ,paste it in text box ,click on encode ,and copy the result to template file to replace the text in bold above.

6,Save template and upload it to Blogger .

How to use this template ?

To make a post ,first of all ,you need to create thumbnail for each of your images ,many free softwares available in internet for creating thumbnail and I think you can easily search for them ( I use Yet Another Thumbnail Creator ) .Upload original image and thumbnail to a host or image hosting service .
After that ,create a post as normal .Each post should contain one image and text for description . When you finish creating content for the post  ,click on edit HTML ,find <img src="........." /> tag of your image and change it to :
<img alt="link to original image" src="link to thumbnail" />
 So the structure for a post should be like this :
<img alt="link to original image" src="link to thumbnail" />
text for description
Original image should be at least 1024x768 px and size for thumbnail is fixed at 180x120 px

That's all ,and you can publish your post .
I hope you like this template . Feel free to leave me feedback via comments ^^ Thanks for supporting me.

67 comments:

  1. YOU ARE VERY GOOD AND TEMPLATES FOR MAGAZINE PHOTOGRAPHY, BUT DO NOT HAVE INSOLES radio station. PLEASE MAKE ONE:)

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. i can't download. can u make a .rar archive for xml file??
    http://guiutzu.blogspot.com

    this is an amazing template!

    ReplyDelete
  4. Vohoa! Nice gud wrk

    http://Lmobile10.blogspot.com

    Awesome man gud luck

    ReplyDelete
  5. @All : I fixed download link .Pls check it

    ReplyDelete
  6. Hi, nhamngahanh, I try to make recent post with thumbnail according to your tutorial but it doesn't work in my blog.

    ReplyDelete
  7. Hi. I have all the snaps of the Size 1024×680 pixels.
    In gallery it looks little stretched. How to fix this?

    ReplyDelete
  8. Dear nhamngahanh,

    wow, you really successfully done a Simplex Photography 2 for you. Really Congratulation.~!!

    i got 1 queastion to ask, about the homepage. the image can it auto update the Latest Photo image? :D

    Keep it up nhamngahanh.

    I'll always support you.

    Regards
    Stephen Liau

    ReplyDelete
  9. @Pelita Haiti : what's trouble you met ? Or you can show me what you do ? I will try to find out what happen .Btw,I like your blog at http://www.pelitahati.co/ .It's far better than I expected (top menu look great ^^)
    @muku : template show image in full screen ,so in somecase it have to stretch image to fit the screen size . If I resize image to keep it proportion ,it can't show full screen . My idea is resize image to 1024x768 or larger ,it will be better . If you have any idea ,pls give me .
    @Stephen Liau : Yes ,I can do it . But when I make this template ,I want to keep an image as album cover ^^ ,like we see an album ,moving throgh pages . I will try to add this feature you mentioned as soon as possible .
    @All :Thanks for your support .Your ideas and comments inspired me a lot

    ReplyDelete
  10. @Admisitrador : Sorry ,I really don't know what a page for radio online should look like ? Could you give me a page and I hope I can make a clone for you .

    ReplyDelete
  11. Its a great javascript plugin that u used, but result is a bit mesy and buggy. Its just dosent work in that way.
    There is another plugin at the coddrops if u mixed them together the outcome could be exelent:
    http://tympanus.net/codrops/2010/05/23/fresh-sliding-thumbnails-gallery-with-jquery-php/

    ReplyDelete
  12. Hi nhamngahanh, thanks for visiting my blog Pelita Hati.co. I tried the recent post code but seems the code not working, and recent posts not display at the sidebar. Btw, your whole blog is a great resource for us! Keep up the good work.

    ReplyDelete
  13. Hi. How do I change the background image to my own picture?

    ReplyDelete
  14. What a wonderful job ! Just love it ! Really inspiring also. Thanks a lot for sharing ! ^^

    ReplyDelete
  15. I did it! Thanks a lot for a great tremplate! Really appreciate it.. =)

    ReplyDelete
  16. awesome template...very good

    ReplyDelete
  17. Great Template!
    How do I change that BG image?

    ReplyDelete
  18. @Iliona : I will try that .Thanks for suggestion . I think it simillar to my template Simplex Gallery ^^
    @ Zuls de Rocker and Lee Android : find this code :
    <img src="http://img413.imageshack.us/img413/6299/37929187.jpg" alt="" class="st_preview" style="display:none;" name="bigone"/>
    and change the link in src attribute to your album cover ^^

    ReplyDelete
  19. hi nhamngahanh ,


    Thank you for trying to help us. I waiting for your new add we mention. i also wish the home page will automatic slide photo. i think its more attract. what do you think?

    Wish you all the best.

    Regards
    Stephen

    ReplyDelete
  20. hi nhamngahanh ,

    I found a good example. Can blogspot do like this below ?
    http://www.jonlow.com/

    Thank & Regards
    Stephen

    ReplyDelete
  21. I tried to use this tempate, it looks amazing but I tried to add a video & a music playlist to it, it wont show only the code shows. Am I doing something wrong?

    http://ripshauny.blogspot.com/p/music.html
    http://ripshauny.blogspot.com/p/video.html

    ReplyDelete
  22. @Stephen Liau : thanks for your support . I will try to do it as soon as possible . Btw,your example is greate and I think it's possible to do in Blogger .
    @RIPShauny : I think the trouble is in your code .Because the content will be show accuracy in pages . Pls check it again or re-post them .

    ReplyDelete
  23. Hi,
    This is a great Template. The entire look is very professional and has a great effect.

    I just found a little problem with the left and right arrows.. They do not go to the newer or older posts, but comes back again to the main page.

    Please check it out.

    ReplyDelete
  24. hay..I'm a new user of your blogger template. it was so amazing I though and i like it very much. But it was look like the category button doesn't work well. when i click each 'label' that i've made, include the link i've replace with my own...it just stuck, the search result won't appear..how do i fix this..thank you..best regard

    ReplyDelete
  25. This template looks great. If i got some time left i will surely try it and give a better feed back.

    So for the moment, it's just great, thanks !

    ReplyDelete
  26. hi nhamngahanh ,

    you're welcome, really appreciate your template. Really Good job.

    waiting your new photography template come out :)

    Regards
    Stephen Liau

    ReplyDelete
  27. Hello!

    Please, how do I see the "Description" of the blog?

    Thank you!

    Note: Your template is beautiful! =)

    ReplyDelete
  28. gia nhu ma anh co the huong dan ro hon ty thi hay wa lam hoai ma van o hien dc may cai hinh len dc chi toi day thui la het co ui

    ReplyDelete
  29. sao anh ko cho cac hinh anh mo ta nhu la nhung bai dang moi thi co phai don gian hon ko lam kieu nay qua la kho ko biet dua hinh len bang cach nao mac du da post bai nhu anh noi cung chang biet lam sao nua mong anh giup do

    ReplyDelete
  30. http://vn-zing.blogspot.com/2010/02/clip-tieuquy.html
    sao khi vao label thi lai nhu vay anh

    ReplyDelete
  31. cam on anh nha, e dang thu up len imageshack rui lam nhu a noi ak ma anh oi cai phan ma anh no dang bai la minh vao phan dang bai roi chon cau truc nhu a noi roi dang p ko? cam on anh nhieu

    ReplyDelete
  32. cam on anh nha em da lam dc ma nhieu hinh wa nen phai bat dau tù thui hihi thanks!

    ReplyDelete
  33. ak anh oi ma e lai bi uong cai loi nay ne trong colection no chi hien thi hai bai(2hinh) thui anh giup e voi duoc khong? thanks!

    ReplyDelete
  34. sorry, is this for blogspot user only? how about the wordpress? do you have?

    ReplyDelete
  35. This comment has been removed by the author.

    ReplyDelete
  36. Hi. I love this template. I was just wondering how to change the main cover image on the home page. I looked through the html and I can't find its url.

    ReplyDelete
  37. How to add social media buttons on this blog. also the rss feeder is not working. Can i get some help on that

    ReplyDelete
  38. @vn-zing : anh vào Dashboard ->setting->formatting ,ở mục Show at most ,tăng số bài viết từ 2 lên là được .
    @nabil_potter : no,I don't make Wordpress version ,only Blogger .
    @J : mail me for detail because it need to add a lot of script .
    @Bun Ana Marie : This is the code of cover image :
    <img style="opacity: 0.966225;" src="http://img413.imageshack.us/img413/6299/37929187.jpg" name="bigone" class="st_preview" alt="">
    @Maverick : Social buttons are located at the end of each post . RSS button is on the right sidebar of the post .All of them work well in live demo .Template I provided and template using in live demo are the same .

    ReplyDelete
  39. How can i display videos or slideshows on my posts? i tried to add a slideshow but it aint showing up on any posts. This is the last thing i need to finish publishing my blog. any help?

    btw, i love this template =].

    ReplyDelete
  40. Deu trabalho mais eu consequir deixar como eu queria!!! Perfeito!!!

    ReplyDelete
  41. Disculpa tengo problemas con los post me muestra la miniatura pero cuando le doy click no me muestra la imagen grande que puedo hacer? o que estoy haciendo mal, creo que debe ser algo en la parte de buscar y cambiar esto que no me aparece,find <img src=

    Que gran plantilla felicitaciones

    http://amaimpresores.blogspot.com/

    ReplyDelete
  42. hi, I have a problem, how to replace text "BERANDA" in the pages menu, this is my blog http://yudaphotographyblog.blogspot.com

    thanks, i really like your template, very nice

    ReplyDelete
  43. gosh! i never knew this kind of a template is possible in google blogger! you ask if we liked it? off course everyone will like it.

    ReplyDelete
  44. i can't find the link you gave to change the main cover image on the home page as you told. Could you help me?

    ReplyDelete
  45. The template is great, it works well and is very impressive, i like it !

    Can we find a way to put some text in the "info" box on the first (home) page ? It would be useful to explain the navigation to beginners...

    Thanks again and best wishes fir the new year !

    ReplyDelete
  46. how can i do! if you click on a thumbnail goes to a link!

    img alt="http://www.studioskeleton.com/p/photography.html" src="http://1.bp.blogspot.com/_ucymRRRL290/TSo8wixhFMI/AAAAAAAAADc/wxWBcBu9tvw/s320/Ruben.4.jpg"

    i want to put the thumbnail and the link goes to a post with some images!

    thank you so much!

    and i love you template!

    ReplyDelete
  47. wow great work is really incredible.
    congratulations.
    well the truth I'm not good like you to ta
    this probe install Simplex Photography 2.
    because I do not completely leave the steps says
    the instructions but nothing.
    I hope not to disturb me I would love
    help me to do them well ..
    I apologize for abuse.
    could someone explain to me how to anchor
    miniatures,
    Greetings
    my email is
    calaconstrucciones@gmail.com

    ReplyDelete
  48. Wow thanks for the spetacular Simplex PhotoGallery2 template! Look the results... www.miroborges.com.br. Please: how to "collection" menu opens automatically when you click the "category" menu ?

    ReplyDelete
  49. I have a little problem... the images slide doesn't work at all, only shows 5 or 6 and stay there.
    The link is: http://galeria-oberonking.blogspot.com/

    By the way.. the demo page have the same problem, but the Miro's page work just fine...

    Why?????

    Thanks... and good work!!!

    ReplyDelete
  50. @Matias Ferrini : you can choose the number of post to show in Dashboard->setting->Formatting ->Show at most .
    The reason my live demo only show 5 or 6 is very simple ,it's a live demo and why I have to load it with a lot of images? Just some for demo ^^
    Could you change the number of post and give me the result ?

    ReplyDelete
  51. Hi, really like your templates..

    Just a question, can we make the image size fixed?? So that viewer don't have to scroll down and thus be able to see the image as a whole..

    Thanks..

    ReplyDelete
  52. hey nhamngahanh, have you received my comment? Can we remove the Dot thingy in clicked photos?

    ReplyDelete
  53. How do I make a link work within a post? When I try to add just the http link it doesn't show up when I publish the post, and when I add a text link, I can't click on it

    ReplyDelete
  54. WAHAHAHA. THANKKKKKKKKKKKKK YOU VERY MUCH NHAM. UHMM WHAT DO YOU THINK? SHOuld I change my layout (check this www.photos.glennvon.com) to simplex photography 2?? OR should i just wait for your simplex photography 3 layout? hmmm? MORE POWER! God Bless you. :). You have a God Given Talent.

    ReplyDelete
  55. @Glenn Kun : It's up to you ^^ haha .Thanks

    ReplyDelete
  56. hello nhamngahanh apology src = "http://img413.imageshack.us/img413/6299/37929187.jpg" name = "bigone" class = "st_preview" alt = "">
    you can add a slidehow if it can be added as
    automatically change the images.
    thank you very much forgiving abuse for your attention ..
    Best Regards

    ReplyDelete
  57. when i post my pics like your instruction, it does not appear in collection nor categories...

    ReplyDelete
  58. Hello again, I have a question, there is good people like you to share your work impressive. I have a jquery and I want to install blogger
    can this jQuery appends Photography Simplex 2,
    and how to install jquery excuse the trouble ..


    It ne forgot, you can pass on the thumbnail below?

    http://www.designandblog.com/2011/07/awesome-full-screen-size-jquery-powered.html

    http://buildinternet.com/project/supersized/slideshow/3.2/demo.html

    Best Regards

    ReplyDelete
  59. i cant change the bg .. any help?

    ReplyDelete
  60. love this theme, check it out on my blog: http://aelliottphoto.com

    ReplyDelete
  61. Btw, there any change to make space between text for description ? thank you :)

    ReplyDelete
  62. is there a way to embed full screen Google Maps?

    ReplyDelete