Installing Google+ plus button in thesis wordpress theme:

Installing google plus button in thesis is very simple.Check below for the steps involved in adding google plus one to wordpress thesis theme.You can also add this through thesis openhook plugin to the header section or using the “site options” menu and then adding to the stats/tracking scripts option.

Add this code to your custom_functions.php file.

function google_plus_one_button() {
	?>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
	<?php
}
add_action('wp_head', 'google_plus_one_button');

Now after you add the above code to thesis,Add the below code to position the google plus button wherever you want on your blog page.A suggested position would be the top sidebar,or below the post title.You can use thesis openhook plugin to position or adding to the theme.

<g:plusone></g:plusone>

Now check your blog and you will be seeing the Google plus one button on loading on the position you added it.

If this post was useful for you,Give me a Plus one dude

Share your thoughts on the plus button with us.

How to add google plus one button to Thesis wordpress theme is a post from: SenseHow.Com

Related posts:

1. How to add floating back to top button in thesis wordpress theme
2. How to add retweet button into teaser and posts of thesis wordpress theme
3. Thesis-how to place ads Above the post title in thesis wordpress theme

Header Image Uploader:

You can now add header image from inside the thesis options by the image uploader.Previously thesis users uploaded a header image and then linked it inside the custom.css and now need not do this.

Seo Character counters:

There is an inbuilt seo character counter in thesis 1.8.Search engines display only specified number of characters in title and description.There are appropriate character counters throughout all input interfaces in thesis theme 1.8 version.

Google Fonts support:

Thesis 1.8 has google fonts support.Have a look at google fonts directory

WordPress Nav Menu support:

Thesis 1.8 offers full support to wordpress 3.0 navigation menu.You can even customize it using the thesis nav menu customization option.So double addon for both wordpress&thesis.

• Category/Tag/Taxonomy Page Options
• Favicon Uploader
• Custom Loop API
• Windows live writer support

more and more features.

Download Thesis 1.8 Now

Thesis 1.8 features&review is a post from: SenseHow.Com

Related posts:

1. How to add clickable header banner in thesis wordpress theme
2. How I customized thesis theme
3. Thesis 1.7 wordpres theme free download

Thesis 1.8 has made thesis customization very easy and now you can upload your header from inside the thesis options and need not play with your custom.css any more.There are many more options which makes your blog customization very easy.Shortly i will review all the features of thesis 1.8.

For now,take a look at thesis here

Thesis 1.8 is out!! Download it free is a post from: SenseHow.Com

Related posts:

1. Thesis 1.7 wordpres theme free download
2. Thesis 1.8 features&review
3. How to add clickable header banner in thesis wordpress theme

How to add facebook fan count in text in wordpress blog?

There are three steps that you need to complete enabling facebook fancount in text.This can be used in wordpress or any php powered website.This uses the Facebook api key to display the fan count in text.

STEP 1:

1.Getting your facebook api key,application secret and page id:
You have to sign into facebook first and then click on developers link on the side bar.If you have not signed up for developer in facebook do it here.

2.Now after you click developer option then go to “setup new application” and enter any name and create a application.we are not creating a real application but we need that for getting facebook api keys and application secret.

3.After you click “create application” you will see the api key,application id and secret in the next page.Make a note of it.

4.Visit your facebook fan page and check the url bar to get your fan page id.If you have changed the url to short then goto facebook pages and edit the required page and then see the url bar to get your page id.
http://www.facebook.com/pages/edit/?id=XXXXXXX

STEP 2:

Get the facebook.php file from here.It is the Facebook API PHP SDK file .Then place it in the root  of your website.

STEP 3:

This is the final step showing the fan count as text in your website.You have to place the below in code in your php file.In custom_functions.php for thesis wordpress theme.Be sure to edit the following details before you paste the code and save.
Line 4 – Replace app_id with your Facebook Application ID.
Line 5 – Replace secret_key with application Secret.
Line 10 – Replace the last page_id with your Facebook Fanpage ID.

Now the code is

<?php
require_once('facebook.php');
$facebook = new Facebook(array(
'appId'  => 'app_id',
'secret' => 'secret_key',
'cookie' => true,
));
$result = $facebook->api(array(
'method' => 'fql.query',
'query' => 'select fan_count from page where page_id = page_id;'
));
$fb_fans = $result[0]['fan_count'];
?>

After you are done,save it and now to display the fan count text widget use this code

<?php echo $fb_fans; ?>

Now you have successfully added facebook fancount in text in your blog or website.

How to display facebook fan count in text in your blog is a post from: SenseHow.Com

Related posts:

1. How to auto submit blog posts to twitter,Facebook,LinkedIn
2. How to highlight codes& scripts in your wordpress blog posts
3. How to display recent searches in wordpress blog sidebar

HOW TO ADD IMAGE HOVER EFFECT:

FOR THESIS AND WORDPRESS THEMES:

