Nov 12, 2011

How to Embed Youtube Vedio

step1- See pictures one by one. It is very easy.
 Step2-


Step3-


Read more ...

Oct 16, 2011

Important Sites For Blogger

listofdirectory.com
submitexpress.com
onlywire.com
topblogger.com/add.php
dir.yahoo.com
dmoz.org
siteexplorer.search.yahoo.com
keywordspy.com
adsblacklist.com
n4.nabble.com
Adnetwork:
axil.com
buysellads.com
adster.com
adbrite.com
infolinks.com
advisual.com
system.casalmedia.com
valueclickmedia.com
adbalance.com



Read more ...

Oct 14, 2011

How to Reduce Margin above Blogger Post |Blogger Margin Padding Edit Post

Here I will show you how to reduce margin and padding at the left of main section ie post of the blogger section.
First you find this code <Variable name="main.section.margin" in HTML section of your blog by ctrl+F method. I think you know this. If you have any problem then post your comment  at the below of this post.
See the light blue color shaded portion . I have changed the value to 5px ( value="5px"/>)   from 15px. see the changes by clicking on preview tool . 




<Variable name="main.section.margin" description="Main Section Margin" type="length" default="15px" value="5px"/>
   <Variable name="main.padding" description="Main Padding" type="length" default="15px" value="5px"/>
   <Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" value="15px"/>
   <Variable name="main.padding.bottom" description="Main Padding Bottom" type="length" default="30px" value="30px"/>

 The light green edit portion reduce the padding horizontally to the main post section of the blog. I changed it to 5px (="5px"/>) from 15px.

See the yellow edit portion . It will do real miracle for reducing margin above the main body ie below the header. Many blogger are hungry to get the help to reduce gap below the header. I changed it to 15px(value="15px"/>) from 30px.

These are the most important edit. Many blogger does not give you this trick. But I believe to give real value from my site. 100% genuine tricks. If you feel any problem then ask freely.

Read more ...

How to Reduce Margin below Widget | Widget Margin Padding Edit Tricks

Friends what you will get here is completely proved on blogs. I will show you with proof of image. This code is a miracle for new blogger template. If you want to reduce the margin and padding below widget then use this trick. It will do wonder for you.

Go to Design > Template Designer >advanced> Add CSS.


.widget {
Margin-bottom:0px;
}

Paste the above code then see the changes . Ha..Ha.....Haaa...Enjoy.


It will look like this . See below. Click to zoom to see the location.

Read more ...

Oct 13, 2011

How to Split Blogger Header into tow Row | Blog Header Edit | Blogspot Header Break


Before editing the HTML code download the template and save it to your hard disc. Don't forget to do this. It is the prime and very important work for any edit in your blog or site.

See this code in HTML section of Your blog

<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/> </b:section> </div>


In the above code change maxwidgets  to '2' and  showaddelement  to 'yes'


Your final code will be like this.


<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'> <b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/> </b:section> </div>

Maswidgets can be changed to more than 2 also . It depends on your choice.
You have done. Now save your template.
Read more ...

How to split header | Header into tow column Header


I am giving very powerful tecknique to split the header into tow column.
Find and  these lines of code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Forum (Header)' type='Header'/>
</b:section>

Then replace above code by the below code code:


<!-- HEADER EDITED START-->
<table><tr><td>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Header' type='Header'/>
</b:section></td>
<td style="width: 510px;">
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
</td></tr></table>
<!-- HEADER EDITED END-->

Read more ...

Oct 10, 2011

How to Check CPC of a Keywords | Website | LCP | MFA

First of all know the meaning of the word CPC, LCP, MFA.
CPC- Cost Per Click
LCPC- Low Cost Per Click
MFA-Made For Ad

I think you know about CPC and LCPC but many of you don't know MFA. There are few banners on the internet which are made only for ads. This appears repeatedly on your site where you pasted the adsense code. This ads are seldom clicked by visitors. But the advertisers are getting benefit again and again it appears on your site. So you must stop these ads by blocking them in your adsense account.


One question is arising that how will you become sure that it is MFA . So I am giving one trick here.  Go to keywordspy.com and paste the address of this site then you will notice that it is paying very low CPC. To know the address of the MFA right click on this ad . Copy the link address and paste it in notepad. See carefully the code you will find a word adurl  after that you will find the address of the mfa site.

Read more ...

How to increase Backlinks | Get Free Backlinks

