4/8/12

Make the Social Bookmark Posts Below

Social bookmarking is a bookmark (site collection) and can be distributed to other members or the public. These bookmarks can be placed anywhere depending on how we are. This time I'll try to put social bookmark below the post. us start

1. Login to Blogger
2. Choose a Plan
3. Edit Html
4. Check the "Expand Widget Templates"
5. Put the following code above the code ]]></b:skin>

/* 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;
}
6. If you are looking for code <data:post.body/>
7. Put the following code under the code <data:post.body/>:
<br/>
<div class='separator'/>
<div class='clear'/>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIc4ULTVFGGGdVwCvKjZIWDG6BYaQ474zFshdNd0et3GsrIoRlwJys2Ww55gHOstkaqhRhx_s30iLLSIv5c2Uw5a1NXdTsfINdkpu0cYFrJ2NgtQ1HEy2jaaWJ8xBICN5dD3vr493QpjDT/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYrCzY_m51hvEOy4EpQq5VSRHE-4tu9J8nyCXFWW6kZVPResi65LUoaIrfYxp4DZuVZZJM-XoN7iS7NXPSHm8Xqq4mJoRl5VhJnHBSBWvWWhl4V43C2vTaZuthJYh0XWFf8YUmeQZXYEK9/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ugPmxhrKnbSMmiYgY5qCSQseTxnrKT91d2QyMMTZtjhmpWqvPe2Q35ZvhmQXiCzzdxGkmGhTQdjRW1cthI0S_AYwJFgy9UTmKItzfBG-xKMlx7pRSKANzBN4gHiH5BEBTJnV8nZEctTR/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ5KJRjOTSraMM9qVBA9Kp-CkZ9FswrwZUE5ungk4CTBOd0zauUrCmCycg_I8vCknvndUpnnsAARt3SNPj1b1Xag11Ttu_YdSuRqfd1Raz1sRPL3LhGDkPZQFOwXcBjfsjXcRG015Y849H/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UGLp2Ldx2S_RpDJd6QLk8-6oL7QXbSjbAF9xYle_zLSvmwAsi4ZrAEcj266Q5VDYsmIcYWPy02oFvitaeZzzwyf0LQ_esNqRi1FYuhx58WMxIMnSSF3WT8oMM4aTKA6xm8uX1gAc88Dj/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUMz1c5hoZq3IwCkEoM_85UPNF0VdJmO57co8N97qWIxBF76Cs3NVuW-XYTyxT8hpIC8SI4EkCUv1U1Z598HgIxTUYEXyunuYvjD4WStQBnlQmCrMzs6_o5BujPvDtW-5pwbP8ifmZqntC/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2VIY4HqsbYNe4otw6d6bmW1ckBlXzthiTC61FDEFxFEJLJXe-xCPvIZXnP-tiKx-wEleNUP-q6v7kuR_vBLv3HQ60NHFzLpf_4IxVVG4yqzMuem8XvITBLhwr-cXEJI3BI3ks4Z7m8ZQo/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEMG-pYRPUcBcLmfmkWetsXTvKJxMIVYGh8314Zv4D-I2GHya7Oei18zB0SGzsfU9lPhR5L4JeFzNJjBDUhyphenhyphenNp0XSqyoEoAjFyj5otFSD-dxbl0P9zZAJeMZSYVOtT3qTt_ivSP715UNU6/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5uyXnxWEuThXHg82LkI1dOao3OY177zz00AGnaGCEGv3CUZptgPRQw0J1I4zwKv_OmrU5Sqcv18RR0lM3l0HRTKfbA1gmVfTQU-secc8QcCbmQ3NwSBmjZHQqmHfKH-POkqdvNATPg-DX/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir2d5afsy9v7BskMu59wV0bxAhCsQl5bNGZa1qIQbX0epqGwZQYdwrmg8PufPFUOo-VyCj-yhcsW4JkKw7h24MeeR0iRrI1ysy06x43dXe4Gb93_UEPAzYXdv7WSivcmkI84RdGu6PH8MW/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvNMhLmYI78ue7bJGBm8KuFXR-LpwpQSpthU0Zh_UfQANSVVumadRPHxnxmeRMz8gMQlqqS4HImp9sNyDK7lZWUqumK5xD5pkqDy7VkCOTwrR23x3NuX8eL6YfPULHGmhtaY5bfrfhXP3/s1600/furl.png' width='48'/></a>
</div>
<div class='clear'/>
8. Then Save

No comments:

Post a Comment