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

 

 

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

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

 

آموزش ساخت


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

راه حل اول:


۱- نرم افزار کد ساز وبلاگ رو دانلود کنید.

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

۳- در منو بالای نرم افزار، روی «مدیریت افزونه ها» و سپس «نصب افزونه از فایل...» کلیک کنید و فایل افزونه ای که دانلود کردید رو انتخاب کنید.

۴- نرم افزار از شما میخواد که دوباره اجرا بشه. پس از ریستارت نرم افزار از منو  بالا وارد «ابزار ها و افزونه ها» بشید و ابزار «جستجوگر فایرفاکس» رو انتخاب کنید.

۵-اطلاعات سایتتون رو داخل نرم افزار بنویسید.

۶- دکمه «ساخت XML جستجوگر» رو بزنید و کد ها رو تحویل بگیرید. توی ابزار گفته شده، همه بخش هایی که نیازه تغییر کنه رو آوردم و اگه حتی یه خط کدنویسی هم بلد نباشید باز میتونید جستجوگر مورد نیاز خودتون رو به راحتی تولید کنید. بلدید هم که چه بهتر (:

دانلود ابزار دانلود نرم افزار کد ساز

 

راه حل دوم:


اگه به هر دلیلی نمیخواید از نرم افزار کد ساز استفاده کنید میتونید فایل XML زیر رو به دلخواه خودتون تغییر بدید و با وبلاگ خودتون سازگار کنید

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:moz="http://www.mozilla.org/2006/browser/search/"> <ShortName>آرین نرم افزار</ShortName> <Description>جستجو در آرین نرم افزار :: سلام</Description> <InputEncoding>UTF-8</InputEncoding> <Image width="16" height="16" type="image/x-icon">http://bayanbox.ir/view/6129694182783141553/blogfav.png </Image> <Url type="text/html" method="GET" template="http://blogs.salam.ir/blog.ir"> <Param name="site" value="aryan-pc.blog.ir" />
<Param name="q" value="{searchTerms}" /> </Url> <Url type="application/x-suggestions+json" template="http://salam.ir/onlineAutocomplete/autocomplete?action=complete&amp;format=opensearch&amp;q={searchTerms}" /> <moz:SearchForm>http://salam.ir/</moz:SearchForm> <Url type="application/opensearchdescription+xml" rel="self"
template="http://salam.ir/static/salam.xml" />
</OpenSearchDescription>

 

بعد از اینکه به یکی از دو روش بالا، فایل XML رو تولید کردید اون رو با فرمت xml ذخیره و در بیان باکس خودتون آپلود کنید.

بعد از آپلود، آدرس فایل آپلود شده رو کپی کنید و در آخر کد زیر رو به بخش <head> از قالب خودتون کپی کنید:

<link href="آدرس فایل آپلود شده اینجا وارد شود" title="آرین نرم افزار" type="application/opensearchdescription+xml" rel="search">

 

الان اگه با مرورگر فایرفاکس وارد وبلاگتون بشید میبیید که تغییرات جستجوگر اعمال شده.

شاد باشید (;

 با استفاده از این ابزار میتونید یه استارت منو گرافیکی شبیه به ویندوز به وبلاگ خودتون فقط تو سیستم وبلاگدهی بلاگ بیان اضافه کنین.

 نکته قابل توجه دیگه این ابزار اینه که هیچ تصویر و یا جاوا اسکریپتی درش به کارنرفته و از سرعت بارگذاری سایت کم نمیکنه بلکه تصاویر داخلش فقط و فقط  با CSS ساخته شده. (احتمالا خبر خوشحال کننده ای برای دوستانیه که امکان جاوا اسکریپت رو از بلاگ نخریدن)

کپی رایت: این ابزار ساخته شده توسط آرین نرم افزار نیست بلکه فقط اینجانب به بلاگ بیان ترجمش کردم. بنابراین هیچ اجباری نیست که لینک آرین نرم افزار ، پایین این ابزار باشه و میتونید حذفش کنید
سازنده اصلی: Taufik Nurrohman
<!-- Start Menu For Blog :: aryan-pc.blog.ir -->

<!-- Loading CSS and Files -->
<link href="http://bayanbox.ir/download/909210913388912042/Start.css" rel="stylesheet" type="text/css">

<div id="startbar">
    <div id="win">
        <div id="menu">
            <div class="left-menu" style="height:467px;">
                <box:links>
                    <ul>
                        <view:links>
                            <li><a alt="(*link_alt*)" href="(*link_url*)"><div class="fleft foldr"></div>(*link_name*)</a></li>
                        </view:links>
                    </ul>
                </box:links>

                <!-- Start :: Search Form [Needs Javascript] -->

                    <!--<form id="search" action="" name="prikitiw"><input style="width:220px" type="text" placeholder="Search programs and files" /></form>-->

                <!-- End :: Search Form ] -->

            </div><!-- leftmenu -->

            <div class="right-menu">
                <box:menu>
                    <ul>
                        <view:menu>
                            <li><a class="(*menu_item_selected*)" href="(*menu_item_link*)">(*menu_item_title*)</a></li>
                        </view:menu>
                    </ul>
                </box:menu>

                <div id="kontener">
                    <div class="admin" style="background:url('<check:if blog_image>(*blog_image*)</check:if><check:if not blog_image></check:if>') repeat scroll 0 0 / 50px auto rgba(0, 0, 0, 0)"></div>
                </div>

            </div> <!-- rightmenu -->

            <div class="clear"></div>

        </div> <!-- menu -->

        <div id="cont-win" title="Start">
            <div class="w1"></div><div class="w2"></div>
            <div class="clear"></div>
            <div class="w3"></div><div class="w4"></div>
            <div class="clear"></div>
        </div>

    </div> <!-- win -->

    <div id="list">

    <!-- Start :: Extras [Optional] -->

        <!--
            <box:daily_links>
   
                <view:daily_links>
                    <div class="opened tunggal">
                        <div class="foldr np small">
                            <span><a alt="(*link_alt*)" href="(*link_url*)" id="textnet">(*link_name*)</a></span>
                        </div>
                    </div>
                </view:daily_links>
       
            </box:daily_links>
        -->

    <!-- End :: Extras -->



     <!-- list -->
        <div class="clear"></div>
    </div> <!-- opened pilled -->

    <div class="opened hide"></div>
    <div id="fright">
        <div class="plus">
            <div class="screensht">
                <div class="grup">
                    این متن را ویرایش کنید
                </div>
            </div>
        </div> <!-- plus -->

        <div class="connection" title="Connected to the internet"></div>
        <div class="speker" title="Sound Volume: 1%"></div>
        <div class="jam"><a target="_blank" href="http://aryan-pc.blog.ir?from=(*blog_title*)" id="owner">آرین نرم افزار</a></div>
        <div class="clear"></div>
    </div>

</div>

<!-- End of startbar :: aryan-pc.blog.ir -->
توجه: این ابزار با برخی از قالب های رسپانسیو بلاگ که شامل کد سی اس اس زیر هستند سازگاری ندارد
*, *::after, *::before
برای رفع مشکل کد بالا باید از سی اس اس قالب برداشته شود