‏نمایش پست‌ها با برچسب قابلیتهای جدید. نمایش همه پست‌ها
‏نمایش پست‌ها با برچسب قابلیتهای جدید. نمایش همه پست‌ها

طریقه اضافه کردن گجت اختصاصی امار و ارقام بلاگر به وبلاگ خود

بعد از اضافه شدن قابلیت  آمار وبلاگ از سوی گوگل یه بلاگر " Stats " ، هم اینک کاربران بلاگری میتوانند گجت این ابزار را به قالبهای خود اضافه کنند . برای این منظور ابتدا وارد بخش Design از بخش مدیریت وبلاگ خود شده و از انجا به زبانه Page Elements بروید . سپس با کلیک بر روی گزینه Add A Gadget و از میان گجتهای موجود گزینه Blog's Stats را انتخاب کنید .






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


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


اضافه نمودن آیکن گوگل باز بهمراه شمارنده به سرویس بلاگر





» روش اول

1- وارد بخش Layout شده و سپس بر روی زبانه  Edit HTML کلیک نمائید .
2- تیک گزینه Expand Widget Template را قرار دهید .
3- کد های زیر و یا مشابه ان را در قالب خود پیدا کنید...


<p class='post-footer-line post-footer-line-1'>
یا
<p class='post-footer-line post-footer-line-2'>
یا
<p class='post-footer-line post-footer-line-3'>

و یا :

<div class='post-footer-line post-footer-line-1'>
یا
<div class='post-footer-line post-footer-line-2'>
یا
<div class='post-footer-line post-footer-line-2'>

ویا :


<data:post.body/>

4 - بعد پیدا نمودن یکی از خط کدهای بالا و یا مشابه آنها ، یکی از کدهای زیر را به دلخواه دقیقا بعد از یکی خط کد دلخواه بالا قرار دهید :

الف: حالت متنی

<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title'>Buzz!</a>

ب: نمایش بهمراه آیکن


<a expr:href='"http://www.google.com/reader/link?url=" + data:post.url + "&amp;title=" + data:post.title'><img src="ImageURL"/></a>

در صورت ایجاد مشکل با کد بالا از کد زیر استفاده نمائید :

<a expr:href='"http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img src="ImageURL"/></a>

ج)


<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='ImageURL' style='border:0px;'/></a>
</div>

به جای نوشته قرمز رنگ لینک آیکن مورد نظر خود را قرار دهید

google-buzz   buzz-this


» روش دوم :
 ابتدا وارد سایت Njuice شده و فیلدهای مربوطه را پر نموده و یکی از فرمتهای نمایش آیکن گوگل باز را انتخاب نمائید . سپس کدهای تولیدی موجود را از بخش Code to use on your site or blog  کپی نموده و در وبلاگ خود استفاده نمائید .


» منبع

قابلیتی جدید برای بلاگر : اضافه کردن توضیحات به تصاویر

توسط این قابلیت میتوانید براحتی توضیحاتی ( Caption ) دلخواه را به تصاویر خود اضافه نمائید . فقط کافیست پس از افزودن تصویر خود به مطلب جاری در ادیتور بلاگر بر روی تصوبر کلیک کرده و با ظاهر شدن نوار ابزار تصاویر در بلاگر بر روی عبارت  Add Caption کلیک کنید . سپس در پائین تصویر جاری توضیحات دلخواه خود را تایپ نمائید .

برای نوشتن توضیحات بر روی عبارت Add Caption کلیک کنید





» کدهایی برای بهینه نمودن این قابلیت :

.tr-caption {
border: solid 1px #161201;
font:normal 8pt tahoma;
color: #000000;
background: #f7f7f7 repeat scroll 0% 0%;
}

برای تست است

با پشتیبانی Blogger.

Sponsor