Showing posts with label BookMark. Show all posts

2009-05-06

Image

TwitThis Button for Blogger


TwitThis is an easy way for people to send Twitter messages about your blog post or website. When visitors to your website click on the TwitThis button or link, it takes the URL of the webpage and creates a shorter URL using our own URL shortener! Then visitors can send this shortened URL and a description of the web page to all of their friends on Twitter.

Login to Blogger. Go to Layout > EditHTML. Check Expand Widget Templates.

Copy and paste the following code where you want the widget to be displayed.


<a expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&amp;title=" + data:post.title'>Twit This!</a>


CSS

If you like the TwitThis link () used in this blog, add this class in your CSS and use it with the above code.

.share-tweet {
background:url(http://bit.ly/PNzhb) 10px top no-repeat;
margin-left:10px;
padding-left:42px; 
font-size:11px;
line-height:18px;
}
Facebook
Google
Twitter
اقرأ المزيد
0



Image

Del.icio.us bookmark button with counter for Blogger

You can add a del.icio.us bookmark button with counter which shows the number of users that share the current link for each post to your blog.

Login to Blogger. Go to Layout > EditHTML. Check Expand Widget Templates.

Find the portion of code given below.


<p class="post-footer-line post-footer-line-3">

Copy & Paste the code given below just below the above code.

<a expr:href='"http://del.icio.us/post?url="+ data:post.url + "&amp;title" + data:post.title' target='_blank'>add to del.icio.us</a>
saved by <span class='delsquare' expr:id='"a"+data:post.id'>0</span> users

<script type='text/javascript'>
function displayURL(data) {
var urlinfo = data[0];
if (!urlinfo.total_posts) return;
document.getElementById('a<data:post.id/>').innerHTML = urlinfo.total_posts;
}
</script>
<script expr:src = '"http://badges.del.icio.us/feeds/json/url/data?url= " + data:post.url + "&amp;callback=displayURL"'/>


CSS

Add this class in your CSS and use it with the above code.

.share-delicious{
margin-left:10px;
border-left:solid 1px #DEDEDE;
padding-left:36px;
font-size:11px;
line-height:18px;
float:left;
}

Facebook
Google
Twitter
اقرأ المزيد
1



2009-05-02

Image

I made a favicon-now what?

OK..so you managed to choose an image that you'd prepared earlier and ran it through our favicon generator and you clicked the download link and have it saved on your computer hard drive. Well done....you're nearly there.
Now you need to upload it to the root directory of your webspace.
Most browsers will automatically detect and use the favicon.ico file, even on pages that are written in PHP, ASP, etc.
  • It has been suggested that both of the following HTML lines should be included:
    <link rel="shortcut icon" href="http://3rbgame.googlepages.com/favicon.ico" type="image/vnd.microsoft.icon" />
    <link rel="icon" href="http://3rbgame.googlepages.com/favicon.ico" type="image/vnd.microsoft.icon" />
    (and obviously you'd replace http://3rbgame.googlepages.com/favicon.ico with your website address) So your code could look like this:-
    <head>
    <link rel="icon" href="http://3rbgame.googlepages.com/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="http://3rbgame.googlepages.com/favicon.ico" type="image/x-icon" />
    </head>
     However, only the former is necessary, as "shortcut icon" will be treated as a list of possibilities by standards-compliant browsers (with "shortcut" being ignored, and "icon" used); while Internet Explorer will treat it as a single name ("shortcut icon"). The result is that all browsers understand the code. It is only necessary to include a second piece of code if one desires to offer an alternative image to modern browsers (e.g. an animated GIF).
  • The link elements must be inside the head element (between <head> and </head>) in the HTML.
  • For XHTML, the link element must be terminated by " />" instead of ">".
  • The href can, but need not, point to the location /favicon.ico. It could equally well point anywhere else on your site that is convenient.
  • The image can usually be in any image format supported by the web browser, the major exception being Internet Explorer, which only supports ICO.
  • The .ico file format will be read correctly by all browsers that can display favicons.
Note: A file called favicon.ico and located in the document root directory will also be found by some browsers that do not process the link elements, even if it is not linked from anywhere on your site.





Facebook
Google
Twitter
اقرأ المزيد
0



Subscribe to: Posts (Atom)

Total Pageviews