توسط کد زیر یکسری آیکون از شبکه های اجتماعی در پایین مطلب شما نمایش داده خواهد شد که امکان اشتراک گذاری مطالب شما را در فیس بوک , تویتر, کلوب, اددیت , دیگ, گوگل, یاهو و … فراهم می کند,
در این کد از jquery استفاده شده و و با رفتن نشانه گر موس بر روی آن با افکتی اسلایدی یک پنجره شناور نماش داده می شود :
این کد را کجا قرار دهیم؟
نکته ی مهم اینجاست که کد را در کجا قرار دهید؟! قبل از هر گونه تغییری در
قالب وبلاگ خود , پیشنهاد می کنم یک پشتیبان از قالب خود تهیه کنید تا
خیالتان جمع باشد, چرا که ممکن است در بعضی از قالب ها به خوبی نمایش داده
نشود
ابتد کد زیر را بعد از تگ <head> قرار دهید, این تگ در اوایل کد قالب می باشد
<script src="
http://upnightskin1.persiangig.com/other/Social-Bookmarking/jquery.tools.min.js
"></script>
<link rel="stylesheet" type="text/css" href="http://upnightskin1.persiangig.com/other/Social-Bookmarking/tip-style.css" />
سپس :
برای میهن بلاگ این کد را پیدا کرده و بعد از این کد :
[cb:post_continue_link]
<div id=”dyna”>
<a href=”http://www.google.com/buzz/post?url=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”افزودن به Google Buzz” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/2.gif” width=”16″ height=”16″ border=”0″ border=”0″ /></a>
<a href=”http://balatarin.com/links/submit?phase=2& url=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”افزودن به بالا ترین” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/3.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://twitter.com/home?status=Reading+this:+[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”افزودن به تویتر” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/4.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://del.icio.us/post?&url=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”افزودن به خوشمزه” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/5.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://digg.com/submit?phase=2&url=[cb:post_href]&title=[cb:post_title]>” rel=”nofollow” target=”_blank”>
<img title=”افزودن به دیگ” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/6.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://www.cloob.com/share/link/add?url=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”داغ کن – کلوب دات کام” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/7.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://www.facebook.com/share.php?url=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”اشتراک در فیس بوک” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/facebook.gif” width=”16″ height=”16″ border=”0″ /></a>
<a href=”http://buzz.yahoo.com/buzz?publisherurn=wsj&targeturl=[cb:post_href]&title=[cb:post_title]” rel=”nofollow” target=”_blank”>
<img title=”ارسال به یاهو Buzz ” src=”http://upnightskin1.persiangig.com/other/Social-Bookmarking/8.gif” width=”16″ height=”16″ border=”0″/></a></div>
<script>
// initialize tooltip
$(“#dyna img[title]“).tooltip({
// tweak the position
offset: [10, 2],
// use the “slide” effect
effect: ‘slide’
// add dynamic plugin with optional configuration for bottom edge
}).dynamic({ bottom: { direction: ‘down’, bounce: true } });
</script>