‏نمایش پست‌ها با برچسب وبلاگ خود را سفارشی کنید، هک. نمایش همه پست‌ها
‏نمایش پست‌ها با برچسب وبلاگ خود را سفارشی کنید، هک. نمایش همه پست‌ها
مجتبی ستوده • ، ،

قراردادن موتور جستجوی وبلاگ در بخش هدر قالبهای بلاگر


سؤال : چگونه میتوان  بخش جستجو وبلاگ را در بخش عنوان ( Header ) وبلاگ قرار داد ؟
جواب :برای این منظور مراحل زیر را انجام دهید :

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


<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>

حال یکی از مدلهای کد جستجو را از اینجا برداشته و بعد از خط کدهای بالا قرار دهید . 
۱۷ اردیبهشت ۱۳۸۹
ادامه مطلب 1 نظرات
مجتبی ستوده • ،

اضافه نمودن انواع موتورهای جستجو به وبلاگهای بلاگر

جندین مدل برای قرار دادن موتور جستجو در وبلاگهای بلاگر وجود دارد . در زیر با هم به چند مدل مختلف پرداخته و با شیوه قرار گیری انها در وبلاگهای بلاگر آشنا خواهیم شد :

مدل 1 : ساده




<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Search" type="submit"/></form>

با تغییر دادن کلمه Search میتوانید جمله دلخواه خود را به عنوان عبارت جستجو قرار دهید.

مدل 2 : رنگی و بهمراه حاشیه




<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #ccccff; border: 2px solid #000066"><input id="search-btn" value="Search" type="submit" style="background: #000066; border: 2px outset #ff0000; color: #ffffff; font-weight: bold;"></form>

کدهای قرمز رنگ برای تغییرات در ترکیب  محل نوشتن عبارات جستجو و کدهای بنفش رنگ برای تغییرات در ساختار دکمه جستجو است ، که بدلخواه میتوانید تغییرات دلخواه خود را در آنها اعمال نمائید .

مدل 3 : ساده و بهمراه جایگزین نمودن تصویری به جای دکمه جستجو



<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="Enter search terms"><input id="search-btn" value="Search" type="image" src="http://www.iconlet.com/icons/crystal09/16x16/search.png" style="margin: 3px 0 0 5px;"/></form>

به جای لینک قرمز رنگ ، لینک تصویر دلخواه خود را قرار دهید . با تنظیم کردن و تغییر در اعداد کدهای بنفش ، فاصله میان بخش تلیپ عبارت جستجو و دکمه جستجو را تعیین کنید .

طریقه نصب و استفاه در بلاگر :
برای استفاده واردبخش Layput شده و از انجا وارد زبانه Page Elements گردید . بر روی لینک Add a Gadget کلیک کنید و در پنجره باز شده ، افزونه HTML/JavaScript را انتخاب نمائید . سپس در کادر باز شده یکی از کدهای بالا را به دلخواه کپی نموده و تغییرات را ذخیره نمائید .
» منبع
ادامه مطلب 0 نظرات
مجتبی ستوده • ،

طریقه صحیح تبدیل کارکترهای غیرمجاز کدهای تحت وب به کارکترهای مجاز برای استفاده در پستهای بلاگر

یکی از مشکلاتی که کاربران بلاگر با ان روبرو هستند ، عدم توانایی در قرار داده کدهای HTML و یا XMl در پستهای بلاگر میباشد . کاربران عزیز برای تبدیل کارکترهای غیر مجاز به کارکترهای مجاز و برای انتشار انها در وبلاگهای خود  میتوانند :

1- به سایت Postable رفته و در کادر مربوطه کد مورد نظر خود را نوشته و سپس برای تبدیل کد مورد نظر به کارکترهای مجاز بر روی گزینه make it Friendly کلیک کنید :




2- وارد سایت Simple Code شده واز بخش Enter Markup کد غیر استاندارد را تایپ کنید  و سپس با کلیک کردن بر روی دکمه Process و از بخش Cut n " Paste کد استاندارد شده را برداشت کنید .


3- استفاده از برنامه postable و نوشته شده توسط آقای نصیری

