online w.three tricks

Add related post Wideget to Blogger

Tuesday, October 23, 2012

This widget if wonderful.we can see the related post.
This very helpful to your blog readers.try to put this
widget to your blogger.

1. Go to blogger dashboard and click Design and
click Edit HTML

2. Better to backup your template before editing this.
3. Press Ctrl+F and find this code
</head>
4. Copy this below code after earlier code

<style> #related-posts { float : left; 
width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; 
font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { 
list-style-type : none; margin : 5px 0 5px 0; padding : 0; } 
#related-posts .widget h2, #related-posts h2 { font-size : 20px; 
font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } 
#related-posts a { text-decoration : none; } #related-posts a:hover { 
text-decoration : none; } #related-posts ul { border : medium none; 
margin : 10px; padding : 0; } #related-posts ul li { display : block; 
background : 
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisuwkZWdH8LnzKzW0XFUzLQiw2vlOX1q8tczwDPDuMlgMF5NRFw-XUuSzyfzb0M9A4BbS-mnZmxvs0i3ItvWY69I4h9BqIkZvzd09rP-UTGYESGFEJrezEaHMJdnjbls7SpGvG5G_CKDw/")
 no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; 
padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; 
line-height : 2em; border-bottom:1px dotted #cccccc; } </style> 
<script 
src='http://theblogtemplates.com/scripts/Related_posts_hack.js' 
type='text/javascript'/>

5. Again search for
<data:post.body/> or <div class='post-body> or <data:post.body/>
Above 3 code are same.i put it because some code are different with some templates

6. Copy this below code after 1 of earlier code.

 <b:if cond='data:blog.pageType == "item"'>

<div id="related-posts">

<font face='Arial' size='3'><b>Related Posts : 
</b></font><font color='#FFFFFF'><b:loop 
values='data:post.labels' 
var='label'><data:label.name/><b:if cond='data:label.isLast 
!= &quot;true&quot;'>,</b:if><b:if 
cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + 
data:label.name + 
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;'
 type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>

</div></b:if>

5.Click "preview and see it correct and click "save template".you are done.

Add Dig button to blogger

This is also good way to increase your blog readers.
Try to put this button also to your blogger.

1. Go to blogger dashboard and click Layout and
click Edit HTML

2. Better to backup your template before editing this.

3. Press Ctrl+F and find this code
<data:post.body/>

4. Copy this below code after earlier code

<!-- DIGG --><div style="'float:right;"><script type="'text/javascript'">digg_url = '<data:post.url/>';</script><script src="'http://digg.com/tools/diggthis.js'" type="'text/javascript'/"></div>

5.Click "preview and see it correct and click "save template".

How To Edit HTML In Blogger

This is for beginners who don,t know how to Edit HTML
in your site.This will may help to Add some gadget widget.
Because we can add those things without knowing
Editing HTML.

1. Sign In to your Blogger account and go to
Dashboard click design

2.In design tab Click Edit HTML.

3. If some post will say Expand Widget Templates.you can see below image.If put

checked mark it will Expand widget template.If not it will not expand.

4.If you want to find some tag use Ctrl +F

5. Now you can edit the template.after edit it click Preview you can see

you edited correctly or wrong before.If your Edit is correct you can click Save Template

6. Make sure when you Edit the HTML code.Better to Backup your template(download).

In this same page there is topic called Backup / Restore Template.

There is option called download Download Full Template. click it and downland template.

7. If something happened to your template,you can put your download template.

So ,no risk to edit template.

8. You can see How to change template in my earlier template

How To Add Navigation Menu Bar To Blogger

You can Add navigation menu easy. try these steps.

1. Go to blogger dashboard and click Layout and
click Page Element

2. Click Add Gadget and select HTML/JavaScript widget.

3.You can see navigation bars code below.you can copy the code paste it to
inside HTML/JavaScript widget.

Style 1.

</ul> </div>

Style 2:

</ul> </div>

Style 3:

</ul> </div>

Style 4:

</ul> </div>

Style 5:

</ul> </div>

4. In this codes you can see, Name is what u have to put on navigation menu( Home,
Contact us.About me)
5: Link is what You put on there as name,Its URL.

6. Now save template and see. you are done.

Add a google Buzz button to blogger

This is a easy way to share your post.Google buzz is also
similar to facebook and twitter.
you can increase your blog readers.

1. Go to blogger dashboard and click Layout and click Edit HTML

2. Better to backup your template before editing this.

3. Make sure put check mark the "Expand Widget Templates" box.

4. Press Ctrl+F and find this code
<div class='post-header-line-1'/>

5. Add this below code ,after find the above code.

 <div style="float:right;padding:4px;"> 
<script type='text/javascript'> njuice_buzz_url = 
'<data:post.title/>'; njuice_buzz_title = 
'<data:post.url/>'; njuice_buzz_share = 'reader'; </script> 
<script type='text/javascript' 
src='http://button.njuice.com/buzz.js'/> </div>

6. If not work.paste above code after this code
<data:post.body/>

Enjoy it

How to make a favicon to your blogger

Favicon is a small icon we can see the address bar before
our link.we can make it as we want.
You can create some image.make sure its square image.

1. Now log to your blogger and navigate to
Layout > Edit HTML and expand Widget Templates

2. Find this code by using Ctrl+F   <title><data:blog.pageTitle/></title>

3.After You can see like this code.
           <link href='your ico file URL' rel='shortcut icon' type='image/x-icon'/>

4.Now you have to make 16x16 or 32x32 size image and upload to hosting site and get a link.
    after get the link put that link in your ico file URL area in above code.

5. After finished it save your template.

How to change template

1. You can download new template and use it for you blog.
first u have to download a template.log to your blog.
Go to dashboard and click"design".see below image.

2. After u can see like this page.Click "Edit Html"

3. Now you can see Html page.IF you will want to keep your old template,you must have
to download.i think its better.because if something happen to your new template you
can restore it."click download full template" to download it.

4. After download it you can change your template.Click"browse" to get your template.
select the template file and click "upload".after it will update.

5. After upload if you got this message if u like keep it u can if not you can delete it.
no need to worry it.it because some widgets not working for this template.now
click "view blog and see how it nice.

online w.three tricks

Add related post Wideget to Blogger

Tuesday, October 23, 2012

Add Dig button to blogger

How To Edit HTML In Blogger

How To Add Navigation Menu Bar To Blogger

Add a google Buzz button to blogger

How to make a favicon to your blogger

How to change template

Labels

Blog Archive

Test Footer 1

Test Footer

Popular post

Test Footer 2

online w.three tricks

Add related post Wideget to Blogger

Tuesday, October 23, 2012

Add Dig button to blogger

document.write(ultimaFecha);

How To Edit HTML In Blogger

document.write(ultimaFecha);

How To Add Navigation Menu Bar To Blogger

document.write(ultimaFecha);

Add a google Buzz button to blogger

document.write(ultimaFecha);

How to make a favicon to your blogger

document.write(ultimaFecha);

How to change template

document.write(ultimaFecha);

Labels

Blog Archive

Test Footer 1

Test Footer

Popular post

Test Footer 2