فارسی پست

آموزش، معرفی سایت و غیره

دکمه های بوکمارک اشتراکی برای بلاگفا

دیدگاهی بگذارید »

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

دكمه‌های بوكمارك اشتراكی

دكمه‌های بوكمارك اشتراكی

دكمه‌های بوكمارك اشتراكی این ابزار، همانطور كه در شكل بالا مشاهده میكنید، عبارت‌اند از: بالاترین، دنباله، مهندس، كلوب، اویاكس، خوشمزه، استامبل، فرندفید، تویتر، فیس‌بوك و گوگل ریدر. دو گزینه سمت چپ نیز برای خوراك و اشتراك در سایر سایت‌ها به كار میرود.
ابتدا كدها را در یك فایل notepad از اینجا دانلود كنید. سپس این كدها را در محل مناسبی از وبلاگ خود قرار دهید. (محتویات فایل blogfa-bookmark را كپی كرده و در قالب وبلاگ خود كپی كنید.
برای مثال در مورد قالب «آسمان آبی» بلاگفا بدین صورت عمل میكنیم: (بقیه هم مشابه همین قالب هست)

۱. فایل blogfa-bookmark را باز كرده، ابتدا كلید Ctrl+A و سپس Ctrl+C را از صفحه كلید میزنیم تا تمام محتویات آن فایل كپی (Copy) شود.
۲. محل مناسب را برای پست (Paste) كردن پیدا میكنیم و مقداری فضای خالی در محل مربوطه ایجاد میكنیم.

بخشی از قالب (تقریبا وسط قالب):

<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: 20″>
<a  href=»<-PostLink->»>+</a> نوشته شده در&nbsp;
<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
<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: 20″>

فضای خالی

<a  href=»<-PostLink->»>+</a> نوشته شده در&nbsp;
<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script>                 </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>

نكته: فضای خالی را در قسمت بالا و پایین كدها به این دلیل ایجاد میكنیم كه این قسمت از سایر بخش قالب متمایز گردد و در صورت نیاز، به آسانی این كدها را ویرایش یا حذف كنیم.

۳. كدها را در محل مربوطه پست (Paste) میكنیم. با استفاده از كلید Ctrl+V نیز این كار انجام میشود.

محل كپی كردن كدها:

<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: 20″>
محل قرار گرفت كدها

<a  href=»<-PostLink->»>+</a> نوشته شده در&nbsp;
<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script>                 </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>

نكته: خود كدها را در بین كدهای بالا به دلیل شلوغ‌تر نشدن صفحه مشاهده نمیكنید.

۴. برای اینكه قسمت نظر بدهید،‌ تارخ و ساعت ارسال مطلب، نام نویسنده و… از كادر خارج نشود، باید در بخشی از كد كه در زیر به رنگ قرمز مشخص شده است، عدد 20 را به 45 تغییر دهید.

<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: 20«>
محل قرار گرفت كدها

<a  href=»<-PostLink->»>+</a> نوشته شده در&nbsp;
<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script>                 </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>

خوب. كار تمام است. آنچه شما باید به دست آورید، در زیر مشاهده میكنید:

<tr>
<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»>ارسال به:&nbsp;</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&amp;url=<-BlogUrl->/<-PostLink->&amp;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->&amp;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&amp;url=<-BlogUrl->/<-PostLink->&amp;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->&amp;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->&amp;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->&amp;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->&amp;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=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);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&amp;url=<-BlogUrl->/<-PostLink->&amp;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> نوشته شده در&nbsp;
<-PostDate->ساعت <-PostTime->&nbsp; توسط <-PostAuthor-> |&nbsp;
<BlogComment>
<script type=»text/javascript»>GetBC(<-PostId->);</script>                 </BlogComment>
</div>
</td>
</tr>
</table>
</BLOGFA>


موفق باشید.

منبع: فارسی‌پست.وردپرس.كام

نوشته شده توسط فارسی پست

2009/09/05 در 21:35

نوشته شده در ارائه ابزار

برچسب خورده با , , , ,

پاسخی بگذارید

در پایین مشخصات خود را پر کنید یا برای ورود روی شمایل‌ها کلیک نمایید:

نشان‌واره‌ی وردپرس.کام

شما در حال بیان دیدگاه با حساب کاربری WordPress.com خود هستید. بیرون رفتن / تغییر دادن )

تصویر توییتر

شما در حال بیان دیدگاه با حساب کاربری Twitter خود هستید. بیرون رفتن / تغییر دادن )

عکس فیسبوک

شما در حال بیان دیدگاه با حساب کاربری Facebook خود هستید. بیرون رفتن / تغییر دادن )

درحال اتصال به %s

دنبال‌کردن

هر نوشته‌ی تازه‌ای را در نامه‌دان خود دریافت نمایید.