Blogger Widgets Blogger Widgets

1 «Search» կոճակներ Blogger-ի համար

|
Unknown | 11:46 | Best Blogger Tips

Այսօր ձեզ կներկայացնեմ հետաքրքիր և շատ կարևոր հավելում Blogger-ի համար: Այս նյութում կներկայացնեմ փնտրել կոճակի 6 տարբեր տեսակներ, որոնք կարող են օգտակար լինել ձեր բլոգի և նրանից օգտվողների համար:
Ասեմ , որ կոճակները շատ հեշտ են ավելացվում և ավելացնելու համար պետք է կատարել ընդամենը մի քանի քայլ ՝

Տեղադրում Ենք «Փնտրել» Կոճակը

  1. Մտնում ենք Blogger-ի կարգավորումների էջը՝ Blogger Dashboard -> Design tab -> Page Elements
  2. Սեղմում ենք Add a Gadget , որտեղ և պետք է ավելացնենք գադջիթը
    3. Ընտրում ենք HTML/JavaScript եղանակը և ավելացնում ենք ներքևում գրված կոդերից մեր ուզած տարբերակը

    Տարբերակ 1


    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd_xkki8SoVoBfUWrPIpKTYvxZq_QpMVyCQKj8P5sV0YcwGaGoxnZUc6E7N3fJezcgkLsPk5HMu6ekiAy089pUSJW2QJAscGrFlxtwkIu32WLSfFcsApahDtQfrM0WG4tcbLd2zJatXGIU/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

    Տարբերակ 2

    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghbZ_TuTidK5DGQJ8v7HHH99cwnAgWz3U_64ckjh5mgtd6xQyvpW-jacoeZhZA6-qN1P5vomDEsSmNFqJFtX4ectlxnz9zEyxLw4BXJGB9MXbzbnT0hQTnQsdMwY-LvqDDaxX2vtr5Gkv9/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

    Տարբերակ 3

    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRtlqF8UVEXTz0ng72appwCycDgN0hM4h0yypKmY4GpcBrvF35OB4mr5_NBhEhLRlKkKmU-W392gwJ-i1_25MjWbqs4Z-RDZ45VKCvJmm14zQBEVjh2oNGJSxvCB2ain9uQxEbVIKmu_x4/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 10px 12px;margin:0;} form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

    Տարբերակ 4

    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQlMpMl1MV3NryIbETfe0jpAG1CLkJpojUrwIfknq6jKwFO521gW6lSRPI8ayWYI_F64Xwp6126cfFhwnJGF2BuVL50xw97sdbOZCk88DW5XvbEfvKVT17OktPNqDBw_eHepk6vra8dAL8/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

    Տարբերակ 5


    <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNO5hCyQTTqzmW84ryft1shxXdPkpVxRoasFKZLS1zqnIIUH_XYAtYqjt-1i6Xney0sE0FANBrQbQpnveqFbQ_A3J-_DIZws-AwsqBbMweqTRN5XeNza67iPvBlJiuAJSROM3OJC0atAq1/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#w2b-searchform{display: block;padding: 12px;margin:0;} form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="w2b-searchbox"> <form id="w2b-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value=""/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>
Հավանեցիր` դե տեղեկացրու ընկերներիդ
Нравится

1 комментарий:
Դեպի վեր