طریقه کار با برنامه بسیار ساده است . فقط کافیست کدهای غیراستاندارد را در کادر بالا کپی - پیست کنید . سپس برای تبدیل به کارکترهای مجاز بر روی آیکن سبز رنگ بالای برنامه کلیک کنید . درنهایت کدهای تبدیلی در کادر پائین ساخته خواهد شد .

پ.ن :
1- برای استفاده این کدها در پست وبلاگ خود باید کدهای تولیدی و استاندارد را بین دو تگ زیر در بخش Edit HTML ادیتور وبلاگ خود قرار دهید :


<code>
محل قراردادن کدهای استاندارد
</code>

2- برای زیبا سازی نوع نمایش این کدها در وبلاگ خود ، وارد بخش Layout شده و از انجا وارد زبانه Edit HTML شوید . سپس کدهای زیر را در میان کدهای CSS قالب خود قرار دهید :


code {
width:70%;
max-width:500px;
direction:ltr;
font-family:"Courier New", Courier;
text-align:left;
height:auto;
float:left;
border:2px solid #f5ebdf;
padding:10px;
background-color:#fbf8f3;
margin:10px 25% 10px 5%;
position:relative;
left:30px;
line-height:100%;
clear:both;
}

۱۹ فروردین ۱۳۸۹
ادامه مطلب 0 نظرات
مجتبی ستوده • ،

طریقه اضافه نمودن امضاء به پستهای بلاگر





برای قراردادن امضاء برای نوشته های خود مراحل زیر را انجام دهید :
روش اول :
1- وارد بخش layout و سپس زبانه Edit HTML شده و تیک گزینه Expand Widget Template را قرار دهید ...
2- کد زیر را در قالب خود پیدا کنید :

<data:post.body/>

3- سپس کد زیر را بعد از کد بالا کپی - پیست کرده و به جای URL ، لینک تصویر دلخواه خود را قرار دهید

<img src='URL' style='border:0px;'/>


روش دوم:
1- واردبخش Settings و سپس Formatting شوید .
2- بخش ( کادر ) Post Template را یافته  و کد موجود در قسمت 3  روش اول را در ان کپی - پیست نمائید :

» منبع
۰۸ فروردین ۱۳۸۹
ادامه مطلب 0 نظرات
مجتبی ستوده •

اضافه نمودن قابلیت چاپ مطالب به وبلاگهای بلاگر




برای اضافه نمودن لینک چاپ مطالب در قالبهای بلاگر کافیست :
1- وارد حساب کاربری خود در بلاگر شوید....
2- وارد قسمت Layout و سپس Edit HTML شده و سپس تیک گزینه Expand Widget Template را فعال کنید .
3- کد زیر را رد قالب خود پیدا کنید :


</head>

4- حال تمام کدهای زیر را کپی کرده و قبل از کد بالا پیست نمائید :


<style media='print' type='text/css'>
#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}
#main-wrapper {width: 95%}
</style>

5- عبارت زیر را در قالب خود پیدا کنید :

<p><data:post.body/></p>

6- در نهایت کدهای زیر را بعد از خط کد بالا کپی - پیست نمائید

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href='javascript:window.print()'>Print this post</a>
</b:if>

پ.ن :
1- به جای عبارت قرمز زنگ ، معادل دلخواه و فارسی خود رابنویسید
2- اگر که میخواهید تکنیک فوق در صفحه اول وبلاگ و در زیر مطالب هم نمایش داده شود ، خط های 1 و 3 کدهای موجود در بخش 6 را حذف نمائید .
۰۴ فروردین ۱۳۸۹
ادامه مطلب 0 نظرات
مجتبی ستوده • ، ،

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





» روش اول

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  کپی نموده و در وبلاگ خود استفاده نمائید .


» منبع
۰۳ فروردین ۱۳۸۹
ادامه مطلب 0 نظرات
مجتبی ستوده •

طریقه مجزا نشان دادن پاسخ نویسنده یک مطلب نسبت به نظرات کاربران

بعضی مواقع این سؤال پیش میآید که که چگونه میتوان در میان نظراتی که کاربران برای یک مطلب ارائه میدهند ، پاسخ نوسنده آن مطلب را بصورت مجزا از نظر کاربران نشان داد .






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


]]></b:skin>

4- کد زیر را در میان کدهای CSS قالب خود کپی- پیست کنید .


