دکمه های بوکمارک اشتراکی برای بلاگفا
اگر نمیدانید دكمههای بوكمارك اشتراكی به چه معناست، اینجا را كلیك كنید تا با این ابزار وب آشنا شوید.
سایت بسیار مفید وب ۳، پستی را با عنوان «دکمه های بوکمارک اشتراکی برای بلاگر، وردپرس دات کام و وردپرس دات اورگ» انتشار داده بود كه با توجه به مفید بودن این پست، تصمیم گرفتیم تا این امكان را برای سایت وبلاگ دهی بلاگفا (blogfa) نیز فراهم سازیم. در نهایت با تغییر دادن كدها و روش امتحان و خطا توانستم با موفقیت این كار را انجام بدهم. امیدواریم كه این پست مورد استفاده شما خواننده گرامی فارسیپست.وردپرس.كام قرار بگیرد.

دكمههای بوكمارك اشتراكی
دكمههای بوكمارك اشتراكی این ابزار، همانطور كه در شكل بالا مشاهده میكنید، عبارتاند از: بالاترین، دنباله، مهندس، كلوب، اویاكس، خوشمزه، استامبل، فرندفید، تویتر، فیسبوك و گوگل ریدر. دو گزینه سمت چپ نیز برای خوراك و اشتراك در سایر سایتها به كار میرود.
ابتدا كدها را در یك فایل notepad از اینجا دانلود كنید. سپس این كدها را در محل مناسبی از وبلاگ خود قرار دهید. (محتویات فایل blogfa-bookmark را كپی كرده و در قالب وبلاگ خود كپی كنید.
برای مثال در مورد قالب «آسمان آبی» بلاگفا بدین صورت عمل میكنیم: (بقیه هم مشابه همین قالب هست)
۱. فایل blogfa-bookmark را باز كرده، ابتدا كلید Ctrl+A و سپس Ctrl+C را از صفحه كلید میزنیم تا تمام محتویات آن فایل كپی (Copy) شود.
۲. محل مناسب را برای پست (Paste) كردن پیدا میكنیم و مقداری فضای خالی در محل مربوطه ایجاد میكنیم.
بخشی از قالب (تقریبا وسط قالب):
<div dir=»rtl» ><-PostContent-><BlogExtendedPost><br><a href=»<-PostLink->»>ادامه مطلب</a></BlogExtendedPost></div>
</td>
</tr>
<tr>
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #A5CBE9; » bgcolor=»#FFFFFF»>
<div dir=»rtl» style=»width: 558; height: 20″>
<a href=»<-PostLink->»>+</a> نوشته شده در
<-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> |
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script> </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>
ایجاد فضای خالی:
<div dir=»rtl» ><-PostContent-><BlogExtendedPost><br><a href=»<-PostLink->»>ادامه مطلب</a></BlogExtendedPost></div>
</td>
</tr>
<tr>
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #A5CBE9; » bgcolor=»#FFFFFF»>
<div dir=»rtl» style=»width: 558; height: 20″>
<a href=»<-PostLink->»>+</a> نوشته شده در
<-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> |
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script> </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>
نكته: فضای خالی را در قسمت بالا و پایین كدها به این دلیل ایجاد میكنیم كه این قسمت از سایر بخش قالب متمایز گردد و در صورت نیاز، به آسانی این كدها را ویرایش یا حذف كنیم.
۳. كدها را در محل مربوطه پست (Paste) میكنیم. با استفاده از كلید Ctrl+V نیز این كار انجام میشود.
محل كپی كردن كدها:
<div dir=»rtl» ><-PostContent-><BlogExtendedPost><br><a href=»<-PostLink->»>ادامه مطلب</a></BlogExtendedPost></div>
</td>
</tr>
<tr>
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #A5CBE9; » bgcolor=»#FFFFFF»>
<div dir=»rtl» style=»width: 558; height: 20″>
<a href=»<-PostLink->»>+</a> نوشته شده در
<-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> |
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script> </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>
نكته: خود كدها را در بین كدهای بالا به دلیل شلوغتر نشدن صفحه مشاهده نمیكنید.
۴. برای اینكه قسمت نظر بدهید، تارخ و ساعت ارسال مطلب، نام نویسنده و… از كادر خارج نشود، باید در بخشی از كد كه در زیر به رنگ قرمز مشخص شده است، عدد 20 را به 45 تغییر دهید.
<div dir=»rtl» ><-PostContent-><BlogExtendedPost><br><a href=»<-PostLink->»>ادامه مطلب</a></BlogExtendedPost></div>
</td>
</tr>
<tr>
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #A5CBE9; » bgcolor=»#FFFFFF»>
<div dir=»rtl» style=»width: 558; height: 20«>
<a href=»<-PostLink->»>+</a> نوشته شده در
<-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> |
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script> </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>
خوب. كار تمام است. آنچه شما باید به دست آورید، در زیر مشاهده میكنید:
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1″ bgcolor=»#FFFFFF» >
<div dir=»rtl» ><-PostContent-><BlogExtendedPost><br><a href=»<-PostLink->»>ادامه مطلب</a></BlogExtendedPost></div>
</td>
</tr>
<tr>
<td width=»100%» style=»border-left: 1px solid #A5CBE9; border-right-width: 1; border-top-width: 1; border-bottom: 1px solid #A5CBE9; » bgcolor=»#FFFFFF»>
<div dir=»rtl» style=»width: 558; height: 45«>
<!– web3 blogger persian social bookmark code ver:3 –>
<p align=»center»>
<span style=»font-size: 9pt; vertical-align: top»>ارسال به: </span>
<b><span style=’font-size: 12px; padding:0 0px› class=’ppost-author’>
<a href=’http://balatarin.com/links/submit?phase=2&url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank› ><img title=»ارسال به بالاترین» alt=»Balatarin» src=»http://web3b.files.wordpress.com/2009/01/balatarin.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://donbaleh.com/submit.php?url=<-BlogUrl->/<-PostLink->&subject=<-PostTitle->› target=’_blank› ><img title=»ارسال به دنباله» alt=»Donbaleh» src=»http://web3b.files.wordpress.com/2009/01/donbaleh.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.mohand.es/submit?phase=1&url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank› ><img title=»ارسال به مهندس» alt=»Mohandes» src=»http://web3b.files.wordpress.com/2009/01/mohandes.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.cloob.com/share/link/add?url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank› ><img title=»ارسال به صد درجه» alt=»Cloob» src=»http://web3b.files.wordpress.com/2009/08/100c.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.oyax.com/link/add&url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank› ><img title=»ارسال به اویاکس» alt=»Oyax» src=»http://web3b.files.wordpress.com/2009/08/oyax3.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://delicious.com/post?url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank’><img title=»ارسال به خوشمزه» alt=»Delicious» src=»http://web3b.files.wordpress.com/2009/01/delicious.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.stumbleupon.com/submit?url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank’><img title=»ارسال به استامبل» alt=»Stumbleupon» src=»http://web3b.files.wordpress.com/2009/01/stumbleupon.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://friendfeed.com/share?url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank’><img title=»ارسال به فرندفید» alt=»Friendfeed» src=»http://web3b.files.wordpress.com/2009/01/friendfeed.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://twitthis.com/twit?url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank’><img title=»ارسال به تویتر» alt=»Twitter» src=»http://web3b.files.wordpress.com/2009/01/twitter.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.facebook.com/sharer.php?u=<-BlogUrl->/<-PostLink->› onclick=’return fbs_click()› target=’_blank’><img title=»ارسال به فیسبوک» alt=»Facebook» src=»http://web3b.files.wordpress.com/2009/01/facebook.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}› ><img title=»ارسال به گوگل ریدر» alt=»Greader» src=»http://web3b.files.wordpress.com/2009/01/greader.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=’http://www.addthis.com/bookmark.php?pub=web3socialbookmark&url=<-BlogUrl->/<-PostLink->&title=<-PostTitle->› target=’_blank’><img title=»ارسال به سرویسهای دیگر» alt=»Addthis to other» src=»http://web3b.files.wordpress.com/2009/01/addthis.gif» width=’16′ height=’16′ style=’border: 0px; padding: 0px› /></a><span style=»vertical-align: top»> ::</span>
<a href=»<-BlogXmlLink->»><img title=»اشتراک در خوراک» alt=»Subscribe to Feed» src=»http://web3b.files.wordpress.com/2009/01/feed.gif» width=»16″ height=»16″ style=’border: none; padding: 0px› /></a><span style=»vertical-align: top»></span>
</span></b>
</p>
<!– End of persian social bookmark code , Check http://web3beta.net for updates, http://twit.mihanblog.com –>
<a href=»<-PostLink->»>+</a> نوشته شده در
<-PostDate->ساعت <-PostTime-> توسط <-PostAuthor-> |
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script> </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>
منبع: فارسیپست.وردپرس.كام