Backlinks are one thing which every webmaster knows. If you are new in this context then just remember one thing that backlinks increases popularity of the websites and enhances search engine ranking. 

First thing is that create backlink by submitting your site to the blog directories. Here I am giving few popular directories.
Demoz.org - It is purely directory website and is very popular. Your site must be in this directory. 
Onlywire.com - This site is a one click submitter to all social networks. It is also a popular site. Take a advantage by submitting your site here.
Topblogarea.com- It is purely directory for blog. You can get many backlinks from this site. 
siteexplorer.search.yahoo.com- Nothing require to say more about this website because these are the lion sites of the internet world. You must submit your site here to get at least one backlink from here. Because one backlink on this site can do miracle for your site. It is because these site are viewed daily by billion of people. So you can have the idea what I am indicating to you.

Read more ...

Oct 9, 2011

How to use image link

This is code for image link.

<a href="example.html"><IMG SRC="example.gif"/></a>

Example.html is the link of the image. When anybody click this image this link direct the visitors.
Example.gif the url of the image where it is kept.
Read more ...

Google SEO guidelines



Test your website in various browser or use a test browser to see the look and feel of your site.
The site may response good in chrome but may give problem in opera. I think you understand what I want to explain.
1. Allow search bots to crawl your site.
 2. Keep a sitemap on your site so that user may reach to all links of the website from one place.
3. Make use of robot.txt file. But use this only if you know everything about it. Otherwise your website may stop appearing in google search engine if it is not properly applied into the root directory of the site. It is better to use meta tag for blogger.
4. optimize load time of your website.
5.Use NOFOLLOW for better ranking. e.g.
<a href="http://www.copyscap.com" rel="nofollow"></a>
This code will avoid crawlink of copysce.com here in this example.
6. Use meta tag to "noindex" search result. If in webmastertools
disallow/search
disallow/images

All these guidlines is available at : http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf



Read more ...

Bandwidth Blogger | Blogger image Bandwidth


Blogger Bandwidth  and  related features. Many blogger friends have a question in their mind that how many posts blogger will support. Blogger supports approximately unlimited bandwidth for texts.

Blogger provide 1 GB image upload capacity. The image remains at picasa.com this site has been acquired by google. Any blogger can see his uploaded images at this site with help of blogger id and password.

One very important notes I want to share with all bloggers. My blog was deactivated In the month of September 2011.

It was reactivated after 7 days. But my two blogs were deleted. I lost the posts of September months. So my advise to all blogger is that whenever you are writing any post , you save it in your computer after posting. And also save your template whenever you make any edit in template. This will be very important tasks for all blogger because it will protect you for your hard work. 

Read more ...

Blogger Features | How to Know all Features


Blogger all features can be obtained at one place. But many of us do not know this. The address for all blogger features are: 
The available features on blogger are given below. To become a perfect successful blogger you must read all these carefully to apply all features of blogger on your blog.

Customize your design
Publishing your voice is easy and free
Simple-to-use interface
Your free website
Add photos and videos to your post
New! Earn money
Develop your community
New post notifications
One simple ID
Languages of the world
New! Pages
Posting on the go
Group blogging
Third-party applications

Read more ...

Oct 8, 2011

How to boost Adsense Earning | Google Ad Section | Google Adsense Code

Google ad section code placement is one technique to suggest a section to adsense so that only relative google adsense ads appear on you website. This is one way to boost adsense earnings. Suppose you want to get adsense ads according to the main content e.g. post of blog then place this code into your blog or website. 

<!--google_ad_section_start-->
THIS IS THE PAGE SECTION YOU WOULD LIKE TO SUGGEST TO ADSENSE BOT.
<!--google_ad_section_end-->
This is very tricky. Many of us do not know this. Apply this code to your site wait for at least five to seven days and see the result. Do not forget to post your comments here if you get benefited from this post. 
Read more ...

Oct 6, 2011

How to Reducer Gap Between Header and Body by css | Header and Sidebar


This css code is very handy. It can reduce gap between header and body . That is if the the below space of the header  is more and you want to reduce this gap then this css code is very handy.

Go to Design > Template design > Advance > then put this code in the css text box.

The gap is controlled by varying  margin-top:-5px values. -5 can be changed to any value from 0 to -25 for better result. This depends on the template of your blog.

.column-left-outer {
margin-top:-5px;
}
Read more ...

Oct 5, 2011

