How to post your blog posts to your Facebook wall automatically

Wordbook allows you to cross-post your blog posts to your Facebook Wall. Your Facebook “Boxes” tab will show your most recent blog posts.

 

Wordbook allows you to cross-post your blog posts to your Facebook Wall. Your Facebook “Boxes” tab will show your most recent blog posts.  

Read More »

How to display Facebook statuses on Wordpress blog

The following method make use of Facebook status feed and WordPress RSS widget to display Facebook Statuses on WordPress blog.. It will also work for self-host WordPress blogs.



 

The following method make use of Facebook status feed and WordPress RSS widget to display Facebook Statuses on WordPress blog.. It will also...

Read More »

Add Search Box In Blogger Header

Embed Search Box In Blogger Header that makes it look beautiful.You can also Embed Google Search Box In
Blogger Header, to add to your earnings Or custom search engine to your blog. This is very important trick to
increase your earnings of Adsense if you add google search as you will be got paid to get searched from your
google search from your blog.

Now How to add this link unit to your Blogger Header?
1.Login to your blogger
2.Go to LAYOUT tab
3.Then EDIT HTML tab
4.Click On EXPAND WIDGETS to expand html
5. Search the below code in red.

<div class='descriptionwrapper'><p class='description'><span><data:description/></span></p>

Now Add the seach code after these lines.
If you want to add your google search then add the google search code from adsense.
It will look like this:-



If you want search unit to be placed above the description and below title then place the search code above
these red lines.

Embed Search Box In Blogger Header that makes it look beautiful.You can also Embed Google Search Box In Blogger Header, to add to your earni...

Read More »

Add Banner Adsense Above Blogger Header

==> Add a Google Adsense Ad Unit or an Affiliate Banner Above the Blogger Header <==

1. Login to Blogger if not already logged in

2. Navigate to Layout > Edit HTML

3. As a precaution back up your template by downloading the full template to your computer

4. Tick the Expand Widget Templates box

5. Using CTRL + F to bring up the search box find this line which in most templates will be directly after tag

 

<div id='outer-wrapper'>

 

6. Paste this block of code after this line to create a new section

 

<div id='topads-wrapper'>

<b:section class='topads' id='topads' preferred='yes'/>

</div>

 

7. Next we need to add some CSS styling to the new section. Please note that the banner will be centered by default. If you want to change the alignment for some reason you just need to change the CSS styling.

Place the following code in the head section of your template before these lines:

 

]]></b:skin>

</head>

 

/* Top Ads

----------------------------------------------- */

#topads-wrapper {

margin: 0;

padding: 0;

position: relative;

text-align: center;

width: 100%;

}

#topads {margin: 0; padding: 0;}

#topads .widget {margin: 0; padding: 5px 0;}

 

8. Click the Save Template button

9. Go to Layout > Page Elements

10. You will now see that you can add a gadget to a new section above your header and directly below the

navbar.

==> Add a Google Adsense Ad Unit or an Affiliate Banner Above the Blogger Header <== 1. Login to Blogger if not already logged in 2....

Read More »

Insert Advertise Banner In Blogger Header

1. Login to Blogger.com and navigate to Layout > Edit HTML page of your blog
2. On the Edit HTML page you will see the option to back up your template b y downloading it to your
system. I strongly advise that you take this opportunity to backup as you are about to make a change to your
template where if something goes wrong you may not be able to restore it.
3. Once you have backed up your template place a check in the Expand Widget Templates box
4. Search your template and locate the following lines of code within the header section of the template:(note
you can search by using CTRL + F and entering <b:includable id='main'> into the search box

&ltb:includable id='main'><b:if cond='data:useImage'>

5. Now insert the following 2 lines of code directly below <b:includable id='main'> and before
<b:if cond='data:useImage'>

 <div class='ads'>PLACE YOUR BANNER CODE HERE
</div>

6. When you are sure you have correctly inserted the code into the template scroll up until you find this line in
your template

]]></b:skin>

7. Immediately before this line add the following lines:

/* Header Banner ----------------------------------------------- */ #header .ads{width:480px; height:80px; float:right; padding:20px 0px 0px 0px}

8. Click on Save Template.
9. Click on View Blog to view your new banner.

1. Login to Blogger.com and navigate to Layout > Edit HTML page of your blog 2 . On the Edit HTML page you will see the option to back...

Read More »