ابزارک جستجو در بلاگ اسکای

 

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

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

نحوه فعال کردن : 

برای این منظور به "نمای وبلاگ"-> "ابزارک ها" رفته و وضعیت این ابزار رو از غیرفعال به فعال تغییر بدید.

توجه داشته باشید که نام بلاک و همچنین تعداد نتایج قابل نمایش در هر صفحه جستجو در این بخش قابل تغییر است.

نحوه نمایش ابزارک : 

برای نمایش این ابزارک در سایت ، کد مربوط به آن را در مکان مناسبی از کد قالبتون قرار بدید.

<search>

@caption<br />

<searchBox />
                    <script>
                        var search = document.getElementById("bs-input-search");
                        if (search.value == "") search.value = "@caption";
                        search.onblur = function () {
                            if (this.value == "") this.value = "@caption";
                        };
                        search.onfocus = function () {
                            if (this.value == "@caption") this.value = "";
                        }
                    </script>

</search>

راهنمایی : 

caption@ : نام بلاک ابزارک که در نحوه فعال کردن به آن اشاره شد.

<searchBox /> : این تگ یک تکست باکس برای نوشتن عبارت جستجو در هنگام نمایش صفحه وبلاگ ایجاد می کند. برای جستجو باید عبارت مورد نظر رو در کادر نوشته و کلید Enter رو بفشارید.

نمایش نتایج جستجو :

حالا برای اینکه نتایج حاصل از جستجوی یک عبارت رو بتونیم نمایش بدیم لازمه که کدهای زیر رو در بین کدهای قالبتون و در محل مناسبی قرار بدید. پیشنهاد میکنم که قبل از تگ <post> قرار بدید.

<searchResult>

<div style="text-align:center; font-weight:bold;margin:15px auto;">@message</div>

<ul>

    <many>

<li><a href="@href" title="@title">@title</a>&nbsp;&nbsp; ( @date )</li>&nbsp;&nbsp;@excerpt

<div style="border-bottom:1px solid #ededed; margin:10px 0;"></div>

    </many>

</ul>

    <paging />

</searchResult>

راهنمایی : 

message@ : برای نمایش پیام نتیجه جستجو(مثال : 4مورد برای جستجوی کلمه "همیار بلاگ اسکای" یافت شد.)

title@ : عنوان مطلب یافت شده.

href@ : آدرس مطلب یافت شده.

date@ : تاریخ انتشار مطلب یافت شده.

excerpt@ : نمایش خلاصه ای از مطلب یافت شده جهت پی بردن به موضوع مطلب.

<paging /> : نمایش صفحه بندی نتایج. اگر تعداد نتایج بیشتر از حد تعریف شده باشد این تگ فعال می شود.

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

منبع : همیار بلاگ اسکای