.author-comments {
background: #ffffff;
border: 2px solid #666666;
padding: 5px;
}

5- حال کدهای قرمز رنگ را باتوجه به کدهای قبل و بعد آنها در قالب خود  قرار دهید .


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

ادامه مطلب 0 نظرات
مجتبی ستوده •

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

همانطور که میدانید ، آدرس فید های قالبهای بلاگر ( نظرات و مطالب ) تحت فرمت زیر تعیین می گردد :

خوراک مطالب:
 http://blogname.blogspot.com/feeds/posts/default

خوراک نظرات :
 http://blogname.blogspot.com/feeds/comments/default






حال فرض نمائید که بخواهید آدرس عضویت خوراک مطالب در بلاگر را با آدرس خوراک وبلاگ خود در فیدبرنر  عوض نمائید .برای این منظور :
1- کدهای زیر را در قالب خود پیدا نمائید :


<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>

2- حال آدرس زیر را با آدرس بالا جایگزین نمائید :


<a href='URL del feed en Feedburner'>

ادامه مطلب 0 نظرات
مجتبی ستوده • ،

رفع ایراد معروف Bx-Errors در تعویض قالبهای بلاگر


آیا تصویر بالا برای شما آشنا میباشد ؟ و آیا شما هم در تعویض قالب وبلاگر خود در بلاگر خود دچار مشکل شده‏اید ؟ آیا درهنگام تعویض قالب وبلاگ خود ارورهای زیر ومشابه آنها را :

bx-bliced
bX-ev85ll
bX-39cc9q
bX-y6cz0v
bX-982020

مشاهده کرده‏اید ؟ برای رفع این مشکلات به ادامه مطلب توجه نموده.مراحل زیر را در صورت مرتفع نشدن ایراد به ترتیب انجام دهید :

1 - به صورت استاندارد قالب وبلاگ خود را تعویض نمائید .ابتدا وارد قسمت Layout شده از انجا وارد قسمت Edit HTML شوید و از بخش upload a template from a file on your hard drive قالب خود را فراخوانی کرده و بر روی دکمه Upload کلیک کنید.

2 - اگر ایراد برطرف نشد : برای رفع این مشکل از مرورگرهای متفاوت برای تعویض قالب وبلاگ خود استفاده کنید . اگر در هنگام تعویض قالب از مرورگر فایرفاکس استفاده می‏کنید و این مشکلات نمایان شد ، از مرورگر دیگری برای تعویض قالب وبلاگ خود استفاده کنید .
گوگل کروم ، اپرا ، اینترنت اکسپلور و ...


3-اگر ایراد برطرف نشد : قالبهای بلاگر عموما با فرمت XML ساخته می‏شوند . قالب دلخواه خود را با برنامه Notepad باز کنید ، همه نوشته ها را انتخاب کرده و کپی نمائید و سپس وارد قسمت Edit Template شده و کدهای کپی شده را انتقال دهید و در نهایت بر روی دکمه Save Template کلیک کنید .

4- اگر ایراد برطرف نشد : در کدهای قالب خود بدنبال بخشهای زیر بگردید و قبل از ذخیره کردن قالب اعداد مربوطه را به دلخواه تغییر دهید :
b:widgetid='Header1'
b:widgetid='Blog1'
b:widgetid='Label1'
b:widgetid='HTML1'

به عنوان مثال Header 1 را به Header 2 تغییر دهید و بقیه را هم به این صورت .

5 - تا اینجا باید به وسیله انحام یکی از مراحل بالا ، مشکل برطرف شده باشد و اما اگر ایراد برطرف نشد : با استفاده از برنامه CCleaner کلیه کشها و فایلهای ذخیره شده در مرورگرهایی که این برنامه از قبیل فایرفاکس ، اپرا و IE می‏شناسد را پاک کنید .

» دانلود آخرین نسخه برنامه CCleaner
امیدوارم که بوسیله انجام هر کدام از مراحل بالا مشکل شما حل شده باشد و اگر نشد من راه دیگه ای بلد نیستم .

» منبع : BloggerBuster
۰۷ اسفند ۱۳۸۷
ادامه مطلب 0 نظرات
اشتراک در: پست‌ها (Atom)

TwitPlus

برای تست است

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

Sponsor