انجمن وبلاگ نویسان
کد اشتراک گذاری مطالب در شبکه های اجتماعی - نسخه‌ی قابل چاپ

+- انجمن وبلاگ نویسان (http://forum.yas-theme.com)
+-- انجمن: وبلاگ نویسی (http://forum.yas-theme.com/forum-5.html)
+--- انجمن: کد های جاوا وبلاگ (http://forum.yas-theme.com/forum-102.html)
+---- انجمن: کد های جاوا (http://forum.yas-theme.com/forum-103.html)
+---- موضوع: کد اشتراک گذاری مطالب در شبکه های اجتماعی (/thread-747.html)

صفحه‌ها: 1 2 3 4


کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 10-20-2010

می خواهم با یک مثال به شما بگویم که اهمیت لینک اشتراک گذاری مطالب وبلاگ شما در شبکه های اجتماعی چه قدر مهم می باشد.
[تصویر:  rss-blue-logo.jpg]
فرض کنید یک نفر از یک مطلب در وبلاگ شما خوشش آمده,بنابر این تصمیم میگیرد این مطلب را با دیگر دوستانش به اشتراک بگذارد,ولی هیچ گونه آیکون اشتراک مطلب در وبلاگ شما نمیبیند,پس بیخیال می شود و بعد از خواندن وبلاگ پنجره را می بندد.

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

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

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

[تصویر:  sharing-social.gif]

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

مرحله ی اول :
کد زیر را بعد از تگ <head> قرار دهید, این تگ در اوایل کد قالب می باشد,
کد:
    <script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://forum.yas-theme.com/extras/tip.css" />

مرحله ی دوم:

در سرویس بلاگفا:
برای سرویس بلاگفا کد زیر را در قالب پیدا کنید:
کد:
</BlogExtendedPost>
نکته: برای پیدا کردن یک تگ در قالب می توانید از کلید ترکیبی Control + f استفاده کنید تا کادر جستجو نمایان شود تا نم تگ مورد نظر را در قالب جستجو کنید
کد داخل فایل زیر را بعد از کد بالا قرار دهید,
[attachment=69]

سرویس پرشین بلاگ :
در سرویس پرشین بلاگ کد زیر را در قالب پیدا کنید:
کد:
</BlogExtendedPost>
کد داخل فایل زیر را بعد از کد بالا قرار دهید,
[attachment=74]


سرویس میهن بلاگ: جدید
در سرویس میهن بلاگ کد زیر را در قالب پیدا کنید:
کد:
[cb:post_continue_link]
کد داخل فایل زیر را بعد از کد بالا قرار دهید:
[attachment=103]


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - neda411 - 11-16-2010

خیلی جالب و گرافیکی و قشنگه اما اگر گوگل ریدر هم داشته باشه دیگه عالیه


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 11-16-2010

(11-16-2010، 03:06 PM)neda411 نوشته است: خیلی جالب و گرافیکی و قشنگه اما اگر گوگل ریدر هم داشته باشه دیگه عالیه

این کد پست مورد نظرتون را در شبکه های اجتماعی به اشتراک می گذارد ولی گوگل ریدر ربطی به یک پست خاص ندارد!
شما یک وبلاگ را در گوگل ریدر ثبت می کنید تا هر وقت یک پست جدید به وبلاگ اضافه شد با خبر شوید,
برای این منظور می توانید به لینک زیر بروید و کد مربوط به فید وبلاگ را در قالب خود قرار دهید:
http://forum.yas-theme.com/thread-750.html
در مرورگر فایر فاکس وقتی بر روی فید وبلاگ کلیک کنید م توانید ان را در گوگل ریدر ثبت کنید


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - musicku - 11-19-2010

سلام
عالي عالي


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - sohrabpe - 12-12-2010

عالیییییییییییییییییییییییی بیییسسسسسسسسسسست


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - alish - 12-12-2010

ممنون
می تونیم آیکون ها هم عوض کنیم
چه طوری


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 12-12-2010

آره می تونید, توی فایل ضمیمه شده آدرس همه آیکون ها هست, ولی سعی کنید سایز آیکون مورد نظرتون با این آیکون ها یکی باشه, در غیر اینصورت به مشکل بر می خورید,
نام آیکون ها در فایل ضمیمه
گوگل : 2.gif
بالاترین :3.gif
و.... همین جور به ترتیب میره!
البته دو یا سه تا اسم عکسشون اسم خود سایتشون هست! فکر نکنم مشکلی باشه


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - musicku - 12-14-2010

من این کدو واسه بلاگ وب ترجمه کردم . و جواب داد ... ولی یه مشکلی که داشت عکس پست رو نیشون نمی داد . هر کاری کردم نشد . میتونید کمک کنید .....
Heart


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - ashkan_203 - 12-14-2010

خیلی عالی بود .
فقط یه سوال دارم . این کدهای به اشتراک گذاری چه طوری کار می کنند. مثلا اگه من بخوام یه سایت مثل این سایت ها داشته باشم که توش مطالب به اشتراک گذاشته رو تو سایتم داشته باشم باید چه کار کنم ؟


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - nasimparsi - 01-05-2011

دوستان گرامی آیا کدها هم اکنون برای همهی تارنماها (سایت ها ) کار می کنه یا نیاز هست دگرگون بشه؟

اگر بخوایم چیزهای دیگه همچون یاهو و دنباله و گوگل رو بهش بیافزاییم باید چکار کنیم؟


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 01-06-2011

فعلا برای پرشین بلاگ , میهن بلاگ و بلاگفا کار می کنه! برای سایت ها یا سرویس های دیگه نیاز به کمی تغییرات داره


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - muiacir - 01-06-2011

سلام...
کد واقعا جالبی بود...
من میخوام اشتراک گذاری در شبکه های اجتماعی دیگه رو هم بهش اضافه کنم مثلا شبکه اجتماعی ایرانیه doreh.com
چجوری باید این کار رو بکنم؟


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - Ali-Reza - 01-06-2011

واسه ما بی بی چی؟
مثل همینایی که خودتون گذاشتید.

[افزودن به Google Buzz] [افزودن به بالا ترين] [افزودن به تویتر] [افزودن به خوشمزه] [افزودن به ديگ] [داغ کن - کلوب دات کام] [Send to Face book] [اشتراک در | addit.ir] [ارسال به ياهو Buzz ]

اینها چه جوری میشه اضافه کرد؟
کلوب100 رو با یه کد اضافه کردم.ولی اینارو نمیدونم



RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 01-06-2011

کاری نداره, دقت کنید توی کلوب از چه لینکی استفاده کردید,
کد بلاگفا را انتخاب کنید و لینک های زیر را جایگزین کنید,
به جای کد :
<-PostLink->
از کد زیر
{$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}

و به جای کد زیر
<-PostTitle->
از این کد استفاده کنید :
{$post['subject']}


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - Ali-Reza - 01-06-2011

خب مسود جان زحمتشو بکش.این دو سه روزه اونقدر با پلاگین ها و اسکریپت ها ور رفتم دیگه داغون شدم.ممنون



RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - M@soud - 01-06-2011

هر چیزی سختی های خودش رو داره, اگه بدونی من چه دردسر هایی کشیدم تا این سایت رو به این شکلی که الان هست در بیارم سی پی یوت می سوزه Big Grin

کد زیر آیکون های همین تالار هست , بدون هیچ حالت و افکتی:
کد:
<div id="dyna">
<a href="http://www.google.com/buzz/post?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="افزودن به Google Buzz" src="http://img2.yas-theme.com/linkimg/2.gif" width="16" height="16" border="0" border="0"  /></a>
<a href="http://balatarin.com/links/submit?phase=2& url={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="افزودن به بالا ترين" src="http://img2.yas-theme.com/linkimg/3.gif" width="16" height="16" border="0" /></a>
<a href="http://twitter.com/home?status=Reading+this:+{$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="افزودن به تویتر" src="http://img2.yas-theme.com/linkimg/4.gif" width="16" height="16" border="0"  /></a>
<a href="http://del.icio.us/post?&url={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="افزودن به خوشمزه" src="http://img2.yas-theme.com/linkimg/5.gif" width="16" height="16" border="0" /></a>
<a href="http://digg.com/submit?phase=2&url={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="افزودن به ديگ" src="http://img2.yas-theme.com/linkimg/6.gif" width="16" height="16" border="0" /></a>
<a href="http://www.cloob.com/share/link/add?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="داغ کن - کلوب دات کام" src="http://img2.yas-theme.com/linkimg/7.gif" width="16" height="16" border="0" /></a>
<a href="http://www.facebook.com/share.php?u={$mybb->settings['bburl']}/showthread.php?tid={$tid}&t={$post['subject']}" rel="nofollow" target="_blank">
<img title="Send to Face book" src="http://img2.yas-theme.com/linkimg/facebook.gif" width="16" height="16" border="0" /></a>
<a target="_blank" href="http://www.addit.ir/submit.php?url={$mybb->settings['bburl']}/showthread.php?tid={$tid}">
<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={$mybb->settings['bburl']}/showthread.php?tid={$tid}&title={$post['subject']}" rel="nofollow" target="_blank">
<img title="ارسال به ياهو Buzz " src="http://img2.yas-theme.com/linkimg/8.gif" width="16" height="16" border="0"/></a>
</div>



RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - Ali-Reza - 01-06-2011

دستت درد نکنه آخریشی به خدا.
من یک پوسته ترجمه کردم چشام از کار افتاد تو چه میکشیBig Grin


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - FanTasTic - 01-07-2011

سلام
آقا دستتون درد نكنه اما براي من نمي دونم چرا عمودي هستن نه افقي
بايد چيكار كنم ؟

نگاه كنين :
http://headgame.blogfa.com/


RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - Pooya - 01-07-2011

(01-07-2011، 02:44 PM)FanTasTic نوشته است: سلام
آقا دستتون درد نكنه اما براي من نمي دونم چرا عمودي هستن نه افقي
بايد چيكار كنم ؟

نگاه كنين :
http://headgame.blogfa.com/
شما یک جای کد اشتباه کردید شاید کد رو کامل کپی نکردید چون برای شما کد رو داره نشون میده به صورت عمودی نه خود دکمه ها رو. شما کد رو کامل پاک کنید و از اول کپی کنید به احتمال زیاد درست میشه.



RE: کد اشتراک گذاری مطالب در شبکه های اجتماعی - FanTasTic - 01-07-2011

(01-07-2011، 03:11 PM)Pooya نوشته است:
(01-07-2011، 02:44 PM)FanTasTic نوشته است: سلام
آقا دستتون درد نكنه اما براي من نمي دونم چرا عمودي هستن نه افقي
بايد چيكار كنم ؟

نگاه كنين :
http://headgame.blogfa.com/
شما یک جای کد اشتباه کردید شاید کد رو کامل کپی نکردید چون برای شما کد رو داره نشون میده به صورت عمودی نه خود دکمه ها رو. شما کد رو کامل پاک کنید و از اول کپی کنید به احتمال زیاد درست میشه.

مرسي از راهنماييتون اما بازهم عموديه Sad
اين قسمتي كه كد گذاشته شده :
کد:
<font face="Tahoma" style="font-size: 8pt"><span class="statnews" ><BlogExtendedPost><a href="<-PostLink->">
<span style="text-decoration: none">ادامه مطلب</span></a>  </BlogExtendedPost>
<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>&nbsp;&nbsp;
-&nbsp; <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>
</span>
</a></font></td></tr>
</table></td></tr></table><br>
</BLOGFA>