Tuesday, September 1, 2009

Pork & Bean Blogger Template

Pork and Bean Blogger Template

Template Name : Pork & Bean
Original Designer : Michael Soriano
Bloggerize by : Free Blogger Template
Demo Url : CLICK HERE
Download : Pork&Bean.zip

Instalations Guide :

1. Header Logo Image
Go to Edit HTML, search this code
a#logo {background:url(http://4.bp.blogspot.com/_lxBSX0YJV58/Sp0XdAuAFbI/AAAAAAAAASc/r8TBzJ0EN-s/s1600/pblogo2.png) no-repeat; width:367px; height:70px; display:block; text-indent:-9999px; margin-top:60px;}

Replace the image url(red code) with your logo image url.

2. Header Description text
Go to Edit HTML, search this code
<p class='description'>Just another free Blogger Template by www.freebloggertemplate.info</p>

Replace the red text with your blog description.

3. Blog post Date Format
Layout -> page element -> edit "blog posts" elemen


4. Profile on bottom of post
Go to Edit HTML, check expand widget templates, search this code
a. Profile Image
<img alt='' class='avatar avatar-40 photo' height='40' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SkRSS-NeF9I/AAAAAAAAAAM/QQU6mGuuDHY/S220/Matrix.jpg' style='border:0;' width='40'/>

Replace the image url(red code) with your profile image url.
b. Profile info
<div class='author-description'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

Replace the red text with your profile description.

33 comments:

  1. Nice template again from you!

    Judy
    http://foodmegazine.blogspot.com

    ReplyDelete
  2. awesome !i like this theme coz you provide me the instruction how to modified it...thanks!

    ReplyDelete
  3. It's a wonderful template, but the block date isn't working.
    In the red box, has a message: undefined!

    I Try in 2 diferents blogs.
    http://blogdefine.blogspot.com/

    ReplyDelete
  4. @Camila: sorry i forget it, the instruction already added.

    ReplyDelete
  5. wow!!!! Now is working!! (I was looking in the html..) :/

    thanks!
    Congratulations for you blog!

    ReplyDelete
  6. hi! can you also provide the PSD for the header logo?

    ReplyDelete
  7. any files for the background image?

    ReplyDelete
  8. Hi, I have the prob with the Block Date shown as 'Undefined' - same prob Camila faced. Possible to teach me how to rectify this?

    ReplyDelete
  9. Hey, very good job.... but I have a question.
    I have a blog with 2 other friends and I would like to know what or how I have to do for each one of the authors of the posts has its own image. Thanks

    ReplyDelete
  10. @Anonymous: i can't provide the PSD
    @Salty: The zip package include all backgroud images
    @Ahdawn: read the instructions
    @Carlos: sorry, i already try to create the javascript for authors image but failed.

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

    ReplyDelete
  12. Hi! First, sorry for my English...

    I took this template as a reference to do my own blog. I´ve just change the images and change some paremetres. You can see it here: www.DaQuintaBlog.net

    I have only one problem: When i write two post in the same day, the square with the date only appears in the last one, and the others get defformed in the title because they don´t have the date.

    What can i do to be able to write various post in the same day and get the date in all of these?

    Well, thank you so much for the template, I hope you could help me with my problem.


    DaQuintaBlog@Gmail.com

    ReplyDelete
  13. hi. i'm intalling your (very nice, indeed ! template in http://labrechafau.blogspot.com/

    i can't take out that "lorem ipsum". i tried to remove all "author-description" ocurrencies, but it still gets there.

    i also want the "etiquetas: ..." to be gone. i changed the option in "page elements" from the blogger menu, for not showing the tags of the post, but tags continue to appear

    ¡ help !

    thanx a lot, and once again, very nice job you've done here

    cheers

    gigi

    ReplyDelete
  14. hi ,

    i liked this template so much , is it possible to replace the Pork&Beans header with my blog title ?

    thanks

    ReplyDelete
  15. Great template!
    I've managed to sort out most of my issues, but am having a glitch when I scroll down. I noticed the same issue in your demo blog link above.

    Does anyone know how to fix this? Any suggestions are appreciated! Thanks!

    You can see the glitch here at neontrout.blogspot.com

    ReplyDelete
  16. How do we make a "Read More..." on this Tamplate???

    please email me at yudix2mutz@gmail.com


    Thank's.....

    ReplyDelete
  17. thx 4 the nice Template..... :)
    I like it and now I use it.

    nzhu19.blogspot.com

    ReplyDelete
  18. Very cool and warm looking fire template, thanks so much for sharing!

    You may want to web templates at
    www.itemplatez.com Easy to download.

    ReplyDelete
  19. THANKX OHm, so cool template. can i edit this template... hehehehe

    ReplyDelete
  20. Hi,

    Thanks alot for this one.
    Keep up the good work. :)

    Regards
    Jason

    www.TogaCostumes.us

    ReplyDelete
  21. Great work! I am really impressed.
    itsolusenz Web design and development in India.

    ReplyDelete
  22. I keep following the instructions but wen I replace the red text with my image url it wont work. Help! Please!

    ReplyDelete
  23. Great resources for inspiration – thanks!!

    ReplyDelete
  24. Thank you so much For this Template, Good Inspiration... You can get Other Nice Blogger Templates From Free Blogger Templates and Free Blogspot Templates That gona be helpful!!

    ReplyDelete
  25. I have heard the news speak about getting the best online furniture so I have been looking around for the best site to get it.

    ReplyDelete
  26. A common goal among experienced web developers is to develop and deploy applications that are flexible and easily maintainable. An important consideration in reaching this goal is the separation of business logic from presentation logic. Developers use web template systems (with varying degrees of success) to maintain this separation.

    Alexis Bob
    web design halifax

    ReplyDelete