در بررسی دکمه های بوکمارک اشتراکی در وبلاگهای فارسی مهمترین و شناخته شده ترین وبلاگهای وبلاگستانِ فارسی مورد بررسی قرار گرفتند. در آنجا مشکلات دکمه های بوکمارک اشتراکی بررسی شد وپیشنهاد شد جهت رفع مشکل برای این دکمه ها در وبلاگستانِ فارسی تعیین استاندارد شود. در اینجا ابتدا نکات مهم آن نوشته و سپس کدهای web3 persian social bookmark code v3 که استاندارد پیشنهادی وب 3 برای دکمه های بوکمارک اشتراکی میباشند همراه با توضیحات و آموزشهایی در این زمینه تقدیم میشود.
.
راه حل پیشنهادی:
تعیین استاندارد برای این دکمه ها در وب فارسی ضرورت دارد. اگر وبلاگهای مختلف از دکمه های ثابت، یک شکل، با عملکرد مشخص و حتی ترتیب یکسان استفاده کنند، این دکمه ها برای کاربران وب شناخته شده، قابل اعتماد و مورد استفاده خواهد شد. استانداردسازی هم به نفع وبلاگ نویسان و هم به نفع خوانندگان خواهد بود. وب 3 استاندارد پیشنهادی خود را مطرح میکند. از دوستان میخواهم نظرات خود را در این زمینه اظهار کنند. با وجود جستجوهای فراوانی که در اینترنت انجام دادم، مطلب کامل و بدون نقصی پیدا نکردم، حتی برخی کدها که توسط خود سایتهای بوکمارک اشتراکی بویژه سایتهای بوکمارک ایرانی همچون بالاترین و دنباله معرفی و ارائه شده، مشکل دارد؛ عمل نمیکند یا عملکرد کاملی ندارد. لذا کدها را خودم نوشته ام.
.
نکات کلی استانداردِ پیشنهادی وب 3:
دکمه های ضروری: دکمه بوکمارکهای فارسی؛ بالاترین، دنباله، مهندس، کلوب [صد درجه]، اویاکس و بوکمارکهای مهم و پر کاربردِ خوشمزه و استامبل قرار داده شدند.
دکمه های ابداعی: دکمه های مهم، جدید و پرکاربردِ فرندفید، گوگل ریدر، تویتر و فیسبوک، برای سرویسهای مختلفِ وبلاگنویسی برایِ اولین بار توسط وب 3 ایجاد شده اند. شما اغلبِ این دکمه ها را حتی در سایتهای انگلیسی نیز نخواهید یافت. آنها را امتحان کنید! حتما از عملکرد فوق العاده آنها متعجب خواهید شد. اگر قسمتی از مطلب را میخواهید در گوگل ریدر به اشتراک بگذارید، آن قسمت را هایلایت کنید، سپس دکمه گوگل ریدر را بزنید. دکمه تویتر نیز به گونه خاصی طراحی شده است که امکانات فراوانی به شما میدهد.
دکمه اضافه: چنانچه کاربر بخواهد مطلب را در سرویسهای دیگری بوکمارک کند باز هم جای نگرانی نیست، دکمه addthis امکان بوکمارک کردن در بیش از 40 سایت بوکمارک دیگر را می افزاید. امکان افزودن دکمه اددیس با کدها و قابلیت های مختلف وجود داشت، اما پس از بررسی هایی تنظیمات فعلی برای آن انتخاب شد. شاید در نسخه های بعدیِ کدها، تغییراتی در آن ایجاد شود.
دکمه خوراک: دکمه آخر نیز آدرس خوراک وبلاگ در آن قرار میگیرد، ترجیحا خوراک پز وبلاگ در آن قرار داده شود اینگونه کاربر با کلیک بر روی آن امکانِ وارد کردنِ خوراک وبلاگ در خوراک خوان های مختلف را خواهد داشت. اینگونه دیگر لازم نیست آدرس یا آیکون خوراک خود را در پایان هر مطلب وارد کنید، این کار بصورت خودکار انجام خواهد شد.
دکمه فیـ.لتر شکن: همه دکمه های بوکمارک بگونه ای کدنویسی شده اند که برای سایتهای بوکمارک اشتراکی که فیـ.لتر هستند کاربر را از فیـ.لتر نیز عبور میدهند. از میان دکمه ها تنها دکمه خوشمزه در صورتی که فیـ.لتر بسیار شدید باشد در برخی مراحل ممکن است قادر به عبور نباشد. در نسخه های بعدیِ کدها برای آن هم چاره ای خواهم اندیشید. تا آن هنگام میتوانید از این راهها استفاده کنید.
ترتیب دکمه ها: دکمه ها بر اساس زبان، اهمیت و نوع سایتهای بوکمارک اشتراکی مرتب شده اند. بعنوان مثال اول سایتهای بوکمارک فارسی بعد سایتهای ضروری بوکمارک و … قرار گرفته اند.
طراحی آیکون: تقریبا همه آیکونها را ویرایش کردم. برای سازگاری آیکونها با یکدیگر لبه دکمه های لبه تیز اصلاح شد. همچنین برای سازگاری با رنگهای مختلفِ پوسته ها ویژگی ترانسپارنتی به آیکونها افزوده شد، رنگ برخی آیکونها نیز اصلاح شد. آیکون ها با کمترین حجم و بالاترین کیفیت ممکن طراحی شده اند.
سرعت لود دکمه ها: عکس دکمه ها را در صفحه وب 3 در گوگل آپلود کرده ام که فکر میکنم از نظر سرعت و پهنای باند، یکی از مناسبترین ها باشد. اما اگر فکر میکنید ممکن است با مشکل پهنای باند مواجه شوند، پیشنهاد خود را در این زمینه مطرح کنید.
سازگاری با مرورگرها: کدها در مرورگرهای اینترنت اکسپلورر، فایرفاکس و اپرا آزمایش شدند، با توجه به عملکردِ مختلفِ این مرورگرها این قسمت از کار وقت زیادی از من گرفت. اما نتیجه این شد که دکمه ها بهترین نمایش و عملکرد ممکن را در مرورگرهای مختلف خواهند داشت.
عملکرد دکمه ها: برای سازگاری با سرویسهای مختلف وبلاگ نویسی و مروگرهای مختلف از کدهای جاوا جز در دکمه گوگل ریدر استفاده نشد، همچنین همه دکمه ها در تب جدید باز میشوند.
سازگاری با پوسته ها: کدها در پراستفاده ترین پوسته های بلاگر، وردپرس دات کام و وردپرس دات اورگ آزمایش شدند تا بهترین نمایش و عملکرد را در قالب های مختلف داشته باشند. این قسمت از کار هم یکی از وقت گیرترین ها بود، در هر صورت نگران نباشید، متغیرهایی در کدها قرار داده شده است که شما با تغییر آنها برای قالبهای خاص میتوانید بهترین نمایش را داشته باشید.
سرویسهای وبلاگنویسی: کدها برای سه سرویس بلاگر، وردپرس دات کام و وردپرس دات اورگ طراحی شدند، پیشنهاد من به وبلاگهای مستقر در سرویسهای ایرانی مهاجرت به یکی از این سرویسهاست. اما اگر قصد مهاجرت ندارید. تغییر کدها برای آن سرویسها بر عهده خودتان است.
.
دکمه های بوکمارک اشتراکی برای بلاگر:
کدهای web3 social bookmark code v3 را از جعبه دانلود در ستون سمت راست وبلاگ یا از اینجا دانلود کنید. کدها را کپی کنید، از وبلاگ خود در بلاگر به چیدمان>ویرایش HTML ء(Layout>Edit HTML) بروید، تیکِ گسترش الگوهای عناصر صفحه (:Expand Widget Templates) را بزنید و کدها را در قالب وبلاگ در محلی که در زیر نشان داده شده است قرار دهید (:بچسبانید) و ذخیره الگو (:Save Template) را بفشارید. نمونه عملکرد این کدها را میتوانید در وب 3 در بلاگر ببینید. البته دکمه ها بصورت پیشفرض انیمیشن نیستند.
| <div class=’post-body’> <p><data:post.body/></p> <div style=’clear: both;’/> <!– clear for photos floats –> </div> کدها را اينجا قرار دهيد <div class=’post-footer’> <p class=’post-footer-line post-footer-line-1′> |
دکمه های بوکمارک اشتراکی برای وردپرس دات اورگ:
کدهای web3 social bookmark code v3 را از جعبه دانلود در ستون سمت راست وبلاگ یا از اینجا دانلود کنید، آنرا در notpad باز کرده، http://feeds.feedburner.com/web3b را کپی کنید Ctrl+f و بعد Ctrl+v را از صفحه کلید بفشارید تا آدرس بالا وارد کادر جستجو شود. اینتر را بزنید و آنرا بیابید. آدرس خوراک خود را به جای آن بنویسید اینگونه خوراک شما در دکمه خوراک قرار میگیرد. به Appearance>Editor [ویرایشگر پوسته] بروید و کدها را در Main Index Template [پوسته اصلی] در محلی که در زیر نشان داده شده است قرار دهید [بچسبانید] و Update File را بزنید.
| <div class=”entry”> <?php the_content(‘Read the rest of this entry »’); ?> </div> کدها را اينجا قرار دهيد <p class=”postmetadata”> |
همین کدها را در Single Post (:تک نوشته ها) در محلی که در زیر نشان داده شده است نیز قرار دهید (:بچسبانید) و Update File را بزنید.
| <div class=”entry”> <?php the_content(‘<p class=”serif”>Read the rest of this entry »</p>’); ?> کدها را اينجا قرار دهيد <?php wp_link_pages(array(‘before’ => |
دقت کنید که کدها را حتما در دو قسمت پوسته اصلی و تک نوشته ها بصورت یکسان قرار دهید، تا هم در صفحه اصلی و هم صفحه تک نوشته ها دکمه های بوکمارک را داشته باشید. در غیر اینصورت مانند بسیاری از سایتهای وردپرس دات اورگ فارسی، سایت شما یکدست نخواهد بود و صفحه اصلی آن با صفحه مطالب آن متفاوت خواهد بود. نمونه عملکرد این کدها را میتوانید در وبلاگ وب 3 در وردپرس ببینید. (البته دکمه ها بصورت پیشفرض انیمیشن نیستند و یک دکمه گوگل ریدر هم علاوه بر دکمه هایی که در وب 3 در وردپرس میبینید خواهید داشت. وب 3 در وردپرس، بدلیل اینکه وردپرس دات کام کدهای جاوا را نمیپذیرد فاقد این دکمه میباشد.)
.
دکمه های بوکمارک اشتراکی برای وردپرس دات کام:
همانگونه که اطلاع دارید وردپرس دات کام اجازه ویرایش و تغییر در قالب وبلاگ را نمیدهد، به همین دلیل بر خلاف وبلاگهای بلاگر و وردپرس دات اورگ که غالبا دکمه های بوکمارک اشتراکی را ـ هر چند بصورت ناقص و با اشکالاتی ـ در آنها شاهد هستیم، در هیچ یک از وبلاگ های فارسی وردپرس دات کام این دکمه ها را نمیبینیم. اما از این دکمه ها نمیشود به این سادگی گذشت، این دکمه ها از لوازم وب 2 هستند. پیش از این اسکریپتی برای این کار تدارک دیده شده بود که به دلیل تغییرات وردپرس دات کام دچار مشکل شد، اکنون میتوانید از طریق فایل دکمه ها، دکمه ها را بیفزایید. مزیت این روش بر روش اسکریپت عدم وابستگی آن به فایرفاکس و امکان افزودن آن در ویندوز لایو رایتر و اسکریب فایر میباشد.
کدهای web3 social bookmark code v3 را از جعبه دانلود در ستون سمت راست وبلاگ یا از اینجا دانلود کنید.
1- آدرس مطلبی که قصد دارید دکمه ها را در آن قرار دهید کپی کنید.
میتوانید مطلب را منتشر کرده یا آنرا برای انتشار در آینده ی نزدیک (:چند دقیقه بعد) تنظیم کنید و بعد آدرس آنرا کپی کنید، با توجه به توضیحات زیر میتوانید بدون انتشار مطلب آدرس آنرا به دست آورید، کافی است اسلاگ مطلب را (:در ویرایشگر وردپرس، ویندوز لایو رایتر یا اسکریب فایر) تعیین کنید.
آدرس مطالب مانند http://web3b.wordpress.com/2008/08/19/wordpress-com-admin الگوی یکسانی دارد و شامل سه جزء میباشد؛ 1- آدرس وبلاگ که آدرس ثابتی است، 2- تاریخ که شامل سال، ماه و روز میلادی است، اگر تاریخ میلادی را نمیدانید آنرا از تاریخ سیستم عامل مشاهده کنید، 3- اسلاگ که برای هر مطلب متفاوت بوده و توسط نویسنده ی مطلب تعیین میشود، اسلاگ را با حروف انگلیسی و بدون کاراکترهای ویژه (:مانند: !, ?, “, ‘, $, #, @, &) بنویسید، بجای فاصله بین کلمات خط فاصله [-] بگذارید.
2- فایل دکمه ها را باز کرده، کلیدهای Ctrl+H را فشرده، در پنجره ی باز شده در مقابل Find What عبارت POSTURL را نوشته، در مقابل Replace With آدرس مطالب را بنویسید، Replace All را فشرده، Cancel را بفشارید.
3- یک بار دیگر کلیدهای Ctrl+H را فشرده، در پنجره ی باز شده در مقابل Find What عبارت POSTTITLE را نوشته، در مقابل Replace With عنوان مطلب را بنویسید، Replace All را فشرده، Cancel را بفشارید.
4- روی بخشی از فایل حاوی کدها کلیک کنید تا کروسر موس درون آن قرار گیرد، کلیدهای Ctrl+A را بفشارید تا همه ی کدها به حالت انتخاب درآیند، Ctrl+C را فشرده تا متن کپی شود.
5- به «ویرایش html» در ویرایشگر وردپرس، یا Source در ویندوز لایو رایتر و اسکریب فایر رفته رفته، در ویرایشگر کلیک کرده، Ctrl_End را بفشارید تا کروسر موس به انتهای متن برود.
6- کلیدهای Ctrl+V را فشرده تا کدها چسبانده شوند. اکنون دکمه ها به مطلب افزوده شده اند و میتوانید مطلب را ذخیره یا منتشر کنید.
*- فایل دکمه ها را بدون اینکه تغییرات را ذخیره کنید ببندید، میتوانید فایل را همیشه از درون زیپ اجرا کنید تا در صورتیکه سهوا ذخیره را فشردید، تغییرات ذخیره نشوند.
نمونه عملکرد این کدها را میتوانید در وب 3 در وردپرس ببینید. البته دکمه ها بصورت پیشفرض انیمیشن نیستند. در کدهایی که برای بلاگر و وردپرس دات اورگ نوشتم دکمه گوگل ریدر را میبینید اما برای وردپرس.کام این دکمه افزوده را قرار نداده ام زیرا این دکمه حاوی کدهای جاوا میباشد که وردپرس.کام اجازه استفاده از آنها را نمیدهد.
قبل از استفاده از فایل دکمه ها تنها یکبار باید خوراک وبلاگ خود را جایگزین کنید تا خوراک وبلاگ شما در دکمه خوراک قرار گیرد. برای اینکار فایل را باز کرده http://feeds.feedburner.com/web3b را کپی کنید، Ctrl+H را فشرده در پنجره ی باز شده در مقابل Find What عبارتhttp://feeds.feedburner.com/web3b را نوشته، در مقابل Replace With آدرس خوراک وبلاگ را نوشته، Replace All را فشرده، Ctrl+S را بفشارید تا تغییرات در فایل ذخیره شود.
.
پسنوشت:
دکمهی دیگ به دلیل عدم کاربرد در وبلاگهای فارسی و دکمهی فرل به دلیل تعطیلی این سرویس حذف شده و دکمهی کلوب [صد درجه] و اویاکس افزوده شد.
وبلاگ نویسان عزیز:
کدهای بوکمارک اشتراکی بلاگر و وردپرس دات اورگ و اسکریپت وردپرس دات کام بارها و بارها از جهات مختلف تست شده اند. بنابراین اگر به دستور العمل ها عمل کنید به مشکلی برخورد نخواهید کرد. اما لطفاً برای بهتر شدن کدها و اسکریپت، نظرات و پیشنهادات خود را مطرح کنید. نظرات شما بررسی و در صورت امکان در نسخه های بعدی کدها و اسکریپت اعمال خواهد شد. در مورد کدها و اسکریپت، نکات و تنظیمات دیگری نیز هست که در آینده در مورد آنها خواهم نوشت. برای اطلاع از نسخه های بعدی کدها و اسکریپت و بهره گیری از آموزشهای مرتبط با آنها مشترک خوراک وب 3 شوید.
تقدیم:
این مطلب را نیز به وبلاگستان فارسی بویژه به بامدادی، وب 2، یک پزشک، آپدیت بلاگ، کمانگیر، وبرگر، زنگوله، آی تی لاین، کشوری، خبرنگاران عصر نوین، مگا آی تی، کیبرد آزاد، پابرهنه برخط، عصرونه، یک فتحی، باغبانباشی، شاهوار، اولد فاشیون، مازیار ناظمی، از زندگی، توکای مقدس، عابر پیاده، مکتوب، یک لیوان چای داغ، سی و پنج درجه، پسر فهمیده، خواب بزرگ، خوابگرد، شور و شر، مستر اوف، عکس نوشته ها، ورطه، میرزا پیکوفسکی، ملکوت و دیده بانِ محیط زیست تقدیم میکنم. ما دوست داریم مطالب مفید و زیبای شما را بهتر و راحت تر در سرویسهای مختلف بوکمارک کنیم. پس لطفا وب 2 یی شوید و این دکمه های زیبا و کارآمد را در وبلاگتان قرار دهید.
.
مطالب مرتبط:
بوکمارک اشتراکی چیست؟ – تاریخچه بوکمارک اشتراکی
معرفی مهمترین و ضروریترین سایتهای بوکمارک اشتراکی
بررسی دکمه های بوکمارک اشتراکی در وبلاگهای فارسی
.
منبع: وب 3
.
ارسال به: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
:: 
