Free Blogger Templates

BTemplates, the best place for Blogger templates since 2008.

Web Blog Blogger Template

Web Blog

Free Download Live Demo

52,874 Downloads.

Mobile screenshot

Instructions

  1. How to install a Blogger template.

About Web Blog

Web Blog is a free Blogger template with 2 columns, right sidebar, slider and abstract.

Excellent template for blogs about to write a diary.

More Elegant Blogger templates:

Credits

Author: Alexiel.
Designer: .

44 Questions and comments on Web Blog

Muhammad Ali Gunawan 21 September 2009 at 10:39

It’s Excelent…! and briliant idea

↩ Reply
aenid 21 September 2009 at 21:00

very impressive. :)

↩ Reply
vesper 22 September 2009 at 15:22

may I ask what program you use to create your blog templates? Looks great!

↩ Reply
Mikfoul 23 September 2009 at 17:45

These are usually made in dreamweaver,CS3 for this one i believe. CS4 has a lot of useful tools too-

↩ Reply
Vesper 24 September 2009 at 3:18

Thanks for answering my question : ) Really nice and clean templates!

↩ Reply
Lina 28 September 2009 at 5:59

hey!How can I change the name of the web blog that is written on the top?Answer quickly please!

↩ Reply
Vesper 28 September 2009 at 7:01

On blooger, you go to Edit HTML. Expand widgets just in case, and do a Ctrl F to “find” WEB BLOG. Once you find it in “” you can replace that title with your own.

↩ Reply
Brandon 28 September 2009 at 15:29

I got it up now how do I customize it? I want to add pictures remove the pics that are on there and make it my own but I am lost. Please help… :)

↩ Reply
Vesper 29 September 2009 at 6:33

In Edit HTML, you are looking for (Ctrl F):

Recent Photos

Right below that is the list of images that is being shown in the slideshow. You need to insert YOUR OWN IMAGE URL in replace of the original ones. Keep it inside of the ‘ ‘

I use photobucket to get the url to an image of mine.

Hope this helps. good luck.

↩ Reply
Qassam 29 September 2009 at 9:40

hi.i used this templates…its.great!

↩ Reply
Maddy 4 October 2009 at 4:53

I am in love with this template, and gonna change my blog to this one real soon. I will share it once I m done. Im soo excited. Thnks for this wonderful template.

↩ Reply
Maddy 4 October 2009 at 6:14

I have a real quick question, The search option on the top of the template I want to remove it complete, I did it but the box is not able to go, any suggestions? Appreciate quick response.

↩ Reply
Kristo 5 October 2009 at 12:10

how to make the recent photos space bigger?i mean,the template just wide,so i can’t see the full size of my photos.

↩ Reply
onni 8 October 2009 at 10:44

Hi…thanks for the nice template..i just want to ask..i want to change the header with my header how can i change it…

↩ Reply
Carol 10 October 2009 at 8:55

Love the template and the way it is set out but I hate the colors. It would be great if someone could make a template with the same layout but colors could be customised.

↩ Reply
marilyn 11 October 2009 at 3:16

its so beautiful
thank you!

↩ Reply
Ela 12 October 2009 at 23:26

I loved this it is super cool. I downloaded the file perfectly but I cannot edit it. Pls somebody help me, pls!!! So confusing.

↩ Reply
Biyan 14 October 2009 at 1:35

hii~~~. the search fungtion on internet explorerrrrr looking bad.

↩ Reply
Mia 14 October 2009 at 14:05

This is absolutely stunning – it is almost IDENTICAL to the Woo Themes ” Ambience ” ( all that’s missing is the Lifestream & then it would be exactly like it )- which of course isnt dificult to implement :) Great Job on this theme :))

↩ Reply
zhi hui 14 October 2009 at 21:43

wow…. nice….
elegant..

↩ Reply
Alexiel 15 October 2009 at 7:36

Lol! tnx for the comments, even tough its not directly form my page. I originally convert this template into blogger… here’s the instruction in customize it on my blog post. http://alexiel-blog.blogspot.com/2009/08/web-blog-blogger-template.html

↩ Reply
Tamara 15 October 2009 at 8:27

hello, well I

↩ Reply
Tamara 15 October 2009 at 8:32

sorry but I’ve got a problem with the photos…
I can’t make that the sideslow show the pictures that I want, how can I do that?
I’ve tried doing wath Vesper says, but the images doesn’t show…
I need help please!

thanks

it’s a really nice layout xD!

sorry my poor english :)
(and the other post jajajajj)

↩ Reply
Cash Searcher 15 October 2009 at 20:22

love this template. It’s a possible candidate for my ufo website. Good work

↩ Reply
Sabrina 22 October 2009 at 4:31

Hi! I noticed that the timestamp appears like this: Posted by (author) , 12 September 2009 at Saturday, September 12, 2009. How can I remove one of the dates so it won’t be repetitive? Thanks!

↩ Reply
Claudia 22 October 2009 at 19:48

Sabrina: Set up the hour format to don’t show the date but the hour. Make the change in Settings/Format ;)

↩ Reply
Kit 27 October 2009 at 1:27

Is it possible for you to make a similar style but using RED instead of violet/purple..??

↩ Reply
Anjani 30 October 2009 at 16:21

hey im really unable 2 download the template….would b gr8 if i can get ny assistance….thanks….

