How to install a Blogger template on new blogger interface 1

Malith Madushanka | 10:20 AM | , ,


This article was written to provide a step-by-step guide on how to correctly install a  Blogger template to your blog.

1.Loin Your Blogger Account | Login Now
















2.Select Your Blog and Click Template










3.Click "Bakup/Restore"



4.Now choose your template (01) & Click Upload (02).




All Done.Enjoy...........

How to edit Blogger template on new blogger interface 0

Malith Madushanka | 9:46 AM | , ,

This article was written to provide a step-by-step guide on how to correctly apply,edit,install a  Blogger template to your blog.


1. Login to your blogger account Login now










2. Select Your Blog and click Template


3. Now click Edit HTML.

4. click on Proceed.


5. Now Tick on 'Expand Widget Templates'








5. Now do your operation
ex-  <img src="Paste Your Image's URL here" />

6.Save Your Template


Thats All...........


Add Back to Top Button for Blogger 1

Malith Madushanka | 9:04 AM | , , , , , , ,


1.Login to your blogger dashboard and Select Your Blog. 
2.Click "Template" ,and click Edit HTML.
3.Now Click "Proceed"
4.Click on 'Expand Widget Templates' .
5.Find </body>  ( Press ctrl+f )
6.Add this code after </body>



<a href='#' style='position: fixed; bottom:5px;left:5px;' title='Back to Top'>
<img src='http://a.dryicons.com/images/icon_sets/coquette_part_5_icons_set/png/64x64/blue_arrow_up.png' style='border: none;'/></a>


7.Now Save Your Template .








Here Some Icons for you :




Download


Download


Download



Download







HTML Iframes | How to Add Iframes 0

Malith Madushanka | 11:04 PM | , , ,



An iframe is used to display a web page within a web page.










Like This :



Syntax for adding an iframe:



<iframe src="URL"></iframe>

The URL points to the location of the separate page.



Iframe - Set Height and Width



The height and width attributes are used to specify the height and width of the iframe.

The attribute values are specified in pixels by default, but they can also be in percent (like "80%").



<iframe src="demo_iframe.htm" width="200" height="200"></iframe>




Iframe - Remove the Border



The frameborder attribute specifies whether or not to display a border around the iframe.
Set the attribute value to "0" to remove the border:

<iframe src="demo_iframe.htm" frameborder="0"></iframe>














Add a Meta tag in to your HTML | Bloger 0

Malith Madushanka | 11:06 PM | , ,



1. Open Blogger Dashboard in blogger >> Next click your blog Design option >>click Edit HTML.

2.  Find <head/> tag 

3.  Paste Meta Tag just below it.



<meta name="description" content="Description of your blog"/>
<meta name="keywords" content="Keywords related to your blog"/>
4 Click Save Template.


 
Template by Templates Doctor | Design by Malith Madushanka
Powered by Blogger | Ranked by Alexa