17 Feb 2014

Blogger FAQs

On In

Post a Comment!

blogger by anjana@anjanadesigns
 
Here are some tricks which may be useful for customizing your Blogger Blog:

CSS of official Blogger widgets
Go to your Blog. 2. Right click anywhere and select 'view page source'. The page source will be opened in a new tab of your browser. Press Ctrl +F and search for 'widget_css_2_bundle.css'. You will get something like this:
https://www.blogger.com/static/v1/widgets/3160349130-widget_css_2_bundle.css

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Change the Favicon
Go to Layout > Favicon >Edit. Choose your icon and Save. Use a square image that's less than 100 KB.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Turn off the Blogger Navbar
Go to Layout > Navbar > Edit > Off. Save it.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Use an image as Header instead of title
Go to Layout > Header > Edit > Image > Placement and select any of the three options: Behind title and description, Instead of title and description or Have a description placed after the image.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Hide certain pages on the menu bar
Go to Layout > Pages > Edit and put check-mark near to the page titles you want to appear on the menu bar. Click Save. (You can see the hidden pages by going to Dashboard > Pages)

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Change the default jump break text 'Read more »'
Go to Layout > Blog Posts > Edit and change the text next to the field 'Post page link text:'

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
The best option for adding CSS on Blogger
Go to Template > Customise > Advanced > Add CSS. You will be able to see the newly added CSS above ]]></b:skin>.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Set the background image as fixed so that only the contents will be scrolled
Go to Template > Customize > Background and untick 'scroll with page' and click Apply.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Change the footer layout (single column/two column or three columns)
Go to Template > Customise > Footer layout and select the one you prefer. Click Apply. You can also change the Body layout by going to Template > Customise > Body layout.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Set a default font for Blogger
Go to Template > Customise > Advanced > Page and select the font you want. You can also mention the font size and text color here.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Apply a background-color for your Blog
Go to Template > Customise > Advanced > Page > Background Colour.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Change the number of Posts on the main page
Go to Layout > Blog Posts > Edit. Here you can select the no of posts or the no of days with posts.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Showcase the images with Lightbox
Go to Settings > Posts and comments > Showcase images with Lightbox.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Delete a Blog
Go to Settings > Other > Blog Tools and delete your Blog.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Disable comments on custom page or post

After composing the page or post click on the  Options on right side. Check 'Don't allow, hide existing' under 'Reader comments'.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Make your Blog private

Go to Settings > Basic > Privacy >Edit. Put No for 'Add your blog to our listings' and 'Let search engines find your blog'.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Add Google Analytics Web Property ID

Go to your Settings > Other > Google Analytics. Copy-paste your Id and click Save.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Set an image as 404 page

Go to Settings > Search preferences > Errors and redirections > Custom Page Not Found > Edit and copy paste the below code:

<style type="text/css" >
body { background: url ('#') no-repeat; }
.sidebar, footer, .content, .header {display:none;}
</style>

Replace '#' with the image link. Upload an image of size 1500x800.

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Set custom width for Footer

Go to Template > Edit HTML. Press Ctrl + F and search for Footer. Add the below commands and save the template. (It is advised to take a back-up of the template before editing the HTML. To take a back-up, click 'backup/Restore' on top right and download full template.)

Footer
{
margin: 0 auto;
width: 960px;
}

````````````````````````````````````````````````````````````````````````````````````````````````````````````````````
Hide Sidebar Gadget Titles

Go to Layout and click the 'Edit' button on the bottom of the gadget. Delete the title and Save the gadget.

No comments:

Your comments are always appreciated! However advertisements will not be approved. Thanks.