How to Embed Another Website(Webpage) in Blogger

So here Learn How to Embed one Website or Blog into Your blog Using this Small piece of code.One thing is you can also use referral links to iframe tag so that visitors can join the specific website just by filling from your blog

1. You can Use Iframe tag in your posts as i use in this post
2. You can Also use this code In HTML/Javascript Widget on your Blog

<iframe src ="Website URL" width="100%" height="400"></iframe>

Change Website URL With Any Website Link Or Any Specific Webpage link

So see the Below One.See how i embedded the page with a scrollbar.

How to Add Energy Saving Mode To Blogger

This is a post to Show you How to Add energy Saving Mode to Your Blogger Blog!
Well the Energy Saving Mode Hides the Heavy animations and Covers the Windows onto Dark Color.

How to Add Energy Saving Mode to Blogger :.

Go to Blogger Dashboard --> Design --> Edit HTML

Now Check Expand Widget Templates box.

Find the </head> tag in your template 

Now Paste the Code shown below just before/above it.(Inside the Stars)

****************************************************************************************

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

****************************************************************************************

• Now save your template
• Now go to  Design >> Page Element  and click Add Gadget
• Then select HTML/Javascript and paste below code. 

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=180"></script>

• Change time=180 as you want.

By Latesthack

How to Add Widget inside Blogger's Header

Well you may have seen many professional blogs that have a Special widget in their header.Specially on those Blogs that have Ad sense or any other Widget inside their blogger's header.Well most of the bloggers use Ads of 468x60 Ad banners there.because it is the perfect place to install such type of widgets.So if you cant see Option like Add a Gadget link on your blog's header then Here is a Small trick to Add it.Now let's do the Work.

How To Add Widget Widget/Gadget Inside Blog's Header?

• Go to Blogger Dashboard > Design > Edit HTML. (In new User Interface it is Dashboard > Template )
• Backup a Copy of your Template
• Now Find for the Below Code

/* Header
----------------------------------------------- */

• If you can't above code then find for below code :

#header

Now replace above code with below piece code :.

/* Header
----------------------------------------------- */
.header-left{
display: inline-block;
height: 35px;
width: 350px;
float: left;
}
.header-right {
display:inline-block;
float:right;
}

• You Can change height and width of the logo then edit the lines in blue from above code.
• To change position of the logo to right the change float: left; to float: right;

• Now find for below code in your template

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Note - Above code will be in little different format in your template as coding of each template differs.The best way to find above code is search for only half piece of code i.e. upto id='header'.

• And replace above code with below code

<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>

• Now "Preview" your template, you will find  the background color of Blogger's header is not visible or it is missing. To bring it back, you need to add some more piece of codes.

Find the following code:

</div>
</div>
<div class='header-cap-bottom cap-bottom'>
<div class='cap-left'/>

If you can't find above code then only find for below piece of code in your template.

<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

• And paste the below code just below of above code

<div style='clear:both;'/>

Now save your template.And Go to your Layout page and you can find "Add a Gadget" link inside your header.

That's it Enjoy!

Hide Navbar And Have it Reappear When You Hover Over it

Well friends i think you may be familiar about Hiding the Navigation bar on blogger and also familiar about Auto sliding Navbar on Blogger. but this is a new trick to Hide and Have it Reappear When You Hover Your Pointer over it.This is a simple trick.it is a one step trick and it's all done just by tweaking Code of Nav bar! 
 so follow the below steps to proceed.

Note: If you already applied hide Navbar Code on your Blogger.then Remove that Code or else this trick won't Work.


Adding it to Your blogger blog :.


First logon to your Blogger and then Go to Design < Edit Html .
Now Find the Following Code ]]></b:skin>
Add the Below Code just Before ]]></b:skin>  Tag

#navbar-iframe {
height:5px;
}

/* IE7, IE8, IE6 */
#navbar-iframe { height/*\**/: 30px\9; }


#navbar-iframe:hover {
height:40px; !important;
}

Now Click on Save template That's it. Now you're Done.Enjoy!

New Google + Share Button Released for Sharing Content

Recently Google Has Officially launched their File hosting Service.But now They have Launched the Awesome Share button For Content Sharing Which allows Us to Share Your content and Posts.it is Specially released for sharing posts and it cannot track your +1's done from your Account.

So as you see the image above in action sharing content across Google+ Platform. Well its really easy to embedd on your website just visit the Google+ Share Button Page and create your button for your website.

well the options are Almost same as you have for simple +1 button. You can choose from 3 different options for your button like bubble horizontal, bubble vertical and inline

So now just create your code and past it where ever you want it to display on your website or blog.It attracts your Visitors too And Makes an Easy way to Share your Posts on Google Plus.So have fun!

Visit Google Plus Share Page here