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.

How to add your blog url to google search engine

1. After make blog site we have to add out site address to
Google search engine if not it can search by using search
engine.its easy. go to this below link and try it.

Link: Add Url

2. After click"add url".now finished.

How to make a blog post

1. In this post im going to say how to make a post in blogger.
see this below image
you can figure out how to make post.

2. If u know the HTML you can use HTML language.If not try normal way.its easy.
    There is tool bar.it have more tools to get help to make a post.You can check it.after
    you made it u can see it from "preview" it good or not.after that u can publish it after
    clicking   "publish".

3. After clicking "publish" u can see this.if u want make post again i can click
"Create new post".if u want edit again click "Edit post".If you want to edit
your old post u can click edit post on menu.like below image.

Now you can make a post easily.

How to make a blog site

1. First you must have Gmail account.if not make new
Gmail account. after go to www.blogspot.com and sign in.

2. After u logged u can see like this page,click "Create your blog now".

3. Now you can see its page.now u can enter blog title as you hope to post
and your site name.

4. Make sure after u entered click "check availability.if no one taken that name u can get it.
If not it will say it not available,change the website name and try again after it will
say it available can click "continue".

5. After that you can select template.you can choose it as your like.you can change it
after also, so no need to worry about it.choose and click "continue".

6. Congratulation,now your blog created.you can start your blogging now.
click "Start blogging"

7. Now u can make post.my next post u can see how to make post.

How To remove or hide Blogger Navbar

all of blogger blogs have a horizontal navigation bar on the top part
in all blog pages.a lot of people
wanna know how to remove it.
we’ll tell you the best way to remove or hide the navbar from your blog
there is more than one way to remove it.
- The best solution
Copy the next code

- Before We Start:
- You need to be careful while changing your template.
- Before you make any changes, Back up your template and save it at safe place.

#navbar-iframe {
height:0px;
visibility:hidden;
display:none   }

then log into your blogger account.
you are now at Dashboard page. click on Layout link. and select Edit HTML .
search for

<b:skin><![CDATA

in internet explorer of fire fox press [ Ctrl+F ] . copy and past the next code in the searching form :

<b:skin><![CDATA

and hit enter or [ search ] when you fine it Past the above code just after it.
for more explanation See The Image Blew.

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

How to add your blog url to google search engine

How to make a blog post

How to make a blog site

How To remove or hide Blogger Navbar

Labels

Blog Archive

Test Footer 1

Test Footer

Popular post

Test Footer 2

Tuesday, October 23, 2012

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

document.write(ultimaFecha);

Labels

Blog Archive

Test Footer 1

Test Footer

Popular post

Test Footer 2