پاتوق تفریحی رنگفا

بروزترین مرجع فرهنگی و تفریحی ایرانیان

پاتوق تفریحی رنگفا

بروزترین مرجع فرهنگی و تفریحی ایرانیان

کد اشتراک گذاری مطالب در شبکه های اجتماعی

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

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

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

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

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

مرحله ی اول :

کد زیر را بعد از تگ <head> قرار دهید, این تگ در اوایل کد قالب می باشد.

مرحله ی دوم:

در سرویس بلاگفا:
برای سرویس بلاگفا کد زیر را در قالب پیدا کنید:

</BlogExtendedPost>

نکته: برای پیدا کردن یک تگ در قالب می توانید از کلید ترکیبی Control + f استفاده کنید تا کادر جستجو نمایان شود تا نم تگ مورد نظر را در قالب جستجو کنید
کد داخل فایل زیر را بعد از کد بالا قرار دهید.

<br> <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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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="Send to Face book" src="http://forum.yas-theme.com/images/linkimg/facebook.gif" width="16" height="16" border="0" /></a> <a target="_blank" href="http://www.addit.ir/submit.php?url=http://<-BlogId->.blogfa.com/<-PostLink->"><img title="اشتراک در | addit.ir" src="http://www.addit.ir/arshiv/icoban/addit-24.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://forum.yas-theme.com/images/linkimg/8.gif" width="16" height="16" border="0"/></a><a href="http://forum.yas-theme.com/thread-747.html"><img title="کد اشتراک گذاری مطلب" border="0" src="http://forum.yas-theme.com/images/yas.gif" width="16" height="16"></a></div><br><a href="http://www.yas-theme.com">قالب وبلاگ</a> - <a href="http://forum.yas-theme.com/">تالار وبلاگ نویسان</a> <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>

سرویس پرشین بلاگ :
در سرویس پرشین بلاگ کد زیر را در قالب پیدا کنید:

</BlogExtendedPost>

کد داخل فایل زیر را بعد از کد بالا قرار دهید,

<br> <div id="dyna"> <a href="http://www.google.com/buzz/post?url=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="افزودن به Google Buzz" src="http://forum.yas-theme.com/images/linkimg/2.gif" width="16" height="16" border="0" border="0" /></a> <a href="http://balatarin.com/links/submit?phase=2& url=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="افزودن به بالا ترین" src="http://forum.yas-theme.com/images/linkimg/3.gif" width="16" height="16" border="0" /></a> <a href="http://twitter.com/home?status=Reading+this:+<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="افزودن به تویتر" src="http://forum.yas-theme.com/images/linkimg/4.gif" width="16" height="16" border="0" /></a> <a href="http://del.icio.us/post?&url=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="افزودن به خوشمزه" src="http://forum.yas-theme.com/images/linkimg/5.gif" width="16" height="16" border="0" /></a> <a href="http://digg.com/submit?phase=2&url=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="افزودن به دیگ" src="http://forum.yas-theme.com/images/linkimg/6.gif" width="16" height="16" border="0" /></a> <a href="http://www.cloob.com/share/link/add?url=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"> <img title="داغ کن - کلوب دات کام" src="http://forum.yas-theme.com/images/linkimg/7.gif" width="16" height="16" border="0" /></a> <a href="http://www.facebook.com/share.php?u=<-PostLink->&t=<-PostTitle->" rel="nofollow" target="_blank"><img title="Send to Face book" src="http://forum.yas-theme.com/images/linkimg/facebook.gif" width="16" height="16" border="0" /></a> <a target="_blank" href="http://www.addit.ir/submit.php?url=<-PostLink->"><img title="اشتراک در | addit.ir" src="http://www.addit.ir/arshiv/icoban/addit-24.gif" width="16" height="16" border="0"/></a><a href="http://buzz.yahoo.com/buzz?publisherurn=wsj&targetUrl=<-PostLink->&title=<-PostTitle->" rel="nofollow" target="_blank"><img title="ارسال به یاهو Buzz " src="http://forum.yas-theme.com/images/linkimg/8.gif" width="16" height="16" border="0"/></a><a href="http://forum.yas-theme.com/thread-747.html"><img title="کد اشتراک گذاری مطلب" border="0" src="http://forum.yas-theme.com/images/yas.gif" width="16" height="16"></a></div><br><a href="http://www.yas-theme.com">قالب وبلاگ</a> - <a href="http://forum.yas-theme.com/">تالار وبلاگ نویسان</a> <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>

سرویس میهن بلاگ:
در سرویس میهن بلاگ کد زیر را در قالب پیدا کنید:

[cb:post_continue_link]

کد داخل فایل زیر را بعد از کد بالا قرار دهید:

<br> <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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/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://forum.yas-theme.com/images/linkimg/7.gif" width="16" height="16" border="0" /></a> <a href="http://www.facebook.com/share.php?u=[cb:post_href]&t=[cb:post_title]" rel="nofollow" target="_blank"><img title="Send to Face book" src="http://forum.yas-theme.com/images/linkimg/facebook.gif" width="16" height="16" border="0" /></a> <a target="_blank" href="http://www.addit.ir/submit.php?url=[cb:post_href]"><img title="اشتراک در | addit.ir" src="http://www.addit.ir/arshiv/icoban/addit-24.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://forum.yas-theme.com/images/linkimg/8.gif" width="16" height="16" border="0"/></a><a href="http://forum.yas-theme.com/thread-747.html"><img title="کد اشتراک گذاری مطلب" border="0" src="http://forum.yas-theme.com/images/yas.gif" width="16" height="16"></a></div><br><a href="http://www.yas-theme.com">قالب وبلاگ</a> - <a href="http://forum.yas-theme.com/">تالار وبلاگ نویسان</a> <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>

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

ی ابری دوشنبه 21 شهریور 1390 ساعت 07:43 ب.ظ