Showing posts with label Tutorials. Show all posts
Showing posts with label Tutorials. Show all posts
Wednesday, April 27, 2011

Add page element Gadget above your blogger header

Posted by admin at 7:54 AM 0 comments
Add page element Gadget above your blogger header

add gadget,blogger,gadget,blog,how to,blogger tools,blogger tricks
This is very useful to when when trying to put banner ads before your header.some template not including this. so you have to add this gadget.Follow this steps, you can add it to your blogger.



1. Log in to your blogger account and Go to Design >> Edit HTML

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F 

4. Paste below code before ]]></b:skin> tag

#gadget_header{
margin:10px 0;
padding:1%;
width:100%;}

5. Now find this tag again <div id='header-wrapper'> 

6. Paste below code before above tag
<div id="gadget_header">
<b:section class='header' id='gadgetheader' preferred='yes'/>
</div>

7.  Now you can add any gadget to before your header.


Good luck.
Continue reading →
Thursday, February 24, 2011

How to Add rating Gadget to your blog.

Posted by admin at 10:08 PM 0 comments
1. Log in to blogger account and go to Design >Edit HTML

2.Mark check box "Expand Widget Templates"

3.Find this tag by  using Ctrl+F    <data:post.body/>

4.paste below  one of code after the above tag ( choose style )
Code 1: 


<div style="float:left; margin-right:3px;"></div>
<div class="js-kit-rating"
expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title">
</div>

Code :2


expr:path="data:post.url"
expr:permalink="data:post.url"
expr:title="data:post.title" view="score">
</div>

5. Now again find this code by using Ctrl+F   </body>

6. Paste below code before </body> tag
<script src="http://js-kit.com/ratings.js"></script>

7. Now click preview and click save template. you are done.
Continue reading →
Wednesday, February 23, 2011

How to Add energy saving mode for blogger

Posted by admin at 6:13 PM 0 comments
1. Log in to Blogger account and go to Design >> Edit HTML

2. Find this tag  by using Ctrl+F  </head>

3. Paste below code before that  </head> tag

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js'
 type='text/javascript'/>

4.Now click save template.

5.Now go to  Design >> Page Element  and click Add Gadget on side bar.

6. Select HTML/Javascript and paste below code.

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=180"></script>

7. You can change the time time=180 as your like.    180=seconds.

8.now save "HTMl JavaScript" you are done.
Continue reading →
Friday, February 18, 2011

How To Delete Blogger Accont

Posted by admin at 7:18 AM 0 comments
 This is basic tips.but most of people don't know about it.


1. Log in to your blogger account.

2. Go to Setting >> Basic. in blogger tool you can see delete blog


3. Click delete blog. after will come dialog box
4. Click delete this blog.after your blog will delete.
Continue reading →
Monday, February 14, 2011

How to make ready your blog for mobile phones

Posted by admin at 6:51 AM 0 comments
you can make your blog for mobiles browsing.so people can
 visit your blog from mobile.when its normal its take long
time to load the page.but after did this its can will load fast,

1. Go to your blogger account >> Design>> Edit HTML

2.Find this tag by using Ctrl+F
                                            <b:include data='blog' name='all-head-content'/>

3.Paste this below code after the above tag 

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> 
<b:if cond='data:blog.isMobile'> 
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/> 
<meta content='width=1100' name='viewport'/> 
</b:if>

4. Now click Preview and click save template. you are done.
Continue reading →
Sunday, February 13, 2011

How To Refresh Your Blog Automatically

Posted by admin at 8:17 PM 0 comments
1. Log in to your blogger account  Design >> Edit HTML

2.Find this tag     <head>

3.Copy below code after the <head> tag

  <meta HTTP-EQUIV='refresh' content='15;URL=Your Blog URL'/>

4. Replace Your Blog URL with your blog URL.

5. 15 is the time period of two page.you can change it as you wish.

6. Click Preview and click save template
Continue reading →

Open External link with new tab in your blogger

Posted by admin at 10:53 AM 0 comments
This will help you to open your every external link
with new tab.try this.
1. Log in to your blogger account and go to  Design >>  Edit HTML

2. Find this tag By using Ctrl+F          </head>

3. Paste below code before the </head>   tag

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
   
