loading...
انـ اسکین مرجع قالب های رایگان | کدهای زیباسازی وبلاگ | آموزش های سئو و زبان های برنامه نویسی | ابزارهای وبمستر | سیستم های مدیریت محتوا
آخرین ارسال های انجمن
Admin بازدید : 1776 یکشنبه 06 آذر 1390 نظرات (1)

توسط کد زیر یکسری آیکون از شبکه های اجتماعی در پایین مطلب شما نمایش داده خواهد شد که امکان اشتراک گذاری مطالب شما را در فیس بوک , تویتر, کلوب, اددیت , دیگ, گوگل, یاهو و … فراهم می کند,

در این کد از jquery استفاده شده و و با رفتن نشانه گر موس بر روی آن با افکتی اسلایدی یک پنجره شناور نماش داده می شود :


http://upnightskin1.persiangig.com/other/Social-Bookmarking/sharing-social.gif

این کد را کجا قرار دهیم؟
نکته ی مهم اینجاست که کد را در کجا قرار دهید؟! قبل از هر گونه تغییری در قالب وبلاگ خود , پیشنهاد می کنم یک پشتیبان از قالب خود تهیه کنید تا خیالتان جمع باشد, چرا که ممکن است در بعضی از قالب ها به خوبی نمایش داده نشود


ابتد کد زیر را بعد از تگ <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" />

سپس :

برای بلاگفا این کد را پیدا کرده و بعد از این کد :

</BlogExtendedPost>
کد های زیر را قرار بدید:
<div id=”dyna”>
<a href=”http://www.google.com/buzz/post?url=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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:+http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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?u=http://<-BlogId->.blogfa.com/<-PostLink->&t=<-PostTitle->” 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=http://<-BlogId->.blogfa.com/<-PostLink->&title=<-PostTitle->” 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>

 
ارسال نظر برای این مطلب
این نظر توسط milad در تاریخ 1348/10/11 و 13:49 دقیقه ارسال شده است

سلام شکلک
اگه امکان داره میشه کد اشتراک که برای پایین سایتتون رو به کار بردید بزارید شکلک
چون کدهای دیگه ایکون هاشون کوچیکند و فاصله هاشون مناسب نیست و در وسط صفحه هم قرار نمیگیرند شکلک
خیلی ممنون شکلکشکلک
پاسخ : سلام دوست عزیز

تشکر از اینکه خبر دادیددوست عزیز به زودی از همه برای تمام سیستم های وبلاگدهی میذاریم دوست عزیز...


کد امنیتی رفرش
درباره ما
انـ اسکین یک سایتی خدماتی برای وبلاگ نویسان می باشد که سعی در ارائه ی خدمات مطلوب به وبلاگ نویسان را دارد, شما می توانید از قالب های انـ اسکین استفاده نمایید و با عضویت در انجمن وبلاگ نویسان از مباحث آن استفاده نموده و درمورد مشکلات خود بحث کنید.
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نویسندگان
    نظرسنجی
    ایا مطالب سالهای قبل حذف گردد؟
    آدرس جدید

    سلام به همه به زودی ادرس جدید ما

    www.night-skin.ir

    اما اینبار روی هاست و یک وب کاملا مستقل منتظر ما باشید

    آمار سایت
  • کل مطالب : 813
  • کل نظرات : 787
  • افراد آنلاین : 27
  • تعداد اعضا : 3433
  • آی پی امروز : 322
  • آی پی دیروز : 371
  • بازدید امروز : 721
  • باردید دیروز : 3,181
  • گوگل امروز : 5
  • گوگل دیروز : 0
  • بازدید هفته : 5,199
  • بازدید ماه : 18,084
  • بازدید سال : 89,545
  • بازدید کلی : 3,862,233