↩ Reply
hallanzinho 20 November 2009 at 17:56

poxa como eu faço pra colocar no meu? gostei muito

↩ Reply
zoe 21 November 2009 at 16:56

like a dream

really..wonderful

:)

but..
layout –> fonts & colors unable to change!

↩ Reply
THANOS 25 December 2009 at 10:36

Hi
Can someone tell me how can I put a link over the sliding images?
What I mean is to be able to connect each photo with a link (url) so when I hit the image I can go to the assigned link and not just watch images going by…

A slider like this one
https://btemplates.com/2009/11/17/fashion-press/

I really need to do that cause I REALLY liked this template
Any ideas?!

↩ Reply
adriancybor 25 December 2009 at 15:43

es una plantill< muy hermosa mucha gracias!!! :D

↩ Reply
ilham44 7 January 2010 at 13:05

thanx just waaaaaaaaaaaaaaaaaaaaw

↩ Reply
glynn 16 February 2010 at 13:46

please how can i put this template on my blog?? thank you

↩ Reply
averroes 2 April 2010 at 2:14

i can’t say anything… wow

↩ Reply
Saruulbileg 10 May 2010 at 3:37

I like it so much, then i am using it…

↩ Reply
Sergio 17 May 2010 at 17:23

After Edit HTML, (Ctrl F):
Recent Photos
Somebody can tell me exactlly where do i insert my own image URL and replace the original ones. Thanks

↩ Reply
a lady 15 January 2011 at 21:09

Hi,

I made some updates on the theme. I’m the same author of this blogger theme, you can download and check out the tutorial here thebarefootdream.com/2011/01/blogger-theme-web-blog-updated.html :)

↩ Reply
Fleur 11 March 2011 at 22:29

This layout looks nice, but I really don’t need the “Recent Photos” thing. Is there a way to remove it?

↩ Reply
Claudia 13 March 2011 at 3:03

@Fleur: Go to Design/Edit HTML and find the following code:


<b:if cond='data:blog.pageType == "index"'>

<div class='templatemo_post'>

                	<h1>Recent Photos</h1>

           

                    <div class='sliderwrapper' id='slider2'>

                    <div class='contentdiv'><img alt='image' src='https://2.bp.blogspot.com/_jA-SP6SAtfY/SrcmMFaIqLI/AAAAAAAABbU/VkOEsIcITRA/s1600/templatemo_image_2.jpg'/></div>

                    <div class='contentdiv'><img alt='image' src='https://3.bp.blogspot.com/_jA-SP6SAtfY/SrcmMoNrL-I/AAAAAAAABbc/BErXv3NcKZ0/s1600/templatemo_image_3.jpg'/></div>

                    <div class='contentdiv'><img alt='image' src='https://4.bp.blogspot.com/_jA-SP6SAtfY/SrcmMz0niVI/AAAAAAAABbk/7MSyJdj7pmg/s1600/templatemo_image_4.jpg'/></div>

                    </div>



                    

                    <div class='pagination' id='paginate-slider2'>

                    

                    <a class='toc' href='#'>1</a> <a class='toc anotherclass' href='#'>2</a> <a class='toc' href='#'>3</a>

                    </div>





                    <script type='text/javascript'>

                    

                    featuredcontentslider.init({

                    id: "slider2",  //id of main slider DIV

                    contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]

                    toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]

                    nextprev: ["Previous", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.

                    revealtype: "click", //Behavior of pagination links to reveal the slides: "click" or "mouseover"

                    enablefade: [true, 0.2],  //[true/false, fadedegree]

                    autorotate: [true, 3000],  //[true/false, pausetime]

                    onChange: function(previndex, curindex){  //event handler fired whenever script changes slide

                    //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)

                    //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)

                    }

                    })

            

           			 </script>

               

          </div>

         </b:if>

Remove that code and save changes.

↩ Reply
Fleur 13 March 2011 at 14:39

@Claudia: That worked perfectly! Thank you.

↩ Reply
chaq 20 March 2011 at 9:33

Why does it always have comma ‘,’and ‘in’ together with date under the post title?

for example: , Thursday, 30 December 2010 at 12:08 AM, in

Did anyone knows how to remove that ‘,’ and ‘in’?

Please help

↩ Reply
Najandra 4 April 2011 at 4:19

help! which is a measure of the pictures width to height for me to fall within the limits thus I fail to pr … please if anyone can help me thanks … my English is bad so is the way in Spanish also

auxilio!! cual es la medida para las fotos ancho por alto para que me entren dentro de los limites no logro dar con ello …pr favor si alguien puede ayudarme GRACIAS…mi ingles es malo por eso se los paso en español tambien

↩ Reply
Najandra 4 April 2011 at 6:05

lo He solucionado Muchas gracias…. para aquellos que se les presente la misma duda por falta de conocimiento les explico, solo tienen que ubicar:

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 550px; /*width of featured content slider*/
height: 400px;
background: #333333;

Alli cambias las medidas a tu gusto guardas tu imagen bajo esas mismas y listo…YO soy nueva en esto y me siento muy contenta de haber podido resolverlo despues de tantas horas llorando sin solucion :)….gracias por la plantilla! Yupiiiiiiii ;)

↩ Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe by email

Receive the latest templates, news and discounts directly in your inbox.