Showing posts with label bloging.. Show all posts
Showing posts with label bloging.. Show all posts

Sunday, 5 February 2012

Add cool Twitter flying bird to your blog

Twitter being huge platform to share your latest post you can increase
your blog traffic via twitter. More are your twitter follower greater
is your chance of good traffic from twitter. So to increase your
twitter follower Add cute looking twitter bird to your blog. This bird
fly from corner to corner of your blog and it looks cool. Follow below
instructions to add yours now:

<script src='http://bloggerblogwidgets.googlecode.com/files/way2blogging.org-tripleflap.js'
type='text/javascript'>
</script>
<script type='text/javascript'>
var twitterAccount = &quot;ndark14&quot;;
var tweetThisText = &quot; <data:blog.pageTitle/> : <data:blog.url/> &quot;;
tripleflapInit();
</script>


4. In place of ndark14 write your twitter username.
5. Now save your template and see twitter bird flying on your blog.

Thursday, 2 February 2012

How to put adsence in post.

how to put AdSense ads inside a post
You have searched many times to find the article on how to put adsense
ads inside a post
Let me explain the process:


1.First you should go to your adsense account and grab the code for
your adsense ads.

2.For this you should Sign in to adsense >> My ads >> New ad unit >>
Change ad appearance >> Save and Get code

3.Then you have to convert your code

Otherwise your ad will not be compatible with Blogger. But you don't
need to change it manually. Use the following link to change your ad
for blogger. Paste your code inside the blank and click on "PARSE"

Convert your adsense code for Blogger

4.Copy the converted code.

5.Now go to your blog >> Dashboard >> Design >> Edit HTML

6.Put a tick on "Expand Widget Templates"

7.Then press "Control + F" on your keyboard and search following code


<data:post.body/>


8. Now replace the above code with the following code

<div expr:id='"aim1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Your AdSense code -->
</div>
<div expr:id='"aim2" + data:post.id'>
<data:post.body/>
</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

Now replace the "Your AdSense code" with your parsed AdSense code
copied in step 4.

10. Now save your template

11. Then go to DASHBOARD >> NEW POST >> EDIT HTML

12. Copy and paste the following code, just before publishing your
post, at the place where you want to display the AdSense ads. After
you did this you will not go back to compose mode. You should publish
your post in HTML mode. So do this as your last step.

<!-- adsense -->
13. Publish your post and view it.

Now you know how to add AdSense ads anywhere inside your post. Now
this is the time to leave a comment and share this with your friends.
Happy blogging..!!

Top 3 things every new blogspot blogger must know

Top 3 things every new blogspot blogger must know
A blogspot blogger must know this especially if they are new to this
blogging platform.

1. My friend asked me: how do you escape html tags on your blogpost?

on blogspot editor if you write bold text and preview it the output
is: bold text

how to do this without executing the html tags?

Escape it!

On blogspot editor write < for < and > for >

or you could try to google "html special characters" or some online
tools to escape a huge amount of html tags (less effort).

Try this tool Blogger paste

2. How to add a jumpbreak or "read more" link on every blogpost?

a very simple and short solution is to add
after the word that you want to cut.

You must always add a jumpbreak to optimize page loading speed.

3. How to change blogpost title?

On your dashboard click design>edit HTML

After this code:

<b:include data='blog' name='all-head-content'/>

Insert this:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

changing the blogpost title as your <title> is much better than your
blog name as a blogpost title.

ow to remove Blogger Navigation Bar?

Navigation Bar: it is a special bar which contains links like
search,follow,next site,sign in/sign out

if you are thinking to remove your Blogger Navigation Bar then follow
this easy steps:
1. Log in to blogger.com with your Gmail id & Password
click to "Design" and then "Edit Html".

2. Paste the html code below the Template information like this:
Blogger Template Style:
Name:
Designer:
URL:
# navbar-iframe {
display: none ! important ;
}

3. Click to "Save" and View your blog.