1.Goto Custom file editor in wp-dashboard and click edit Custom.css and at the end paste the css code (given at the end of this post)for the required hover effect.

2.Now when adding a image add the required tag (for eg “Fadein”)into the image code as shown below.

FOR BLOGGER BLOGS-IMAGE HOVER EFFECT:

1. Go to Blogger > Layout > Edit HTML
2. Search for ]]></b:skin>
3. And now paste any of your preferred CSS: code just above ]]></b:skin>
   
4. save it

Now whenever you write a post add the required tag for hover effect as below.

LIST OF HOVER EFFECTS AND CSS CODES,TAGS:

HOVER EFFECT 1:

CLASS=simple1

CSS CODE:

.simple1 {
padding:5px;
border:1px solid #ccc;
}
.simple1:hover {
padding:5px;
background-color:#ccc;
}

HOVER EFFECT 2:

CLASS=simple2

CSS CODE:

.simple2 {
padding:5px;
background-color:#ccc;
border:1px solid #ddd;
}
.simple2:hover {
padding:5px;
background-color:#eee;
border:1px solid #666;
}

HOVER EFFECT 3:

CLASS=black-white

CSS CODE:
.black-white {
padding:5px;
border:1px solid #ccc;
}
.black-white:hover {
padding:5px;
background-color:#fff;
border:10px solid #000;
}

HOVER EFFECT 4:

CLASS=dashed

CSS CODE:
.dashed {
padding:5px;
border:1px solid #ccc;
}
.dashed:hover {
padding:5px;
background-color:#fff;
border:2px dashed #000;
}

HOVER EFFECT 5:

CLASS=top-bottom

CSS CODE:
.top-bottom {
padding-top:5px;
padding-bottom:5px;
border-top:3px solid #ddd;
border-bottom:3px solid #ddd;
}
.top-bottom:hover {
background-color:#fff;
border-top:3px solid #000;
border-bottom:3px solid #000;
}

HOVER EFFECT 6:

CLASS=curtain
CSS CODE:
.curtain {
padding-top:10px;
padding-bottom:10px;
border-top:2px solid #ddd;
background-color:#000;
border-bottom:2px solid #ddd;
}
.curtain:hover {
background-color:#fff;
border-top:3px solid #000;
border-bottom:3px solid #000;
}

HOVER EFFECT 7:

CLASS=red
CSS CODE:
.red {
padding:5px;
border:1px solid #ccc;
}
.red:hover {
padding:5px;
background-color:#E71305;
border:10px solid #ddd;
}

HOVER EFFECT 8:

CLASS=Fadein
CSS CODE:
.Fadein{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

HOVER EFFECT 9:

CLASS=Fadein2
CSS CODE:
.Fadein2{
filter:alpha(opacity=50);
-moz-opacity: 0.30;
opacity: 0.30;
border:2px solid #000;

}
.Fadein2:hover{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:2px solid #000;
}

HOVER EFFECT 10:

Image Description here

For this effect you have to use the coding as below for images.Add the same image url in both the fields below.Add a image description.

IMAGE CODING:

<a><img src=”Add Image URL Here” border=”0px” alt=”" width=”100px” height=”100px” /><span><img src=”Add Image URL Here” alt=”" />
Image Description here </span></a>

CSS CODE:

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{
position: absolute;
background-color: #7AA1C3;
padding: 0px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: white;
text-decoration: none;
}
.thumbnail span img{
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 5px;
}

Now you will be able to add image hover effects to bloggers,thesis and other wordpress themes.Be sure to subscribe to our updates to get more blogger,wordpress tutorials to your email.

How to add image hover effects in thesis and other wordpress themes,blogger is a post from: SenseHow.Com

Related posts:

1. How to add stylish page navigation in thesis using wp-pagenavi
2. How to add page navigation in thesis without openhook plugin
3. How to add a widgetized 3 column footer in thesis wordpress theme

How to add back to top button in Thesis:

Create a image button or icon that you want to place as the top button.

upload the image to your image library and get the link.

Now go to thesis options in your wordpress dashboard and click header scripts and add the below code and click the big ass save button.

Note:Be sure to replace the image link to your icon link.

/* paste the code in header scripts*/
<a style="display:scroll;position:fixed;bottom:5px;right:5px;

" href="#" title="Go to Top">

<img src="http://www.sensehow.com/wp-content/uploads/up.png" /></a> <br/>

Now check your site,you would have an amazing floating “back to top” button in your thesis wordpress theme.

Using another wordpress theme?check my newer tutorials for “adding top icon”.

Post a comment if you have any difficulties?

How to add floating back to top button in thesis wordpress theme is a post from: SenseHow.Com

Related posts:

1. How to add google plus one button to Thesis wordpress theme
2. How to add retweet button into teaser and posts of thesis wordpress theme
3. How to add clickable header banner in thesis wordpress theme