حالت موضوعی | حالت خطی

**M@soud** · 10-20-2010، 06:19 PM

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

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

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

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

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

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

مرحله ی اول :
کد زیر را بعد از تگ <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 استفاده کنید تا کادر جستجو نمایان شود تا نم تگ مورد نظر را در قالب جستجو کنید
کد داخل فایل زیر را بعد از کد بالا قرار دهید,

.txt

Sharing-post-Blogfa.txt (اندازه: 3.14 KB / تعداد دفعات دریافت: 1,269)

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

کد: 

</BlogExtendedPost>

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

.txt

Sharing-post-PERSIANBLOG.txt (اندازه: 2.88 KB / تعداد دفعات دریافت: 193)

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

کد: 

[cb:post_continue_link]

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

.txt

sharing-post-mihanblog.txt (اندازه: 2.91 KB / تعداد دفعات دریافت: 489)

neda411 · 11-16-2010، 03:06 PM

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

**M@soud** · 11-16-2010، 10:28 PM

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

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

musicku · 11-19-2010، 10:41 PM

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

12-12-2010، 01:01 PM

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

**alish** · 12-12-2010، 06:19 PM

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

**M@soud** · 12-12-2010، 06:47 PM

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

musicku · 12-14-2010، 10:59 AM

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

ashkan_203 · 12-14-2010، 06:19 PM

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

nasimparsi · 01-05-2011، 04:29 PM

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

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

**M@soud** · 01-06-2011، 07:52 AM

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

muiacir · 01-06-2011، 08:33 AM

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

01-06-2011، 01:36 PM

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

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

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

**M@soud** · 01-06-2011، 02:33 PM

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

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

01-06-2011، 03:42 PM

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

**M@soud** · 01-06-2011، 03:47 PM

هر چیزی سختی های خودش رو داره, اگه بدونی من چه دردسر هایی کشیدم تا این سایت رو به این شکلی که الان هست در بیارم سی پی یوت می سوزه 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>

01-06-2011، 04:46 PM

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

FanTasTic · 01-07-2011، 02:44 PM

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

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

Pooya · 01-07-2011، 03:11 PM

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

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

شما یک جای کد اشتباه کردید شاید کد رو کامل کپی نکردید چون برای شما کد رو داره نشون میده به صورت عمودی نه خود دکمه ها رو. شما کد رو کامل پاک کنید و از اول کپی کنید به احتمال زیاد درست میشه.

FanTasTic · 01-07-2011، 03:23 PM

(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>

حالت موضوعی \| حالت خطی کد اشتراک گذاری مطالب در شبکه های اجتماعی
نویسنده	پیام