How to Put Adsense in Blogger Post | How to Put Adsense Inside Blog Posts


Step1- Go to Design > Edit Html
Step2- Click on checkbox-  Expand Widget Templates.
Step3-Do Ctrl+F for <data:post.body/>
Step4- Paste this grey color code above <data:post.body/>. The code is given below.

<p align='center'>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</p>

Step5- Go to -- http://www.eblogtemplates.com/blogger-ad-code-converter/
and convert your adsense code to stop parse code error.
Copy the converted code and paste as shown below.

YOUR CONVERTED ADSENSE CODE HERE
<p align='center'>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</p>


Step6- Save template you are done. Ha..Ha..enjoy and must post your comments if you face any problem.
This will look like this

Read more ...

Sep 29, 2011

How to Create a Forum Free | Very professional and Great Free Forum

STEP 1 - create this page http://exampleForum.net/p/exampleForum-forum.html . The exampleForum is according to your choice names for your forum.
STEP 2- Create a new forum at Nabble: It is free at

Nabble.com to ceate your forum. Copy the HTML code.

STEP 3- Go to Blogger Dashboard -> Design -> Edit HTML and mark the tick-box "Expand Widget Tempaltes".

STEP4- Find (CTRL+F) this code, in your template:

<div class='columns fauxcolumns' ></div>

STEP 5- Put the code i.e. obtained from NABBLE as shown below. That means replace "Your_nable_code_here" by your code obtained from nabble.

<b:if cond='data:blog.url == 'http://xxxxxx.net/p/xxxxxx-forum.html'>
Your_nable_code_here
</b:if>

STEP 6- And immediately ABOVE this code:

<div class='columns fauxcolumns'></div>,
Paste the above total code .
NOTE- Do not forget to change red colour link. Replace http://xxxxxx.net/p/xxxxxx-forum.html by your site page link

Read more ...

Sep 28, 2011

How to Reducer Gap Between Post and Sidebar


To adjust the left side gap of the right side sidebar ,paste this code in template designer advance section in css text box.

.column-right-inner {
margin-left:-20px;
}


 left sidebar
 main content
  (To reduce this gap ) sidebar contents
Read more ...

How to Hide | Remove | Block| Navbar of Blogger by CSS | 3 Methods


Go to Design > Template Designer > Advance css. And do this
Copy and paste the code provided below and insert it as given the path above.
These are the css method to remove or hide the navbar iframe.

Method 1st: To hide , Copy and paste the code provided below

#navbar-iframe {
   display: none !important;
}
Method 2nd: To hide , Copy and paste the code provided below

#navbar-iframe {
display: none;
}
Method 3rd: To remove , Copy and paste the code provided below.


#navbar {
height: 0px;
visibility: hidden;
display: none;
}
Read more ...

Sep 27, 2011

How to increase Backlinks | How to submit your site to social network with one click


Onlywire is a free service that allows you submit your site to 30 social bookmarking sites with a click of a button.
Right now the social bookmarking sites OnlyWire will submit to are:
1.      Ask
2.     Bebo
3.     Bibsonomy
4.     Blinklist
5.     BookmarkSync
6.     Connotea
7.     del.icio.us
8.     Digg
9.     Diigo
10. Facebook
11.   Faves
12. Google Bookmarks
13.  Jumptags
14. Linkatopia
15.  Mister Wong
16. Mixx
17.  Multiply
18. MySpace
19. Newsvine
20.           Plaxo
21. Propeller
22.           Reddit
23.Simpy
24.           Slashdot
25.Spurl
26.           Stumbleupon
27.Technorati
28.           Tumblr
29.           Twitter
30.Yahoo Bookmarks
I made a quick video covering OnlyWire:

Signup for OnlyWire:
http://www.onlywire.com

Read more ...

How to Implement Google Custom Search | Google Custom Search not working

For implementing google custom search properly this wild card does a miracle for the search result.
If you are unable to understand then post your comments below. It will be answered as soon as possible. 

We have to put this code in "what to search box"

What to search- http://essssay.blogspot.com/*

Here * is doing a wild card for all pages of the blogger site.




It is great trick.

Read more ...

How to Break Header Blogger | How to Split Blog Header

1.Read carefully to break the header of the blogger. It is very much tricky.

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

2.Replace above code with below code.

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

3. Now again Scroll down to where you see code like this :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

4.Replace above code with below code.

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Read more ...