Add Light Lantern On Blogger Header

Add Beautiful Light Lantern On Blogger Header it is Very Easy And It Attracts Your Blog Readers.
To Add This Just Follow Below Procedure

Go To Blogger > Template
Backup your Template
Click Edit HTML
Search for </head>And ADD The Below Code Below or After </head>   (Want help to find code Click Here)

<!--  Header Light Lantern By technofusion.info -->
<div align="center">
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="0">
<div style="float:top right; position:absolute; overflow:visible; left:45px; top:0px; height:192px; width:144px z-index: 9999;">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="192" height="144"><param name="movie" value="http://stardima.com/themes/nhstyle_4cols/stardima.swf"/><param name="quality" value="High"/><param name="wmode" value="transparent"/><embed src="http://stardima.com/themes/nhstyle_4cols/stardima.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj2" width="192" height="144" quality="High" wmode="transparent"></embed></object>
   </div>
  </td>
 </tr>
 </table>
</div>

You All Done.....

Please write comments about this tutorial or tell me any faults which you found while creating and publishing. I will always there to help you.... 

Read More

Create A Css Badge To Promote your Website Or Blog

Create A Css Badge To Promote your Website Or Blog  Just Add Below Code As Shown Below....

Go to Blogger > Layout
Click "Add a Gadget"
Then Click On Add Html/Java Script

Then Add Below Code

<!-- Widget By technofusion.info --><style> .TechnoFusionCSSBadge{background:#fff;border-radius:10%;cursor:pointer;position:relative;width:15em;height:5em;overflow:hidden;transform:translateZ(0);margin:0 auto} .TechnoFusionCSSBadge h1{color:rgba(8,172,233,0);font-family:Lato, sans-serif;font-weight:900;font-size:1.6em;line-height:3em;text-align:center;text-transform:uppercase;-webkit-font-smoothing:antialiased;user-select:none;transition:color .8s ease-in-out} .TechnoFusionCSSBadge h1 a{color:rgba(8,172,233,0);text-decoration:none} .TechnoFusionCSSBadge:before,.TechnoFusionCSSBadge:after{border-radius:10%;content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;box-shadow:inset 10.6em 0 0 rgba(30,140,209,0.2), inset 0 10.6em 0 rgba(30,140,209,0.2), inset -10.6em 0 0 rgba(30,140,209,0.2), inset 0 -10.6em 0 rgba(30,140,209,0.2);transition:box-shadow .75s} .TechnoFusionCSSBadge:after{transform:rotate(45deg)} .TechnoFusionCSSBadge:hover:before,.TechnoFusionCSSBadge:hover:after{box-shadow:inset .86em 0 0 rgba(255,0,0,0.5), inset 0 .86em 0 rgba(252,150,0,0.5), inset -.86em 0 0 rgba(0,255,0,0.5), inset 0 -.86em 0 rgba(0,150,255,0.5)} .TechnoFusionCSSBadge:hover > h1 a,.TechnoFusionCSSBadge:hover > h1{color:rgba(8,172,233,1)}/* Widget by www.technofusion.info */ </style> <div class="TechnoFusionCSSBadge"> <h1><a href="http://www.technofusion.info/">Techno Fusion</a></h1> </div>

Change http://technofusion.info   With Your Blog Page

Change TechnoFusion   With Your Badge Name

Now Save Your HTML/JAVASCRIPT

You All Are Done..

Please write comments about this tutorial or tell me any faults which you found while creating and publishing. I will always there to help you....

Read More

How To Backup And Restore Blogger Template

We Must Need To Backup Our Template When We Are Going To made Any Modifications To It. And If SomeThing Went Wrong We Have To Restore The Backup Them.So TechnoFusion Is Going To Tell You How To BackUp Your Template and Restore It

Backup Template

1. First SignIn To Your Blogger Account

     2.  Then Click On Your Blog Which Want Template Backup

     3.  Go To Template Tab As Shown Below

      4.  Now Click On Backup/Restoe At Top Right On That Page 

       5.  Now Click On Download Full Template On Popup Window

       6.   All Done You Downloaded Your Template

Restore Template

          Follow All Steps As Shown Above But At Step 5 Click On Choose File And Select Your Template             You Want To Appy To Your Blog And Select Upload..It Will Upload And Automatically Uploaded             To Your Blog

Read More

How To Backup And Restore Blogger Template

We Must Need To Backup Our Template When We Are Going To made Any Modifications To It. And If SomeThing Went Wrong We Have To Restore The Backup Them.So TechnoFusion Is Going To Tell You How To BackUp Your Template and Restore It

Backup Template

1. First SignIn To Your Blogger Account

     2.  Then Click On Your Blog Which Want Template Backup

     3.  Go To Template Tab As Shown Below

      4.  Now Click On Backup/Restoe At Top Right On That Page 

       5.  Now Click On Download Full Template On Popup Window

       6.   All Done You Downloaded Your Template

Restore Template

          Follow All Steps As Shown Above But At Step 5 Click On Choose File And Select Your Template             You Want To Appy To Your Blog And Select Upload..It Will Upload And Automatically Uploaded             To Your Blog

Read More

Animated Css Badge To Your Blog

Create A Css Badge To Promote your Website Or Blog
Just Add Below Code As Shown Below....

Read More