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 ...