Banner 468

Facebook
RSS
Showing posts with label template. Show all posts
Showing posts with label template. Show all posts

How To Change New Template Backgrounds

0 comments
-
Tweaks4Blogger

Figure: Blogger Template Designer

New blogger templates are slightly different from the older templates. In the older templates, you would change the background in the Edit HTML section of your template, under the body {

However, with the new templates, you can change it from the template designer. To change to your own custom background, follow these steps below.

Design > Template Designer > Advanced > Add CSS

Once you are in “Add CSS”, you would place a code like this below.



body-fauxcolumn-outer {
background: url(http://www.example.com/image.png)PV RV;
background-attachment: AV;
}
.body-fauxcolumn-outer div {
background: none;
}



RED: This is the image URL.
BLUE: This is the positioning variable.
ORANGE: This is the repeat variable.
GREEN: This is the attachment variable.

Below is the explanation of the variables and their purpose.

Positioning Variables (PV):

This is the image position in relation to the center of the element (In this case it is your whole screen). You can use any one of these variables below.

* top left
* top center
* top right
* center left
* center center
* center right
* bottom left
* bottom center
* bottom right

Repeat Variables (RV):

This is how the image repeats itself.

*repeat (Repeats Y and X also known as tiled)
*repeat-x (Repeats Horizontal)
*repeat-y (Repeats Vertical)
*no-repeat (No repeat)

Attachment Variables (AV):

This will control if the image moves with the screen when your scroll or stays in place.

*fixed (Stays in place)
*scroll (Scrolls with screen)


After you are done with the code, it may look like this below.


.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png)top center repeat-x;
background-attachment: fixed;
}
.body-fauxcolumn-outer div {
background: none;
}



(Please note that some newer blogger templates may have conflicting elements that may cause the background not working as you wanted).

Here are a few below that I noticed you need to differ from the instructions.  If you are using one of these templates you may have to place the codes below.

Watermark 3 Template:  (Grassy background image)


.main-cap-top .cap-left {
background: none;
}
.main-outer {
background: none;
}
body {
background: none;
}
.main-cap-top .cap-right{
background: none;
}
.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: AV;


Simple Template and Watermark Template:



body {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: fixed;
}
.body-fauxcolumn-outer .cap-top {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: fixed;
}



The positioning variables and Repeat variables must be the same for both. The attachment must be set to fixed.  You can also use two different images for a custom design. However, to get a single image to display correctly, you must follow the steps accordingly.

(If you have any question, refer to "Help" tab).
[ Read More ]

Continue

How To Remove/Hide Post Atom/Home/Older Post

0 comments
-
Tweaks4Blogger


You can Remove/Hide Post Atom/Home/Older Post with just a few lines of coding. You can also choose which links you would like to remove with the “codes” below.

Follow these steps:

Go to Design > Template Designer > Advanced > Add CSS > Input The Codes Below.

  • To Remove Post Atom:

.feed-links, .blog-feeds {
display: none;
}


  • To Remove Home Link:

.home-link {
display: none;
}


  • To Remove Older Post Link:

.blog-pager-older-link {
display: none;
}


  • To Remove Home & Older Post Link:

.blog-pager {
display: none;
}


After you paste one of these codes into the Add CSS box, with the cursor still in the box hit the space bar for it to take effect.

(If you have any question, refer to "Help" tab).
[ Read More ]

Continue

How to Back Up Your Blogger Blog

0 comments
-
Tweaks4Blogger


Do you know how to back up your Blogger blog? There can be nothing worse than to login to Blogger one day and find you blogger blog gone, corrupted or deleted forever due to any unforseen error. Back up is very important. Here are a few simple ways to keep your Blogger blog safe and backed up.


Back up Blogger Posts:
  • Backup Your Posts – Bloggers Blogsend allows each of my blog posts to be automatically sent to my email address. So I have a back up of all my posts as individual emails. You can further create folders in your email account (as in Yahoo Mail) or apply labels (in Gmail), and create filters such that such emails can be collected in one place.
  • Back up your entire blogger blog – Bloggers provides detailed instructions to create a single file with all your posts which you may publish and then copy to your own computer for use as desired. Remember to save a copy of your existing template in a file on your computer as you will need to have it at hand after this process is completed. This is good for a one time backup, but is cumbersome to do if you back up very frequently. Also you might mess up some setting and disbale your blog is not done right.
  • Try third party back up tools – like the HTTrack Web site copier for Windows users and Webgrabber for Mac users. Each of these applications will create a fully working, interlinked local copy of your blog for browsing offline and easily allow you to back up. Remember it will take considerable time and internet bandwidth if you have a huge blog.
Back up Blog Template:
  • Back up the template whenever you change it. Just copy and paste the entire template code into any simple text editor like Notepad or Wordpad and save file with name like ‘myblog-date.txt’. After a while you will have a series of such files organized by date. If for some reason your blog goes away, just copy and paste the teplate back into Blogger and republish.

Back Up Blog Comments:
  • Blogger has an option to send you an email when someone leaves a comment on your blog. This is located in Setting > Comments option in Blogger. This enables you to collect all your comments as individual emails, much like the blogsend posts emails mentioned above. Then you can file them all together as labels or in a email folder.
  • If you moderate comments, you can get all your comments as emails pending your approval. This email address can again be entered in Setting > Comments. If you do not want to save rejected comments as emails and recieve only published comments – then you can keep the comment moderation email address blank, while filling up the Comment Notification Address.
  • If you use Haloscan Comments instead, then anyway your Blogger comments are off and Haloscan is keeping track of backing up your comments. I am using Blogger comments featured now with comment moderation, word verification captchas to combat comment spam.
Make blog back ups a habit and you will remember this post when it saves your blog on a bad day!
[ Read More ]

Continue