Wednesday, May 18, 2016

[Th? Thu?t] Ti?n �ch T�m ki?m nhanh v?i JSON Blogger



��y l� ti?n �ch t�m ki?m n?i tuy?n trong ph?m vi blog c?a b?n.Khi mu?n t�m 1 n?i dung n�o d� ta ch? c?n g� c�c t? kh�a c� n?i dung li�n quan t?i v?n d? c?n t�m v� nh?n enter ta s? du?c m?t list c�c b�i vi?t du?i d?ng t�m t?t v?i ti�u d? c� link,?nh thumbnail v� do?n tr�ch d?n.

�ua ti?n �ch v�o blogspot

�? t?o ti?n �ch n�y c?n th�m css v�o trong m?u nhung d? don gi?n ta g?p t?t c? th�nh th�m 1 ti?n �ch
V�o B? c?c ch?n th�m ti?n �ch HTML/javascript v� d�n do?n sau v�o r?i luu l?

<center>
<style>#srch-form-feed {
width:250px; /*Chi?u d�i � t�m ki?m */
position:relative;
margin:0 0 10px;
padding:0 0;
font:normal normal 11px Arial,Sans-Serif;
color:#333;
}

#feed-q-input {
display:block;
width:100%;
border:2px solid #bbb;
background-color:white;
padding:5px 5px;
font:normal bold 13px Tahoma,Arial,Sans-Serif;
color:#ccc;
margin:0 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
box-shadow:inset 0 1px 5px rgba(0,0,0,.2);
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#feed-q-input:focus {
border-color:#0D6786;
color:#333;
outline:none;
-webkit-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
-moz-box-shadow:0 0 5px #153E95,0 0 7px #153E95;
box-shadow:0 0 5px #153E95,0 0 7px #153E95;
}

#srch-result-container {
width:400px;
height:300px;
overflow:auto;
position:absolute;
top:100%;
right:0;
z-index:999;
background-color:#E5EDF7;
border:2px solid white;
padding:10px 10px 0;
margin:10px 0 0;

-webkit-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
-moz-box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
box-shadow:0 1px 2px rgba(0,0,0,.4),0 7px 7px -4px rgba(0,0,0,.4);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:none;
}

#srch-result-container mark {
background-color:yellow;
color:black;
}

#srch-result-container a {
text-decoration:none;
color:#0D3E71;
font-weight:bold;
font-size:12px;
display:block;
}

#srch-result-container a:hover {
color:#052748;
}

#srch-result-container h4 {
margin:0 0 10px;
font:normal bold 12px 'Trebuchet MS',Arial,Sans-Serif;
color:#B50001;
}

#srch-result-container ol {
background:transparent;
border:none;
margin:0 0 10px;
padding:0 0;
}

#srch-result-container li {
margin:0 0 1px;
padding:7px 8px;
list-style:none;
border:1px solid #B7C1CE;
background-color:white;
overflow:hidden;
word-wrap:brk-word;
}

#srch-result-container li img {
display:block;
float:left;
margin:0 10px 4px 0;
border:1px solid #B7C1CE;
background-color:#F5F5F5;
padding:2px 2px;
}

#srch-result-loader {
position:absolute;
top:100%;
left:5px;
z-index:999;
background-color:#0D6786;
color:white;
padding:3px 5px;
margin:-2px 0 0;
font:normal bold 10px Arial,Sans-Serif;
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
display:none;
}</style>

<div id="srch-form-feed">
<form action="/srch" onsubmit="return updateScript();">
<input name="q" type="text" value="G� t? li�n quan r?i nh?n Enter..." id="feed-q-input" onup="resetField();" onfocus="this.value='';"/>
</form>
<div id="srch-result-container">
</div>
<div id="srch-result-loader">
Loading...</div>
</div>
<script type="text/javascript">
//<![ATA[

var srchFormConfig = {
url: "http://kartriderdautocrazy01.blogspot.com", // Thay URL Blog c?a b?n v�o
numPost: 9999,
summaryPost: true, // 'true' T�y ch?n d? hi?n th? ho?c ?n c�c b�i vi?t t�m t?t trong k?t qu? t�m ki?m
summaryLength: 400, // X�c d?nh s? lu?ng k� t? m?t b?n t�m t?t k?t qu? t�m ki?m
resultTitle: "K?t qu? t�m ki?m v?i T? kh�a", // K?t qu? t�m ki?m ti�u d? ho?c t? kh�a
noResult: "Xin l?i kh�ng t�m th?y @", // C?nh b�o ch? ra r?ng c�c b�i kh�ng du?c t�m th?y
resultThumbnail: true, // 'true' T�y ch?n d? hi?n th? ho?c ?n c�c h�nh thu nh? b�i trong k?t qu? t�m ki?m
thumbSize: 40, // �u?c s? d?ng d? x�c d?nh k�ch thu?c v� k?t qu? tru?c d? ph�n gi?i
fallbackThumb: "http://rder-download.google.com/svn/trunk/s/no--72x72.png" // Khi b�i ko c� ?nh
};
//]]>
</script>
<script type="text/javascript" src="http://blogdautocrazy.google.com/files/Timkiem1.js"></script></center>

�? h?p t�m ki?m n�y v�o ch? ph� h?p tr�n blog

LUU FILE JS
http://blogdautocrazy.google.com/files/Timkiem1.js
NGU?N:
http://kartriderdautocrazy01.blogspot.com/2013/04/srch-form-feed-width200px-lebar-kotak.html

No comments:

Post a Comment