How to insert another web site or Blog in your Blog Post | Blogging Tips | Adding iframes in Blog Posts

Paste this line in the html page of your post.Before you continue you should know one thing.Iframing a website is a violation of copyright laws. So please make sure that you have legal permissions to iframe a website.

<iframe src="url of the website or blog to embed in your post" width="200"height="200">
<p>Oopse Iframes are not working in this Browser</p>
</iframe>

You can customise the width and hight of the iframe.Maximum of width and height is 100%. The line "Oopse Iframes are not working in this Browser" will be shown if iframes are not supported by the viewer's browser.

How to edit background | Content background | Header background color in Blogger Blog |

• Click Dash board
• Click Design
• Click Edit HTML
•  Find the part in the picture in the HTML page
• Go to get html color code here. 
• Copy the code that you want to edit and paste it in the place where yellow color is displayed here.
• Save it. 

 

1. 
   

How to delete navbar

You can delete Navbar so that your blog will look like a domain.To do that follow the steps:

Click Design

Click Edit HTML

Find this:

-----------------------------------------------

Blogger Template Style

Name: Simple

Designer: Josh Peterson

URL: www.noaesthetic.com

----------------------------------------------- */

Insert the following tag:

#navbar-iframe {

display: none !important;

}

Save HTML.

Change favicon of your blogger blog

You can delete Blogger favicon and also create your own favicon in your Blog.

Step 1:

Design a favicon and save as  jpg,gif or png .

Upload it to any website(like Picasa,facebook etc).

Copy the image url.

Click Design.

Click "Edit HTML"

Find this in the HTML page  <b:include data='blog' name='all-head-content'/>

Add the following one below the above tag:

<LINK HREF='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEE3hp0YAH-FwabmW8UMHDvRbnrd8Pdf1WuTvizZxZ5YD2zduKHRHyrALu7URY8kkWfzLKTa4xMNZcOZASYKp0NikZ5F4GpwEwJ54xO3j-ubxoxyftwi4f-qeZcfj1nqOzEFGHAuwtMK7M/s1600/fav.JPG' REL='SHORTCUT ICON'/>

Replace the url with the one of your favicon image url(you have already copied).

Save HTML.

That's it.