How To Change Height and Width of Blogger Comment Box 1

Malith Madushanka | 3:05 AM | , , , , ,


1.Log in to your Blogger dashboard > Select Your Blog > Template > Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down and  Find this:

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

4.Now change width and height as your choice.

5.save your template....


How To Remove Facebook’s Photo Viewer Theatre 0

Malith Madushanka | 4:19 AM | ,



Don't like the new Facebook shadowbox, photo viewer? 

If you use Google Chrome browse your Facebook, then you can install a couple of plug-ins that will disable the photo viewer.


Remove “Theater” on Firefox


EnJoy......

How to disable facebook timeline 0

Malith Madushanka | 4:10 AM | ,


There is no way to completely remove Facebook Timeline only you can see old Facebook layout in your own browser, as this is a browser extension based solution.



Done, ENjoY


Ganganam Style Chat code for Facebook 1

Malith Madushanka | 8:40 AM | , ,


How to insert the Gangnam Style's icon in Facebook chat? 

* Just copy the code below and paste it in chat box
[[490550790968952]] [[490550800968951]] [[490550807635617]] [[490550820968949]] [[490550837635614]] [[490550847635613]] [[490550857635612]] [[490550867635611]] [[490550877635610]] [[490550884302276]] [[490550894302275]] [[490550900968941]] [[490550914302273]] [[490550924302272]] [[490550937635604]] [[490550947635603]] [[490550954302269]] [[490550967635601]]

* ENJOY......

How To Add "Add This" Gadget to Blogger 0

Malith Madushanka | 10:28 AM | , , , ,

AddThis is yet another Social Bookmarking Gadget for Blogger. What’s best about this is that it’s for FREE. With this, you can promote your posts/webste/blog by sharing to the most popular social networking and bookmarking sites like Facebook, Twitter, etc.After adding this social bookmark buttons, your visitors can easily bookmark your blog post to over 100 social bookmarking services.

1.Login to your blogger dashboard--> layout- -> Add a HTML/JavaScript Gadget

2. Paste Below Code

<!-- AddThis Button Start CoolBloggerTutorials --> <div class='addthis_toolbox addthis_default_style '> <a class='addthis_button_facebook_like' fb:like:layout='button_count'/> <a class='addthis_button_tweet'/> <a class='addthis_button_pinterest_pinit'/> <a class='addthis_button_google_plusone' g:plusone:size='medium'/> <a class='addthis_button_facebook_like' fb:like:action='recommend' fb:like:layout='button_count'/> <a class='addthis_counter addthis_pill_style'/> </div> <script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script> <script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f83f0922b633c1f' type='text/javascript'/> <!-- AddThis Button End CoolBloggerTutorials -->

2. Now Save........

Add New Back to Top Button for Blogger 1

Malith Madushanka | 8:53 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 ( Press ctrl+f )
6.Add this code after </body>


<!--Back to top Start CoolbloggerTutorials.com--> <a href='#' style='position: fixed; bottom:5px;left:5px;' title='Back to Top'> <img src='http://1.bp.blogspot.com/-5EPoO4U6ZEo/UC0VRpisE4I/AAAAAAAAC4c/5Zdx2Won7ME/s1600/Arrow+up+-+TemplatesDoctor+(8).png' style='border: none;'/></a> <!--Back to top End CoolbloggerTutorials.com-->

7.Now Save Your Template .

* More Back to Top Buttons :




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