جمعه 08 مرداد 1389 | 20:19
چگونه یک فیدخوان گوگلی یا به قول بروبچ گودر بسازیم؟ (یا چگونه لینکدونی گوگل ریدری (گودر) بسازیم؟)
اصلا چی هست این گودر؟ (یا گودر چیست؟ یا گوگل ریدر چیست؟)
خب مثلا فرض کنید شما یک وبلاگ یا یک سایت دارین، دوستان زیادی هم دارین که وبلاگنویس هستن و شما دوست دارین وبلاگهاشون رو بخونین. اما چون تعداد وبلاگها و سایتهای مورد علاقه شما زیاده، نمیتونین هر دفعه که میاین نت برین به همه سر بزنین تا ببینید کی آپدیت کرده و کی نکرده! پس باید از یک روش برای اینکه بفهمیم کی آپدیت کرده استفاده کنیم.
این روشی که میگم از وبلاگهای بلاگفا و پرشین بلاگ و اکثر (بهتره بگم تمام) سایتها پشتیبانی میکنه. کافیه اون سایت از تکنولوژی فید یا rss پشتیبانی کنه که تمام سایتها پشتیبانی میکنن.
از کجا شروع کنیم؟
مرحله 1: اولین چیزی که احتیاج دارین یک ایمیل از سایت گوگله، همون جیمیل مثل beethoven@gmail.com
اگر جیمیل ندارین وارد آدرس www.gmail.com بشین و دکمه Create an account رو بزنین. یک سری مشخصات از شما پرسیده میشه و بعدش شما صاحب یک حساب جیمیل خواهید بود.
مرحله 2: بعد از اینکه وارد حساب جیمیل شدین، در سمت چپ بالای صفحه بر روی لینک Reader کلیک کنین (یا آدرس https://www.google.com/reader را در نوار آدرس خود تایپ کنید)
مرحله 3: در این صفحه گزینه Add a subscription را بزنید و اولین آدرس دلخواهتون رو وارد کنید. (آدرسهای بعدی را بعدا سر فرصت وارد خواهید کرد)
مرحله 4: آدرسی که شما اضافه کردید در بخش Subscriptions قرار خواهد گرفت. وقتی ماوس را روی آدرس مذکور میبرین یک مثلث کوچک در سمت راست همون آدرس، نمایان میشه.
روی مثلث کلیک کنید و گزینه New folder … را بزنید. یک اسم انتخاب کنید، مثلا blogs
به این ترتیب فولدری میسازید که از این پس هر آدرسی که خواستید اضافه کنید در این فولدر قرار میدهید.
برای دفعات بعد هر وقت طبق مرحله 3، آدرسی را به لیستتون اضافه کردین، روی مثلث کوچیک کنارش کلیک کنین و گزینه blogs (یا هر اسم دیگه که برای فولدرتون انتخاب کردین) رو انتخاب کنین تا اون وبلاگ هم به داخل فولدر هدایت شه. (البته میتونین Drag & Drop هم کنین تو فولدر)
مرحله 5: در گوشه راست بالا، گزینه Settings را بزنید و از منوی باز شده، گزینه اول یعنی Reader settings را انتخاب کنید.
مرحله 6: وارد بخش Folders and Tags شوید.
روی علامت شبیه رنگینکمان در جلوی اسم فولدر مرحله 4 کلیک کنید.
با این کار نوشته Private در کنار علامت رنگینکمان به Public تغییر خواهد یافت.
مرحله 7: روی گزینه view public page کلیک کنید. خب صفحهای که باز شد همون وبلاگهای آپدیت شده هستند که شما در لیستتون اضافه کردین.
تا اینجا شما روشی رو یاد گرفتین که با اون میتونین وبلاگهای آپدیت شده دوستانتون رو ببینید. تمام!؟
حالا اگر بخواین لیستی از وبلاگهای آپدیت شده داشته باشین که در صفحه اصلی وبلاگ خودتون قرار بدین باید بقیه مراحل زیر رو دنبال کنین.
من این کار رو برای وبلاگ خودم کردهام، در سمت راست پایین همین صفحه میتونین لیست وبلاگهای دلخواه من رو ببینین. این وبلاگها هر وقت آپدیت بشن در بالای لیست ظاهر میشن.
مرحله 8: آدرس این صفحهای که در مرحله 7 باز کردین، یک عدد طولانی داره، که ما اون رو لازم داریم. اون رو در جایی کپی کنید تا به موقع ازش استفاده کنیم. مثلا 04332950358002164553 در لینک زیر
خسته نشدید که!
یاد یک جک افتادم، یک روز آقا خرگوشه رفت دم مغازه شیرینیفروشی گفت: آقا کیک هفت طبقه دارین؟ شیرینیفروش گفت: نه!
روز بعد باز آقا خرگوشه رفت مغازه شیرینیفروشی و گفت: آقا کیک هفت طبقه دارین؟ باز شیرینیفروش گفت: نه!
این کار آقا خرگوشه چند روز پشت سر هم تکرار شد تا اینکه شیرینیفروش وقتی دید چنین مشتری خوب و پیگیری داره تصمیم گرفت یک کیک هفت طبقه درست کنه.
روز بعد آقا خرگوشه اومد مغازه و پرسید: آقا کیک هفت طبقه دارین؟
شیرینیفروش این بار بادی به غبغب انداخت و گفت: بله!
خرگوشه گفت: پس لطفا یک تکه از طبقه هفتمش بهم بدین!
حالا شده داستان ما! این همه کار کردیم برای یک عدد!
مرحله 9: حالا باید دو تا کد رو توی قالب وبلاگتون قرار بدید.
کد اول: تابعیه که تعیین میکنه لیست وبلاگهای ما چه شکلی باشه، یعنی اینکه چه جزئیاتی رو نشون بده!
من دو مدل نمایش رو برای لینکها در نظر گرفتم.
مدل اول: در خط اول نام وبلاگ نمایش داده میشود که اگر در 24 ساعت اخیر آپدیت شده باشد، پررنگ میشوند. در خط دوم عنوان مطلب آپدیت شده نمایش داده میشود که در صورت کلیک بر روی آن به صفحه مطلب مورد نظر هدایت خواهید شد. همچنین با قرار دادن ماوس بر روی لینک، خلاصه ای از مطلب اخیر نمایش داده میشود. دانلود کد اول (نمایش1)
مدل دوم: نام وبلاگ به عنوان متن لینک و عنوان آخرین مطلب آپدیت شده به عنوان title استفاده شده است که با قرار دادن ماوس بر روی لینک آن را مشاهده میکنید. نام هر وبلاگ یک بار نمایش داده میشود و وبلاگهای آپدیت شده در 24 ساعت اخیر، پررنگ میشوند. دانلود کد اول (نمایش2)
هر کدوم از این نمایشها که توضیح دادم رو خواستین انتخاب کنین. این کد باید در بخش header وبلاگ قرار بگیره. (تو مرحله بعدی توضیح میدم)
این تابع رو من با استفاده از تجربه دیگران و سلیقه خودم سفارشی کردم. به این ترتیب که برای هر آپدیت تو لیست دوستانم، دو خط در نظر گرفتم، در خط اول اسم وبلاگ نشون داده میشه و در خط دوم عنوان مطلب جدید به صورت لینک؛ اگر کمی ماوس رو روی لینک نگه دارین، مختصری از مطلب جدید نمایش داده خواهد شد.
و کد دوم: کدیه که تابع فوق رو فراخوانی میکنه. شما باید جای عددی که در کد زیر هست، عددی که از مرحله 8 به دست آوردین رو قرار بدین.
<div id=”blogroll”> </div>
<script src=”https://www.google.com/reader/public/javascript/user/04332950358002164553/label/blogs?n=50&callback=daszarrin_gooder” type=”text/javascript”>
در کد بالا مشاهده میکنین که نوشته: n=50
این عدد حداکثر تعداد وبلاگ آپدیت شده است که در لیست شما نشون داده میشه، شما میتونین این عدد رو به دلخواه خودتون تغییر بدین.
این کد باید در بخشی قرار داده بشه که ما تصمیم داریم لیستمون اونجا نمایش داده بشه. (تو مرحله بعدی توضیح میدم)
نکته مهم: به خاطر فیلتر شدن سرویس گودر (گوگل ریدر)، هر جا که آدرس گوگل را مشاهده میکنید، باید از پروتکل https استفاده کنید.
مرحله 10: اگر اهل بلاگفا یا پرشین بلاگ هستین وارد بخش ویرایش قالب بشین. سایر وبلاگنویسها هم باید وارد بخش مشابهی بشن. من دیگه برای خلاصه شدن مطلب فقط برای بلاگفا توضیح میدم.
کد اول رو درست قبل از عبارت </head> قرار بدین. این تموم. میمونه کد دوم.
برای پیدا کردن محل مناسب کد دوم، عبارات <BlogLinks> و </BlogLinks> رو پیدا کنین و خودشون و هر چی که بینشون هست رو پاک کنید. و کد دوم خودمون تو مرحله 9 رو به جاش بنویسین.
تذکر: دیگه از لینکدونی سابق خبری نیست. اگر مایل به حفظ لینکدونی قدیمی هستین، از کل بلوک لینکها (که با عبارت <BlogLinksBlock> شروع میشه و با عبارت </BlogLinksBlock> تموم میشه) کپی بگیرین و فقط تو یکیاش این تغییرات رو اعمال کنین.
نکته: برای اضافه کردن آدرس وبلاگهای دلخواهتون، کافیه فقط به حساب جیمیل وارد بشین و بعد به بخش Reader برید. اونجا دکمه Add a subscription رو بزنین و آدرستون رو وارد کنین. بعد طبق دستور مرحله 4، اون رو در فولدرتون (در اینجا blogs) قرار بدین.
تذکر: وقتی دارین آدرسی رو اضافه میکنین، حواستون باشه که اون آدرس، آدرس صفحه اصلی سایت یا وبلاگ باشه. در موارد خاص که بیشتر در مورد سایتها اتفاق میافته و گودر کار نمیکنه، توی سایت دنبال آدرس فید یا feed یا rss بگردین و اون آدرس رو در لیستتون اضافه کنین.
خب فکر کنم تموم شد. امیدوارم کارتون رو راه انداخته باشم. سعی کنین کدها رو دستکاری نکنین، اگر کمک خواستین برام پیغام بذارین یا بهم ایمیل بدین.
تقدیم به دوست خوبم میم.ب مهاجر
در هيچ پرده نيست نباشد نواى تو







با آخرین نکتهای که گفتم انشاءالله درست میشه
تغییر daszarrin-gooder به daszarrin_gooder
باز هم سلام
خیلی ممنون که پیگیر این مشکل شدید
من فکر نمیکردم اینقدر مشکل داشته باشه
فکر کنم این دیگه آخرین مشکل باشه
اسم تابع رو از daszarrin-gooder به daszarrin_gooder تغییر بدید، درست میشه
یادتون باشه این اسم، دو جا استفاده شده، یک بار موقع تعریف تابع در function daszarrin_gooder، یک بار موقع استفاده از تابع در callback=daszarrin_gooder
باز هم نشد!!!!!!!!!!!!
هنوز جواب سوالمو نگرفتم بابت المانی که داره خالی میره.
شاید باید اسکریپت داخلش باشه!
اگه ممکنه آیدی گوگل ریدر منو با اسکریپت خودتون هم چک کنید…
باز هم سلام… باز هم نشد
کدی که گفتید دقاقیا تو وبلاکم با همون مشخصات وارد کردم اما هیچی نشون نمیده.
یه سوال هم دارم … چرا باید تگی با آیدی blogroll داشته باشیم که هیچ محتوایی نداشته باشه در حالی که در اسکریپت داریم:
var container=document.getElementById("blogroll");هیچ المانی در این آیدی نیست!!! این داره چیو میگیره؟؟؟
اگه ممکنه یه نگاه دیگه به وبلاگ من بندازید … هیچی عوض نشد با اعمال همه تغییرات
سلام
متاسفانه یک بخش از کد جا مونده بود و در وبلاگ ننوشته بودم!
تعجب میکنم این تعداد افرادی که اومدن این مطلب رو خوندن و اسکریپت رو دانلود نکردن، چرا دچار مشکل نشدند!
دقیقا قبل از کد دوم، یعنی قبل از
<script src="http://www.google.com/reader/public/javascript/user/04332950358002164553/label/blogs?n=50&callback=daszarrin-gooder" type="text/javascript">باید این خط رو اضافه کنید:
<div id="blogroll"> </div>توی متن وبلاگ هم تصحیح کردم
نکته بعدی که خیلی مهمه، اینه که گوگل ریدر فیلتر شده و حتما باید هر جا که آدرس گوگل مورد استفاده قرار گرفته، از پروتکل https استفاده کنید
موفق باشید
سلام.

بازهم نشد
اینبار همه مراحل رو از اول با دقت انجام دادم. حتی اسم فولدر هم blogs گذاشتم که دیگه جایی برای تغییر نباشه که از قلم بیوفته، ولی هیچ اتفاقی نمیوفته … به کد که نگاه میکنم (سورس مرورگر) اسکریپتی که برای دانلود گذاشتید توی تگ header و تگ اسکریپتی که باید کد گودری بذارم توش توی قسمت پیوندهاست و هیچ لینکی نمایش داده نمیشه
ممکنه یه نگاهی به وبلاگم بندازین؟
سلام
اگر همه جا اسم blogs رو به blog تغییر داده باشید، مشکلی پیش نمیاد، اما دقت کنید توی گوگل هم فولدری که میسازین به همین نام باید باشه
توی اون فایلی هم که کد جاوااسکریپت توش هست، دقت کنید
برای هر گونه تغییری در نحوه نمایش باید یک کم html بلد باشید
برای اینکه اسم وبلاگ، متن لینک باشد و اسم مطلب، عنوان لینک، باید از کد زیر استفاده کنید:
code = code + sameLineOrDifferentStr1+ru1+"<a title='"+linkTip+"' href='"+linkTarget+"' "+openInNewWindowStr+">"+linkText+"</a>"+ru2+sameLineOrDifferentStr2
مثال: من یک مسافرم
سلام مجدد
)
الان در مرحله8 هستم. همه چیز هم مرتبه.
مرحله 9 هم درست انجام میدم طبق برنامه… اما لینکها در صفحه نمایش داده نمیشه.
به دوقسمت کار شک دارم:
یکی اینکه تگ اسکریپت بسته نشده
دوم اینکه من اسم فولدر رو گذاشتم blog نه blogs که شما مثال زدید(از اسم blogs در کدها استفاده کردید؟)
یه نکته دیگه اینکه من نمیخوام عنوانها بیان زیر لینکها، میخوام توی قسمت title موس قرار بگیرند. باید کدوم قسمت کد رو تغییر بدم؟
(یکی نیست بگه اول ببین همونو میتونی درست کنی!!!
کد اول: تابعیه که تعیین میکنه لیست وبلاگهای ما چه شکلی باشه، یعنی اینکه چه جزئیاتی رو نشون بده!
این کد رو میتونین از اینجا دانلود کنین.
این کد باید در بخش header وبلاگ قرار بگیره.
کد اول رو درست قبل از عبارت
</head>قرار بدین.قسمتی که نوشتی کد اول رو. باید دانلود کنی من هر چی می گردم اون عبارت رو پیدا نمی کنم تا عدد ها رو جایگزینش کنم.(فوری پلیز)