Make your own custom Facebook and Twitter share buttons

admin — Sat, 11 Dec 2010 19:53:17 +0000

Sometimes Share button from Facebook and Twit button from Twitter do not fit in your website/blog. So you design a great Share button Image but how to link it to your own article with title and permalink.

For Twitter:

- send the visitor to this link: http://twitter.com/share?_=1292093673417&count=horizontal&original_referer=your_page_link_url_encoded&related=your_twitter_account&text=page_title_or_text_html_encoded&url=your_page_link_url_encoded&via=your_twitter_account

If you want to implement this in WordPress just copy this code where your twitter button want to appear:

$twitAccount = "nisiblogging"; // change this with your account
$twitLink = "http://twitter.com/share?_=1292093673417&count=horizontal&original_referer=".urlencode(get_permalink())."&related=".$twitAccount."&text=".urlencode(get_the_title())."&url=".urlencode(get_permalink())."&via=".$twitAccount;
echo(‘$twit.‘" target="_blank">

.get_bloginfo(‘template_url’).‘/images/twitter.png" alt="" />

’);
/*In the current template folder find the subfolder images and copy your Twitter button as twitter.png */

For Facebook:

- send the visitors to this link: http://www.facebook.com/sharer.php?u=your_page_link_url_encoded&t=page_title_or_text_html_encoded&src=sp

If you want to implement this in WordPress just copy this code where your Facebook Share button want to appear:

$fb = "http://www.facebook.com/sharer.php?u=".urlencode(get_permalink())."&t=".urlencode(get_the_title())."&src=sp";
echo(‘$fb.‘" target="_blank">

.get_bloginfo(‘template_url’).‘/images/facebook.png" alt="" />

’);
/*In the current template folder find the subfolder images and copy your Facebook Like button as facebook.png */

.htaccess – user guide

admin — Wed, 23 Apr 2008 09:34:30 +0000

Custom Error pages

ErrorDocument 400 http://new-error-page.htm
ErrorDocument 401 http://new-error-page.htm
ErrorDocument 403 http://new-error-page.htm
ErrorDocument 404 http://new-error-page.htm
ErrorDocument 500 http://new-error-page.htm

Redirects

- great if you change your domain or some portion of your site

Redirect /olddirectory/oldfile.html http://yoursite.com/newdirectory/newfile.html

Links:

http://www.javascriptkit.com/howto/htaccess.shtml

Nisi's work blog » HTML

Make your own custom Facebook and Twitter share buttons

.htaccess – user guide