add social bookmark at blogs (part 1)

Assalamualaikum.wr.wb

In my posting this, we will discuss how to install the social bookmarking buttons on the blogspot. The way is simple enough to stay just follow the instructions below:


1. First login on blogger.

2. Click edit html, and expand the widget templates.

3. Search code ]]></b:skin>

4. copy the code below just above the code:



/* bookmark */
.post_social_bookmark {
display: block;
font-size: 12px;
margin: 0px;
padding: 0px 0px;
text-align: justify;
color: #666666;
}
.post_social_bookmark img {
float: left;
width: 35px;
height: 35px;
border: 0;
}
.post_social_bookmark a {
float: left;
margin: 2px;
padding: 1px;
}
.post_social_bookmark a:hover {
background-color:#f1f1f1;
}

5. After that search code <data:post.body/>

6. After the meet, put the code below directly below code <data:post.body/>:


<div class='post_social_bookmark'>
<a expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg'><img alt='Digg' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQiO9krTcI/AAAAAAAAAhc/80Z-NLrZ7wU/s1600/digg.png' width='48'/></a>

<a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google Bookmarks'><img alt='Google Bookmarks' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitItySOI/AAAAAAAAAhs/RQQh6Du9HrA/s1600/google.png' width='48'/></a>

<a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit'><img alt='reddit' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQitlmYSuI/AAAAAAAAAh8/mTtVHQxL_mE/s1600/reddit.png' width='48'/></a>

<a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Mixx'><img alt='Mixx' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQitawG7PI/AAAAAAAAAh0/vF4HOlj8JH8/s1600/mixx.png' width='48'/></a>

<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='StumbleUpon'><img alt='StumbleUpon' height='48' src='http://2.bp.blogspot.com/_lxBSX0YJV58/SwQit6IUS5I/AAAAAAAAAiE/gfbBSYnbjnU/s1600/stumbleupon.png' width='48'/></a>

<a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Technorati'><img alt='Technorati' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiuP6h64I/AAAAAAAAAiM/x_aGzBKYCgc/s1600/technorati.png' width='48'/></a>

<a expr:href='&quot;http://buzz.yahoo.com/article/&quot; + data:post.url' target='_blank' title='Yahoo! Buzz'><img alt='Yahoo! Buzz' height='48' src='http://1.bp.blogspot.com/_lxBSX0YJV58/SwQi2FtKY5I/AAAAAAAAAiU/ByTK_Wci_Uo/s1600/yahoo.png' width='48'/></a>

<a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='DesignFloat'><img alt='DesignFloat' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOmnjWDI/AAAAAAAAAhU/nMIbaOaCDic/s1600/designfloat.png' width='48'/></a>

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Delicious'><img alt='Delicious' height='48' src='http://4.bp.blogspot.com/_lxBSX0YJV58/SwQiOHLlI8I/AAAAAAAAAhM/6JP39Dh6sF8/s1600/delicious.png' width='48'/></a>

<a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='BlinkList'><img alt='BlinkList' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiN859bNI/AAAAAAAAAhE/E_Uh6XTQmpo/s1600/blinklist.png' width='48'/></a>

<a expr:href='&quot;http://furl.net/storeIt.jsp?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Furl'><img alt='Furl' height='48' src='http://3.bp.blogspot.com/_lxBSX0YJV58/SwQiPG9Y6xI/AAAAAAAAAhk/YzmjQUPdnrg/s1600/furl.png' width='48'/></a>
</div>

7. Save, and you're done.

may be useful for you.

wassalamualaikum.wr.wb





Related Posts by Categories



what is new today