$(document).ready(function () {

            // ---- External Links ----------------------------------------------------------------------------------------------------

                $("a[href*='http://']:not([href*='"+location.hostname+"']),[href*='https://']:not([href*='"+location.hostname+"'])").attr("target","_blank").attr("title","Opens new window").addClass("external");

    });
    </script>

4. now click preview and click save template. you are done.
Continue reading →
Friday, February 4, 2011

Add "Read more" features to blog

Posted by admin at 11:09 PM 0 comments

1. Go to your blogger and click "Design" on your dashboard and click "Edit HTML"

2. Make sure "Expand Widget Templates" checked.

3. Find these tag  by using Ctrl+F    

                                <p><data:post.body/></p>
                                               or
                                 <data:post.body/>

4. Just paste this below code before above code.

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

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

5. Find these tag  again   
                                <p><data:post.body/></p>
                                               or
                                 <data:post.body/>

 6 .Just paste this below code after the above tag.

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

<a expr:href='data:post.url'>Read more...</a>

</b:if>

</b:if>

8. Now click  Save Template button.

9. Now you have to put a simple code to post template.Go to  Setting >> Formatting.

10. In formatting go to bottom page,there is Post Template  form.and paste blow code.

PPost Before “read more”

<span class="fullpost">

And here is the rest of it

</span>










11. click save setting.now go to make new post.you will  find above code.

12. Put the part of the post that you want it to appears in your archive pages instate of:
                " Post Before""read more"

13. put the rest of the post instate of:
                "And here is the rest of it"

14. Click publish button,. you are done.
Continue reading →
Friday, January 28, 2011

Adding Signature To your Post

Posted by admin at 10:06 PM 0 comments
In this post you can learn how to put signature for your
 post.First of all you have to make your signature from
any photo editing software.After made it you have to
upload it and get the link. you can do it from
/http://img97.imageshack.us/ after the upload you can
 get the link.(choose direct link).

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

2. Find this code by using Ctrl+F     
                                                 <div class='post-footer-line post-footer-line-1'>

             If cant find try this                                               
                        <p class='post-footer-line post-footer-line-1'>

                    Or

                        <data:post.body/>



3. Copy these code you below found


 <img src='url_of_your_signature_image' style='border:0px;'/>
4.Copy your image link replace with ,what i marked as red color.

5.Done.
Continue reading →

How To Remove Blogger Navigation Bar Completly

Posted by admin at 10:03 PM 0 comments
Blogger have default navigation bar.If we use third party
template Blogger navigation bar will hide.so you can
remove it correctly.


1. Log to your blogger and navigate to Layout > Edit HTML

2. Find this code by using Ctrl+F         <body>

3. Paste this code above that            <!--<body>-->

4. Now Click save. you will see like this warning.

5.  Now Click "Delete Widgets". navigation bar will completely remove.



Continue reading →

Paypal Donation Button to Make Money

Posted by admin at 9:33 PM 0 comments
This is a great way to your readers can reward to as they like.
they can pay via paypal.its easy. I think it will helpful.try this step.

Sign it to your papal account.

1. Login to your paypal account with using your E-mail and password.
2. Go  to top menu and select "Merchant Services"
3. Scroll down and find the "Donation"link Click on donation,after  fill the 
     informaton like   Organization name/service, Donation I.
4. Now click "Customize Appearance".and filling the information and click "Create Button".
5.Now you can see HTML code,copy it.


Add HTML Code To Your Blogger

1. Sign In to your blogger and click "Design" on your dashboard and click "Page Element".
2. Click "Add Gadget " and select "HTML/JavaScript".
3. Now paste code,what You copy from paypal and save it.
4. After you can see paypal donation button from your blog.


Add HTML Code To Wordpress blog

1. Login to your Wordpress blog and go to its Dashboard,Click presentation>>Wideget
2. Click content area and in "Text 1" widget
3. Paste your code to HTML area and save it and open your blog and see donate button.
Enjoy it.
I think this will more useful.

Continue reading →
Subscribe to: Posts (Atom)
Related Posts Plugin for WordPress, Blogger...
 
Contact us if you have any question or anything else

Swebit SEO and Blogger Tricks|The Best Site Before Buying A Product © 2011